body{background-color: #3ca4a0;}
.detailW{padding-top: 148px;overflow: hidden;}
.detail-wrap{padding: 0 280px;}
.detailW .content{background-color: #fff;padding: 80px 70px;}

.dLef{float: left;width: 1068px;}
.dRig{float: right;width: 100px;position: relative;}
.detail-title{padding-bottom: 40px;}
.detail-title span{display: block;font-size: 18px;line-height: 28px;color: #6c6c6c;margin-bottom: 20px;font-family: 'rajdhani-medium';}
.detail-title p{font-size: 55px;line-height: 60px;color: #000;}
.detail-img{padding: 55px 0;text-align: center;background-color: #f3f3f3;margin-bottom: 35px;}
.detail-img img{max-width: 420px;}

.detail-cont{font-size: 20px;line-height: 36px;color: #1e1e1e;padding-bottom: 100px;border-bottom: 1px solid #ccd1d9;}
.detail-cont img{max-width: 100%!important;height: auto!important;}

.detail-pager {width: 36px;margin-right: 0;margin-left: auto;}
.detail-pager svg {display: block;width: 100%;height: auto;padding: 10px 0;}
.detail-pager svg path {-webkit-transition: all .3s;transition: all .3s;}
.plink {position: relative;cursor: pointer;margin: 5px 0;}
.plink> svg path{stroke: #5aadaa;}
.plink>svg:hover path{stroke: #0a827d;}

.pshare-main {z-index: 1001;position: absolute;top: 50%;right: 100px;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: none;}
.pshare-body {position: relative;padding: 10px 20px;box-shadow: 0 0 5px rgba(0,0,0,.15);background-color: #fff;}
.pshare-body span {cursor: pointer;position: absolute;top: 5px;right: 5px;font-size: 12px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #6C6F74;}
.pshare-body span:hover {color: #3ca4a0;}
.pshare-link {display: inline-block;font-size: 24px;line-height: 40px;width: 30px;text-align: center;color: #BFC8DA;margin: 5px 0;}
.pshare-link:hover{color: #3ca4a0;}
.wx-share {position: absolute;top: 50%;right: 100px;border-radius: 3px;z-index: 1000;width:140px;padding-top: 20px;background-color: #fff;cursor: pointer;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);display: none;}
.wx-share img {display: block;width: 120px;margin: 0 auto;}
.wx-share p {font-size: 12px;line-height: 30px;text-align: center;font-weight: 500;color: #000;}
.wx-share i {position: absolute;top: 0;right: 0;font-size: 12px;width: 20px;height:  20px;line-height: 20px;text-align: center;color: #000;}
.wx-share i:hover{color: #3ca4a0;}

.detail-ft{text-align: center;margin-top: 60px;position: relative;}
.detail-ft a{display: block;font-size: 16px;line-height: 22px;color: #000; }
.detail-ft a span{font-size: 18px;line-height: 22px;color: #000;}
.detail-ft a img{height: 22px;}
.detail-ft a p{margin-top: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.detail-ft a.back:hover{background-image: url("../images/icon_all2.png");}*/
.detail-ft a .fl img{display: inline-block;}
.detail-ft a .fl span{display: inline-block;}
.detail-ft a.prevP,.detail-ft a.nextP{max-width: 35%;}
.detail-ft a.prevP{float: left;}
.detail-ft a.nextP {float: right;}
.detail-ft a.prevP{text-align: left}
.detail-ft a.nextP{text-align: right;}
/*.detail-ft a.prevP img,.detail-ft a.nextP img{height: 22px;}*/
.detail-ft a.prevP img{margin-right: 10px;}
.detail-ft a.nextP img{margin-left: 10px;}

.detail-ft a.back{position: absolute;left: 50%;top:0;width: 100px;margin-left: -50px;z-index: 10;}
.detail-ft a:hover{color: #3ca4a0;}


.prodel-wrap{padding: 0 190px;}
.detailW .prodel-content{background-color: #fff;}
.detailW .cont-wrap{padding:0 65px 80px 65px;}
.prodel-top{background-position: left center;background-repeat: no-repeat;background-size: cover;padding-top: 30px;padding-bottom: 2px;}

.prodel-top .curr{display: flex;flex-direction: row;align-items: center;}
.prodel-top .curr a{}
.prodel-top .curr a,.prodel-top .curr span{font-size: 16px;line-height: 26px;color: #696969;margin-right:10px;padding: 10px 0;}

.prodel-info{width: 100%;padding-top: 30px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

.prodel-info .mes{width: 50%;}
.prodel-info .mes h2{font-size: 48px;line-height: 60px;color: #000;margin-bottom: 20px;font-family:'rajdhani-bold';}
.prodel-info .mes h3{font-size: 48px;line-height: 50px;color: #000;text-transform:uppercase;margin-bottom: 25px;}
.prodel-info .mes h4{font-size: 24px;line-height: 34px;color: #000;}
.prodel-info .mes p{font-size: 19px;line-height: 24px;color: #696969;}
.prodel-info .img{max-width: 48%;padding-right: 40px;box-sizing: border-box;}
.prodel-info .img img{display: block;max-width: 76%;float: right;}
.prodel-info .img p{font-size: 16px;line-height: 26px;color: #b0b3b3;margin-top: 20px;text-align: right;}
.prodel-tit{font-size: 30px;line-height: 50px;color: #3ca4a0;display: flex;flex-direction: row;align-items: center;padding-top: 80px;padding-bottom: 60px;}
.prodel-tit span{width: 10px;height:10px;background-color: #3ca4a0;border-radius: 50%;margin-right: 20px;}
.prodel-tit span{display: inline-block;margin-right: 30px;}

.chara-list{}
.chara-list li{position: relative;float: left;width: 23.5%;height: 288px;margin-right: 2%;border-radius: 16px;overflow: hidden;background-color: #f7f7f7;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; ;transition: all 0.3s linear;}
.chara-list li:nth-child(4n){margin-right: 0;}
.chara-list li .mes{position: relative;z-index: 10;padding: 40px 40px 20px 40px;}
.chara-list li .mes h3{font-size: 26px;line-height: 40px;color: #3ca4a0;margin-bottom:15px;}
.chara-list li .mes p{font-size: 16px;line-height: 24px;color: rgba(0,0,0,0.7);max-height:140px ;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.chara-list li .bg{position: absolute;right: 0;bottom: 0;width: 45%;height: 60%;background-repeat: no-repeat;background-position: top left;background-size: 200px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; ;transition: all 0.3s linear;}
.chara-list li:hover{background-color: #3ca4a0;}
.chara-list li:hover h3,.chara-list li:hover p{color: #fff;}
.chara-list li:hover .bg{opacity: 0.2;}

.chara-list2 li{width: 18.8%;height: 406px;margin-right: 1.5%;}
.chara-list2 li:nth-child(4n){margin-right: 1.5%;}
.chara-list2 li:nth-child(5n),.chara-list2 li:nth-child(20n){margin-right: 0;}
.chara-list2 li .mes{line-height: 20px;}
.chara-list2 li .mes p{line-height: 20px;margin-bottom: 16px;}
.chara-list2 li .mes p:last-child{margin-bottom: 0;}

.pro-cs{}
.pro-cs .pro-xn{float: left;width: 100%;}
.pro-cs .pro-gg{float: right;width: 100%;}
.cs-img img{width: 100%;max-width: 100%!important;}
.cs-img{font-size: 14px;line-height: 30px;color: rgba(105,105,105,0.6);}
.recommend-list li{float: left;width: 32%;height: 274px;margin-right: 2%;border-radius: 16px;background-color: #f7f7f7;overflow: hidden;}
.recommend-list li:nth-child(3n){margin-right: 0;}
.recommend-list li .tt{font-size: 26px;line-height: 66px;color: #fff;background-color: #3ca4a0;text-align: center;margin-bottom: 30px; }
.recommend-list li a{display: block;font-size: 24px;line-height: 24px;color: #4d4d4d;text-align: center;}
.recommend-list li a:hover{color: #3ca4a0;}

.recommend-list2 li{width: 23.5%;height: 228px;margin-bottom: 50px;}
.recommend-list2 li:nth-child(3n){margin-right: 2%;}
.recommend-list2 li:nth-child(4n),.recommend-list2 li:nth-child(12n){margin-right: 0;}
.recommend-list li .tt{font-size: 24px;line-height: 64px;margin-bottom: 25px;text-align: left;padding-left: 30px;}
.recommend-list2 li .mes{padding: 0 30px 20px 30px;}
.recommend-list2 li p{font-size: 16px;line-height: 20px;text-align: left;color: #7a7a7a;}

.data-cont{}
.data-tit{font-size: 26px;line-height: 50px;color: #000;margin-bottom: 18px;}
.data-cont .data-block{float: left;width: 49%;height: 472px;margin-right: 2%;background-color: #f7f7f7;padding: 50px 50px;box-sizing: border-box;overflow: hidden;border-radius: 16px;}
.data-cont .data-block:last-child{margin-right: 0;}
.data-list a{display: block;position: relative;padding-left: 25px;}
.data-list a img{position: absolute;left: 0;top: 50%;width: 16px;margin-top: -8px;}
.data-list a span{display: block;font-size: 16px;line-height: 24px;color: #3ca4a0;text-transform: uppercase;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.case-list li{float: left;width: 32%;margin-right: 2%;background-color: #f7f7f7;border-radius: 16px;overflow: hidden;}
.case-list li:nth-child(3n){margin-right: 0;}
.case-list li a{display: block;}
.case-list li .img{width: 100%;overflow: hidden;}
.case-list li .img img{width: 100%;}
.case-list li .mes{padding: 35px 30px 55px 30px;}
.case-list li .mes h3{font-size: 22px;line-height: 30px;height: 60px;color: #020202;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;margin-bottom: 14px;}
.case-list li .mes p{font-size: 16px;line-height: 24px;color: #838383;height: 96px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}

.proj-info{width: 100%;padding-top: 90px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.proj-info .mes{width:54%; }
.proj-info .mes h3{font-size: 40px;line-height: 50px;color: #000;margin-bottom: 25px;}
.proj-info .mes p{font-size: 16px;line-height: 24px;color: #696969;text-align: justify;}
.proj-info .img{max-width: 46%;padding-right: 70px;box-sizing: border-box;}
.proj-info .img img{display: block;max-width: 100%;box-sizing: border-box;}
.proj-info .img p{font-size: 16px;line-height: 26px;color: #b0b3b3;margin-top: 20px;text-align: right;}

.solu-list li{position: relative;float: left;width: 32%;margin-right: 2%;height: 404px;background-color: #d7f4f2;border-radius: 16px;overflow: hidden;}
.solu-list li:nth-child(3n){margin-right: 0;}
.solu-list li:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: url("../images/proj_bg.png");background-position: top center;background-repeat: no-repeat;background-size: 100%;z-index: 2;}
.solu-list li .mes{position: relative;padding: 35px 10px 0 10px;text-align: center;z-index: 10;}
.solu-list li .mes h3{font-size: 26px;line-height: 36px;color: #000;}
.solu-list li .mes p{font-size: 16px;line-height: 24px;color: #8d8d8d;}
.solu-list li .img{position: absolute;left: 0;bottom: 0;width: 100%;}
.solu-list li .img img{width: 100%;}
.cs-table{font-size: 12px;line-height: 20px;color: rgba(105,105,105,0.6);}
.cs-table table{width: 100%;font-size: 16px;line-height: 35px;color: #4d4d4d;}
.cs-table .table-bor td{border-right: 1px solid rgba(60,164,160,0.39);}
.cs-table .table-bor tr td:last-child{border-right: none;}
.cs-table table .th{background-color: #3ca4a0;color: #fff;line-height: 54px;}
.cs-table table .pl{padding-left: 20px;box-sizing: border-box;}
.cs-table table .w2{width: 15%;box-sizing: border-box;}
.cs-table table .w3{width: 30%;box-sizing: border-box;}
.cs-table table .w4{width: 40%;box-sizing: border-box;}
.cs-table table .pd{padding: 40px 80px;font-size: 12px;line-height: 26px;color: #888;}
.cs-table table tr{background-color: #ebf6f5;}
.cs-table table tr td{padding-top: 10px;padding-bottom: 10px;vertical-align: middle;}
.cs-table table tr:nth-child(2n){background-color: #d8edec;}