body{ background-color: #f4f4f4 !important; } .qyfw_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;} } /*******浼佷笟鏈嶅姟瑙e喅鏂规*******/ .index-bt .post-meta span{background-color: #f4f4f4;} .jjfaWrap{margin-right: -15px;margin-left: -15px;} .jjfaItem{width: 25%;float: left;padding-right: 15px;padding-left: 15px;} .wmfu-box {padding: 40px 50px;height: 250px;overflow: hidden;margin: 0 auto 20px auto;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .wmfu-box i {color: #6f91d9;} .jjfa-ico1 i {font-size: 56px;} .wmfu-box h3,.wmfu-box h3 a{font-size: 22px;font-weight: 500;color: #000;margin-top: 8px;} .jjfa-ico1 h3 {margin-top: -4px;} .wmfu-box p,.wmfu-box p a{font-size: 16px;color: #797979;line-height: 20px;margin-top: 12px;} .wmfu-box:hover{background-color:#d6b980;cursor:pointer;} .wmfu-box:hover i,.wmfu-box:hover h3 a,.wmfu-box:hover p a{color:#fff;} @media (min-width: 768px) and (max-width: 991px){ .jjfaItem{width: 50%;float: left;padding-right: 15px;padding-left: 15px;} } @media (max-width: 767px) and (min-width: 1px){ .jjfaItem{width: 50%;float: left;padding-right: 15px;padding-left: 15px;} .wmfu-box {padding: 10px;height: 140px;overflow: hidden;margin: 0 auto;} .jjfa-ico1 {margin-top: -5px;} .jjfa-ico1 i {font-size: 35px;} .wmfu-box h3,.wmfu-box h3 a{font-size: 14px;margin-top: 4px;} .jjfa-ico1 h3{margin-top: 0;} .wmfu-box p,.wmfu-box p a{font-size: 12px;line-height: 14px;margin-top: 10px;} } /*******妗堜緥鍒嗕韩*******/ .alfx {min-height: 779px;margin-top: 50px;padding: 70px 0 35px 0;background: transparent center center no-repeat;background-size: cover; background-image: url(/ciicsh/resource/cms/2019/03/2019032522203344621.jpg);} /*******浼佷笟浼氬憳鏈嶅姟*******/ .hyfw{margin-bottom:60px;} .qyhyfwWrap{margin-right: -15px;margin-left: -15px;} .qyhyfwItem{width: 20%;float:left;} .plr30 {padding-right: 25px;padding-left: 25px;} .hyfw .thumbnail {background-color: transparent;margin-bottom: 30px;} .thumbnail .top-img {display:inline-block;width:100%;height: 220px;overflow: hidden;background: transparent center center no-repeat;background-size: cover; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .hyfw .thumbnail .caption {padding: 40px 30px;} .hyfw .thumbnail h3,.hyfw .thumbnail h3 a {width: 100%;text-align: center;margin-top: 0; margin-bottom: 0;} .hyfw .thumbnail p,.hyfw .thumbnail p a{margin-top: 7px;text-align: center;position: relative;line-height: 24px;max-height: 54px;display: block;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2;} .qyhyfwItem:hover{cursor:pointer;} .qyhyfwItem:hover .thumbnail{background-color:#d6b980;} .qyhyfwItem:hover .thumbnail h3 a,.qyhyfwItem:hover .thumbnail p a{color:#fff;} @media (min-width: 992px){ .qyhyfwItem{width: 20%;float:left;} } @media (max-width: 991px){ .qyhyfwItem{width: 50%;} } @media (max-width: 769px) and (min-width:1px){ .hyfw{margin-bottom:30px;} .plr30 {padding-right: 10px;padding-left: 10px;} .hyfw .thumbnail .top-img {height: 110px;} .hyfw .thumbnail .caption {padding: 20px 15px;min-height: 115px;} .hyfw .thumbnail h3,.hyfw .thumbnail h3 a{font-size: 14px;} .hyfw .thumbnail p,.hyfw .thumbnail p a{font-size: 12px;} } /*******妗堜緥鍒嗕韩*******/ .alfx .index-bt h3 { color: #fff; } .alfx .index-bt span { background-color: #224269; } .alfx .carousel-inner {overflow: visible;box-sizing: content-box; padding-left: 11%;} .alfx .carousel .item {background-color: transparent; height: 550px; overflow: hidden;} .carousel-caption { top: 60%; left: 50%; right: 0; bottom: 0; z-index: 10; width: 70%; margin: 0 auto; padding-top: 0; padding-bottom: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .alfx .carousel-caption { top: 0; left: 0; width: 80%; text-shadow: none; -webkit-transform: none; transform: none; } .plr30 { padding-right: 25px; padding-left: 25px; } .lunboConWrap{ margin-right: -15px; margin-left: -15px; } .lunboConItem{ width: 33.33333333%; float: left; } .alfx .thumbnail { background-color: #fff; margin-top: 2px; margin-bottom: 200px; } .alfx .thumbnail .caption { padding: 30px; color: #333; } .alfx .thumbnail .left { font-size: 16px; margin-top:20px; } .alfx .thumbnail .right { color: #fff; } .alfx .thumbnail .left a { font-size: 16px; color:#282b31; } .alfx .thumbnail .left a:hover{color:#337ab7;} .alfx .thumbnail .left i { font-size: 16px; } @media (min-width: 992px){ .lunboConItem{ width: 33.33333333%; float: left; } } @media (max-width: 991px){ .lunboConItem{width: 100%;} } .alfx .thumbnail h3 { width: 100%; font-size: 18px; text-align: left; margin-top:0; margin-bottom:0; } .alfx .thumbnail p { text-align: left; position: relative; max-height: 72px; line-height: 24px; max-height: 120px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; margin-bottom:0; } .alfx .thumbnail p::after { content: ""; position: absolute; bottom: -3px; right: 5px; } .alfx .carousel-control { width: 10%; background-image: none !important; filter: alpha(opacity=0); } .carousel-control .glyphicon-chevron-left { font-size: 40px !important; } .carousel-control .glyphicon-chevron-right { font-size: 40px !important; } .alfx .carousel-control .glyphicon-chevron-right, .alfx .carousel-control .glyphicon-chevron-left { margin-top: -50px; } @media screen and (max-width: 1024px) and (min-width: 1px){ .alfx { padding: 50px 0 35px 0; min-height: 579px;} .alfx .carousel .item { height: 410px;} } @media screen and (max-width: 992px) and (min-width: 1px){ .thumbnail .top-img { height: 150px;} } @media screen and (max-width: 768px) and (min-width: 1px){ .alfx .index-bt span { background-color: #23436a;} .plr30 { padding-right: 10px; padding-left: 10px;} .alfx .carousel-control .glyphicon-chevron-right, .alfx .carousel-control .glyphicon-chevron-left {font-size: 30px; margin-top: -10px;} .alfx .carousel-inner{padding-left:8%;} }