.main {
    width: 1200px !important;
    margin: auto
}

.title {
    text-align: center
}

.title h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 23px;
    color: #353535;
}

.title h1 span {
    color: #F73B42;
    margin-right:5px;
}

.title p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #9599A8;
    margin-top: 19px
}


.banner header {
    height: 70px;
    width: 100%
}

.banner header .header_content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.banner header .header_content .logo {
    height: 40px;
    width: 130px;
    display: flex;
    align-items: center;
    position: relative;
    top: 1px;
/*/static/comindex/img/image/banner.png*/
    background: url(https://www.huolieyun.com//static/comindex/img/image/logo_white7.png) no-repeat;
    background: url(https://www.huolieyun.com//static/comindex/img/image/logo_white7.png) no-repeat\9;
    background-size: 130px auto;
    background-position: center center;
}
.banner header .header_content .logo1 {
    height: 40px;
    width: 130px;
    display: flex;
    align-items: center;
    position: relative;
    top: 1px;
    /*/static/comindex/img/image/banner.png*/
    background: url(https://www.huolieyun.com//static/comindex/img/image/logo_black7.png) no-repeat;
    background: url(https://www.huolieyun.com//static/comindex/img/image/logo_black7.png) no-repeat\9;
    background-size: 130px auto;
    background-position: center center;
}

.banner header .header_content .nav {
    display: flex;
    align-items: center
}

.banner header .header_content .nav>ul {
    display: flex;
    align-items: center;
    margin-right: 180px;
}

.banner header .header_content .nav ul>li:hover section {
    display: block
}

.banner header .header_content .nav ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70px;
    margin-right: 8px;
    width: 70px
}

.banner header .header_content .nav ul>li a {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 70px;
    display: block;
}

.banner header .header_content .nav ul>li>span {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background: white;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.banner header .header_content .nav ul>li section {
    z-index: 999;
    display: none;
    position: absolute;
    height: 100px;
    bottom: -99px;
    left: -262px;
    background: white;
    width: 835px;
    border-radius: 5px;
}

.banner header .header_content .nav ul>li section .up {
    width: 10px;
    height: 10px;
    position: absolute;
    left: -245px;
    right: 0;
    margin: auto;
    top: -5px;
    background: white;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg)
}

.banner header .header_content .nav ul>li section ul {
    /*margin-top: 25px;*/
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    /*width: 850px;*/
    height: 100px;
}

.banner header .header_content .nav ul>li section ul li {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 265px;
    /*margin-right: 10px;*/
    margin-left: 10px;
    border-radius: 5px
}

.banner header .header_content .nav ul>li section ul li div h1 {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #28375F;
    line-height: 30px;
    font-weight: bold;
}

.banner header .header_content .nav ul>li section ul li div p {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: #9aa3af;
    line-height: 30px
}

.banner header .header_content .nav ul>li section ul li div:nth-child(1) {
    width: 47px;
    height: 47px;
    margin: 10px;
    display: inline-block;
    background: linear-gradient(to bottom, #f3f6ff, #ecf1ff);
    text-align: center;
    line-height: 47px;
    border-radius: 30px
}

.banner header .header_content .nav ul>li section ul li div:nth-child(1) span {
    font-size: 16px;
    color:  #f9f9f9;
    font-size: 20px;
    /* background: linear-gradient(to top, #487aff, #8ca8ff);
    -webkit-background-clip: text;
    color: transparent; */
    font-weight: 500
}

.banner header .header_content .nav ul>li section ul li:hover {
    background: #eee
}

.banner header .header_content .nav ul .active span {
    display: block
}

.banner header .header_content .nav .nav_btn .login {
    width: 60px;
    /*line-height: 35px;*/
    height: 35px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.banner header .header_content .nav .nav_btn .loginIndex {
    width: 60px;
    /*line-height: 35px;*/
    height: 35px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: #202642;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}
.banner header .header_content .nav .nav_btn .register {
    margin-left: 10px;
    width: 120px;
    height: 36px;
    /*line-height: 35px;*/
    background: #F73B42;
    border-radius: 4px;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer
}

.banner .banner_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.banner .banner_content .banner_left {
    width: 700px
}

.banner .banner_content .banner_left h3 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #FEFEFF;
    margin-top: 15px;
}

.banner .banner_content .banner_left h1 {
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px
}

.banner .banner_content .banner_left h3:nth-child(1) {
    margin-top: 140px
}

.banner .banner_content .banner_left button {
    width: 180px;
    height: 45px;
    background: #f3585e;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: white;
    letter-spacing: 2px;
    margin-top: 40px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.index .banner_content .banner_left button {
    width: 120px;
    height: 40px;
    background: #F73B42;
    border-radius: 4px;
    border: none;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
    margin-top: 88px
}

.banner .banner_content .banner_right {
    width: 550px;
    text-align: right;
    min-height: 360px;
}

.banner .banner_content .banner_right img {
    width: 80%;
    height: auto;
    margin-top: 70px;
    position: relative;
}



.index {
    background:
            linear-gradient(to right, rgba(236,236,237,0.8) , rgba(241,241,241,0.9)), url(/static/comindex/img/newimg/kuaizhiIndex.jpg) top;
    background-size: cover;
}

.onlineService {
    background:#3b16cf url(../img/newimg/zu307.png) no-repeat center/100% 100%;
    height: 500px;
}

.dqdjr {
    background: url(../img/svg/dqdjr.svg) no-repeat center/100% 100%
}

.sfxwgz {
    background: url(../img/svg/sfxwgz.svg) no-repeat center/100% 100%
}

.zdyfg {
    background: url(../img/svg/zdyfg.svg) no-repeat center/100% 100%
}

.znjqr {
    background: url(../img/svg/znjqr2.svg) no-repeat center/100% 100%
}

.znpf {
    background: url(../img/svg/znpf.svg) no-repeat center/100% 100%
}

.zngd {
    background: url(../img/svg/zngd2.svg) no-repeat center/100% 100%
}

.sjbb {
    background: url(../img/svg/sjbb.svg) no-repeat center/100% 100%
}

.zdyx {
    background: url(../img/svg/zdyx.svg) no-repeat center/100% 100%
}

.crmxt {
    background: url(../img/svg/crmxt.svg) no-repeat center/100% 100%
}

.yhhx {
    background: url(../img/svg/yhhx.svg) no-repeat center/100% 100%
}

.znyd {
    background: url(../img/svg/znyd.svg) no-repeat center/100% 100%
}

.kfgl {
    background: url(../img/svg/kfgl.svg) no-repeat center/100% 100%
}

.qjc {
    background: url(../img/svg/qjc.svg) no-repeat center/100% 100%
}

.hhjk {
    background: url(../img/svg/hhjk.svg) no-repeat center/100% 100%
}

.zdsy {
    background: url(../img/svg/zdsy.svg) no-repeat center/100% 100%
}

.ytsb {
    background: url(../img/svg/ytsb.svg) no-repeat center/100% 100%
}

.online_dqdjr {
    background: url(../img/svg/online_dqdjr.svg) no-repeat center/100% 100%
}

.online_dzjdfs {
    background: url(../img/svg/online_dzjdfs.svg) no-repeat center/100% 100%
}

.online_kfjnzfl {
    background: url(../img/svg/online_kfjnz.svg) no-repeat center/100% 100%
}

.online_fmtgt {
    background: url(../img/svg/online_fmtgt.svg) no-repeat center/100% 100%
}

.online_hhzdyd {
    background: url(../img/svg/online_hhzdyd.svg) no-repeat center/100% 100%
}

.online_zdtkyq {
    background: url(../img/svg/online_zdtkyq.svg) no-repeat center/100% 100%
}

.online_kfzdyqhh {
    background: url(../img/svg/online_kfzdyqhh.svg) no-repeat center/100% 100%
}

.online_ltxxtb {
    background: url(../img/svg/online_ltxxtb.svg) no-repeat center/100% 100%
}

.online_yhsfhx {
    background: url(../img/svg/online_yhsfhx.svg) no-repeat center/100% 100%
}

.online_yhly {
    background: url(../img/svg/online_yhly.svg) no-repeat center/100% 100%
}

.online_yhllgj {
    background: url(../img/svg/online_yhhdgj.svg) no-repeat center/100% 100%
}

.online_yhfwfx {
    background: url(../img/svg/online_yhfwfx.svg) no-repeat center/100% 100%
}

.online_znzj {
    background: url(../img/svg/online_znzj.svg) no-repeat center/100% 100%
}

.online_kfgzlfx {
    background: url(../img/svg/online_kfgzl.svg) no-repeat center/100% 100%
}

.online_hhjl {
    background: url(../img/svg/online_hhjl.svg) no-repeat center/100% 100%
}

.online_khmydpj {
    background: url(../img/svg/online_khmydpj.svg) no-repeat center/100% 100%
}

.robot_dqdjr {
    background: url(../img/svg/online_dqdjr.svg) no-repeat center/100% 100%
}

.robot_dzjdfs {
    background: url(../img/svg/robot_dzjdfs.svg) no-repeat center/100% 100%
}

.robot_dlhh {
    background: url(../img/svg/robot_dlhh.svg) no-repeat center/100% 100%
}

.robot_ytsb {
    background: url(../img/svg/robot_ytsb.svg) no-repeat center/100% 100%
}

.robot_sfjkdy {
    background: url(../img/svg/robot_sfjkdy.svg) no-repeat center/100% 100%
}

.robot_zskpldr {
    background: url(../img/svg/robot_zskpldr.svg) no-repeat center/100% 100%
}

.robot_cjwtyd {
    background: url(../img/svg/robot_cjwtyd.svg) no-repeat center/100% 100%
}

.robot_xswtgl {
    background: url(../img/svg/robot_xswtgl.svg) no-repeat center/100% 100%
}

.robot_wzwtznxx {
    background: url(../img/svg/robot_wzwtznxx.svg) no-repeat center/100% 100%
}

.robot_jqrfzrg {
    background: url(../img/svg/robot_jqrfzrg.svg) no-repeat center/100% 100%
}

.robot_djqrjh {
    background: url(../img/svg/robot_djqrjh.svg) no-repeat center/100% 100%
}

.robot_ltxxtb {
    background: url(../img/svg/robot_ltxxtb.svg) no-repeat center/100% 100%
}

.robot_dzjdfs2 {
    background: url(../img/svg/online_dzjdfs.svg) no-repeat center/100% 100%
}

.robot_jqrwdfx {
    background: url(../img/svg/robot_jqrwdfx.svg) no-repeat center/100% 100%
}

.robot_rdwtfx {
    background: url(../img/svg/robot_rdwtfx.svg) no-repeat center/100% 100%
}

.robot_znyhcl {
    background: url(../img/svg/robot_znyhcl.svg) no-repeat center/100% 100%
}

.order_gdglyhxx {
    background: url(../img/svg/order_gdglyhxx.svg) no-repeat center/100% 100%
}

.order_gdglhh {
    background: url(../img/svg/order_gdglhh.svg) no-repeat center/100% 100%
}

.order_dgzdy {
    background: url(../img/svg/order_gdzdy.svg) no-repeat center/100% 100%
}

.order_gdgxbq {
    background: url(../img/svg/order_gdgxbq.svg) no-repeat center/100% 100%
}

.order_gdjk {
    background: url(../img/svg/order_gdjk.svg) no-repeat center/100% 100%
}

.order_gdbb {
    background: url(../img/svg/order_gdbb.svg) no-repeat center/100% 100%
}

.order_slajk {
    background: url(../img/svg/order_slajk.svg) no-repeat center/100% 100%
}

.order_sstx {
    background: url(../img/svg/order_sstx.svg) no-repeat center/100% 100%
}

.order_ksjs {
    background: url(../img/svg/order_ksjs.svg) no-repeat center/100% 100%
}

.part_btn {
    font-size: 14px;

    font-weight: 400;
    text-align: center
}

.part_btn .white {
    width: 110px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #DEE3E8;
    border-radius: 6px;
    color: #2E2E3B;
    margin: auto 15px;
    cursor: pointer;
    font-size:15px;
}

.part_btn .white:hover {
    background: #F73B42;
    border: 1px solid #F73B42;
    color: white
}

.part_btn .red {
    width: 110px;
    height: 42px;
    background: #F73B42;
    border: 1px solid #F73B42;
    border-radius: 6px;
    color: white;
    margin: auto 15px;
    cursor: pointer;
    font-size:15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.part1 .part1_nav {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.part1 .part1_nav li {
    display: flex;
    align-items: center;
    height: 150px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.part1 .part1_nav li .content {
    width: 275px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.part1 .part1_nav li .content div:nth-child(1) {
    width: 50px;
    height: 47px;
    margin-right: 18px;
    /*margin-left: 5px;*/
}

.part1 .part1_nav li .content div:nth-child(2) {
    width: 168px;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 5px;
}

.part1 .part1_nav li .content div:nth-child(2) h5 {
    font-size: 16px;
    margin: 4px auto
}

.part1 .part1_nav li .content div:nth-child(2) p {
    font-size: 14px;
    margin: 4px auto;
    margin-top: 10px;
    line-height: 20px;
}

.part1 .part1_nav li span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 60px;
    height: 6px;
    border-radius: 3px;
    display: none
}

/*
.part1 .part1_nav .zxkf .content {
    background: url(../img/svg/zxkfbg.svg) no-repeat center/100% 100%;
    cursor:pointer
}

.part1 .part1_nav .zxkf span {
    background: linear-gradient(90deg, #00D7BB 0%, #05D3B3 100%)
}

.part1 .part1_nav .zxkf .icon {
    background: url(../img/svg/zxkf.svg) no-repeat center/100% 100%
}

.part1 .part1_nav .zngd .content {
    background: url(../img/svg/zngdbg.svg) no-repeat center/100% 100%;
    cursor:pointer
}

.part1 .part1_nav .zngd span {
    background: linear-gradient(90deg, #608DFF 0%, #8F5DFF 99%)
}

.part1 .part1_nav .zngd .icon {
    background: url(../img/svg/zngd.svg) no-repeat center/100% 100%
}


.part1 .part1_nav .znjqr .content {
    background: url(../img/svg/znjqrbg.svg) no-repeat center/100% 100%;
    cursor:pointer

}

.part1 .part1_nav .znjqr span {
    background: linear-gradient(90deg, #FF6E5B 0%, #FF4D38 100%)
}

.part1 .part1_nav .znjqr .icon {
    background: url(../img/svg/znjqr.svg) no-repeat center/100% 100%
}

.part1 .part1_nav .khgl .content {
    background: url(../img/svg/khglbg.svg) no-repeat center/100% 100%;
    cursor:pointer

}

.part1 .part1_nav .khgl span {
    background: linear-gradient(-90deg, #449FFF 0%, #11B9FF 99%)
}

.part1 .part1_nav .khgl .icon {
    background: url(../img/svg/khgl.svg) no-repeat center/100% 100%;
    cursor:pointer

}
*/
.part1 .part1_nav .active span {
    display: block
}

.part1 .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none
}

.part1 .content section:nth-child(1) {
    width: 412px
}

.part1 .content section:nth-child(1) h3 {
    margin-top: 46px;
    font-size: 18px;

    font-weight: bold;
    color: #474954;
    padding-bottom: 5px;
}

.part1 .content section:nth-child(1) p {
    font-size: 14px;

    font-weight: 400;
    color: #677086;
    line-height: 30px
}

.part1 .content section:nth-child(2) {
    width: 700px
}

.part1 .content section:nth-child(2) img {
    /*width: 100%;*/
    height: 380px;
    margin-top: 40px;
    float: right;
}

.part1 #nav1 {
    display: flex
}

.part2 {
    margin-top: -50px;
    height: 250px;
    width: 100%;
    min-width: 1200px;
    background: url(../img/image/bg2.png) no-repeat center/100% 100%
}

.part2 .whiteTitle {
    text-align: center;
    color: white;
    font-size: 30px;
    padding-top: 25px;

    font-weight: bold;
    color: #FFFFFF;
    line-height: 80px
}

.part2 ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.part2 ul li {
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 61px
}

.part2 ul li div {
    display: flex;
    align-items: center;
    align-items: flex-end
}

.part2 ul li div section:nth-child(1) {
    font-size: 48px;
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF
}

.part2 ul li div section:nth-child(1) span {
    font-size: 24px
}

.part2 ul li div section:nth-child(2) span {
    font-size: 20px;
    position: relative;
    top: -8px;
    margin-right: 5px;
    color: #00E16A
}

.part2 ul li div section:nth-child(2) .red {
    color: #FF4716
}

.part2 ul li p {
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF
}

.part2 .part2_btn {
    margin-top: 47px
}

.part2 .httpInput input {
    width: 584px;
    height: 40px;
    background: #FFFFFF;
    border: none;
    box-shadow: 0px 3px 10px 0px rgba(201, 226, 205, 0.35);
    border-radius: 4px;
    text-indent: 21px;
    font-size: 15px;
}


.part3 {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    background: #f7f8fd;
    padding-top: 20px;
    padding-bottom: 46px
}

.part3 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

.part3 ul li {
    width: 228px;
    height: 270px;
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center
}

.part3 ul li div {
    margin: 8px auto 0
}

.part3 ul li div img {
    width: 106px;
    height: 102px
}

.part3 ul li h3 {
    font-size: 18px;

    font-weight: 400;
    color: #202543
}

.part3 ul li p {
    width: 197px;
    font-size: 14px;

    font-weight: 400;
    color: #677086;
    line-height: 24px;
    margin: auto;
    text-align: left;
    margin-top: 20px
}

.part3 .blackTitle {
    font-size: 30px;

    font-weight: bold;
    color: #202543;
    margin-top: 60px;
    text-align: center
}

.part3 .httpInput {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

.part3 .httpInput input {
    width: 584px;
    height: 60px;
    background: #FFFFFF;
    border: none;
    box-shadow: 0px 3px 10px 0px rgba(201, 226, 205, 0.35);
    border-radius: 4px;
    text-indent: 21px;
    font-size: 20px
}

.part3 .httpInput button {
    width: 140px;
    height: 60px;
    background: #F73B42;
    box-shadow: 0px 3px 10px 0px rgba(201, 226, 205, 0.35);
    border-radius: 4px;
    border: none;
    font-size: 18px;

    font-weight: 400;
    color: #FFFFFF;
    margin-left: 45px
}

.part4 .title {
    margin-top: 40px
}

.part4 .part4_content {
    height: 400px;
    margin-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.part4 .part4_content .bigImg1 {
    width: 670px;
    margin-right: 80px
}

.part4 .part4_content .bigImg1 img {
    width: 100%;
    height: auto
}

.part4 .part4_content .download_btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.part4 .part4_content .download_btn section {
    margin-left: 25px;
    margin-right: 25px
}

.part4 .part4_content .download_btn section div {
    position: relative
}

.part4 .part4_content .download_btn section .imgsamll {
    display: block;
    margin: auto;
    width: 106px;
    height: 200px;
    position: relative
}

.part4 .part4_content .download_btn section .imgsamll img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 29px
}

.part4 .part4_content .download_btn section button {
    border: none;
    margin-top: 12px
}

.part4 .part4_content .download_btn section .green {
    width: 110px;
    height: 36px;
    background: #0ECBAE;
    border-radius: 4px;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.part4 .part4_content .download_btn section .blue {
    width: 150px;
    height: 36px;
    background: #5D89FF;
    font-size: 12px;

    font-weight: 400;
    color: #FFFFFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.part5 .part5_content {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.part5 .part5_content li {
    width: 250px;
    text-align: center;
    margin-bottom: 40px
}

.part5 .part5_content li div {
    width: 100px;
    height: 100px;
    margin: auto
}

.part5 .part5_content li h2 {
    font-size: 18px;

    font-weight: 400;
    color: #202543;
    line-height: 20px;
    margin-top: 20px
}

.part5 .part5_content li p {
    margin-top: 20px;
    width: 224px;
    font-size: 14px;

    font-weight: 400;
    color: #677086;
    line-height: 24px;
    margin: auto
}

.part5 .order_part5_content li {
    width: 300px
}

.part6 .part6_content {
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}
.part6 .part6_content li{
    width: auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.part6 .part6_content li:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.part6 .part6_content img {
    display: block;
    width: auto;
    height: auto;
    padding-left: 20px;
    padding-right: 20px
}
/*.part6 .part6_content img:hover{*/
/*    box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
/*    transition: none;*/
/*}*/

.part7 {
    width: 100%;
    min-width: 1200px;
    margin-top: 60px;
    overflow: hidden;
    height: 260px;
    background: url(../img/image/bg3.png) no-repeat center/100% 101%
}

.part7 .whiteTitle {
    font-size: 24px;

    font-weight: 400;
    color: #FFFFFF;
    margin-top: 52px;
    text-align: center
}

.part7 .httpInput {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 38px
}

.part7 .httpInput input {
    width: 584px;
    height: 60px;
    background: #FFFFFF;
    border: none;
    box-shadow: 0px 3px 10px 0px rgba(201, 226, 205, 0.35);
    border-radius: 4px;
    text-indent: 21px;
    font-size: 20px
}

.part7 .httpInput button {
    width: 140px;
    height: 60px;
    background: #F73B42;
    box-shadow: 0px 3px 10px 0px rgba(201, 226, 205, 0.35);
    border-radius: 4px;
    border: none;
    font-size: 18px;

    font-weight: 400;
    color: #FFFFFF;
    margin-left: 45px
}

footer {
    /*height: 266px;*/
    width: 100%;
    min-width: 1200px;
    background: #0e1421
}

footer .footer_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

footer .footer_content .footer_left .logo {
    margin-top: 28px;
    width: 100px;
    height: 26px;
    background: url(../img/svg/logo.svg) no-repeat center/100% 100%
}

footer .footer_content .footer_left .left_content {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 27px
}

footer .footer_content .footer_left .left_content img {
    width: 90px;
    height: 90px;
    background: #FFFFFF;
    border-radius: 4px
}

footer .footer_content .footer_left .left_content article:nth-child(1) p {
    text-align: center;
    font-size: 12px;

    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    line-height: 34px
}

footer .footer_content .footer_left .left_content article:nth-child(2) {
    margin-left: 20px;
    width: 138px;
    height: 36px;
    font-size: 12px;

    font-weight: 400;
    color: rgba(255, 255, 255, 0.5)
}

footer .footer_content .footer_left .left_content article:nth-child(2) h5 {
    margin-top: 5px
}

footer .footer_content .footer_left .left_content article:nth-child(2) p {
    margin-top: 4px;
    margin-bottom: 10px
}

footer .footer_content .footer_right ul {
    display: flex;
    align-items: center;
    align-items: flex-start;
    justify-content: flex-end
}

footer .footer_content .footer_right ul li {
    width: 120px;
    color: white
}

footer .footer_content .footer_right ul li h4 {
    margin-top: 40px;
    font-size: 16px;

    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 20px
}

footer .footer_content .footer_right ul li div {
    margin-bottom: 10px
}

footer .footer_content .footer_right ul li div a {
    font-size: 14px;

    font-weight: 400;
    color: #747A85
}

footer .footer_content .footer_right ul li div a:hover {
    color: white
}

footer .copyright {
    border-top: 1px solid #1D232C;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;

    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    line-height: 34px;
    text-align: center;
    height: 60px;
    line-height: 60px
}

.online_part1 {
    padding-top: 30px;
    padding-bottom: 30px;
    min-width: 1200px;
    overflow: hidden
}

.online_part1 .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom:30px;
}

.online_part1 .content div:nth-child(1) {
    width: 550px
}

.online_part1 .content div:nth-child(1) h3 {
    font-size: 22px;

    font-weight: bold;
    color: #202543;
    line-height: 36px
}

.online_part1 .content div:nth-child(1) p {
    margin-top: 30px;
    font-size: 16px;

    font-weight: 400;
    color: #677086;
    line-height: 30px
}

.online_part1 .content div:nth-child(1) .btn {
    margin-top: 58px
}

.online_part1 .content div:nth-child(1) .btn button {
    width: 110px;
    height: 40px;
    background: #f3585e;
    border: 1px solid #DEE3E8;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    outline: none;
    cursor: pointer;
}

/*.online_part1 .content div:nth-child(1) .btn button:hover {*/
/*    background: #F73B42;*/
/*    color: white*/
/*}*/

.online_part1 .content div:nth-child(2) {
    width: 500px;
    height: auto
}
.online_part1 .content div:nth-child(2) img{
    width: 100%;
    height: auto;
}
.online_part2 {
    padding-top: 30px;
    padding-bottom: 30px;
    min-width: 1200px;
    overflow: hidden;
    background: #F7F8FD
}

.online_part2 .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 70px
}

.online_part2 .content div:nth-child(2) {
    width: 550px
}

.online_part2 .content div:nth-child(2) h3 {
    font-size: 22px;

    font-weight: bold;
    color: #202543;
    line-height: 36px
}

.online_part2 .content div:nth-child(2) p {
    margin-top: 30px;
    font-size: 16px;

    font-weight: 400;
    color: #677086;
    line-height: 30px
}

.online_part2 .content div:nth-child(2) .btn {
    margin-top: 58px
}

.online_part2 .content div:nth-child(2) .btn button {
    width: 110px;
    height: 40px;
    background: #f3585e;
    border: 1px solid #DEE3E8;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

/*.online_part2 .content div:nth-child(2) .btn button:hover {*/
/*    background: #F73B42;*/
/*    color: white*/
/*}*/

.online_part2 .content div:nth-child(1) {
    width: 500px;
    height: auto
}
.online_part2 .content div:nth-child(1) img{
    width: 100%;
    height: auto;
}

.about {
    background: url(../img/image/banner_1.1.png) no-repeat;
    background-position: center;
    background-color: #3c363b;
    background-size: cover;
}

.about .about_content {
    text-align: center
}

.about .about_content h1 {
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 40px
}

.about .about_content p {
    font-size: 20px;
    font-weight: 400;
    color: #FEFEFF;
    line-height: 30px;
    margin-top: 24px
}

.about_nav {
    width: 100%;
    height: 60px;
    min-width: 1200px;
    background: #F4F6F9
}

.about_nav ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.about_nav ul li {
    width: 300px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    color: #202543;
    position: relative
}

.about_nav ul li span {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 49px;
    height: 5px;
    background: #F73B42;
    border-radius: 2px;
    display: none
}

.about_nav ul .active {
    color: #F73B42
}

.about_nav ul .active span {
    display: block
}

.about_companyMsg {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
    width: 100%;
    min-width: 1200px
}

.about_companyMsg .content {
    width: 1062px;
    font-size: 18px;
    font-weight: 400;
    color: #202543;
    line-height: 34px;
    margin: 50px auto 0
}

.about_line .line {
    width: 800px;
    margin: auto
}

.about_line .line .lineStyle1 {
    clear: both
}

.about_line .line .lineStyle1>div {
    float: left;
    width: 400px;
    height: 63px;
    font-size: 30px;
    font-weight: 400;
    color: #2C6EFF;
    text-align: right;
    display: flex
}

.about_line .line .lineStyle1>div h3 {
    font-weight: 400;
    font-size: 30px
}

.about_line .line .lineStyle1>div h3 span {
    font-size: 18px
}

.about_line .line .lineStyle1>div p {
    font-size: 18px;
    color: #000423
}

.about_line .line .lineStyle1>div img {
    margin-top: 20px;
    width: 30px;
    height: 30px;
    margin-left: 50px
}

.about_line .line .lineStyle2 {
    clear: both
}

.about_line .line .lineStyle2>div {
    float: right;
    height: 63px;
    font-size: 30px;
    font-weight: 400;
    color: #2C6EFF;
    text-align: left;
    display: flex
}

.about_line .line .lineStyle2>div h3 {
    font-weight: 400;
    font-size: 30px
}

.about_line .line .lineStyle2>div h3 span {
    font-size: 18px
}

.about_line .line .lineStyle2>div p {
    font-size: 18px;
    color: #000423
}

.about_line .line .lineStyle2>div img {
    margin-top: 20px;
    width: 30px;
    height: 30px;
    margin-right: 50px
}

.about_line .line .colorLine1 {
    clear: both;
    height: 60px;
    position: relative
}

.about_line .line .colorLine1 span {
    display: block;
    width: 190px;
    height: 5px;
    background: #E9E9E9;
    position: absolute;
    top: 0;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transform: rotateZ(32deg);
    -webkit-transform: rotateZ(32deg);
    -moz-transform: rotateZ(32deg);
    -ms-transform: rotateZ(32deg);
    -o-transform: rotateZ(32deg)
}

.about_line .line .colorLine2 {
    clear: both;
    height: 60px;
    position: relative
}

.about_line .line .colorLine2 span {
    display: block;
    width: 190px;
    height: 5px;
    background: #E9E9E9;
    position: absolute;
    top: 0;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transform: rotateZ(-32deg);
    -webkit-transform: rotateZ(-32deg);
    -moz-transform: rotateZ(-32deg);
    -ms-transform: rotateZ(-32deg);
    -o-transform: rotateZ(-32deg)
}

.about_join {
    clear: both;
    padding-top: 30px;
    padding-bottom: 30px
}

.about_join .join_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

.about_join .join_content>li {
    width: 257px;
    height: 360px;
    background: #F9FAFF;
    border: 1px solid rgba(231, 235, 244, 0.8);
    border-bottom: 4px solid #101E57
}

.about_join .join_content>li h3 {
    width: 180px;
    margin: auto;
    margin-top: 31px;
    margin-bottom: 41px;
    display: flex;
    font-size: 18px;

    font-weight: 400;
    color: #000523
}

.about_join .join_content>li h3>span {
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-right: 10px
}

.about_join .join_content>li ul {
    width: 180px;
    margin: auto
}

.about_join .join_content>li ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #59657F;
    margin-bottom: 28px
}

.about_join .join_content>li ul li span {
    width: 4px;
    height: 4px;
    background: #59657F;
    border-radius: 50%;
    display: block;
    margin-right: 11px
}

.about_join .join_content>li:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3)
}

.about_join .join_ewm {
    margin-top: 76px;
    display: flex;
    align-items: center;
    justify-content: center
}

.about_join .join_ewm section:nth-child(1) {
    width: 214px;
    height: 214px;
    background: #FFFFFF;
    border: 1px solid rgba(231, 235, 244, 0.8);
    position: relative;
    margin-left: 20px;
    margin-right: 20px
}

.about_join .join_ewm section:nth-child(1) img {
    width: 162px;
    height: 162px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.about_join .join_ewm section:nth-child(2) {
    width: 601px;
    height: 180px;
    padding: 17px;
    background: #FFFFFF;
    border: 1px solid rgba(231, 235, 244, 0.8);
    margin-left: 20px;
    margin-right: 20px
}

.about_join .join_ewm section:nth-child(2) div {
    font-size: 18px;

    font-weight: 400;
    color: #59657F;
    line-height: 36px;
    margin-left: 20px
}

.about_join .join_ewm section:nth-child(2) div span {
    color: #5979F9
}

.piace {
    background: white url(../img/image/piace_bg.png) no-repeat center/100% 100%
}

.piace_part {
    width: 100%;
    margin-top: 45px
}

.piace_part .piace_zy {
    width: 950px;
    height: 493px;
    margin: 40px auto;
    background: #FFFFFF;
    border-radius: 4px
}

.piace_part .piace_zy .piace_title {
    width: 949px;
    height: 53px;
    background: #4F86FF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white
}

.piace_part .piace_zy .piace_title div {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 400
}

.piace_part .piace_zy .piace_title div span {
    width: 130px;
    height: 23px;
    font-size: 24px;
    font-family: Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px
}

.piace_part .piace_zy .piace_part_content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px
}

.piace_part .piace_zy .piace_part_content ul li {
    width: 130px;
    font-size: 16px;
    font-weight: 400;
    color: #3B436A;
    margin-top: 15px;
    margin-bottom: 15px
}

.piace_part .piace_zy .piace_btn {
    text-align: center;
    margin-top: 38px
}

.piace_part .piace_zy .piace_btn button {
    width: 100px;
    height: 36px;
    background: #F73B42;
    border-radius: 4px;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
    border: none;
    outline: none
}

.piace_part .piace_kf {
    width: 950px;
    height: 300px;
    margin: auto;
    background: #FFFFFF;
    border-radius: 4px;
    margin: 40px auto
}

.piace_part .piace_kf .piace_title {
    width: 949px;
    height: 53px;
    background: #0DC59C;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white
}

.piace_part .piace_kf .piace_title div {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 400
}

.piace_part .piace_kf .piace_title div span {
    width: 130px;
    height: 23px;
    font-size: 24px;
    font-family: Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px
}

.piace_part .piace_kf .piace_part_content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 35px
}

.piace_part .piace_kf .piace_part_content ul li {
    width: 130px;
    font-size: 16px;
    font-weight: 400;
    color: #3B436A;
    margin-top: 15px;
    margin-bottom: 15px
}

.piace_part .piace_kf .piace_btn {
    text-align: center;
    margin-top: 38px
}

.piace_part .piace_kf .piace_btn button {
    width: 100px;
    height: 36px;
    background: #F73B42;
    border-radius: 4px;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
    border: none;
    outline: none
}

/*.download {*/
/*    background: #3b97ff url(../img/image/download_bg.png) no-repeat center/100% 100%*/
/*}*/

.download_part1 .part1_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 64px
}

.download_part1 .part1_content .part1_left {
    width: 450px;
    height: 338px
}

.download_part1 .part1_content .part1_left img {
    width: 100%;
    height: 100%
}

.download_part1 .part1_content .part1_right section {
    display: flex;
    align-items: center;
    width: 600px;
    height: 80px;
    justify-content: flex-start;
    margin-top: 47px;
    margin-bottom: 47px
}

.download_part1 .part1_content .part1_right section img {
    height: 80px;
    width: 80px;
    margin-right: 24px
}

.download_part1 .part1_content .part1_right section h2 {
    font-size: 22px;

    font-weight: bold;
    color: #202543;
    margin-bottom: 8px
}

.download_part1 .part1_content .part1_right section p {
    margin-top: 8px;
    font-size: 16px;

    font-weight: 400;
    color: #677086
}

.download_part1 .download_downloadbtn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 61px
}

.download_part1 .download_downloadbtn button {
    width: 240px;
    height: 70px;
    border: none;
    outline: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 20px;

    font-weight: 400;
    color: #FFFFFF;
    margin-left: 24px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.download_part1 .download_downloadbtn button span {
    font-size: 25px
}

.download_part1 .download_downloadbtn .ios {
    background: linear-gradient(90deg, #449FFF 0%, #20CAFF 99%)
}

.download_part1 .download_downloadbtn .android {
    background: linear-gradient(-90deg, #35DCA7 0%, #12D781 99%)
}

.download_part2 {
    margin-top: 87px
}

.download_part2 .part2_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.download_part2 .part2_content li {
    width: 250px;
    height: 310px;
    background: #FFFFFF;
    border-radius: 6px;
    text-align: center;
    margin-top: 18px
}

.download_part2 .part2_content li img {
    width: auto;
    height: 107px;
    margin-top: 34px;
    margin-bottom: 31px
}

.download_part2 .part2_content li h5 {
    color: #273044;
    font-size: 14px;
    font-weight: 400
}

.download_part2 .part2_content li p {
    font-size: 12px;
    color: #59657F;
    font-weight: 400;
    margin-top: 10px
}

.download_part2 .part2_content li button {
    margin-top: 21px
}

.download_part2 .part2_content li .phone {
    width: 120px;
    height: 36px;
    background: #0ECBAE;
    box-shadow: 0px 1px 6px 0px rgba(10, 192, 164, 0.46);
    border-radius: 4px;
    outline: none;
    border: none;
    color: white
}

.download_part2 .part2_content li .phone span {
    font-size: 15px
}

.download_part2 .part2_content li .pc {
    width: 160px;
    height: 36px;
    background: #5D89FF;
    box-shadow: 0px 1px 6px 0px rgba(57, 107, 240, 0.46);
    border-radius: 4px;
    outline: none;
    border: none;
    color: white
}

.download_part2 .part2_content li .pc span {
    font-size: 15px
}

.download_part2 .part2_content li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.download_part3 {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.download_part3 a {
    margin-left: 20px;
    margin-right: 20px;
    color: #209EFC;
    text-decoration: underline;
    margin-right: 85px;
    margin-left: 85px;
    font-size: 16px
}

.robot {
    background: #4120c5 url(../img/newimg/robotbanner.png) no-repeat center/100% 100%;
    height: 500px;
}

.robot_part1 {
    margin-top: 60px
}

.robot_part1 .part1_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

.robot_part1 .part1_content li {
    width: 261px;
    height: 290px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.robot_part1 .part1_content li div {
    width: 80px;
    height: 80px;
    margin: auto;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin-top: 39px
}

.robot_part1 .part1_content li h2 {
    text-align: center;
    font-size: 18px;

    font-weight: 400;
    color: #FFFFFF;
    margin-top: 26px
}

.robot_part1 .part1_content li p {
    width: 198px;
    margin: auto;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.7;
    margin-top: 19px;
    line-height: 20px;

}

.robot_part1 .part1_content .jpkfyzx {
    background: linear-gradient(141.51deg, #9A9AFF 0%, #8E61FF 100%)
}

.robot_part1 .part1_content .jpkfyzx div {
    background: url(../img/svg/jpkfyzx.svg) no-repeat center/100% 100%
}

.robot_part1 .part1_content .jdrgcb {
    background: linear-gradient(134.96deg, #FFAA43 1%, #FF7D2E 100%)
}

.robot_part1 .part1_content .jdrgcb div {
    background: url(../img/svg/jdrgcb.svg) no-repeat center/100% 100%
}

.robot_part1 .part1_content .fzdh {
    background: linear-gradient(-55deg, #2AD4BE 0%, #12D2B5 99%)
}

.robot_part1 .part1_content .fzdh div {
    background: url(../img/svg/fzdh.svg) no-repeat center/100% 100%
}

.robot_part1 .part1_content .whjd {
    background: linear-gradient(148.07deg, #50CCF8 0%, #00A8FF 100%)
}

.robot_part1 .part1_content .whjd div {
    background: url(../img/svg/whjd.svg) no-repeat center/100% 100%
}

.robot_part2 {
    margin-top: 60px
}

.robot_part2 .part2_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.robot_part2 .part2_content li {
    margin-top: 60px
}

.robot_part2 .part2_content li h3 {
    font-size: 16px;

    font-weight: 400;
    color: #202543;
    text-align: center
}

.robot_part2 .part2_content li img {
    width: 353px;
    height: auto;
    /*height: 500px;*/
    /*background: #F7F7F8;*/
    /*border: 1px solid #EEEEF5;*/
    margin-top: 20px
}

.workorder {
    background:#4431cb url(../img/newimg/workorderbg-2-2-2-2.jpg) no-repeat center/100% 100%;
    height: 500px;
}

.order_part1 {
    margin-top: 60px
}

.order_part1 .part1_content {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.order_part1 .part1_content li {
    width: 261px;
    height: 290px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.order_part1 .part1_content li div {
    width: 80px;
    height: 80px;
    margin: auto;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin-top: 39px
}

.order_part1 .part1_content li h2 {
    text-align: center;
    font-size: 18px;

    font-weight: 400;
    color: #FFFFFF;
    margin-top: 26px
}

.order_part1 .part1_content li p {
    width: 198px;
    margin: auto;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.7;
    margin-top: 19px
}

.order_part1 .part1_content .dqdcj {
    background: linear-gradient(-55deg, #FF4C5C 0%, #FC6B60 100%)
}

.order_part1 .part1_content .dqdcj div {
    background: url(../img/svg/order_dqdcj.svg) no-repeat center/100% 100%
}

.order_part1 .part1_content .dbmxz {
    background: linear-gradient(0deg, #22A4FF 0%, #6FAEFF 100%)
}

.order_part1 .part1_content .dbmxz div {
    background: url(../img/svg/order_dbmxz.svg) no-repeat center/100% 100%
}

.order_part1 .part1_content .gdssgz {
    background: linear-gradient(-55deg, #9270FF 0%, #EAA2FF 100%)
}

.order_part1 .part1_content .gdssgz div {
    background: url(../img/svg/order_gdssjk.svg) no-repeat center/100% 100%
}

.order_part1 .part1_content .ddxxkcz {
    background: linear-gradient(0deg, #ffb75e 0%, #f8a325 145%)
}

.fixedNav {
    z-index: 100;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background: #FFFFFF;
    box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1)
}

.fixedNav .fixedNav_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fixedNav .fixedNav_content>a>div {
    height: 40px;
    width: 130px;
    display: flex;
    align-items: center;
    position: relative;
    top: 1px;
    background: url(/static/comindex/img/image/logo_black7.png) no-repeat;
    background: url(/static/comindex/img/image/logo_black7.png) no-repeat\9;
    background-size: 130px auto;
    background-position: center center;

}

.fixedNav .fixedNav_content>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 66px
}

.fixedNav .fixedNav_content>div:nth-child(2)>ul {
    display: flex;
    align-items: center;
    margin-right: 180px;
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li:hover section {
    display: block
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 66px;
    margin-right: 8px;
    width: 70px;
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li a {
    font-size: 16px;

    font-weight: 400;
    color: #353535;
    /*line-height: 80px*/
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li>span {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 3px;
    background: #F73B42;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section {
    display: none;
    position: absolute;
    height: 100px;
    bottom: -100px;
    left: -262px;
    background: white;
    /*width: 850px;*/
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section .up {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 292px;
    /*right: 0;*/
    /*margin: auto;*/
    top: -5px;
    background: white;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg)
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul li {
    height: 80px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: flex-start;
    width: 265px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 5px;
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul li div h1 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #28375F;
    line-height: 30px
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul li div p {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: #9aa3af;
    line-height: 30px
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul li div:nth-child(1) {
    width: 47px;
    height: 47px;
    margin: 5px 10px;
    display: inline-block;
    background: linear-gradient(to bottom, #f3f6ff, #ecf1ff);
    text-align: center;
    line-height: 47px;
    border-radius: 30px
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul li div:nth-child(1) span {
    /*font-size: 16px;*/
    color: #f9f9f9;
    font-size: 20px;
    /*background: linear-gradient(to top, #487aff, #8ca8ff);*/

    font-weight: 600
}

.fixedNav .fixedNav_content>div:nth-child(2) ul>li section ul li:hover {
    background: #f5f7fc
}

.fixedNav .fixedNav_content>div:nth-child(2) ul .active span {
    display: block
}

.fixedNav .fixedNav_content>div:nth-child(2) div .login {
    width: 60px;
    /*line-height: 35px;*/
    height: 35px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(220, 220, 220, 0.7);
    border-radius: 4px;
    outline: none;
    font-size: 14px;

    font-weight: 400;
    color: #202543;
    margin-right: 10px
}

.fixedNav .fixedNav_content>div:nth-child(2) div .register {
    width: 120px;
    height: 35px;
    line-height: 35px;
    background: #F73B42;
    border-radius: 4px;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
    border: none;
    outline: none;
}

.height {
    height: 80px
}

.help_part1 .help_part1_content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.help_part1 .help_part1_content .help_nav {
    /*position: fixed;*/
    margin-top: 48px;
    margin-right: 50px;
    width: 200px;
    background: #FBFCFD;
    border: 1px solid #F5F5F5;
    border-radius: 2px;
    padding: 36px;
    padding-top: 18px;
    padding-bottom: 18px
}

.help_part1 .help_part1_content .help_nav h2 {
    font-size: 18px;

    font-weight: 400;
    color: #202543;
    margin-top: 14px;
    margin-bottom: 14px;
    cursor: pointer
}

.help_part1 .help_part1_content .help_nav h2 span {
    font-size: 18px
}

.help_part1 .help_part1_content .help_nav h3 {
    font-size: 16px;
    font-weight: 400;
    color: #202543;
    line-height: 36px
}

.help_part1 .help_part1_content .help_nav div {
    margin-bottom: 10px;
    font-size: 16px;

    font-weight: 400;
    color: #202543;
    cursor: pointer
}

.help_part1 .help_part1_content .help_nav div ul {
    display: none;
    margin-left: 20px
}

.help_part1 .help_part1_content .help_nav div ul li {
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;

    font-weight: 400
}

.help_part1 .help_part1_content .help_nav .help_active {
    color: #2D72FF
}

.help_part1 .help_part1_content .help_box {
    /*margin-left: 334px;*/
    width: 867px;
    margin-top: 48px;
    margin-bottom: 48px
}

.help_part1 .help_part1_content .help_box div h1 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #F2F4F9;
    font-size: 18px;
    font-weight: 400;
    color: #202543;
}

.help_part1 .help_part1_content .help_box div h2 {
    font-size: 16px;
    font-weight: 400;
    color: #202543;
    padding-top: 15px;
    padding-bottom: 15px
}

.help_part1 .help_part1_content .help_box div p {
    font-size: 16px;
    font-weight: 400;
    color: #6B6F80;
    line-height: 30px
}

.help_part1 .help_part1_content .help_box div p img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px
}

.help_part1 .help_part1_content .help_box #help_box1 {
    display: block
}

.download_alert {
    display: none;
    position: absolute !important;
    bottom: 46px;
    height: 70px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    text-align: center;
    background: white;
    border: 1px solid #d4d9ea;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.download_alert article {
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    font-size: 12px;
}

.download_alert article a {
    display: block;
    height: 100%;
    font-size: 12px;

}
.download_alert article a:hover{
    color: #00A8FF;
    text-decoration: underline;
}

.download_alert span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -6px;
    display: block;
    width: 10px;
    height: 10px;
    background: white;
    border-bottom: 1px solid #9599A8;
    border-right: 1px solid #9599A8;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg)
}

.win_download:hover .download_alert {
    display: block;

}
button{
    cursor: pointer;
}

.part10 {
    /*background: radial-gradient(200% 100% at bottom center, #0070aa, #0b2570, #000035, #000);
    background: radial-gradient(220% 105% at top center, #000 10%, #000035 40%, #0b2570 65%, #004b70);*/
    background: url("/static/comindex/img/newimg/gnqbg.png") no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
    overflow: hidden;
    height: 856px;
    width: 100%;
    position: relative;
}
.part10 .main{
    position: relative;
    width: 1100px !important;
    z-index: 2;
    padding-top: 25px;
}

@keyframes rotate {
    0% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
    }

    100% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
    }
}

#universe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.part10Box{
    background:rgba(29,65,174,0.45);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.contentT,.contentM,.contentB{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.contentTBig{
    width: 241px;
    height: 94px;
}
.contentTSmall{
    width: 97px;
    height: 94px;
}
.contentMSmall{
    width: 114px;
    height: 283px;
}
.contentMbig{
    width: 179px;
    height: 283px;
}
.contentMbigB{
    width: 350px;
    height: 283px;
}
.contentBSmall{
    width: 170px;
    height: 202px;
}
.contentBbig{
    width: 267px;
    height: 202px;
}
.contentBMiniBox{
    width: 97px;
    height: 94px;
}
.part10Box img{
    position: absolute;
}
.part10Box span{
    position: absolute;
    opacity: 0.46;
    font-size: 12px;
    color: white;
    z-index: 10;
}
.part10Box .white{
    font-size: 16px;
    opacity: 1;
}
.part10Box button{
    width: 108px;
    height: 32px;
    opacity: 1;
    background: linear-gradient(0deg,#fd484f 0%, #f73b42 99%);
    border-radius: 4px;
    box-shadow: 0px 0px 2px rgba(255,163,166,0.25) inset;
    border: none;
    outline: none;
    color: white;
    font-size: 14px;
    position: absolute;
    top: 235px;
    left: 120px;
    cursor: pointer;
}
.part11Content{
    display: flex;
    justify-content: center;
    height: 480px;
    padding-top: 30px;
}
.part11Content>div{
    width: 100%;
    height: 467px;
}
.part11Content>div:nth-child(1){
    width: 0%;
    text-align: right;
}
.part11Content>div:nth-child(1) img{
    width: 450px;
    height: auto;
    margin-top: 90px;
    margin-right: 30px;
}
.part11Content ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 42px;
}
.part11Content ul li{
    width: 23%;
    /*height: 270px;*/
    /*margin-right: 11px;*/
    /*!*border-radius: 10px;*!*/
    /*text-align: center;*/
    position: relative;
    /*border:1px  #f1f2f3 solid;*/
    height: 300px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 4px 10px 20px 1px rgba(76,76,76,0.08);
    border: 1px solid white;
}
.part11Content ul li:hover{
    border: 1px solid #F73B42;
}
.part11Content ul li img{
    display: block;
    margin:50px auto 35px;
    height: 60px;
    width: auto;
}
.part11Content ul li span{
    display: block;
    font-size: 20px;
    color: #23335C;
    /*margin-top: 30px;*/
    text-align: center;
}
.part11Content ul li p{
    font-size: 12px;
    color: #B4B6C0;
    margin-top: 7px;
    text-align: center;
}
.part11Content ul li a{
    text-align: center;
    display: block;
}
.part11Content ul li button{
    width: 130px;
    height: 40px;
    opacity: 1;
    background: #fff;
    border-radius: 18px;
    font-size: 16px;
    color: #22335C;
    outline: none;
    cursor: pointer;
    border: 1px solid #dadcde;

    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
}
.part11Content ul li button:hover img{
    display: none;
}
.part11Content ul li button:hover{
    background: #F73B42;
    color: #fff;
    border:none;
}
.part11Content ul li button img{
    width: 12px;
    height: 15px;
    margin: unset;
    display: inline;
    margin-left: 10px;
}

.part12Content>section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.part12Content>section>div{
    width: 45%;

}
.part12Content>section:nth-child(1){
    text-align: right;
}
.part12Content>section h1{
    font-size: 20px;
    font-weight: bold;
    color: #202543;

}
.part12Content>section p{
    font-size: 14px;
    font-weight: 400;
    color: #677086;
    margin-top: 19px;
}
.part12Content>section ul {
    display: flex;
    align-items: center;
}
.part12Content>section ul li{
    width: 140px;
    height: 66px;
    opacity: 1;
    background: #2ad59d;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white;
    margin: 65px 10px;
    font-weight: bold;
}
.part12Content>section ul li img{
    margin-left: 17px;
    margin-right: 19px;
}
.part12Content>section ul li:nth-child(2){
    background: linear-gradient(0deg,#52b7ff 0%, #0095ff 100%);
}
.part12Content>section ul li:nth-child(3){
    background: #f83c43;
}
.part12Content>section:nth-child(1) ul{
    justify-content: flex-end;
}
.hoverShow{
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(18, 26, 53, 100) ;
    color: white;
    padding: 15px;
    box-sizing: border-box;
    font-size: 13px;
}
.part10Box:hover .hoverShow{
    display: block;
}

.hoverShow .hoverDiv {
    /*overflow: auto;*/
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 20px;
    overflow: hidden;
}


/*index*/
.part1 button {
    outline: none;
}
.part4 button {
    outline: none;
}
.downloadName{
    font-size: 24px;
    font-weight: 700;
    color: #202543;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 20px;
}
.part1_nav .icon img{
    width: 46px;
    height: auto;
}
.part1_nav .icon img:nth-child(2){
    display: none;
}
.part1_nav .active .icon{
    /*background: white;*/
    border-radius: 5px;
}
.part1_nav .active .icon img:nth-child(2){
    display: block;
    position: relative;
    top: 4px;
}
.part1_nav .active h5 i{
    color: white;
}
.download_chrome {
    color: #9599A8;
}
.download_chrome:hover {
    color: #F73B42;
}
/*.part12Content{
    padding-bottom: 45px
}*/

.part_btn{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -1%;
    transform: translateX(-192px);
}
.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.juzhenfather{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.juzhenuncle{
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin: 45px 0;
    margin-top: 0px;
}
.juzhen{
    width: 390px;
    border-radius: 8px;
    height: 224px;
    /*background: orange;*/
    margin-bottom: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(0,66,110,0.1);
    background: white;
}
.juzhen h3{
    color: #363636;
}
.juzhen:hover h3{
    color: white;
}
.juzhen p{
    color: #686868;
    line-height: 20px;
    transition: 0.3s;
}
.juzhen img{
    width: 56px;
    height: 56px;
    border-radius: 40%;
}
.juzhen:hover img{
    background: white;
}
/*.juzhenchild1{*/
/*	height: 60px;*/
/*	border-radius: 8px 8px 0 0;*/
/*	padding: 0 14px 0px 30px;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: space-between;*/
/*}*/
/*.juzhenchild1 img{*/
/*	width: auto;*/
/*	height: 59px;*/
/*}*/
.juzhenchild2{
    text-align: center;
    padding: 22px 25px;
    /*color: #fff;*/
    /*padding-left: 36px;*/
}
.juzhenchild2 h3{
    font-size: 22px;
}
.juzhenchild2 p{
    width:230px;
    font-size: 14px;
    margin: 15px 0 16px;
    /*color:#f2f2f2;*/
}
.juzhenchild2 img{
    width: 56px;
}
.juzhenchild2 .juzhenChildTop{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
}
.juzhenchild2 button{
    width: 180px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #fff;
    font-size: 17px;
    /*color: transparent;*/
    cursor: pointer;
    margin-top: 26px;
    margin-bottom: 10px;
    font-weight: 700;
}
.juzhen1{
    /*color: #f35660;*/
    border-bottom: 5px solid #f35660;
}

.juzhen1 button{
    background: white;
    color: #f35660;
    border: 1px solid #f35660;
}
.juzhen1 img{
    background: rgba(243, 86, 96, 0.10);
}
.juzhen1:hover{
    background:#f35660 url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen1:hover p{
    color: white;
}
.juzhen1:hover button{
    background:white;
    color: #f35660;

}

.juzhen2{
    /*color: #317bf3;*/
    border-bottom: 5px solid #317bf3;
}
.juzhen2 img{
    background: rgba(49, 123, 243, 0.10);
}
.juzhen2 button{
    background: white;
    color: #317bf3;
    border:1px solid #317bf3;
}
.juzhen2:hover{
    background:#317bf3 url(/static/comindex/img/newimg/juzhen.png) no-repeat ;
    background-size: cover;
    color: white;
}
.juzhen2:hover p{
    color: white;
}
.juzhen2:hover button{
    background:white;
    color: #317bf3;
}

.juzhen3{
    /*color: #f5823a;*/
    border-bottom: 5px solid #f5823a;
}
.juzhen3 img{
    background: rgba(245, 130, 58, 0.10);
}
.juzhen3 button{
    background: white;
    color: #f5823a;
    border: 1px solid #f5823a;
}
.juzhen3:hover{
    background:#f5823a url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen3:hover p{
    color: white;
}
.juzhen3:hover button{
    background:white;
    color: #f5823a;
}

.juzhen4{
    /*color: #9646ef;*/
    border-bottom: 5px solid #9646ef;
}
.juzhen4 button{
    background: white;
    color: #9646ef;
    border: 1px solid #9646ef;
}
.juzhen4 img{
    background: rgba(150, 70, 239, 0.1);
}
.juzhen4:hover{
    background:#9646ef  url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen4:hover p{
    color: white;
}
.juzhen4:hover button{
    background:white;
    color: #9646ef;
}

.juzhen5{
    /*color: #1fbb67;*/
    border-bottom: 5px solid #1fbb67;
}
.juzhen5 img{
    background: rgba(31, 187, 103, 0.10);
}
.juzhen5 button{
    background: white;
    color: #1fbb67;
    border:1px solid #1fbb67;
}
.juzhen5:hover{
    background: #1fbb67 url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen5:hover p{
    color: white;
}
.juzhen5:hover button{
    background:white;
    color: #1fbb67;
}


.juzhen6{
    /*color: #06acef;*/
    border-bottom: 5px solid #06acef;
}
.juzhen6 button{
    background: white;
    color: #06acef;
    border: 1px solid #06acef;
}
.juzhen6 img{
    background: rgba(6, 172, 239, 0.1);
}
.juzhen6:hover{
    background:#06acef url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen6:hover p{
    color: white;
}
.juzhen6:hover button{
    background:white;
    color: #06acef;
}


.juzhen7{
    /*color: #fd7938;*/
    border-bottom: 5px solid #fd7938;
}
.juzhen7 button{
    background: white;
    color: #fd7938;
    border: 1px solid #fd7938;
}
.juzhen7 img{
    background: rgba(253, 121, 56, 0.10);
}
.juzhen7:hover{
    background:#fd7938 url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen7:hover p{
    color: white;
}
.juzhen7:hover button{
    background:white;
    color: #fd7938;
}

.juzhen8{
    /*color: #e44550;*/
    border-bottom: 5px solid #e44550;
}
.juzhen8 button{
    background: white;
    color: #e44550;
    border: 1px solid #e44550;
}
.juzhen8 img{
    background: rgba(228, 69, 80, 0.1);
}
.juzhen8:hover{
    background:#e44550 url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen8:hover p{
    color: white;
}
.juzhen8:hover button{
    background:white;
    color: #e44550;
}

.juzhen9{
    /*color: #05bd9c;*/
    border-bottom: 5px solid #05bd9c;

}
.juzhen9 button{
    background: white;
    color: #05bd9c;
    border: 1px solid #05bd9c;
}
.juzhen9 img{
    background: rgba(5, 189, 156, 0.1);
}
.juzhen9:hover{
    background:#05bd9c url(/static/comindex/img/newimg/juzhen.png) no-repeat;
    background-size: cover;
    color: white;
}
.juzhen9:hover p{
    color: white;
}
.juzhen9:hover button{
    background:white;
    color: #05bd9c;
}
/*.juzhenchild2 button:hover{*/
/*	background: #f73e46;*/
/*	color: #fff;*/
/*	border: 1px solid #f73e46;*/
/*}*/

/*commonNav*/
.explain {
    height: 36px;
    line-height: 36px;
    background: #ffebce;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    /*font-family: "microsoft yahei";*/
}

.explain article {
    width: 1200px;
    margin: auto;
    font-size: 12px;
    color: #fe8901;
    display: flex;
    align-items: center;
    height: 35px;
}

.explain article span {
    float: left;
}

.explain article span:nth-child(2) {
    float: right;
}

.explain article span a {
    color: white;
    margin-left: 27px;
}
.header_content span{
    color: rgb(200,211,247);
    font-size: 13px;
}
.big{
    color: #fdfdff;
    font-size: 18px;
}

@keyframes slide {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}
