


.case-item a.button_link:before, .follow-icon a ,.aside-right ul li a, .related .related-slick a *, .case-item ul li a *,
.insight-more:before,.insight-right ul li a, .insight-left a *,
.insight-right a.insight-right-news *, .innews-right .innews-more:before,.insight-bd ul li a *,.page-bo  a ,
.page-bo a.prev span:before, .page-bo a.prev span:after,.page-bo a.next span:before,.page-bo a.next span:after, 
.page-bo a.mid-close:before,.page-bo a.mid-close:after, .page-bo a.case-mid-close,.oc-item ul li *
{-webkit-transition:all .4s ease;-moz-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;transition:all .4s ease;}


/*case*/
.case-banner {padding-top: 100px!important;}
.case-banner .case-title {text-align: center; }
.case-banner .case-title h4 { font-size: 24px; line-height: 40px;color: #000;}
.case-banner .case-title h2 { font-size: 24px; line-height: 40px; color: #000;}
.case-tab {padding-bottom: 150px;}
.tab {width: 100%; }
.tab .tab-hd {text-align: center; height: 74px; /*border-bottom: 1px solid #d4d4d4;*/ padding: 14px 0;overflow:hidden;position: relative;z-index:2;}
.tab .tab-hd li {position: relative; z-index:1; display: inline-block; margin: 0 25px; padding: 0 15px;font-size: 18px; color: #7c7c7c; height: 46px; line-height: 46px;  overflow:hidden;}
.tab .tab-hd li a {display:block; width:100%;height:50px;line-height: 48px;overflow:hidden;}
/*.tab .tab-hd li.on,.tab .tab-hd li:hover {color: #000;}
.tab .tab-hd li.on:after,.tab .tab-hd li:hover:after {content: ""; position: absolute; bottom: -3px; left: 50%; margin-left: -5px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent;}*/
.tab .tab-bd {padding-top:70px;}
.case-item ul li a .img-des {padding: 10px; }
.case-item ul li a .img-des h4 {font-size: 16px;line-height: 26px;color: #5c5c5d;}
.case-item ul li a .img-des h6 {font-size: 14px;line-height: 24px;color: #5c5c5d;}
.case-item ul li a:hover .img-des {background: #000;}
.case-item ul li a:hover .img-des h4 {color: #ddd;}
.case-item ul li a:hover .img-des h6 {color: #ddd;}
.tab .tab-bd .tab-bd-list {display: none;}
.tab .tab-bd .tab-bd-list.cur {display: block;}
.tab .tab-bd .case-list .case-item ul li {margin-bottom: 25px;}

.tab .tab-hd  li a i {display:none;}
.tab .tab-hd  li a.on i{ display:block;color: #000; position: absolute; bottom: -4px; left: 50%; margin-left: -5px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent;}
.m-aboutbanner { display:none !important; }



/*case-detail*/
.csd-banner {height: 550px;}
.csd-main {width: 100%;}
.w1200 {width: 1200px; margin: 0 auto;}
.csd-top {overflow: hidden; padding-top: 70px;}
.csd-top .csd-title {float:left;}
.csd-top .csd-title h2 { font-size: 28px; line-height: 36px;}
.csd-top .csd-title h4 { font-size: 18px; line-height: 24px;}
.csd-top .csd-des {width: 760px; float: right;}
.csd-top .csd-des .csd-profile {padding-bottom: 6px; border-bottom: 1px solid #b2b2b2;}
.csd-top .csd-des .csd-profile h3 { font-size: 16px; line-height: 24px; color: #343434;}
.csd-top .csd-des .csd-profile h5 { font-size: 16px; line-height: 24px; color: #343434;}
.csd-top .csd-des .csd-pro-des {font-size: 14px; line-height: 22px; color: #343434;}
.csd-top .csd-des .csd-txt {font-size: 14px; line-height: 22px; color: #343434; margin-top: 28px;}
.csd-main .csd-img {margin-top: 70px; overflow: hidden;}
.csd-main .csd-img li {margin-bottom: 20px;}
.csd-main .csd-img li img {display: block; width: 100%;}


.related {padding-bottom: 60px; margin-top: 160px;}
.related .related-title {text-align: center;}
.related .related-title h2,.related .related-title h4  { font-size: 28px; line-height: 36px;}
.related .related-slick {margin-top: 70px;}
.related .related-slick .slick-slide {margin-right: 6px;}
.related .related-slick a {display: block;}
.related .related-slick a span {display: block; width: 100%; overflow: hidden;}
.related .related-slick a span img {display: block; width: 100%; max-width: 100%;}
.related .related-slick a .img-des {padding: 10px;}
.related .related-slick a .img-des h4 {font-size: 16px;line-height: 26px; color: #5c5c5d;}
.related .related-slick a .img-des h6 {font-size: 14px;line-height: 24px; color: #5c5c5d;}
.related .related-slick a:hover .img-des {background: #000;}
.related .related-slick a:hover .img-des h4 {color: #ddd;}
.related .related-slick a:hover .img-des h6 {color: #ddd;}


/*行业洞察*/
.small-banner h4 {font-size: 28px;line-height: 40px; color: #fff; text-align: center;}

.insight-tab { margin-top:50px;}
.insight-bd ul li {margin-bottom: 72px; height: 260px;}
.insight-bd ul li a {display: block; overflow: hidden; height: 100%;}
.insight-bd ul li a .innews-left {width: 550px; float: left;height: 100%;}
.insight-bd ul li a .innews-left span {display: block; overflow: hidden; width: 100%; border:#f1f1f1 1px solid;}
.insight-bd ul li a .innews-left span img {width: 100%; display: block; max-width: 100%;}
.insight-bd ul li a .innews-right {float: right; width: 650px; padding-left: 50px;height: 100%;}
.innews-right .innews-title h4 { font-size: 24px; line-height: 34px; color: #585858;}
.innews-right .innews-title span {display: inline-block;font-size: 16px; line-height: 26px; color: #585858;}
.insight-bd ul li a:hover .innews-right .innews-title h4 {color: #000;}
.insight-bd ul li a:hover .innews-des {text-decoration: underline;}
.innews-right .innews-des { font-size: 16px; line-height: 24px; color: #585858; margin-top: 26px;}
.innews-right .innews-more {position: relative; display: block; margin-top: 46px; width: 136px; height: 44px; line-height: 44px; text-align: center;  border: 1px solid #7f7f7f;}
.innews-right .innews-more i {display: block; position: absolute; z-index: 999; width: 100%; font-style: normal;font-size: 16px; color: #585858;}
.innews-right .innews-more:before {content: ""; width: 0%; height: 100%; position: absolute; top: 50%; left: 50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);background: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.innews-right .innews-more:hover:before {width: 100%;}
.innews-right .innews-more:hover i {color: #000;}
.innews-page {border-top: 1px solid #d4d4d4; padding-top: 40px; text-align: center;}
.innews-page .dots {display: inline-block; vertical-align: middle; color: #6c3333;font-size: 18px; line-height: 32px; height: 38px; padding-top: 6px; margin: 0 3px;}
.innews-page a { display: inline-block;vertical-align: middle; width: 38px; height: 38px; line-height: 38px;font-size: 14px; background: #eeebeb; color: #838383; margin: 0 3px; border-radius: 2px;}
.innews-page a.on, .innews-page a:hover {background: #2a2b2f; color: #fff;}
