/**!
 * 猫炉聛忙掳鈥樏ぢ衡€櫭ヅ犅�
 * date:2021-02-24
 * author: wppei;
 */

body {
    background-color: #f7f7f7;
}

.com-header .header {
    margin-bottom: 0;
}

.inter-banner {
    padding: 50px 0;
    background: url('../images/inter/inter_bg1.jpg') no-repeat center;
    background-size: auto 100%;
}

.inter-banner .container {
    overflow: hidden;
margin-top: -40px;
}

.inter-banner-list {
    margin-right: -40px;
}

.inter-banner-list > li {
    float: left;
    width: calc(33.33% - 40px);
    margin-right: 40px;
}

.inter-banner-list li > .banner-list-box {
    display: block;
    height: 180px;
    text-align: center;
    padding-top: 70px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.banner-list-name {
    display: inline-block;
    padding-left: 63px;
    height: 40px;
    line-height: 40px;
    color: #47b368;
    font-size: 30px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: top;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}

.inter-banner-list li:first-child .banner-list-box {
    background-image: url('../images/inter/banner_bg1.jpg');
}

.inter-banner-list li:first-child .banner-list-name {
    background-image: url('../images/inter/banner_icon1.png');
}

.inter-banner-list li:nth-child(2) .banner-list-box {
    background-image: url('../images/inter/banner_bg2.jpg');
}

.inter-banner-list li:nth-child(2) .banner-list-name {
    background-image: url('../images/inter/banner_icon2.png');
}

.inter-banner-list li:nth-child(3) .banner-list-box {
    background-image: url('../images/inter/banner_bg3.jpg');
}

.inter-banner-list li:nth-child(3) .banner-list-name {
    background-image: url('../images/inter/banner_icon3.png');
}

.inter-banner-list li {
    position: relative;
}

.write-box {
   display: none; 
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 32px 30px 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.inter-banner-list .write-list li {
    float: left;
    width: 25%;
}

.inter-banner-list .write-list li > a {
    display: block;
    padding-top: 78px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-repeat: no-repeat;
    background-position: center top;
}

.write-list li:first-child > a {
    background-image: url("../images/inter/nine_icon1.png");
}

.write-list li:nth-child(2) > a {
    background-image: url("../images/inter/nine_icon2.png");
}

.write-list li:nth-child(3) > a {
    background-image: url("../images/inter/nine_icon3.png");
}

.write-list li:nth-child(4) > a {
    background-image: url("../images/inter/nine_icon4.png");
}
.write-list li > a:hover {
    color: #47b368;
}

.write-list li:first-child > a:hover {
    background-image: url("../images/inter/nine_icon1h.png");
}

.write-list li:nth-child(2) > a:hover {
    background-image: url("../images/inter/nine_icon2h.png");
}

.write-list li:nth-child(3) > a:hover {
    background-image: url("../images/inter/nine_icon3h.png");
}

.write-list li:nth-child(4) > a:hover {
    background-image: url("../images/inter/nine_icon4h.png");
}
.inter-banner-list li:hover .write-box {
    display: block;
}

/* 氓鈥号久ヂぢ嵜┾偓鈥懊р劉禄 */

.reply {
    padding: 18px 0 28px 0;
    margin-bottom: 40px;
    background: url('../images/inter/interaction_banner2.jpg') no-repeat center;
}

.reply > .container {
    position: relative;
}

.reply-name {
    text-align: center;
    line-height: 104px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 4px 4px rgba(46, 112, 184, 0.12);
}

.inter-nav-list li {
    float: left;
    width: 33.33%;
    padding: 0 10px;
    text-align: center;
}

.inter-nav-list li > a {
    display: inline-block;
    height: 130px;
    color: #fff;
    padding-left: 125px;
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: top;
}

.inter-nav-num {
    padding-top: 20px;
    line-height: 49px;
    font-size: 40px;
    font-weight: bold;
}

.inter-nav-name {
    line-height: 43px;
    font-size: 20px;
}

.inter-nav-list li:first-child > a {
    background-image: url('../images/inter/interaction_icon1.png');
}

.inter-nav-list li:nth-child(2) > a {
    background-image: url('../images/inter/interaction_icon2.png');
}

.inter-nav-list li:nth-child(3) > a {
    background-image: url('../images/inter/interaction_icon4.png');
}

.reply-box {
    padding-bottom: 60px;
    overflow: hidden;
}

.reply-list {
    margin: 0 -40px 28px 0;
}

.reply-list li {
    float: left;
    width: 25%;
    padding-right: 40px;
}

.reply-list li > a {
    display: block;
    height: 180px;
    padding: 16px 16px 0;
    background-color: #fff;
}

.reply-list .ask {
    height: 56px;
    padding-left: 39px;
    margin-bottom: 10px;
    line-height: 28px;
    color: #404742;
    font-size: 20px;
    font-weight: bold;
    background: url('../images/inter/interaction_ask.png') no-repeat;
    overflow: hidden;
}

.reply-list .answer {
    height: 53px;
    padding: 5px 0 0 39px;
    line-height: 24px;
    color: #666;
    font-size: 18px;
    background: url('../images/inter/interaction_answer.png') no-repeat;
    overflow: hidden;
}

.reply-list .reply-time {
    padding-left: 39px;
    height: 38px;
    line-height: 38px;
    color: #999;
    font-size: 16px;
}

.reply-more {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #666;
    font-size: 18px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}

.reply-more:hover {
    color: #fff;
    background-color: #47b368;
    border-color: #47b368;
}

.interview {
    background: url('../images/inter/online_bg1.jpg') no-repeat;
    background-size: 100% 100%;
}

.interview-right {
    float: left;
    width: 50%;
    height: 440px;
    padding-right: 40px;
}

.interview-tt {
    height: 80px;
    margin-top: -20px;
    padding: 0 20px;
    line-height: 76px;
    border-top: 4px solid #47b368;
    background-color: #fff;
    box-shadow: 0px 4px 12px 0px rgba(124, 155, 177, 0.16);
}

.interview-tt > h2 {
    float: left;
    padding-left: 49px;
    color: #404742;
    font-size: 28px;
    font-weight: bold;
    background: url('../images/inter/online_icon1.png') no-repeat left center;
}

.interview-tt > a {
    color: #999;
}

.interview-box {
    padding: 40px 0 29px 0;
}

.interview-img {
    width: 50%;
    height: 480px;
}

.interview-img > img {
    width: 100%;
    height: 100%;
}

.interview-list-box {
    width: 50%;
    padding-left: 40px;
}

.interview-intro {
    margin-bottom: 18px;
    line-height: 31px;
}

.interview-intro > span {
    color: #47b368;
    font-size: 20px;
    font-weight: bold;
}

.interview-intro > p {
    margin-left: 84px;
    color: #404742;
    font-size: 20px;
    overflow: hidden;
}

.interview-intro > p.theme {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.interview-content {
    height: 341px;
    color: #404742;
    font-size: 18px;
    text-indent: 2em;
    overflow: hidden;
}

/* 莽鸥楼猫炉鈥犆ヂ衡€� */

.know {
    padding: 40px 0;
    background-color: #fff;
}

.interview-bom {
    display: block;
    height: 100px;
    padding-top: 32px;
    text-align: center;
    background: url('../images/inter/konw_bg.jpg') no-repeat center;
}

.interview-right {
    overflow: hidden;
}

.invest-left {
    width: 120px;
    height: 430px;
    padding-top: 90px;
    background: url('../images/inter/invest_bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.invest-left-icon {
    width: 68px;
    height: 59px;
    margin: 0 auto 25px;
    background: url('../images/inter/invest_icon1.png') no-repeat;
    background-size: 100% 100%;
}

.invest-left-name {
    line-height: 40px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 0 8px 8px rgba(37, 76, 183, 0.2);
}

.invest-right {
    margin-left: 120px;
    height: 430px;
}

.invest-box {
    height: 430px;
    padding: 0 20px;
    background: #fff url('../images/inter/invest_jiao.jpg') no-repeat right bottom;
    box-shadow: 0px 4px 12px 0px rgba(124, 155, 177, 0.16);
}

.invest-box li {
    padding: 15px 0 9px 0;
    border-bottom: 1px dashed #ddd;
}

.invest-box li:last-child {
    border-bottom: none;
}

.invest-status {
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #999;
    font-size: 16px;
    background-color: #f0f1f2;
    border-radius: 3px;
}

.invest-box li.ongoing .invest-status {
    color: #fff;
    background-color: #47b368;
}

.invest-name,
.reception-text {
    position: relative;
    display: block;
    padding-left: 17px;
    margin-right: 110px;
    line-height: 32px;
    color: #404742;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.invest-name:before,
.reception-text:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background-color: #d6d6d6;
    border-radius: 50%;
}

.invest-name:hover,
.reception-list-box:hover .reception-text,
.reception-list-box:hover .reception-time {
    color: #47b368;
}

.invest-name:hover:before,
.reception-list-box:hover .reception-text:before {
    background-color: #47b368;
}

.invest-time {
    padding-left: 17px;
    line-height: 27px;
    color: #999;
    font-size: 16px;
}

.reception {
    height: 530px;
    padding-top: 40px;
    background: url('../images/inter/reception_bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.reception > .container {
    overflow: hidden;
}

.reception-box {
    margin-right: -40px;
}

.reception-left {
    float: left;
    width: 50%;
    padding-right: 40px;
}

.reception-con {
    height: 430px;
    padding: 0 20px 10px 10px;
    background: #fff url('../images/inter/reception_bg1.png') no-repeat;
    box-shadow: 0px 4px 12px 0px rgba(124, 155, 177, 0.16);
    background-size: 143px 100%;
}

.reception-name {
    width: 100px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 100% 100%;
}

.reception-left .reception-name {
    background-image: url('../images/inter/reception_lefth.jpg');
}

.reception-list {
    margin-left: 130px;
    padding-top: 7px;
}

.reception-list-box {
    display: block;
    height: 60px;
    line-height: 59px;
    border-bottom: 1px dashed #d6d6d6;
}

.reception-list li:last-child .reception-list-box {
    border-bottom: none;
}

.reception-time {
    width: 115px;
    color: #999;
    font-size: 16px;
    text-align: right;
}

.reception-text {
    margin-right: 115px;
    line-height: 59px;
}

@media (max-width: 980px) {
    .inter-nav {
        height: auto;
        padding-bottom: 20px;
    }
    .inter-nav .container {
        padding: 0;
    }
    .inter-nav-list li > a {
        height: auto;
        padding-left: 50px;
        background-size: 50px 58px;
        background-position: left center;
    }
    .inter-nav-num {
        padding-top: 0;
        line-height: 33px;
        font-size: 16px;
    }
    .inter-nav-name {
        line-height: 16px;
        font-size: 12px;
    }
    .inter-nav-href > a {
        font-size: 16px;
    }
    .reply-name {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .reply-list li,
    .inter-banner-list li {
        width: 100%;
        margin-bottom: 20px;
    }
    .inter-banner,
    .interview-left,
    .interview-right {
        height: auto;
    }
    .inter-banner-list li > a {
        height: 114px;
    }
    .interview-left,
    .interview-right,
    .interview-img,
    .interview-list-box,
    .reception-left {
        width: 100%;
    }
    .interview-img {
        margin-bottom: 20px;
        height: auto;
    }
    .interview-list-box {
        padding-left: 0;
    }
    .interview-left {
        margin-bottom: 30px;
    }
    .interview-box {
        padding-bottom: 5px;
    }
    .invest-box {
        height: 340px;
        padding: 0 10px;
    }
    .invest-right {
        height: 340px;
        margin-left: 90px;
    }
    .invest-left {
        width: 90px;
        height: 340px;
        padding-top: 32px;
    }
    .invest-status {
        width: 55px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }
    .invest-name {
        margin-right: 60px;
        line-height: 25px;
        font-size: 16px;
    }
    .invest-box li {
        padding: 7px 0 5px 0;
    }
    .reception {
        height: auto;
        padding-bottom: 40px;
    }
    .reception-left {
        margin-bottom: 40px;
    }
    .reception-text {
        margin-right: 82px;
        font-size: 16px;
    }
    .reception-list {
        margin-left: 118px;
    }
    .reception-time {
        width: 82px;
        font-size: 14px;
    }
    .write-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .inter-banner-list .write-list li {
        padding: 0 5px;
    }
    .inter-banner-list .write-list li > a {
        padding-top: 40px;
        font-size: 14px;
        background-size: 48px 48px;
    }
    .inter-banner-list {
        margin-right: 0;
    }
    .interview-right {
        margin-bottom: 20px;
    }
}

/* 2021-04-28 wppei 盲驴庐忙鈥澛� */

.reply-new {
    position: relative;
    height: 140px;
    margin-bottom: 40px;
    background: url('../images/inter/interaction_banner3.jpg') no-repeat center;
}

.reply-new .reply-name {
    line-height: 140px;
}

.reply-new-list {
    position: absolute;
    right: 26px;
    bottom: 0;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.reply-new-list li {
    display: inline-block;
    margin-left: 57px;
    vertical-align: top;
}

.reply-num {
    line-height: 66px;
    color: #fff;
    font-size: 20px;
}

.reply-num > span {
    padding-left: 25px;
    font-size: 24px;
    font-weight: bold;
}

.reply-main {
    margin-bottom: 28px;
}

.reply-list {
    width: 77.3%;
    padding-right: 5px;
    margin: 0;
}

.reply-list li {
    width: 33.33%;
}

.know-box {
    width: 22.7%;
}

.interview-bom {
    display: block;
    height: 180px;
    padding: 0 0 0 26px;
    text-align: center;
    line-height: 180px;
    background: url('../images/inter/konw_bg2.png') no-repeat;
    background-size: 100% 100%;
}

.interview-bom > img {
    vertical-align: middle;
}

@media (max-width: 980px) {
    .reply-new .reply-name {
        line-height: 80px;
    }
    .reply-new-list {
        right: 0;
        left: 0;
    }
    .reply-new-list li {
        margin-left: 15px;
    }
    .reply-num {
        font-size: 14px;
    }
    .reply-num > span {
        padding-left: 8px;
        font-size: 16px;
    }
    .reply-list li,
    .reply-list,
    .know-box {
        width: 100%;
        padding: 0;
    }
}
/* 20240911 modify start */
.qa {
    padding: 30px 0 68px 0;
}
.qa-left {
    float: left;
    width: 737px;
    padding-bottom: 15px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 4px 12px rgba(124, 155, 177, 0.1);
}

.consult {
    padding-top: 51px;
    height: 177px;
    color: #fff;
    background: url('../images/inter/consult_bg.jpg') no-repeat center;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    background-size: 100% 100%;
}

.consult > h4 {
    margin: 0 0 16px 0;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}

.reply-total {
    margin-left: 24px;
}

.consult i {
    padding: 0 7px;
    font-style: normal;
    font-size: 20px;
    font-weight: bold;
}

.qa-left .reply-list {
    width: 100%;
    padding: 12px;
}
.qa-left .reply-list li {
    width: 50%;
    background-color: transparent;
    padding: 10px 16px 0 16px;
}

.reply-list li > a {
    padding: 0;
    height: auto;
}

.reply-list .ask {
    line-height: 30px;
    height: 60px;
    margin-bottom: 20px;
    padding: 0 0 0 40px;
}

.reply-list .answer {
    line-height: 30px;
    height: 60px;
    padding: 0 0 0 40px;
}

.reply-list .reply-time {
    line-height: 30px;
    color: #666;
    font-size: 18px;
    height: 30px;
}

.qa-right {
    display: flex;
    flex-wrap: wrap;
    float: right;
    width: 451px;
    height: 440px;
    background: #fff;
    box-shadow: 0px 4px 12px rgba(124, 155, 177, 0.1);
}
.qa-right > a {
    width: calc(50% - 15px);
    text-align: center;
    margin: 12px 7px;
}
.code {
    position: relative;
}
.code:hover .code-img {
    display: block;
}
.code-img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.qa-right > a:nth-child(3),
.qa-right > a:nth-child(4) {
    margin-top: 0;
}

.interview-box {
    display: flex;
}

.interview-img {
    width: auto;
    height: 295px;
    padding: 5px;
    margin-right: 38px;
    background-color: #fff;
}

.interview-img > img {
    width: auto;
    height: 100%;
}
.interview-list-box {
    flex: 1;
    padding: 0 20px 0 0;
}

.interview-content {
    height: auto;
}

.interview-intro {
    line-height: 30px;
    margin-bottom: 20px;
}
.interview-intro > p.theme {
    color: #000;
    font-weight: bold;
}
.interview-cont-item {
    padding: 13px 2em;
    text-indent: 0;
}

@media (max-width: 1200px) {
    .qa-left,
    .qa-right {
        float: none;
        margin: 0 auto;
    }

    .qa-left {
        width: auto;
    }

    .qa-right {
        width: 100%;
        height: auto;
        flex-wrap: nowrap;
        margin-top: 20px;
    }

    .qa-right > a:nth-child(3),
    .qa-right > a:nth-child(4) {
        margin-top: 12px;
    }
}

@media (max-width: 980px) {
    .interview-box {
        flex-wrap: wrap;
    }

    .interview-img {
        margin-right: 0;
    }

    .interview-list-box {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .interview-img,
    .interview-img > img {
        height: auto;
    }
}

@media (max-width: 480px) {
    .qa-right {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        margin-top: 20px;
    }
}


.interview-img img{
    height:100%;
}
.theme a{
    color:#666;
}
.suggest .write-list li{
width:50% !important;
}



.suggest .write-list li:nth-child(1) > a {
    background-image: url("/images/inter/suggest_icon1.png");
}

.suggest .write-list li:nth-child(2) > a {
    background-image: url("/images/inter/suggest_icon2.png");
}

.suggest .write-list li:nth-child(1) > a:hover {
    background-image: url("/images/inter/suggest_icon1h.png");
}

.suggest .write-list li:nth-child(2) > a:hover {
    background-image: url("/images/inter/suggest_icon2h.png");
}

.write-box .write-list{
    width: 370px;
    margin-left: -24px;
}

.write-list li:nth-child(1){
    width:24%;
}

.write-list li:nth-child(4){
    width:24%;
}