.helpcenter-h {
    width: 100%;
    overflow: hidden;
    zoom: 1;
    /*border-bottom: 1px solid #F0F0F0;*/
}

.helpcenter-h .top {
    width: 1100px;
    height: 80px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
}

.helpcenter-h .top .help_shouye {
    width: 36%;
    margin-left: 32%;
}

.helpcenter-h .top .nanyan_logo {
    height: 80px;
    position: absolute;
    left: 0;
    top: 15px;
}

.helpcenter-h .top .gobackindex {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100px;
    height: 80px;
    line-height: 80px;
    color: #b1afaf;
    cursor: pointer;
    font-size: 14px;
    font-family: "΢���ź�";
}

.helpcenter-b {
    width: 100%;

}

.green-channel-b,
.functions-b {
    background: #f5f9fc;
    padding-bottom: 30px;
}

.helpcenter-b .hc-b,
.hc-f-b {
    width: 1000px;
    margin: 0 auto;

}

.hc-b-t {
    width: 100%;
    text-align: center;
    color: #1f1e1e;
    font-family: "΢���ź�";
    font-size: 20px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.hc-b-t .dian {
    display: inline-block;
    width: 12px;
    height: 20px;
    line-height: 20px;
    font-size: 28px;
}

.green-channel {
    width: 100%;
    overflow: hidden;

}

.green-channel li {
    float: left;
    width: 14.28%;
    text-align: center;
    cursor: pointer;
}

.green-channel li .icons {
    width: 34%;
    margin-left: 37%;
    height: 50px;
    /* background: #489fe7; */
    margin-bottom: 10px;
}

.green-channel li .icons img {
    width: 100%;
    /*margin-left: 8%;*/
    margin-top: 5px;
    height: auto;
}

.green-channel li .con {
    color: #6d6d6d;
    font-family: "΢���ź�";
    font-size: 14px;
}

.afterSale {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.afterSale li {
    width: 20%;
    padding: 20px 0.5%;
    padding-top: 0;
    text-align: center;
    margin: 0 2%;
    float: left;

}

.afterSale li:hover {
    box-shadow: 1px 1px 6px 6px #f0f9f6;
}

/*.afterSale li.active{
	box-shadow:1px 1px 6px 6px #f0f9f6;
}*/
.afterSale li .icons img {
    width: 26%;
    /*margin-left: 35%;*/
    margin-bottom: 20px;
    cursor: pointer;
}

.afterSale li .title {
    text-align: center;
    color: #1f1e1e;
    font-family: "΢���ź�";
    font-size: 18px;
    position: relative;
    padding-bottom: 15px;
    cursor: pointer;
}

.afterSale li .title .line {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background: #469b5c;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.afterSale li p {
    padding-top: 15px;
    color: #767676;
    font-family: "΢���ź�";
    font-size: 14px;
}

.afterSale li p a {
    color: #73c9ac;
    text-decoration: underline;
}

.functions-b-ul {
    overflow: hidden;
}

.functions-b-ul li {
    width: 20%;
    margin: 0 15%;
    float: left;
    height: 200px;
    padding-top: 100px;
    margin-top: 20px;
    background: #bfbfbf;
    text-align: center;
}

.functions-b-ul li .title {
    margin-bottom: 10px;
}

.functions-b-ul li .mxlink {
    font-size: 18px;
    color: #4da0e6;
    text-decoration: underline;

}

.functions-b-ul li p.desc {
    font-size: 14px;
    padding: 0 10px;
    color: #000000;
}

.helpcenter-f {
    width: 100%;
    background: #0e1f31;
    height: 200px;
    padding-top: 30px;
}

.hc-f-b .kefu {
    color: #ffffff;
}

.hc-f-b ul {
    overflow: hidden;
}

.hc-f-b li {
    float: left;
    width: 50%;
}

.hc-f-b li.lines {
    position: relative;
}

.hc-f-b li.lines .lines {
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 100px;
    top: 10px;
    right: 0;
    background: #233444;
}

.hc-f-b .kefu_p {
    padding-top: 10px;
    color: #ffffff;
    position: relative;
    padding-left: 40px;
}

.hc-f-b .kefu_p img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
}

.hc-f-b li.online {
    padding-left: 10%;
    width: 40%;
}

.Copyright {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #081525;
    color: #ffff;
    font-size: 12px;
    font-family: "΢���ź�";
    text-align: center;
}

/**
2019-04-04
 */
.quickIndex-content .title {
    width: 100%;
    height: 128px;
    background: url(../images/quickIndexBG.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position:relative;
    border-bottom: 1px solid #cccccc;
}

.quickIndex-content .title .indext1 {
    font-size: 24px;
    color: #333333;
    /*font-weight: bold;*/
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
    letter-spacing: 2px;
}

.quickIndex-content .title .indext2 {
    font-size: 18px;
    color: #333333;
    /*font-weight: bold;*/
    font-family: Arial;
    text-align: center;
}

.quickIndex-content .tabs {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 200px;
}

.quickIndex-content .tabs ul.tabul {
    width: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
}

.quickIndex-content .tabs ul.tabul.padtop20 {
    margin-top: 20px;
}

.quickIndex-content .tabs .tabul li {
    flex: 1;
    padding: 10px 0;
    text-align: center;
    background: #6fceff;
    color: #ffffff;
    /*cursor: pointer;*/
}

.quickIndex-content .tabs .tabul li.odd {
    background: #5bc1f5;
}

.quickIndex-content .tabs .con {
    width: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
}

.quickIndex-content .tabs .con .li {
    flex: 1;
    padding-top: 10px;
}

.quickIndex-content .tabs .con .concell {}

.quickIndex-content .tabs .con .concell li {
    margin-top: 10px;
}

.quickIndex-content .tabs .con .concell li.second {
    margin-top: 5px;
}

.quickIndex-content .tabs .con .concell .line {
    display: inline-block;
    width: 2px;
    height: 12px;
    background: #6fceff;
    margin-right: 15px;
    margin-left: 2px;

}

.quickIndex-content .tabs .con .concell .second {
    padding-left: 29px;
    font-size: 12px;
}

.quickIndex-content .tabs .con .concell .second a {
    font-size: 14px;
}

.quickIndex-content .tabs .con .concell a {
    color: #818181;
    font-size: 16px;
    cursor: pointer;
}

.quickIndex-content .tabs .con .concell a:hover {
    color: #23aaef;
}

/* 新闻通知新增样式 */
.helpcenter-b {
    position: relative;
}

.helpcenter-news {
    position: fixed;
    top: 130px;
    right: 0;
    width: 260px;
    z-index: 999;
    font-size: 16px;
    color: #6d6d6d;
    background-color: #fff;
    margin-left:0.6rem;
}

.helpcenter-newsb {
    position: relative;
}
.news_list{
    margin-left: 40px;
    margin-top: 30px;
    width: 768px;
    font-size: 14px;
}

.showmore {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    color: #fff;
}

.helpcenter-newsb>p {
    background-color: #32a5fe;
    padding: 10px;
    color: #fff;
}

.newscon ul{}

.newscon ul li {
    padding: 3px 10px 10px 20px;
    border-bottom: 1px solid rgb(244, 246, 252);
    position:relative;
}
.newscon ul li a{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;position: relative;}
.newscon ul li::before{content:'';display:block;position:absolute;width:3px;height:3px;border-radius:3px;background-color:#6d6d6d;top:0;bottom:0;left:10px;margin:auto 0;}
.newscon ul li:last-child {
    border-bottom: 0;
}
.newslistpage{background-color:#f5f9fc;min-width:1000px;}
.newslist{width:1000px;margin:0 auto;}
.newslist>p{font-size:25px;font-weight:bold;color:#6d6d6d;text-align:center;padding: 20px 0;}
.newslistcon{
    padding-bottom: 50px;
}

.newslisttable tbody{}
.newslisttable tbody tr{
    border-bottom: 1px solid #f1f3f9;
    position:relative;
}
.newslisttable tbody tr td{padding:10px 0;}
.newslisttable tbody tr td:last-child{padding:10px 0 10px 10px;display:inline-block;}
.newslisttable tbody tr td:nth-child(1){width: 82%;}
.newslisttable tbody tr td a{padding-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;position: relative;height: 21px;line-height: 21px;}
.newslisttable tbody tr td span{
    color: #6d6d6d;
    font-size: 16px;
}
.newslisttable tbody tr td a::before{content:'';display:block;position:absolute;width:3px;height:3px;border-radius:3px;background-color:#6d6d6d;top: 0px;bottom:0;left:10px; margin:auto 0;}
.newslisttable tbody tr:last-child {
    border-bottom: 0;
}
.newslistcon ul{}
.newslistcon ul li{
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid rgb(244, 246, 252);
    position:relative;
    /* text-align: center; */
}
.newslistcon ul li a{width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;position: relative;height: 21px;line-height: 21px;}
.newslistcon ul li span{
    color: #6d6d6d;
    font-size: 16px;
}
.newslistcon ul li::before{content:'';display:block;position:absolute;width:3px;height:3px;border-radius:3px;background-color:#6d6d6d;top:0;bottom:0;left:10px;margin:auto 0;}
.newslistcon ul li:last-child {
    border-bottom: 0;
}
.newslist>p.publishtime{font-size:16px;font-weight:normal;text-align:right;padding:10px 0;}
.detailcon p{
    /* text-indent:2em; */
    line-height:30px;
}
.dataTables_info{width: 500px;display: inline-block;margin-top:30px;}
.dataTables_paginate.paging_simple_numbers{width: 500px;display: inline-block;text-align:right;padding: 1px 0;}
.paginate_button{min-width:21px;height:21px;display:inline-block;text-align: center; padding: 0 2px;box-sizing: border-box;}
.paginate_button.current{color:#32a5fe}
.newtabs_{
    width: 1100px;
    margin:0 auto;
}
.newtabs_ .tab_con{display: flex;align-content: flex-start;flex-wrap:wrap;}
.tab_con .tab_item{width: 135px;position: relative;margin-bottom: 2px;margin-right: 2px;}
.placeholder{}
.tab_item>a{display: flex;align-content: center;justify-content: center;color:#fff;height:32px;line-height:32px;align-items: center;font-size: 15px;}
.tab_item>a span:first-child{max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tab_item>a .icon_{
    width:15px;
    height:9px;
    background: url(../images/down.png) center center no-repeat;
    background-size: 12px 7px;
    margin-left: 5px;
}
.tab_item div.li{
    display:none;
    position:absolute;
    width:250px;
    background-color:#fff;
    box-shadow:0px 2px 10px 0px rgba(193,193,193,0.5);
    top:34px;
    left:0;
    z-index:100;
}
.tab_con .tab_item:nth-child(8n+1)>a,.tab_con .tab_item:nth-child(8n+3)>a,.tab_con .tab_item:nth-child(8n+5)>a,.tab_con .tab_item:nth-child(8n+7)>a{
    background-color:#70CEFF;
    border:1px solid #70CEFF;
}
.tab_con .tab_item:nth-child(8n+2)>a,.tab_con .tab_item:nth-child(8n+4)>a,.tab_con .tab_item:nth-child(8n+6)>a,.tab_con .tab_item:nth-child(8n+8)>a{
    background-color:#5BC1F5;
    border:1px solid #5BC1F5;
}
.tab_con .tab_item:hover>a{
    background-color:#fff;
    border-color:#5BC1F5;
    color:#5BC1F5;
}
.tab_con .tab_item:hover>a .icon_{
    background:url(../images/up.png) center center no-repeat;
    background-size:12px 7px;
}
.tab_con .tab_item:hover div.li{
    display:block;
}
.tab_item div ul{
    padding:15px 0;
}
.tab_item div ul li{
    padding:0 20px;
}
.tab_item div ul li a{
    font-weight:bold;
    font-size:14px;
    color:#000;
    display: block;
    padding: 15px 0 0;
    line-height:25px
}
.tab_item div ul li:first-child a{
    padding-top:0;
}
.tab_item div ul li.second{

}
.tab_item div ul li.second a{
    font-size: 13px;
    color: #666;
    font-weight:normal;
    padding-left:10px;
    position: relative;
    display: block;
    line-height: 19px;
    padding: 0 0 0 10px;
}
.tab_item div ul li.second a::before{
    content:'';
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #5BC1F5;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.input_c{
    display:flex;
    font-size:13px;
    color:#333;
    align-items:center;
    margin-top:30px;
}
.input_c input{
    outline:0;
    border-radius:4px;
    border:1px solid rgba(209,209,209,1);
    height:32px;
    line-height:32px;
    background-color:transparent;
    width: 200px;
    padding:0 10px;
}
.input_c button{
    width:86px;
    height:34px;
    background:rgba(91,193,245,1);
    border-radius:4px;
    line-height:34px;
    color:#fff;
    font-size:13px;
    border:none;
    outline:0;
    margin-left: 10px;
    cursor:pointer;
}
.iframe_box{
    border-radius:4px;
    border:1px solid rgba(209,209,209,1);
    margin-top:30px;
    padding:50px;
    display:none;
}
.tit_{
    font-size:13px;
    font-weight:bold;
    padding:40px 0 20px;
}
.title .w1100{
    width:1100px;
    position:absolute;
    top: 28px;
    left:0;
    right:0;
    margin: 0 auto;
}
.title .w1100 img{
    width:260px;
    height:80px;
}

@media only screen
and (min-width: 320px)
and (max-width: 700px){
    .helpcenter-news{
        margin-top: -8vh!important;
        right:auto!important
    }
}