/* 服务热线 */
.fwrx-banner { height: 350px; background: url(fwrx_banner.png) no-repeat center top;}
.fwrx-banner .f-b-l { float: left; width: 283px; height: 237px; margin: 57px 0 0 170px;}
.fwrx-banner .f-b-r { float: left; width: 498px; height: 151px; margin: 85px 0 0 96px;}
.fwrx-wrap { width: 1200px; margin: 0 auto; padding: 50px 0;}
.fwrx-item {border: 1px solid #f5f5f5;/* height: 398px; */margin-top: 30px;overflow: hidden;}
.fwrx-pic {float: left;width: 360px;height: 390px;}
.fwrx-list {float: right;width: 793px;height: 358px;background: #f5f5f5;padding: 20px;}
.fwrx-list ul { width: 100%; height: 100%; overflow-y: auto;}
.fwrx-list ul::-webkit-scrollbar { width: 8px;}
.fwrx-list ul::-webkit-scrollbar-track { background-color:#fff; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.fwrx-list ul::-webkit-scrollbar-thumb { background-color:#653b9d; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.fwrx-list ul li { float: left; width: 370px; font-size: 0; line-height: 50px; height: 50px; overflow: hidden;}
.fwrx-list ul li p { display: inline-block; *display: inline; *zoom: 1; width: 200px; font-size: 16px; line-height: 20px; vertical-align: middle;}
.fwrx-list ul li span { display: inline-block; *display: inline; *zoom: 1; width: 140px; font-size: 16px; vertical-align: middle; margin-left: 30px;}

/* 在线访谈 */
.zxft-wrap { width: 1200px; margin: 50px auto;}
.zxft-list li { border-bottom: 1px dashed #efefef; padding: 40px 0; overflow: hidden;}
.zxft-list li:first-child { padding-top: 0;}
.zxft-pic { float: left; width: 380px; height: 250px; overflow: hidden;}
.zxft-pic img { width: 100%; height: 100%; transform: scale(1); transition: all 1s;}
.zxft-pic:hover img { transform: scale(1.1); transition: all 1s;}
.zxft-text { margin-left: 410px; padding-right: 40px;}
.zxft-text h3 { border-bottom: 1px dashed #efefef; font-size: 26px; font-weight: normal; line-height: 29px; padding: 15px 0; margin-bottom: 15px;}
.zxft-text h3 a:hover { color: #bb1a2a;}
.zxft-text p { position: relative; font-size: 16px; line-height: 30px; padding: 5px 0 5px 80px;}
.zxft-text p i { display: block; position: absolute; left: 0; top: 5px;}

.zxft-details-top{ overflow: hidden;}
.zxft-details-top .zxft-pic { width: 520px; height: 340px;}
.zxft-details-top .zxft-text { margin-left: 560px;}
.zxft-details-top .zxft-text h3 { padding: 18px 0;}
.zxft-details-top .zxft-text p { padding: 10px 0 10px 80px;}
.zxft-details-top .zxft-text p i { top: 10px;}

.zxft-details-bottom { margin-top: 30px; overflow: hidden;}
.ftjd { float: left; width: 770px;}
.ftjd-list { height: 500px; margin-top: 30px; overflow: hidden;}
.ftjd-list .record { padding: 0 20px; height: 100%; overflow-y: auto;}
.ftjd-list .record::-webkit-scrollbar { width: 8px;}
.ftjd-list .record::-webkit-scrollbar-track { background-color:#f2f2f2; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.ftjd-list .record::-webkit-scrollbar-thumb { background-color:#bb1a2a; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.record li { border-bottom: 1px solid #f7f7f7; font-size: 16px; padding: 15px 0; overflow: hidden;}
.record li .speaker { float: left; font-size: 16px; font-weight: bold;}
.record li .time { float: right; font-size: 16px; color: #666;}
.record li .content { float: left; width: 100%; font-size: 16px; line-height: 30px; text-indent: 2em; text-align: justify; margin-top: 10px;}

.wytw { float: right; width: 390px;}
.wytw-main { margin-top: 30px;}
.wytw-main .wytw-tar { border: 1px solid #e7e7e7; width: 368px; height: 208px; font-size: 16px; line-height: 24px; padding: 5px 10px; resize: none; cursor: text; overflow-y: scroll; outline: none;}
.emotion-box { position: relative; margin: 30px 0 10px;}
.emotion { width: 24px; height: 24px; background: url(zxft_jt.jpg) no-repeat right center; width: 40px; cursor: pointer;}
.qqFace { border: 1px solid #e7e7e7; top: 25px !important; background: #fff;}
.wytw-input { padding: 15px 0; overflow: hidden;}
.wytw-input .wytw-txt { border: 1px solid #e7e7e7; width: 100px; height: 28px; line-height: 28px; cursor: text; outline: none; padding: 0 10px; margin: 0 10px;}
.ljfb-btn { float: right; width: 130px; height: 40px; background: #bb1a2a; border-radius: 5px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; margin-top: 30px;}

/* 分页 */
.pages { font-size: 0; text-align: center; margin: 30px 0;}
.pages li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; margin: 0 10px; line-height: 26px;}
.pages li a:hover { color: #bb1a2a;}
.pages li.current a { display: block; background: #bb1a2a; padding: 0 8px; color: #fff;}



/* media */
@media only screen and ( max-width: 1199px) {
    .fwrx-banner { height: auto; padding: 50px; overflow: hidden;}
    .fwrx-banner .f-b-l { display: none;}
    .fwrx-banner .f-b-r { width: 100%; height: auto; margin: 0;}

    .fwrx-wrap { padding: 0 10px 10px; width: 100%;}

    .fwrx-item { position: relative; height: auto; overflow: hidden; margin-top: 10px;}
    .fwrx-pic { position: absolute; left: 0; top: 0; z-index: 1;}
    .fwrx-pic img { width: 280px; height: auto;}
    .fwrx-list { position: relative; z-index: 3; width: 100%; height: auto; margin-top: 70px;}
    .fwrx-list ul li { height: 40px; line-height: 40px;}

    .zxft-wrap { width: 100%; padding: 10px; margin: 0;}
    .zxft-pic,.zxft-details-top .zxft-pic { width: 45%; height: auto;}
    .zxft-text,.zxft-details-top .zxft-text { margin-left: 47%; padding-right: 0;}
    .zxft-text h3,.zxft-details-top .zxft-text h3 { font-size: 20px; padding: 10px 0; margin-bottom: 0;}

    .ftjd,.wytw,.wytw-main .wytw-tar { width: 100%;}
    .ftjd-list { height: auto; margin-top: 10px;}
    .ftjd-list .record { padding: 0;}
    .ljfb-btn { float: left;}
}

@media only screen and ( max-width: 768px) { 
    .fwrx-banner{ padding: 30px 20px;}
    .fwrx-banner .f-b-r img { width: 100%; height: auto;}
    .fwrx-list ul li { width: 100%;}

    .zxft-list li { padding:10px 0;}
    .zxft-pic,.zxft-details-top .zxft-pic { float: none; width: 100%;}
    .zxft-text,.zxft-details-top .zxft-text { margin-left: 0;}
}

@media only screen and (max-width: 480px) {
    .fwrx-list { padding: 10px;}
    .fwrx-list ul li { display: flex; height: auto; align-items: center; justify-content: space-between; padding: 5px 0;}
    .fwrx-list ul li span { line-height: 20px;}
    .emotion-box { display: none;}
}