.banner_bg {
    background: url("/static/images/home-bg.png") no-repeat top center;
    width: 100%;
    height: 800px;
    margin-top: 80px;
    min-width: 1200px;
}

.banner {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

.banner_top {
    padding-bottom: 100px;
}

.banner_top h1 {
    position: absolute;
    font-size: 50px;
    color: #111111;
    float: left;
    padding-left: 20px;
    padding-top: 100px;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 93px;
}

.arrow {
    position: relative;
    /*bottom: -220px;*/
    margin: 0 auto;
    width: 30px;
}

@keyframes arrow {
    0% {
        top: 138%;
    }
    50% {
        top: 143%;
    }
    100% {
        top: 138%;
    }
}

@-webkit-keyframes arrow {
    0% {
        top: 138%;
    }
    100% {
        top: 143%;
    }
}

.banner_top img {
    float: left;
}

.banner_top h1 span {
    font-size: 24px;
    color: #ffde00;
    padding-left: 20px;
}

.banner_con3 {
    padding-top: 110px;
}

.banner_con3 h2 {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 52px;
    text-align: center;
}
.banner_con3 ul {
    padding-top: 45px;
}
.banner_con3 li{
    float: left;
    width: 130px;
    text-align: center;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
}


.banner_con img {
    /*float: right;*/
    padding-left: 25px;
    padding-top: 93px;
    position: relative;
    /*animation: myfirst 1s;*/
    /*-webkit-animation: myfirst 1s;*/
}

@keyframes myfirst {
    0% {
        left: -300px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-webkit-keyframes myfirst {
    0% {
        left: -300px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

.banner_con .banner_text {
    float: left;
    position: relative;
    /*animation: myend 1s;*/
    /*-webkit-animation: myend 1s;*/
}

@keyframes myend {
    0% {
        right: -300px;
        top: 0px;
    }
    100% {
        right: 0px;
        top: 0px;
    }
}

@-webkit-keyframes myend {
    0% {
        right: -300px;
        top: 0px;
    }
    100% {
        right: 0px;
        top: 0px;
    }
}
.banner_text .text{
    padding-top: 70px;
}

.banner_text .pp1{
    padding-top: 8px;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 450;
    font-size: 24px;
    line-height: 51px;
    color: #333333;
}

.banner_text .pp2{
    padding-top: 15px;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    /*color: #B3B3B4;*/
}

.banner_text .pp3{
    padding-top: 115px;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #879AD9;
}

.banner_text .pp4{
    padding-top: 10px;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #879AD9;
}

.banner_text .pp3 span,.banner_text .pp4 span{
    position: absolute;
    width: 150px;
}

.text h1 {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 93px;
}

.down {
    position: absolute;
    width: 246px;
    height: 66px;

    background: #3A71FF;
    border-radius: 2px;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #FFFFFF;

    line-height: 66px;
    text-align: center;
    margin-top: 30px;
}

.down:hover {
    background-color: #6C96FF;
}

@keyframes mythd {
    0% {
        background: #3A71FF;
    }
    25% {
        background: #3A71FF;
    }
    50% {
        background: #3A71FF;
    }
    60% {
        background: transparent;
    }
    70% {
        background: #3A71FF;
    }
    80% {
        background: transparent;
    }
    100% {
        background: #3A71FF;
    }
}

@-webkit-keyframes mythd {
    0% {
        background: #3A71FF;
    }
    25% {
        background: #3A71FF;
    }
    50% {
        background: #3A71FF;
    }
    60% {
        background: transparent;
    }
    70% {
        background: #3A71FF;
    }
    80% {
        background: transparent;
    }
    100% {
        background: #3A71FF;
    }
}

/*内容*/
.content_bg {
    width: 100%;
}

.content {
    margin: 120px auto;
    height: 430px;
    position: relative;
}

.con {
    margin-top: 100px;
}

.img1, .img3 {
    float: right;
    position: relative;
}

.img2, .img4 {
    float: left;
    position: relative;
}

.animated {
    animation: animated 2s;
    -webkit-animation: animated 2s;
}

@keyframes animated {
    0% {
        left: -300px;
        top: 0px;
        opacity: 0;
    }
    100% {
        left: 0px;
        top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes animated {
    0% {
        left: -300px;
        top: 0px;
        opacity: 0;
    }
    100% {
        left: 0px;
        top: 0px;
        opacity: 1;
    }
}

.animated1 {
    animation: animated1 2s;
    -webkit-animation: animated1 2s;
}

@keyframes animated1 {
    0% {
        right: -300px;
        top: 0px;
        opacity: 0;
    }
    100% {
        right: 0px;
        top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes animated1 {
    0% {
        right: -300px;
        top: 0px;
        opacity: 0;
    }
    100% {
        right: 0px;
        top: 0px;
        opacity: 1;
    }
}

.imgl {
    width: 48%;
}

.imgl img {

}

.tag_aline{
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

.tag_aline .words1 b, .tag_aline .words1 img,.tag_aline .words1 p,.tag_aline .words2 b, .tag_aline .words2 img,.tag_aline .words2 p,
.tag_aline .words3 b, .tag_aline .words3 img,.tag_aline .words3 p,.tag_aline .words4 b, .tag_aline .words4 img,.tag_aline .words4 p,
.tag_aline .words5 b, .tag_aline .words5 img,.tag_aline .words5 p{
    position: absolute;
}

.tag_aline .words1 img, .tag_aline .words3 img, .tag_aline .words5 img{
    padding-top: 15px;
}

.tag_aline .words1 b, .tag_aline .words2 b, .tag_aline .words3 b, .tag_aline .words4 b,.tag_aline .words5 b{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 52px;
    color: #545454;
}

.tag_aline .words1 b, .tag_aline .words3 b, .tag_aline .words5 b{
    padding-left: 60px;
    padding-top: 13px;
}

.tag_aline .words2 img, .tag_aline .words4 img{
    padding-top: 13px;
    padding-left: 68px;
}
.tag_aline .words2 b,.tag_aline .words4 b{
    padding-top: 13px;
    padding-left: 130px;
}

.tag_aline .words2 p, .tag_aline .words4 p{
    padding-top: 80px;
    padding-left: 680px;
}

.tag_aline .words1 p, .tag_aline .words2 p, .tag_aline .words3 p, .tag_aline .words4 p,.tag_aline .words5 p{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: #545454;
}

.tag_aline .words1 p, .tag_aline .words3 p,.tag_aline .words5 p{
    padding-top: 75px;
    padding-left: 60px;
}

.imgr {
    width: 50%;
    float: right;
}

.words1, .words3, .words5 {
    position: relative;
}

.words2, .words4 {
    position: relative;
}

.join {
    text-align: center;
    position: relative;
    height: 800px;
}

.anjoin {
    animation: join 2s;
    -webkit-animation: join 2s;
}

@keyframes join {
    0% {
        top: 300px;
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes join {
    0% {
        top: 300px;
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

.join h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.join h2 {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 52px;
    color: #000000;
    margin-bottom: 20px;
}

.join h3 {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    color: #555555;
    margin-bottom: 10px;
}

.join h4 {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #939393;
    margin-bottom: 45px;
}

.join_down {
    position: absolute;
    margin-top: 35px;
    margin-left: -121px;
    width: 245px;
    height: 66px;
    line-height: 66px;
    background: #3A71FF;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    /*-moz-box-shadow: 0 0 10px #f0d293;*/
    /*-webkit-box-shadow: 0 0 10px #f0d293;*/
    /*box-shadow: 0 0 10px #f0d293;*/
}

.joindown {
    animation: joindown 4s;
    -webkit-animation: joindown 4s;
}

@keyframes joindown {
    0% {
        background: #3A71FF;
    }
    25% {
        background: #3A71FF;
    }
    50% {
        background: #3A71FF;
    }
    60% {
        background: #3A71FF;
    }
    70% {
        background: #6C96FF;
    }
    80% {
        background: #3A71FF;
    }
    100% {
        background: #6C96FF;
    }
}

@-webkit-keyframes joindown {
    0% {
        background: #3A71FF;
    }
    25% {
        background: #3A71FF;
    }
    50% {
        background: #3A71FF;
    }
    60% {
        background: #3A71FF;
    }
    70% {
        background: #6C96FF;
    }
    80% {
        background: #3A71FF;
    }
    100% {
        background: #6C96FF;
    }
}


.join img {
    vertical-align: middle;
}

.join a b:hover {
    background-color: #6C96FF;
}

.tag {
    margin-top: 50px;
}

.tag div {
    float: left;
}

.tag_m {
    margin: 0 35%;
}

.tag div p {
    margin-left: 4px;
}


.exp_img {
    background: url("http://xzqdownloadb2.ycrqwl.cn:9999/printerdll/printerIndex/explain_bg.png") no-repeat center center;
    width: 100%;
    height: 200px;
}

.exp_img_contactus {
    background: url("http://xzqdownloadb2.ycrqwl.cn:9999/printerdll/printerIndex/2022/contactus-top.png") no-repeat center center;
    width: 100%;
    height: 200px;
}

.exp_img_question {
    background: url("http://xzqdownloadb2.ycrqwl.cn:9999/printerdll/printerIndex/2022/question-help.png") no-repeat center center;
    width: 100%;
    height: 200px;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 200px;
}

.exp_title_rows_question{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    border-bottom: 1px solid #ccc;
}

.exp_title_rows_question li{
    float: left;
    padding-bottom: 10px;
    margin-left: 25px;
    margin-right: 25px;
}

.exp_title_rows_question li a{
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #626468;
}

.exp_title_rows_question li h1{
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.exp_title_rows_question .question-current{
    border-bottom: 3px solid #23AAFB;
}

.explain {
    width: 1200px;
    margin: 30px auto;
    /**/
    min-height: 400px;
    color: #306c9d;
}

.exp_top {
    margin-top: 10px;
}

.exp_l {
    float: right;
    width: 320px;
    color: #666666;
}

.exp_l .info-suggest{
    border: 1px solid #eee;
    margin-bottom: 45px;
    padding-bottom: 15px;
}

.exp_l .info-suggest h3{
    text-align: center;
    line-height: 45px;
}

.exp_l .info-suggest .info-suggest-title{
    border-bottom: 1px solid #eee;
}

.exp_l .info-suggest ul li {
    margin-left: 7px;
    padding-top: 11px;
    width: 300px;
    list-style-type: decimal;
    list-style-position: inside;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.exp_l .info-suggest ul li a {
    color: #666;
    font-size: 13px;
}

.exp_l .info-suggest ul li a:hover {
    color: #23AAFB;
}

.exp_r {
    float: left;
    min-height: 400px;
    width: 830px;
    /*border-left: 1px solid #eee;*/
}

#d2 {
    display: none;
}

.selected {
    background: url("http://xzqdownloadb2.ycrqwl.cn:9999/printerdll/printerIndex/pad_left.png") no-repeat;
    background-color: #e7f5ff;
}

.exp_content {
    display: none;
    background-color: #f3f3f3;
    width: 900px;
    padding: 10px 0 10px 20px;
    margin-top: 10px;
}

.exp_name {
    margin: 17px 0 17px 30px;
}

.exp {
    padding-right: 10px;
    margin-bottom: 10px;
    color: #666;
}

.arr-1, .arr-2, .arr-3, .arr-4, .arr-5, .arr-6, .arr-7 {
    margin-right: 10px;
}

.arr1-1, .arr1-2, .arr1-3, .arr1-4, .arr1-5, .arr1-6, .arr1-7 {
    display: none;
    margin-right: 10px;
    cursor: pointer;
}

.bottom_label {
    height: 388px;
    background: #F1F1F1;
}

.tag_aline .tag_bb1{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 46px;
    color: #0B62DF;
    padding-top: 7px;
}

.tag_aline .tag_bb2,.tag_aline .tag_bb3,.tag_aline .tag_bb2 a,.tag_aline .tag_bb3 a{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7C7C7C;
}

.tag_aline .tag_bb3:hover{
    cursor: pointer;
}

.h35{
    height: 35px;
}

.tag_aline .tag_bb1 img,.tag_aline .tag_bb2 img,.tag_aline .tag_bb3 img{
    vertical-align: middle;
}

.bottom_list3 {
    margin-top: 25px;
    /*border: 1px #111111 dashed;*/
}

.bottom_list3 li{
    float: left;
    margin-top: 15px;
}

.bottom_list5 {
    width: 720px;
}
.bottom_list6 {
    width: 480px;
}

.bottom_list3 li a{
    color: #7C7C7C;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.bottom_list3 li a:hover{
    color: #2D94EC;
}

.bottom_list3 li a:visited{
    /*color: #0074D8;*/
}

.bottom_list3_btn div {
    left: 50%;
    margin-left: -100px;
    margin-top: 50px;

    position: absolute;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #929292;

    border: 1px solid #949494;
    width: 200px;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    border-radius: 8px;
    text-align: center;
}

.wxqrcode3{
    position: absolute;
    margin-top: -75px;
    margin-left: 338px;
    display: none;
}

#contact .right{ float: right; width: 774px; display:block; overflow:hidden; background: #fff;}
#contact .contact-detail{ float: left; width: 385px; height: 208px; }
#contact .contact-detail dl{ overflow: hidden; margin: 30px 0px 0 40px; float: left; text-align: left;}
#contact .contact-detail dl dt a{ font-size: 20px; color: #333333; display: block; margin-bottom: 8px; text-align: left; }
#contact .contact-detail dl dt a:hover{ color: #008cff; text-align: left; }
#contact .contact-detail dl dd{ font-size: 14px; color: #666666; margin-bottom: 8px; text-align: left; }
#contact .contact-detail img{ float: right; margin: 30px 35px 0 0;}
#contact .address img{ margin: 25px 0 25px 0px; }
#contact .address p{ font-size: 14px; color: #333333; margin: 0 0 8px 30px; text-align: left; }

.home_newslist_con{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.home_newslist_left{
    /*margin-left: 25px;*/
    width: 395px;
    float: left;
}
.home_newslist_right{
    width: 375px;
    float: right;
}
.home_newslist_left h3, .home_newslist_right h3{
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    color: #000000;
    padding-bottom: 10px;
}

.home_newslist_left ul, .home_newslist_right ul{
    padding-top: 15px;
    /*padding-bottom: 20px;*/
    padding-left: 5px;
}

.home_newslist_left li, .home_newslist_right li{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    list-style-type: disc;
    color: #7C7C7C;
    /*text-indent: -7px;*/
    padding-top: 12px;
    width: 360px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*list-style-type: disc;*/
    list-style-position: inside;
}

.home_newslist_left li a, .home_newslist_right li a, .home_newslist_more a {
    color: #7C7C7C;
}

.home_newslist_left li a:hover, .home_newslist_right li a:hover, .home_newslist_more a:hover {
    color: #626468;
}

.home_newslist_more{
    text-align: right;
    padding-right: 25px;
    padding-top: 22px;
    padding-bottom: 35px;
}

.home_newslist_more a{
    border: 1px solid #7C7C7C;
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.copyright a{
    color: #666;
}

.exp_helplist_question{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.exp_helplist_question .helplist_left, .exp_helplist_question .helplist_right{
    float: left;
}

.exp_helplist_question .helplist_right{
    margin-left: 25px;
    width: 890px;
}

.helplist_right .helplist_info_title{
    font-size: 16px;
    padding-bottom: 25px;
    color: #626468;
}

.helplist_right .helplist_p_describe{
    font-size: 13px;
    padding-bottom: 35px;
    color: #888888;
}

.exp_helplist_question .helplist_right .helplist_info_title span{
    float: right;
    font-size: 12px;
}

.exp_helplist_question a{
    color: #626468;
}

.exp_helplist_question a:hover, .exp_title_rows_question a:hover {
    color:#2d94ec;text-decoration:none;
}

.exp_helplist_question .helplist_cate_title b, .exp_helplist_question .helplist_cate_title span{
    font-weight: 400;
    color: #888888;
    font-size: 12px;
}

.exp_helplist_queinfo{
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 22px;
}

.exp_helplist_question .helplist_cate_title span{
    float: right;
    background: url("http://xzqdownloadb2.ycrqwl.cn:9999/printerdll/printerIndex/2022/ding.png") 0px 5px no-repeat;
    padding-left: 22px;
    line-height: 23px;
}

.info-content p img{
    max-width: 800px;
}

.article-bottom-paging{
    text-align: center;
    padding-bottom: 15px;
}

.article-bottom-paging a{
    display: inline;
    margin-right: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid rgb(107, 114, 128);
    border-radius: 0.25rem;
    color: rgb(107, 114, 128);
}

.article-bottom-paging a:hover{
    background-color: rgb(107, 114, 128);
    color: #fff;
}

.article-bottom-paging span{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.article-bottom-paging input{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 27px;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: rgb(107, 114, 128);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    color: rgb(107 ,114, 128);
    outline-color: #6b7280;
}

.article-bottom-paging button{
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: rgb(107, 114, 128);
    display: inline;
    width: 55px;
    height: 30px;
    background-color:#FFFFFF;
    cursor: pointer;
    color: rgb(107 ,114, 128);
}

.article-bottom-paging button:hover{
    background-color: rgb(107, 114, 128);
    color: #fff;
}