@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
#content { background: #fafafa url(/images/project/bg03.png) no-repeat top; background-size: 100% 280px; width: 100% !important; height: auto; }

.main .bread-nav { width: 1200px; margin: 0 auto; height: 46px; line-height: 46px; display: flex; justify-content: space-between; color: #fff; font-size: 14px; padding-top: 10px; }

.main .bread-nav a { font-size: 14px; color: #fff; }

.main .bread-nav a:hover { color: #FF9852; }

.main .bread-nav .jubao { display: flex; align-items: center; cursor: pointer; }

.main .bread-nav .jubao img { display: block; width: 18px; height: 18px; margin-right: 10px; }

.main .bread-nav .jubao span { display: block; }

.main .main-title { width: 1200px; height: auto; margin: 0 auto; position: relative; }

.main .main-title h1 { margin-top: 36px; font-size: 28px; color: #fff; font-weight: 500; }

.main .main-title h1 span { display: inline-block; width: 30px; height: 30px; font-size: 20px; background: #ff4f3f; padding: 5px; margin-right: 8px; }

.main .main-title .userInfo { margin-top: 48px; width: 860px; display: flex; }

.main .main-title .userInfo .userHead { width: 66px; height: 66px; }

.main .main-title .userInfo .userHead img { display: block; width: 100%; height: 100%; }

.main .main-title .userInfo .user-list { margin-left: 20px; margin-right: 60px; flex: 1; display: flex; justify-content: space-between; color: #999999; font-size: 14px; line-height: 33px; }

.main .main-title .userInfo .user-list .userInfoItem strong { color: #fff; }

.main .main-title .userInfo .user-list .banlidiqu { margin-left: 40px; width: 200px; text-indent: -72px; }

.main .main-title .userInfo .user-list .xinyongpingfen { display: flex; }

.main .main-title .userInfo .user-list .xinyongpingfen ul { display: flex; align-items: center; }

.main .main-title .userInfo .user-list .xinyongpingfen ul li { width: 16px; height: 16px; margin-left: 3px; }

.main .main-title .userInfo .user-list .xinyongpingfen ul li img { display: block; width: 100%; height: 100%; }

.main .main-title .zhong-card { min-width: 340px; height: 440px; border-radius: 6px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); background: #fff; position: absolute; top: 0px; right: 0px; padding: 24px; z-index: 9; }

.main .main-title .zhong-card .tuidanImg { position: absolute; top: 0px; left: 0px; right: 0px; background: #fff; height: 282px; z-index: 10; border-radius: 6px 6px 0px 0px; overflow: hidden; }

.main .main-title .zhong-card .tuidanImg img { display: block; width: 100%; height: auto; margin: 0 auto; }

.main .main-title .zhong-card .title_box { overflow: hidden; margin-top: 13px; }

.main .main-title .zhong-card .card-title { font-size: 28px; color: #474747; float: left; line-height: 28px; font-weight: 600; }

.main .main-title .zhong-card .jingbiaorenshu { margin-top: 10px; font-size: 14px; color: #8a97be; }

.main .main-title .zhong-card .jingbiaorenshu.frast { margin-top: 25px; }

.main .main-title .zhong-card .yiwancheng { position: absolute; top: 40px; right: 20px; width: 110px; height: 110px; }

.main .main-title .zhong-card .yiwancheng img { display: block; width: 100%; height: 100%; }

.main .main-title .zhong-card .jingbiaoNum { color: #8a97be; font-size: 16px; float: right; line-height: 28px; }

.main .main-title .zhong-card .shengyu-time { margin-top: 20px; height: 80px; background: #f7f8fa; display: flex; justify-content: space-between; padding: 15px 40px 15px 20px; align-items: center; border-radius: 4px; }

.main .main-title .zhong-card .shengyu-time .time { font-size: 16px; color: #8a97be; }

.main .main-title .zhong-card .shengyu-time .time span { color: #ff761a; }

.main .main-title .zhong-card .shengyu-time .loudou { width: 40px; height: 60px; }

.main .main-title .zhong-card .shengyu-time .loudou img { display: block; width: 100%; height: 100%; }

.main .main-title .zhong-card .wanchengjiaqian { margin-top: 24px; display: flex; justify-content: space-between; }

.main .main-title .zhong-card .wanchengjiaqian .price { flex: 1; }

.main .main-title .zhong-card .wanchengjiaqian .price .priceNum { font-size: 40px; color: #ff761a; font-weight: bold; font-family: DINAlternate-Bold; }

.main .main-title .zhong-card .wanchengjiaqian .price .priceNum span { font-size: 18px; font-weight: 300; }

.main .main-title .zhong-card .wanchengjiaqian .price .price-lable { margin-top: 10px; font-size: 16px; color: #8a97be; }

.main .main-title .zhong-card .wanchengjiaqian .promise { margin-right: 20px; }

.main .main-title .zhong-card .wanchengjiaqian .promise .promise-time { font-size: 40px; color: #474747; font-weight: bold; font-family: DINAlternate-Bold; }

.main .main-title .zhong-card .wanchengjiaqian .promise .promise-time span { font-size: 18px; font-weight: 300; }

.main .main-title .zhong-card .wanchengjiaqian .promise .promise-lable { margin-top: 10px; font-size: 16px; color: #8a97be; }

.main .main-title .zhong-card .time-box { margin-top: 25px; }

.main .main-title .zhong-card .time-box .time-part { width: 70px; height: 30px; float: left; }

.main .main-title .zhong-card .time-box .time-part .item { width: 20px; height: 30px; background: #7488c7; border-radius: 2px; float: left; font-size: 26px; color: #fff; text-align: center; line-height: 30px; font-family: PingFang-SC-Medium; font-weight: 500; }

.main .main-title .zhong-card .time-box .time-part .item.item-one { margin-right: 5px; }

.main .main-title .zhong-card .time-box .time-part .item.item-two { margin-right: 8px; }

.main .main-title .zhong-card .time-box .time-part .item-text { height: 30px; line-height: 30px; font-size: 16px; color: #8995bb; float: left; }

.main .main-title .zhong-card .renshu { margin-top: 53px; }

.main .main-title .zhong-card .renshu .renshu-num { font-size: 40px; color: #ff761a; font-family: DINAlternate-Bold; }

.main .main-title .zhong-card .renshu .renshu-lable { margin-top: 6px; font-size: 16px; color: #8a97be; }

.main .main-title .zhong-card .card-button { margin-top: 50px; display: flex; justify-content: space-between; }

.main .main-title .zhong-card .card-button .transaction-but { width: 150px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: #ff761a; border-radius: 4px; }

.main .main-title .zhong-card .card-button .transaction-but:hover { background: #ff9852; transition-property: background; transition-duration: 500ms; }

.main .main-title .zhong-card .card-button .kefu { width: 114px; height: 50px; line-height: 50px; text-align: center; color: #474747; font-size: 16px; font-weight: bold; border: 1px solid #dbdbdb; border-radius: 4px; }

.main .main-title .zhong-card .card-button .kefu:hover { border-color: #474747; }

.main .main-title .zhong-card .bottomBox { margin-top: 24px; display: flex; justify-content: space-between; }

.main .main-title .zhong-card .bottomBox .card-footer { background-color: #eff1f5; height: 40px; line-height: 40px; padding: 0 8px; display: flex; font-size: 14px; color: #333333; border-radius: 6px; }

.main .main-title .zhong-card .bottomBox .card-footer i { display: block; width: 17px; height: 17px; margin-right: 8px; }

.main .main-title .zhong-card .bottomBox .shareWx { cursor: pointer; padding: 0 8px; border-radius: 6px; font-size: 14px; text-align: center; line-height: 40px; height: 40px; border: 1px solid #dbdbdb; transition: .5s; margin-left: 18px; }

.main .main-title .zhong-card .bottomBox .shareWx:hover { color: #16d46b; border: 1px solid #16d46b; }

.main .progress { width: 1200px; margin: 0 auto; margin-top: 40px; }

.main .progress div { width: 0px; height: 12px; background: url(/images/project/progress02.png) no-repeat 100% 100%; background-size: 100% 100%; position: relative; z-index: 9; border-radius: 5px; }

.main .progress div img { position: absolute; right: -20px; top: -13px; width: 66px; height: 40px; }

.main .progress div .gif { opacity: 1; -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; /**延迟动画**/ animation-delay: 2s; }

.main .progress div .png { width: 90px !important; opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; /**延迟动画**/ animation-delay: 2s; }

.main .progress div .png3 { width: 46px; height: 46px; display: none; opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; /**延迟动画**/ animation-delay: 2s; }

.main .progress div .png4 { width: 46px; height: 46px; display: none; opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; /**延迟动画**/ animation-delay: 2s; }

.main .progress div.progress01 { width: 46px; animation: move1 2s linear; }

.main .progress div.progress02 { width: 190px; animation: move2 2s linear; }

.main .progress div.progress03 { width: 336px; animation: move3 2s linear; }

.main .progress div.progress04 { width: 480px; animation: move4 2s linear; }

.main .progress div.progress05 { width: 630px; animation: move5 2s linear; }

.main .progress div.progress06 { width: 770px; animation: move6 2s linear; }

.main .progress div.progress06 .png { display: none; }

.main .progress div.progress06 .png3 { display: block; }

.main .progress div.quxiao .png { display: none; }

.main .progress div.quxiao .png3 { display: none; }

.main .progress div.quxiao .png4 { display: block; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes move1 { 0% { width: 0px; }
  100% { width: 46px; } }

@keyframes move2 { 0% { width: 0px; }
  100% { width: 190px; } }

@keyframes move3 { 0% { width: 0px; }
  100% { width: 336px; } }

@keyframes move4 { 0% { width: 0px; }
  100% { width: 480px; } }

@keyframes move5 { 0% { width: 0px; }
  100% { width: 630px; } }

@keyframes move6 { 0% { width: 0px; }
  100% { width: 770px; } }

.main .progress-box { width: 100%; height: 90px; background: #fff; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.13); }

.main .progress-box .progressText { width: 1200px; height: 90px; margin: 0 auto; display: flex; }

.main .progress-box .progressText li { width: 90px; line-height: 30px; display: flex; flex-direction: column; justify-content: center; color: #999999; font-size: 14px; }

.main .progress-box .progressText li div { height: 30px; font-family: DINAlternate-Bold; }

.main .progress-box .progressText li.guo { color: #474747; font-weight: 500; }

.main .progress-box .progressText li.gexian { width: 4px; margin: 0px 26px; }

.main .progress-box .progressText li.gexian img { display: block; width: 100%; height: 60%; }

.main .company-box { margin: 0 auto; margin-top: 16px; width: 1200px; height: auto; }

.main .company-box .company { width: 840px; height: auto; padding: 25px 20px 20px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); border-radius: 6px; background: #fff; }

.main .company-box .company h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .company-box .company h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .company-box .company .company-item { margin-top: 24px; display: flex; flex-wrap: wrap; }

.main .company-box .company .company-item li { width: 260px; font-size: 14px; color: #999999; line-height: 26px; }

.main .company-box .company .company-item li strong { font-weight: 600; }

.main .project-body { width: 1200px; height: auto; margin: 0 auto; margin-top: 16px; margin-bottom: 40px; }

.main .project-body .task { width: 100%; height: auto; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); background: #f2f8fe; border-radius: 4px; padding: 27px 20px 25px; box-sizing: border-box; display: flex; align-items: flex-start; }

.main .project-body .task .task-title { width: 50px; height: 50px; text-align: center; color: #fff; font-size: 16px; line-height: 20px; background: #7488c7; border-radius: 4px; font-weight: bold; padding: 4px; box-sizing: border-box; opacity: 0.5982; }

.main .project-body .task .task-test { flex: 1; margin-left: 14px; margin-top: 6px; text-align: justify; font-size: 14px; color: #666666; line-height: 20px; max-height: 400px; transition: max-height 0.8s ease; overflow: hidden; }

.main .project-body .task .task-test.ellipsis { max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.main .project-body .task .task-but { margin-left: 16px; margin-top: 16px; cursor: pointer; width: 12px; height: auto; }

.main .project-body .task .task-but img { display: block; width: 100%; height: auto; }

.main .project-body .task .task-but.fan img { transform: rotate(180deg); }

.main .project-body .server-track { margin-top: 20px; width: 100%; transition: max-height 2s ease; padding: 25px 20px; background: #fff; border-radius: 6px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.main .project-body .server-track h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .server-track h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .project-body .server-track .server-list { margin-left: 170px; margin-top: 50px; max-height: 350px; transition: max-height 2s ease; }

.main .project-body .server-track .server-list.serverOpen { max-height: 3000px; }

.main .project-body .server-track .server-list .list-li { position: relative; border-left: 2px solid #efefef; padding-left: 40px; min-height: 100px; padding-bottom: 30px; }

.main .project-body .server-track .server-list .list-li .server-time { position: absolute; top: 0px; left: -175px; width: 200px; height: 50px; display: flex; justify-content: space-between; align-items: center; background: #f2f8fe; }

.main .project-body .server-track .server-list .list-li .server-time .date { font-size: 42px; font-weight: bold; color: #474747; margin-left: 10px; font-family: DINAlternate-Bold; }

.main .project-body .server-track .server-list .list-li .server-time .year-box { flex: 1; margin-left: 10px; color: #474747; font-size: 14px; line-height: 21px; }

.main .project-body .server-track .server-list .list-li .server-time .hours-box { width: 50px; height: 50px; padding: 8px; box-sizing: border-box; background: #a5b4dc; color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.main .project-body .server-track .server-list .list-li .server-time .hours-box .hours { font-size: 14px; font-family: DINAlternate-Bold; }

.main .project-body .server-track .server-list .list-li .server-time .hours-box .number { font-size: 24px; font-family: DINAlternate-Bold; }

.main .project-body .server-track .server-list .list-li .server-time.server-time-last { background: #ffad76; }

.main .project-body .server-track .server-list .list-li .server-time.server-time-last .year-box, .main .project-body .server-track .server-list .list-li .server-time.server-time-last .date { color: #fff; }

.main .project-body .server-track .server-list .list-li .server-time.server-time-last .hours-box { background: #ff761a; color: #fff; }

.main .project-body .server-track .server-list .list-li .server-item-title { font-size: 14px; color: #474747; line-height: 26px; }

.main .project-body .server-track .server-list .list-li .item-text { margin-top: 32px; background: #f7f8fa; padding: 25px 18px; }

.main .project-body .server-track .server-list .list-li .item-text ul li { font-size: 14px; color: #474747; line-height: 22px; }

.main .project-body .server-track .server-list .list-li .item-text ul li span { color: #999999; }

.main .project-body .server-track .server-list .list-li .item-text p { font-size: 13px; line-height: 18px; text-align: justify; color: #666666; }

.main .project-body .server-track .server-list .list-li .item-text ol { margin-top: 16px; }

.main .project-body .server-track .server-list .list-li .item-text ol li { float: left; width: 130px; height: 130px; margin-right: 14px; }

.main .project-body .server-track .server-list .list-li .item-text ol li img { display: block; width: 100%; height: 100%; }

.main .project-body .server-track .server-list .list-li-more { display: none; }

.main .project-body .server-track .server-list .list-li-but { margin-top: -16px; padding-left: 50px; height: 60px; border-left: 2px solid #efefef; font-size: 14px; color: #7488c7; cursor: pointer; }

.main .project-body .yanshoubiaozhuen { margin-top: 20px; background: #fff; }

.main .project-body .yanshoubiaozhuen .task-title { background: #ff761a; }

.main .project-body .selection-server { margin-top: 20px; width: 100%; padding: 25px 20px; background: #fff; border-radius: 6px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.main .project-body .selection-server h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .selection-server h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .project-body .selection-server .server-info { margin-top: 20px; display: flex; }

.main .project-body .selection-server .server-info .server-title-img { width: 80px; height: 80px; margin-right: 25px; }

.main .project-body .selection-server .server-info .server-title-img img { display: block; width: 100%; height: 100%; }

.main .project-body .selection-server .server-info .server-right { flex: 1; }

.main .project-body .selection-server .server-info .server-right .server-name { display: flex; align-items: center; }

.main .project-body .selection-server .server-info .server-right .server-name .name { font-size: 18px; color: #474747; }

.main .project-body .selection-server .server-info .server-right .server-name .name-icon { width: 16px; height: 13px; margin-left: 7px; }

.main .project-body .selection-server .server-info .server-right .server-name .name-icon img { display: block; width: 100%; height: 100%; }

.main .project-body .selection-server .server-info .server-right .server-name .zhongbiao-box { border: 1px solid #ffb4ad; border-radius: 3px; padding: 2px 5px; display: flex; align-items: center; justify-content: center; color: 16px; font-weight: bold; margin-left: 20px; color: #ffb4ad; }

.main .project-body .selection-server .server-info .server-right .server-name .zhongbiao-box .zhongbiao-icon { width: 18px; height: 20px; margin-right: 7px; }

.main .project-body .selection-server .server-info .server-right .server-name .zhongbiao-box .zhongbiao-icon img { display: block; width: 100%; height: 100%; }

.main .project-body .selection-server .server-info .server-right .server-info-body { margin-top: 7px; }

.main .project-body .selection-server .server-info .server-right .server-info-body .server-info-li { width: 250px; float: left; color: #999999; font-size: 14px; line-height: 24px; display: flex; }

.main .project-body .selection-server .server-info .server-right .server-info-body .server-info-li strong { color: #474747; font-weight: 500; }

.main .project-body .selection-server .server-info .server-right .server-info-body .server-info-li ul { display: flex; align-items: center; }

.main .project-body .selection-server .server-info .server-right .server-info-body .server-info-li ul li { width: 16px; height: 16px; margin-left: 3px; }

.main .project-body .selection-server .server-info .server-right .server-info-body .server-info-li ul li img { display: block; width: 100%; height: 100%; }

.main .project-body .selection-server .server-comment { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9; }

.main .project-body .selection-server .server-comment h4 { width: 86px; height: 26px; background: url(/images/project/fuwudianping.png) no-repeat center 100%; font-size: 16px; font-weight: bold; color: #fff; line-height: 26px; text-align: center; }

.main .project-body .selection-server .server-comment .server-comment-title { margin-top: 20px; font-size: 16px; font-weight: bold; color: #474747; display: flex; }

.main .project-body .selection-server .server-comment .server-comment-title .server-comment-star { margin-left: 20px; flex: 1; display: flex; }

.main .project-body .selection-server .server-comment .server-comment-title .server-comment-star ul { display: flex; align-items: center; }

.main .project-body .selection-server .server-comment .server-comment-title .server-comment-star ul li { width: 16px; height: 16px; margin-left: 3px; }

.main .project-body .selection-server .server-comment .server-comment-title .server-comment-star ul li img { display: block; width: 100%; height: 100%; }

.main .project-body .selection-server .server-comment .server-comment-title .server-comment-star .star-num { margin-left: 10px; }

.main .project-body .selection-server .server-comment .server-comment-title .server-comment-time { font-size: 14px; color: #838383; }

.main .project-body .selection-server .server-comment .server-comment-text { margin-top: 20px; line-height: 22px; text-align: justify; font-size: 14px; color: #474747; word-wrap: break-word; white-space: pre-wrap; word-break: break-all; }

.main .project-body .jingbiaofuwuzhe { margin-top: 20px; width: 100%; padding: 25px 20px; background: #fff; border-radius: 6px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.main .project-body .jingbiaofuwuzhe h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .jingbiaofuwuzhe h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .project-body .jingbiaofuwuzhe .dangqiany { position: absolute; top: 20px; right: 20px; display: flex; }

.main .project-body .jingbiaofuwuzhe .dangqiany .swiper-button-next-new, .main .project-body .jingbiaofuwuzhe .dangqiany .swiper-button-prev-new { width: 16px; height: 16px; cursor: pointer; }

.main .project-body .jingbiaofuwuzhe .dangqiany .swiper-button-next-new img, .main .project-body .jingbiaofuwuzhe .dangqiany .swiper-button-prev-new img { display: block; width: 100%; height: 100%; }

.main .project-body .jingbiaofuwuzhe .dangqiany .swiper-pagination { width: auto; position: static; display: flex; align-items: center; }

.main .project-body .jingbiaofuwuzhe .dangqiany .swiper-pagination span { margin: 0px 4px; }

.main .project-body .jingbiaofuwuzhe .swiper-container { margin-top: 24px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .swiper-slide { background: #fff; }

.main .project-body .jingbiaofuwuzhe .swiper-container .swiper-slide:nth-child(1) .jingbiaofuwuzhe-item, .main .project-body .jingbiaofuwuzhe .swiper-container .swiper-slide:nth-child(2) .jingbiaofuwuzhe-item { border-left: none; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item { border-left: 2px solid #e9e9e9; margin: 15px 0px; padding-left: 37px; background: #fff; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name { display: flex; align-items: center; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .name { font-size: 18px; color: #474747; font-weight: bold; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .capian { margin-left: 7px; width: 16px; height: 13px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .capian img { display: block; width: 100%; height: 100%; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .jiantou { margin-left: 26px; width: 12px; height: 16px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .jiantou img { display: block; width: 100%; height: 100%; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .zhongbiao-box { border: 1px solid #ffb4ad; border-radius: 3px; padding: 2px 5px; display: flex; align-items: center; justify-content: center; color: 16px; font-weight: bold; margin-left: 8px; color: #ffb4ad; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .zhongbiao-box .zhongbiao-icon { width: 18px; height: 20px; margin-right: 7px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-name .zhongbiao-box .zhongbiao-icon img { display: block; width: 100%; height: 100%; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .fuwzongpingfen { margin-top: 16px; display: flex; align-items: center; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .fuwzongpingfen .fwzpf-lable { font-size: 14px; color: #474747; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .fuwzongpingfen ul { display: flex; align-items: center; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .fuwzongpingfen ul li { width: 16px; height: 16px; margin-left: 3px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .fuwzongpingfen ul li img { display: block; width: 100%; height: 100%; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-title-box { margin-top: 14px; display: flex; align-items: center; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-title-box .jbfwz-title { width: 82px; height: 82px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-title-box .jbfwz-title img { display: block; width: 100%; height: 100%; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-title-box ul { margin-left: 14px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-title-box ul li { margin-top: 10px; color: #d5d5d5; font-size: 12px; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .jbfwz-title-box ul li span { color: #474747; }

.main .project-body .jingbiaofuwuzhe .swiper-container .jingbiaofuwuzhe-item .xuweiyidaiImg { width: 220px; height: 140px; background: #fafafa; padding: 30px 50px; }

.main .project-body .jingbiaofuwuzhe .xuweiyidai { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; }

.main .project-body .jingbiaofuwuzhe .xuweiyidai img { display: block; width: 116px; height: 92px; }

.main .project-body .product-num { width: 1200px; height: 82px; margin: 20px auto 0 auto; background: url("../images/index201901/banner4.png") no-repeat top center; background-size: 1200px 82px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.main .project-body .product-num .productNumSwiper { width: 960px; float: left; text-align: center; height: 80px; overflow: hidden; }

.main .project-body .product-num .productNumSwiper strong { height: 80px; line-height: 80px; display: inline-block; color: #474f68; font-size: 22px; }

.main .project-body .product-num .productNumSwiper strong span { color: #ff9852; font-size: 26px; }

.main .project-body .product-num .productNumSwiper .indexSubLink { border: 1px solid #cdcdcd; font-size: 14px; color: #333; line-height: 20px; padding: 0 10px; margin-left: 30px; display: inline-block; }

.main .project-body .product-num a.subbannerIwant { background: #ff761a; color: #fff; width: 100px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-top: 25px; border-radius: 4px; box-shadow: 0px 0px 6px 0px rgba(133, 133, 133, 0.25); }

.main .project-body .product-num a.subbannerIwant:hover { background: #ff9852; transition-property: background; transition-duration: 500ms; }

.main .project-body .product-num ul { padding-left: 66px; }

.main .project-body .product-num li { float: left; text-align: center; color: #fff; margin-right: 38px; }

.main .project-body .product-num li span { font-size: 24px; }

.main .project-body .product-num li p { font-size: 12px; }

.main .project-body .product-num li img { width: 9px; height: 34px; }

.main .project-body .qitazhaobiao { margin-top: 20px; width: 100%; padding: 25px 20px 10px; background: #fff; border-radius: 6px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); position: relative; }

.main .project-body .qitazhaobiao h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .qitazhaobiao h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .project-body .qitazhaobiao .more { position: absolute; top: 20px; right: 20px; }

.main .project-body .qitazhaobiao .more a { color: #7488c7; font-size: 12px; }

.main .project-body .qitazhaobiao .more:hover a { color: #52a0f8; }

.main .project-body .qitazhaobiao .list-body { width: auto; margin-top: 34px; }

.main .project-body .qitazhaobiao .list-body a:last-child .list-item { border: none; }

.main .project-body .qitazhaobiao .list-body .list-item { display: block; width: 100%; height: auto; border-bottom: 1px solid #ebecf0; padding: 14px 20px; cursor: pointer; }

.main .project-body .qitazhaobiao .list-body .list-item:hover { background: #fafafb; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a { display: flex; align-items: center; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .nameType { display: flex; align-items: center; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .imgTypeBox { display: inline-block; width: 14px; height: 14px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .imgTypeBox .imgType { width: 100%; height: 100%; vertical-align: top; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .gongsi { display: inline-block; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #474747; margin-right: 5px; max-width: 252px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .fabuzhe { display: inline-block; margin-left: 11px; color: #52a0f8; font-size: 12px; width: 160px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .city { display: inline-block; margin-left: 26px; font-size: 12px; color: #999999; display: flex; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .city i { display: block; width: 16px; height: 16px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .city i img { display: block; width: 100%; height: 100%; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-a .city span { width: 160px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b { margin-top: 12px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul { display: flex; position: relative; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li { line-height: 32px; position: static; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .zhaobiaoshijian { font-size: 12px; color: #ff761a; font-weight: 600; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .zhaobiaoshijian i { font-size: 14px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .zuikuaishijian { color: #474747; font-size: 12px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .zuikuaishijian span { font-size: 16px; font-weight: bold; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .shuliang { font-size: 12px; color: #474747; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .shuliangTitle { display: none; position: absolute; top: 30px; right: 60px; width: auto; height: auto; max-width: 360px; margin-top: 8px; z-index: 20; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .shuliangTitle img { display: block; width: 20px; height: 10px; margin-left: 320px; position: absolute; top: -10px; right: 35px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .shuliangTitle .shuliangTitleText { padding: 16px 20px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); border-radius: 5px; color: #474f68; background: #fff; font-size: 12px; white-space: normal; text-align: justify; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .zhongbiaojia { color: #ff761a; font-size: 16px; font-weight: bold; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .zhongbiaojia span { font-size: 12px; margin-right: 2px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .junjia { color: #474f68; font-size: 16px; font-weight: bold; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .junjia span { font-size: 12px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .pingxing { display: flex; margin-bottom: 12px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .pingxing i { display: block; width: 14px; height: 14px; margin: 3px; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .pingxing i img { display: block; width: 100%; height: 100%; }

.main .project-body .qitazhaobiao .list-body .list-item .list-item-b ul li .theader { font-size: 12px; line-height: 20px; color: #999999; }

.main .project-body .qitazhaobiao .pagination { margin-top: 20px; }

.main .project-body .new { margin-top: 20px; width: 100%; padding: 25px 20px; background: #fff; border-radius: 6px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); position: relative; }

.main .project-body .new h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .new h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .project-body .new .more { position: absolute; top: 20px; right: 20px; }

.main .project-body .new .more a { color: #7488c7; font-size: 12px; }

.main .project-body .new .more:hover a { color: #52a0f8; }

.main .project-body .new .new-item { margin-top: 25px; }

.main .project-body .new .new-item li { float: left; width: 565px; height: auto; margin-left: 0px; margin-top: 20px; }

.main .project-body .new .new-item li .new-img { width: 230px; height: 120px; border-radius: 6px; overflow: hidden; float: left; }

.main .project-body .new .new-item li .new-img img { display: block; width: 100%; height: 100%; }

.main .project-body .new .new-item li .new-left { margin-left: 250px; margin-top: 12px; }

.main .project-body .new .new-item li .new-left .new-title { display: block; font-size: 16px; line-height: 24px; color: #474747; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.main .project-body .new .new-item li .new-left .new-time { margin-top: 8px; font-size: 12px; color: #999999; }

.main .project-body .new .new-item li .new-left .new-text { margin-top: 8px; font-size: 14px; line-height: 22px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.main .project-body .new .new-item li:nth-child(2n) { margin-left: 30px; }

.main .project-body .new .new-item li:hover { box-shadow: 0px 6px 20px #dbdbdb; transform: translate3d(0, -2px, 0); transition: all 0.4s; }

.main .project-body .dayijiehuo { margin-top: 20px; width: 100%; padding: 25px 20px; background: #fff; border-radius: 6px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); position: relative; }

.main .project-body .dayijiehuo h3 { font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .dayijiehuo h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.main .project-body .dayijiehuo .more { position: absolute; top: 20px; right: 20px; }

.main .project-body .dayijiehuo .more a { color: #7488c7; font-size: 12px; }

.main .project-body .dayijiehuo .more:hover a { color: #52a0f8; }

.main .project-body .dayijiehuo .dyjh-item { margin-top: 25px; border-radius: 6px; overflow: hidden; }

.main .project-body .dayijiehuo .dyjh-item li { float: left; width: 570px; height: auto; margin-left: 0px; margin-top: 20px; background: #f7f8fa; padding: 20px; box-sizing: border-box; }

.main .project-body .dayijiehuo .dyjh-item li:nth-child(2n) { margin-left: 20px; }

.main .project-body .dayijiehuo .dyjh-item li .wen { display: flex; align-items: flex-start; }

.main .project-body .dayijiehuo .dyjh-item li .wen img { display: block; width: 30px; height: 30px; }

.main .project-body .dayijiehuo .dyjh-item li .wen .wen-text { display: block; margin-top: 7px; margin-left: 12px; font-size: 16px; color: #474747; font-weight: bold; }

.main .project-body .dayijiehuo .dyjh-item li .daan { display: flex; align-items: flex-start; margin-top: 40px; }

.main .project-body .dayijiehuo .dyjh-item li .daan img { display: block; width: 30px; height: 30px; }

.main .project-body .dayijiehuo .dyjh-item li .daan .daan-text { margin-top: 7px; margin-left: 12px; font-size: 14px; color: #999999; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.main .project-body .dayijiehuo .dyjh-item li .chakanxiangqing { margin-top: 40px; margin-left: 42px; }

.main .project-body .dayijiehuo .dyjh-item li .chakanxiangqing a { display: flex; align-items: center; cursor: pointer; }

.main .project-body .dayijiehuo .dyjh-item li .chakanxiangqing a .chakanxiangqing-text { font-size: 14px; color: #666666; }

.main .project-body .dayijiehuo .dyjh-item li .chakanxiangqing a img { display: block; width: 10px; height: 12px; margin-left: 12px; }

.main .project-body .dayijiehuo .dyjh-item li .chakanxiangqing:hover a .chakanxiangqing-text { color: #52a0f8; }