body{ background-color: #f4f4f4 !important; } .zzxw_active{ color: #3e63b3 !important;font-weight:700 !important;} /*******banner*******/ .ad-nei { height: 421px;background: transparent url(/ciicsh/resource/cms/2019/03/2019032114342922696.jpg) center center no-repeat; background-size: cover; color: #fff;} .ad-nei h3 { font-size: 38px; margin: 100px 0 10px;} .ad-nei p {font-size: 26px;} .ad-nei span { display: inline-block; background-color: #fff; width: 90px; height: 4px; overflow: hidden;} @media screen and (max-width: 767px) and (min-width: 1px){ .ad-nei {height: 250px;} .ad-nei h3 {font-size: 26px; margin: 50px 0 5px;} .ad-nei p {font-size: 18px;} } /*****浼佷笟鍔ㄦ€?*****/ .newsWrap{margin-right: -15px; margin-left: -15px;} .newsItem{width: 33.33333333%;float:left;cursor:pointer;} .plr30 {padding-right: 25px; padding-left: 25px;} .newsItem .thumbnail .top-img { height: 220px; overflow: hidden;background: transparent center center no-repeat; background-size: cover;-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px;} .newsItem .thumbnail .caption {padding: 35px 40px 25px 40px;min-height: 238px;} .newsItem .thumbnail h3 {color: #282b31;font-size: 20px;position: relative;max-height: 72px;line-height: 24px;max-height: 48px;display: block;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;font-weight: bold;margin-top:0;margin-bottom:0;} .newsItem .thumbnail p { color: #565656; margin-top: 20px; font-size: 14px; position: relative; line-height: 24px; max-height: 72px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:0; } .newsItem .thumbnail .caption {padding: 35px 40px 25px 40px; min-height: 238px;} .newsItem .thumbnail .caption .p3 { min-height: 70px;} .newsItem .thumbnail .left {float: left;color: #aaa;} .newsItem .thumbnail .right {float: right; color: #aaa;} .newsItem .thumbnail .left{font-size: 14px;margin-right: 5px;} .newsItem .thumbnail .left i {} .newsItem .thumbnail .right i {font-size: 36px; position: relative; top: -15px;} .newsItem:hover h3{color:#3b64b3;text-decoration:underline;} .newsItem:hover .right{color:#3e63b3;} .icon-time{display:inline-block;width:20px;height:20px;background:url(/ciicsh/resource/cms/2019/04/2019040921484350126.png) no-repeat;vertical-align: middle; margin-right: 4px;} @media (min-width: 992px){ .newsItem{width: 33.33333333%;float:left;} } @media (max-width: 991px){ .newsItem{width: 100%;float:none;} .thumbnail .top-img {height: 150px;} } @media screen and (max-width: 769px) and (min-width: 1px){ .plr30 {padding-right: 10px;padding-left: 10px; } .newsItem .thumbnail .top-img {height: 150px;} .newsItem .thumbnail .left{font-size:12px;} } /*****濯掍綋鎶ラ亾******/ #mtbd{min-height: 637px; margin-top: 50px; padding: 70px 0 35px 0; background: transparent center center no-repeat; background-size: cover; background-image: url(/ciicsh/resource/cms/2019/04/2019041622123164641.jpg);} #mtbd .index-bt h3 { color: #fff;} #mtbd .index-bt span { background-color: #364e7a;} .mtbdWrap{margin-right: -15px; margin-left: -15px;} .mtbdItem{width: 33.33333333%;float:left;cursor:pointer;padding-right: 15px;padding-left: 15px;cursor:pointer;} .mtbdItem .thumbnail {background-color: transparent;} .mtbdItem .thumbnail .caption { padding: 35px 40px 25px 40px; min-height: 238px;} .mtbdItem .thumbnail h3, .mtbdItem .thumbnail p { color: #fff;} .thumbnail .caption .p3 { min-height: 70px; } .mtbdItem .caption>.riqi { color: #fff; margin-top: 20px; } .mtbdItem .caption>.riqi>span:first-child { font-size: 28px; } .mtbdItem .bottom { visibility: hidden; height: 60px; overflow: hidden; text-align: center; background-color: #d6b97f; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .mtbdItem .bottom i { font-size: 50px; color: #fff; position: relative; top: -5px; } .mtbdItem:hover .caption{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .mtbdItem:hover .thumbnail{background-color:#fff;} .mtbdItem:hover .thumbnail h3,.mtbdItem:hover .thumbnail p{color:#282b31;} .mtbdItem:hover .caption>.riqi>span{color:#aaa;} .mtbdItem:hover .bottom{visibility:visible;} #mtbd .mtbd-text {text-align: center;color: #fff;font-size: 18px;margin-top: 60px;} #mtbd .mtbd-text div { display: inline-block; border-right: 1px solid #fff; margin-right: 20px; padding-right: 30px; } #mtbd .mtbd-text div:last-child { border-right: none; } #mtbd .mtbd-text div i { font-size: 20px; margin-right: 20px; } @media (min-width: 992px){ .mtbdItem{width: 33.33333333%;float:left;} } @media (max-width: 991px){ .mtbdItem{width: 100%;float:none;} } @media screen and (max-width: 992px) and (min-width: 768px){ .mtbdItem .thumbnail .caption {padding: 20px;} } @media screen and (max-width: 769px) and (min-width: 1px){ .mtbdItem .thumbnail {background-color: #fff;} .mtbdItem .thumbnail h3, .mtbdItem .thumbnail p { color: #282b31;} .mtbdItem .bottom {visibility: visible; height: 40px;} .mtbdItem .bottom i {font-size: 36px; position: relative; top: -5px;} .mtbdItem .caption>.riqi>span {color: #aaa;} #mtbd .mtbd-text {margin-top: 30px;font-size: 14px;} #mtbd .mtbd-text div {display: block; border-right: 0 solid #fff; margin-top: 8px; margin-right: 0;padding-right: 0;} #mtbd .mtbd-text div i {font-size: 16px; margin-right: 8px;} } /*****椤圭洰鏂伴椈******/ .xmxwWrap{margin-right: -15px; margin-left: -15px;} .xmxwItem{width: 50%;float: left;cursor:pointer;} .xmxw { position: relative; padding-left: 130px; margin-bottom: 50px; } .xmxw .xmxw-left { width: 130px; height: 130px; position: absolute; top: 0; left: 0; padding-top: 35px; text-align: center; background-color: #e9e9e9; -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } .xmxw .xmxw-right { height: 220px; color: #2d282e; overflow: hidden; padding: 35px 35px 0 35px; background-color: #fff; -moz-border-radius: 0 8px 8px 8px; -webkit-border-radius: 0 8px 8px 8px; border-radius: 0 8px 8px 8px; } .xmxw .xmxw-left h3 { color: #2d282e; font-size: 28px; } .xmxw .xmxw-left div { width: 16px; height: 1px; margin: 6px auto; overflow: hidden; background-color: #2d282e; } .xmxw .xmxw-left p { color: #aaa; font-size: 16px; } .xmxw .xmxw-right h3 { font-size: 20px; max-width: 100%; height: 48px; margin-bottom: 15px; font-weight: bold; position: relative; max-height: 72px; line-height: 24px; max-height: 48px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .xmxw .xmxw-right p { font-size: 14px; position: relative; line-height: 24px; max-height: 72px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .xmxw .jiantou { position: absolute; top: 20px; right: 35px; } .xmxw .jiantou i { font-size: 40px; color: transparent; } .xmxwItem:hover .xmxw-left{background-color:#d6b97f;} .xmxwItem:hover .xmxw-left h3,.xmxwItem:hover .xmxw-left p{color:#fff;} .xmxwItem:hover .xmxw-left div{background-color:#fff;} .xmxwItem:hover .xmxw-right{background-color:#3b64b3;color:#fff;} @media (min-width: 992px){ .xmxwItem{width: 50%;float: left;} } @media (max-width: 991px){ .xmxwItem{width: 100%;float: none;} } @media screen and (max-width: 767px) and (min-width: 1px){ .xmxw {padding-left: 0;} .xmxw .xmxw-left {display: none;} .xmxw .xmxw-right { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} }