/*内页*/
.main-container{padding-bottom: 60px; background: #fff; position: relative; overflow: hidden;padding-top: 30px;}
.containerA{ width: 90% ; margin:0 auto;}
.navigation{height: 62px; border-bottom: 1px solid #eee;}
.cream-menu{float: left;}
.cream-menu ul{margin: 0 -8px;}
.cream-menu li{float: left; position: relative; padding: 0 8px;}
.cream-menu li a{display: block; height: 62px; line-height: 62px; font-size: 16px; color: #666; padding: 0 22px; position: relative;}
.cream-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.cream-menu li i{display: block; height: 2px; background: #c50000; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.cream-menu li.active i,.cream-menu li:hover i{left: 8px; right: 8px;}
.cream-menu li.active a,.cream-menu li:hover a{color: #c50000!important;}
.cream-nav{float: right; height: 62px; line-height: 62px; font-size: 14px; color: #666;}
.cream-nav a{color: #666;}
.cream-nav a:last-child{color: #c50000;}
/*案例列表*/
.case-banner{height: 400px!important;}
.list-case{padding: 40px 0;}
.list-case ul{margin: -25px; position: relative; overflow: hidden;}
.list-case li .item{margin: 25px;}
.list-case li .pic{position: relative; overflow: hidden; border-radius: 10px;}
.list-case li .pic img{display: block; width: 100%; height: auto; transition: transform 1s;}
.list-case li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .7s,visibility .7s;}
.list-case li .mask .bg{width: 100%; height: 100%; background: #c50000; filter: alpha(opacity=80); opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.list-case li .masktext{padding: 0 20px; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 50%; margin-top: -75px; z-index: 2;}
.list-case li .masktext .title{font-size: 24px; height: 28px; line-height: 28px; overflow: hidden;}
.list-case li .masktext .desc{font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-top: 12px;}
.list-case li .masktext .more{display: block; width: 118px; height: 38px; line-height: 38px; margin: 22px auto 0; border: 1px solid #fff; font-size: 14px; text-align: center; color: #fff; position: relative;}
.list-case li .masktext .more span{position: relative; z-index: 2;}
.list-case li .masktext .more:hover{background: #545454; border-color: #fff; color: #fff!important;}
.list-case li .pic:hover img{transform: scale(1.1);}
.list-case li .pic:hover .mask{opacity: 1; visibility: visible;}
.list-case li .text{border: 1px solid #eee; padding: 0 20px; transition: padding-left .5s;}
/* .list-case li .text .title{font-family: "Microsoft Yahei Light"; height: 48px; line-height: 48px; font-size: 18px; font-weight: bold; overflow: hidden;} */
.list-case li .text .title{ height: 48px; line-height: 48px; font-size: 18px;  overflow: hidden;}
.list-case li .text .desc{height: 36px; line-height: 36px; font-size: 14px; color: #999; border-top: 1px solid #eee;}
.list-case li .text .desc h4{margin-right: 60px; height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; color: #666; margin-right: 110px;}
.list-case li .text .desc .more{float: right; color: #999;}
.list-case li .item:hover .text{padding-left: 25px}
@media only screen and (max-width: 1549px){
	.list-case ul{margin: -8px;}
	.list-case li .item{margin: 8px;}
	.list-case li .pic img{height:auto;}
	.list-case li .masktext .title{font-size: 22px; height: 24px; line-height: 24px;}
	.list-case li .masktext .desc{font-size: 13px;}
	.list-case li .masktext .more{margin-top: 16px;}
	.list-case li .text .title{font-size: 16px;}
	.cream-menu {width: 100% ; }
	.cream-menu li{width: 33.333% !important; }
	.cream-menu li a{display: block; padding: 0px; width: 100%; text-align: center;}
}
/*案例详情*/
.case-banpic{height: 498px; background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
/* .casedetails-info{padding: 76px 0 116px 0; position: relative;} */
.casedetails-info{padding: 62px 0 75px 0; position: relative;}
.casedetails-info .bg{width: 50%; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.casedetails-info{background: #111;}
.casedetails-info .title{font-family: "Microsoft Yahei Light"; font-size: 30px; line-height: 1.2;}
.casedetails-info .left{width: 42.11%; float: left;}
.casedetails-info .left .desc{line-height: 30px; color: #666; margin-top: 20px;font-size: 18px;}
.casedetails-info .left .desc p{position: relative; padding-left: 24px;line-height: 34px;}
.casedetails-info .left .desc p i{display: block; width: 18px; height: 18px; background: url(../images/iconM.png) no-repeat -232px -70px; position: absolute; left: 0; top: 9px;}
.casedetails-info .left .desc p .ico1{background-position: -232px -70px;}
.casedetails-info .left .desc p .ico2{background-position: -232px -88px;}
.casedetails-info .left .desc p .ico3{background-position: -232px -106px;}
.casedetails-info .left .desc p .ico4{background-position: -232px -124px;}
.casedetails-info .bshare-custom{margin-top: 20px;}
.casedetails-info .bshare-custom a{display: block; width: 38px; height: 38px; float: left; transition: all 0s; padding: 0; margin-right: 10px; opacity: 1!important; background: url(../images/iconM.png) no-repeat 0 -365px!important;}
.casedetails-info .bshare-custom .bshare-sinaminiblog{background-position: 0 -365px!important;}
.casedetails-info .bshare-custom .bshare-qzone{background-position: -38px -365px!important;}
.casedetails-info .bshare-custom .bshare-qqmb{background-position: -76px -365px!important;}
.casedetails-info .bshare-custom .bshare-weixin{background-position: -114px -365px!important;}
.casedetails-info .bshare-custom .bshare-sinaminiblog:hover{background-position: 0 -403px!important;}
.casedetails-info .bshare-custom .bshare-qzone:hover{background-position: -38px -403px!important;}
.casedetails-info .bshare-custom .bshare-qqmb:hover{background-position: -76px -403px!important;}
.casedetails-info .bshare-custom .bshare-weixin:hover{background-position: -114px -403px!important;}
.casedetails-info .right{width: 42.11%; float: right; margin-right: 2.36%; color: #fff;overflow:hidden;
display:-webkit-box !important;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;}
.casedetails-info .right .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.casedetails-info .right .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 34px; text-align: justify; margin-top: 20px;overflow:hidden;
display:-webkit-box !important;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
/* .casedetails-business{background: #c50000; padding: 78px 0 154px 0; color: #fff;} */
.casedetails-business{background: #c50000; padding: 62px 0 69px 0; color: #fff;box-sizing: border-box;}
/* .casedetails-business .text{max-width: 714px; margin: 0 auto;} */
.casedetails-business .text{width: 1200px; margin: 0 auto;}
.casedetails-business .title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;}
.casedetails-business .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin: 24px auto 0;}
.casedetails-business .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 34px; text-align: justify; margin-top: 22px; text-align: center;overflow:hidden;
display:-webkit-box !important;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
.casedetails-body{padding-top: 80px;}
.casedetails-body img{width: 100%;}
@media only screen and (max-width: 1549px){
	.casedetails-info .right .desc{font-size: 16px; line-height: 30px;}
	.casedetails-business .text{max-width: 640px;}
	.casedetails-business .desc{font-size: 16px; line-height: 30px;}
}
/*当前位置*/
.location{height: 63px; line-height: 62px; font-size: 14px; color: #666;}
.location a{color: #666;}
.location a:last-child{color: #c50000;}
.location .container{border-bottom: 1px solid #eee;}

.list-page a:hover,.list-page li.active span{border: 1px solid #C50000; background: #C50000; color: #fff!important;}
.pagination>li>a, .pagination>li>span {color: #666;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {background: #C50000;}

.artcile-menu{margin-top: 20px;}
.artcile-menu ul{margin: 0 -6px;}
.artcile-menu li a{display: block; height: 60px; line-height: 60px; background: #f7f7f7; padding: 0 14px; margin: 0 6px; overflow: hidden;}