﻿/* CSS Document   Version: 1.0.0
   Date: 2021/03/01
   Author: He Jing
   Copyright: www.east.net
*/
img{max-width:100%}
.case-container{background:#fff;}
.case-container .banner .txt1{font-size:24px}
.case-container .banner .txt2{font-size:12px}
.case{padding: 10vw 0 0;background:url(../images/back.png) center bottom no-repeat;background-size:50%;}
.case .tab{width:94%;margin: 0 auto;display: flex;justify-content: space-between;line-height: 60px;border:1px solid #e5e5e5;box-shadow: 0 2px 10px rgba(0,0,0,.08);margin-bottom: 8vw;border-radius: 10px;background: #fff;}
.case .tab .left{width: 40%;height: 60px;text-align: center;color: #666666;border-right:1px solid #e5e5e5;font-weight: 600;}
.case .tab .right{color:#666;width:70%;padding-left:10%;box-sizing:border-box;position: relative;}
.case .tab .right span{position:absolute;border-width:10px 7px;border-style:solid;border-color:#ff6e00 transparent transparent;right: 20px;top: calc(50% - 4px);}
.case .tab .right dl{display:none;border:1px solid #e5e5e5;position: absolute;background: #fff;width: 100%;left: 0;top: calc(100% + 2px);box-sizing: border-box;z-index: 1;}
.case .tab .right dl dd{border-bottom:1px solid #e5e5e5}
.case .tab .right dl dd a{padding-left:15%;display:block;width:100%;height:100%;box-sizing:border-box}
.case ul{width: 94%;display: flex;margin: 0 auto;flex-wrap:wrap;padding-bottom: 10vw;}
.case ul li{width: calc((100% - 10px)/2);margin-right: 10px;background:#fff;margin-bottom:20px;box-shadow: 0 2px 10px rgba(0,0,0,.08);border-radius:5px;overflow:hidden;position: relative;padding-bottom: 20px;}
.case ul li:nth-child(2n){margin-right:0;border-radius: 3px;}
.case ul li .img{width:100%;height:24vw;overflow:hidden;position:relative}
.case ul li .img img{width:100%}
.case ul li .img .mb{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.7);line-height: 24vw;text-align: center;}
.case ul li .img .mb img{max-width:100%;max-height:50%;width: auto;vertical-align: middle;}
.case ul li .words{padding:15px;}
.case ul li .words .title{font-size:15px;border-bottom:1px solid #f0f0f0;line-height: 20px;color:#333333;padding: 5px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case ul li .words .sum{color:#666;font-size:12px;margin: 10px auto 20px;line-height:1.5}
.case ul li .words .more{padding:0 10px;text-align:center;border:1px solid #ff6e00;display: inline-block;width: 80px;color:#ff6e00;font-size:12px;left: calc(50% - 40px);box-sizing:border-box;line-height:20px;border-radius:30px;position: absolute;bottom: 10px;}

.case-container .banner a.free{border-radius:5px;font-size:12px;background:#fff;color:#ff6e0a;box-shadow:1px 2px 5px rgba(255,110,10,77%);bottom: 20vw;left: calc(50% - 55px);margin-left: 0px;}
.case-container .banner .remark{top: calc(50% - 15vw);top: auto;bottom: 36vw;}
.case-container.caseBox .banner .remark{top: calc(50% - 5vw);}
.location{width:94%;margin: 15px auto 0;border-bottom:1px solid #e5e5e5;line-height: 20px;padding: 10px 0;}
.location a{color:#000000;margin:0 2px}

.caseBox_Z .banner a.free{left: 50%;color:#fff;font-size:14px;border:1px solid #fff;border-radius:30px;position:absolute;bottom: 9%;z-index: 99999;width: 110px;height: 30px;line-height: 30px;text-align: center;box-shadow: 0 0 0 0 #fff;background: unset;margin-left: -55px;}

.case-container .content{background:url(../images/back.png) center bottom no-repeat;background-size: 50%;}
.caseInfo{width:94%;margin:0 auto;}
.caseInfo>p{font-size:16px;margin:20px 0 10px;line-height:1.5;font-weight:600;text-align:center}
.caseInfo .time{text-align:center;font-size:12px;margin-bottom:20px}
.caseInfo img{height:auto}
.caseRecommend{margin:10vw auto;border-top:1px solid #e5e5e5;padding-top:7vw;width:94%;}
.caseRecommend>p{color:#000000;font-weight:600;font-size:20px;text-align:center}
.caseRecommend ul{margin-top:10vw}
.caseRecommend ul li{line-height:1.5;margin-bottom:6vw;padding-left:25px;background: url(../images/caseIcon.png) left 5px no-repeat;background-size:10px;}
.caseRecommend ul li a{font-size:14px}

/*市场活动*/
.market{background: url(../images/icon-aboutbg.html) left bottom no-repeat;}
.market1{margin: 15vw auto 0px;width: 94%;}
.market1L{width:100%;height: auto;/* float:left; */}
.market1L img{width:100%}
.market1R{width: 100%;/* float:right; */background:#eeeeee;/* height:470px; */padding: 20px 15px 20px 20px;box-sizing:border-box;}
.market1R .m1{font-size: 14px;color:#000000;height: 32px;line-height:32px;padding: 0px 0px 0px 40px;background:url(../images/icon-new.png) left center no-repeat;background-size: 22px;}
.market1R .title{font-size: 14px;color:#000000;margin: 10px 0px 10px 0px;line-height:22px;}
.market1R .sum{font-size: 12px;color:#999999;line-height: 18px;/* height:110px; */margin-bottom: 20px;}
.market1R .time{font-size: 13px;color:#000;line-height: 20px;}
.market1R .place{font-size: 12px;color:#000;line-height: 20px;/* margin: 10px 0px 0px 0px; */}
.market1R .more{transition:0.5s all ease;width: 100px;height: 35px;line-height: 35px;display:block;background:#fd6e21;color:#fff;font-size:12px;text-align:center;border-radius:5px;margin: 25px 0px 20px 0px;box-shadow: 0px 2px 4px 1px #eeb6a1;}
.market1R .more:hover{background:#f98e3d;}

.market2{width: 94%;margin: 0 auto 10px;}
.content .market2 .name{margin: 10vw 0px 15px 0px;}
.content .market2 .name:before,.content .market2 .name:after{display:none}
.market2 ul{flex-wrap:wrap;display:flex;}
.market2 li{width: 100%;box-shadow: 0px 2px 20px 5px rgba(0,0,0,.1);float: left;margin-bottom: 30px;}
.market2 li:nth-child(3n){margin-right:0px;}
.market2 li .img{height: auto;overflow:hidden;border-radius: 2px;/* text-align: center; *//* background: #f1f1f1; */}
.market2 li .img img{/* max-width: 100%; *//* max-height: 100%; */transform:scale(1.0);transition:0.5s all ease;/* vertical-align: middle; */width: 100%;}
.market2 li .words{padding: 30px 24px 20px 24px;background:#fff;}
.market2 li .title{font-size: 16px;color:#333333;font-weight:bold;padding: 0px 0px 0px 70px;background: url(../images/dian.png) left 5px no-repeat;transition:0.5s all ease;background-size: 40px;line-height: 1.5;}
.market2 li .sum{font-size:14px;color:#666666;font-weight:bold;margin: 30px 0px;line-height: 1.5;/* height: 100px; *//* overflow: hidden; */word-break: normal;}
.market2 .time{font-size: 14px;color:#000;line-height: 1.5;}
.market2 .place{font-size: 14px;color:#000;line-height: 1.5;/* margin: 10px 0px 0px 0px; */}
.market2 .more{width: 100px;height: 35px;line-height: 35px;display:block;border: 1px solid #fd6e21;color: #fd6e21;font-size:12px;text-align:center;border-radius: 10px;/* font-weight:bold; */margin: 25px auto 0px;transition:0.5s all ease;/* background: #fd6e21; */}
.market2 li:hover img{transform:scale(1.2);}
.market2 li:hover .more{background:#fd6e21;color:#fff;}
.market2 li:hover .title{color:#fd6e21;}

/*详情*/
.nextTitle{border-top:1px solid #e5e5e5;padding: 30px 0 30px;font-size:0px;width: 100%;}
.nextTitle a{color:#999999;font-size:14px;width:50%;display:inline-block;box-sizing: border-box;height: 20px;line-height: 20px;background-size:7px!important}
.nextTitle a.previous{padding: 0px 30px 0px 0px;background: url(../images/market-right.png) right center no-repeat;float: right;text-align: right;}
.nextTitle a.next{padding: 0px 0px 0px 30px;background: url(../images/market-left.png) left center no-repeat;}
.marketRecommend{margin: 10vw auto 15vw;/* width:94%; */}
.marketRecommend>p{color:#000000;font-weight:600;font-size:20px;text-align:center}
.marketRecommend .con{width:100%;overflow-y: hidden;padding: 0 3%;box-sizing: border-box;}
.marketRecommend .con>div{width: 100%;overflow-x:scroll;overflow-y: hidden;}
.marketRecommend .con>div::-webkit-scrollbar{width:94%;height:4px;}
.marketRecommend .con>div::-webkit-scrollbar-thumb{background: #ff6e00;border-radius:30px}
.marketRecommend .con>div::-webkit-scrollbar-track{background: #c6c6c6;border-radius:30px;width:94%}
.marketRecommend .con>div::-webkit-scrollbar-button{display: none;}
.marketRecommend ul{margin-top: 7vw;width: 2000px;display: flex;padding-left: 5px;}
.marketRecommend ul li{line-height:1.5;margin-bottom:6vw;/* padding-left:25px; */width: 60vw;position:relative;margin-right: 10px;}
.marketRecommend ul li .img{position:relative}
.marketRecommend ul li .img:after{content:"";position:absolute;background: url(../images/caseIcon.png) left center no-repeat;background-size:10px;width:10px;height:10px;top:calc(50% - 5px);z-index: 1;left: -5px;}
.marketRecommend ul li p{font-size:12px;padding:5px;}
.marketRecommend ul li a{font-size:14px}

/* 资源中心 */
.resourse{padding:0}
.resourse .tab{width:100%;border-radius:0;border-left:0;border-right:0;line-height: 50px;}
.resourse .tab a{width:50%;text-align:center;background: #eeeeee;color: #fd6e21;border-right: 1px solid #e5e5e5;}
.resourse .tab a.active{background:#fff;color:#666}
.resourse .tab a:nth-child(2n){border-right:0}
.resourse ul{padding-bottom:8vw}
.resourse ul li .img{height: 29vw;}
.resourse ul li .words .title{line-height:20px;/* height:60px; */overflow:hidden;margin-bottom: 15px;border:0;}
.resourse ul li .words .more{width:100px;line-height:30px;padding: 0;/* margin-left: calc(50% - 50px); */border-radius: 5px;left: calc(50% - 50px);}

#pages{text-align:center;padding-bottom: 10vw;width: 94%;margin: 0 auto;}
#pages a{display: inline-block;width: 30px;height: 30px;border:1px solid #c8cecf;text-align: center;line-height: 30px;color: #666666;font-size: 12px;background: #f7f7f7;vertical-align: middle;}
#pages a.prev{background: url(../images/icon-prev.png) #f7f7f7 center center no-repeat;}
#pages a.next{background: url(../images/icon-next.png) #f7f7f7 center center no-repeat;}
#pages a:hover{color:#fff;background:#ff4800;border:1px solid #ff4800;}
#pages a.currentpage{color:#fff;background:#ff4800;border:1px solid #ff4800;}
#pages a.prev:hover{background:url(../images/icon-prev.png) #f7f7f7 center center no-repeat;border:1px solid #c8cecf;}
#pages a.next:hover{background:url(../images/icon-next.png) #f7f7f7 center center no-repeat;border:1px solid #c8cecf;}