body{ background-color: #f4f4f4 !important; } .grfw_active{ color: #3e63b3 !important;font-weight:700 !important;} /*******banner*******/ .ad-nei { height: 421px;background: transparent url(/eportal/fileDir/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;} } /*******瀵艰埅*******/ .daohang{background-color: #f4f4f4;} .nei-nav { min-height: 80px; width: 100%; background-color: #fff; -webkit-box-shadow: 0 10px 30px #cfcfcf; box-shadow: 0 1px 30px #cfcfcf;margin-bottom:60px;} .nei-nav ul {text-align: center;padding-left: 0;list-style: none;} .nei-nav li {display: inline-block;padding: 30px 40px 20px 40px;font-size: 20px;} .nei-nav li a {color: #282b31;padding-bottom: 20px;font-size: 20px;} .nei-nav .active a {border-bottom: 4px solid #3e63b3; color: #3e63b3;} .nei-nav li a:hover{border-bottom:4px solid #3e63b3;color:#3e63b3;} @media screen and (max-width: 767px) and (min-width: 1px){ .daohang .h60{display:none;} .nei-nav { min-height: 40px; margin-bottom: 30px;} .nei-nav li {padding:12px 8px 8px 8px;font-size: 14px;} .nei-nav li a {padding-bottom: 7px;font-size: 14px;} } /*******闈㈠寘灞戝鑸?******/ .nei-texttop .nei-breadcrumb {margin-left: 60px;margin-bottom: 10px;} .nei-breadcrumb img {margin-top: -8px;} .nei-breadcrumb .breadcrumb {background-color: transparent;display: inline-block;color: #aaa;margin-bottom: 20px;} .nei-breadcrumb .breadcrumb a {color: #aaa;padding: 0 5px;font-size: 14px;} .nei-breadcrumb .breadcrumb a:hover {color: #3e63b3;} .nei-breadcrumb p { position: absolute; top: 36px; left: 15px; background-color: #ddd; height: 1px; width: 130px; } .nei-breadcrumb p span { position: absolute; top: -1px; left: 0; background-color: #ddd; height: 3px; width: 40px; } @media screen and (max-width: 767px) and (min-width: 1px){ .nei-breadcrumb .breadcrumb{padding: 8px 0;} .nei-breadcrumb .breadcrumb a{font-size: 12px;} .nei-breadcrumb img{display:none;} } /*******鍐呭鍖?******/ .contItem a{display:block;} .contWrap{margin-right: -15px; margin-left: -15px;} .contItem{width: 33.33333333%;float:left;cursor:pointer;padding-right: 15px; padding-left: 15px;} .gyfw-jjfa-list .thumbnail { height: 258px; margin-top: 8px; position: relative; background-color: #fff; overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .gyfw-jjfa-list .thumbnail .caption { padding: 30px 30px 0 30px; color: #333; } .gyfw-jjfa-list .thumbnail .icon-bt { text-align: center; } .gyfw-jjfa-list .thumbnail h3 { width: 100%; color: #282b31; font-size: 22px; text-align: center; font-weight: bold; line-height: 24px; } .gyfw-jjfa-list .thumbnail p { color: #565656; margin-top: 15px; text-align: center; 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; } .gyfw-jjfa-list .thumbnail .bottom { position: absolute; bottom: 0; width: 100%; height: 45px; overflow: hidden; text-align: center; background-color: #d6b980; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .gyfw-jjfa-list .thumbnail i { font-size: 50px; display: block; color: #3e63b2; text-align: center; } .gyfw-jjfa-list .thumbnail .bottom i { font-size: 40px; color: #fff; display: block; position: relative; top: -5px; } .contItem:hover .thumbnail .bottom {background-color: #3e63b2;} @media (min-width: 992px){ .contItem{width: 33.33333333%;float:left;} } @media screen and (max-width: 991px) and (min-width: 768px){ .contItem{width: 50%;float:left;} } @media (max-width: 767px){ .contItem{width: 100%;float:none;} } /*涓汉鏈嶅姟鎸囧崡*/ .grfw-fwzn-Wrap{margin-right: -15px; margin-left: -15px;padding:0;} .grfw-fwzn-Item{width: 33.33333333%;float:left;padding-left:15px;padding-right:15px;cursor:pointer;} @media (min-width: 992px){ .grfw-fwzn-Item{width: 33.33333333%;} } @media screen and (max-width: 991px) and (min-width: 768px){ .grfw-fwzn-Item{width:50%;} } @media (max-width: 767px){ .grfw-fwzn-Item{width: 100%;float:none;} } .grfw-fwzn-box { display: block; padding: 60px 70px 0 70px; min-height: 370px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff; margin-top: 20px; margin-bottom: 30px; } .grfw-fwzn-box .icobox { position: relative; width: 95px; height: 95px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; background-color: #fff; border: 3px solid #282b31; } .grfw-fwzn-box .icobox i { font-size: 50px; color: #282b31; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .grfw-fwzn-box h3 { font-size: 22px; font-weight: bold; color: #282b31; margin-top: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .grfw-zhinan .grfw-fwzn-box p, .grfw-zhinan .grfw-fwzn-box h3 { text-align: center; margin-bottom:0; } .grfw-fwzn-box p { font-size: 14px; color: #565656; margin-top: 20px; height: 48px; position: relative; line-height: 24px; max-height: 48px; display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; } .grfw-fwzn-box p::after{content:"";position:absolute;bottom:-3px;right:5px;} .grfw-fwzn-box .xian { width: 75px; height: 8px; margin-top: 40px; background-color: #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 auto; } .grfw-fwzn-box .btn-default { background-color: #d6b980; border: none; width: 100px; margin: 0 auto; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; font-weight:bold; } .grfw-fwzn-box .btn-sm { padding: 0; } .grfw-fwzn-box .btn { display: none; } .grfw-fwzn-Item:hover .grfw-fwzn-box{margin-top:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);} .grfw-fwzn-Item:hover .grfw-fwzn-box .icobox{border:3px solid #3e63b2;} .grfw-fwzn-Item:hover .grfw-fwzn-box .icobox i{color:#3e63b2;} .grfw-fwzn-Item:hover .grfw-fwzn-box h3{color:#3e63b2;} .grfw-fwzn-Item:hover .grfw-fwzn-box .xian{display:none;} .grfw-fwzn-Item:hover .grfw-fwzn-box .btn{display:block;} .grfw-fwzn-Item:hover .grfw-fwzn-box .btn a{color:#fff;} .grfw-fwzn-Item .grfw-fwzn-box .btn:hover{background-color: #d6b980;} .grfw-fwzn-Item .grfw-fwzn-box .btn a:hover{color:#3e63b2;background-color: #d6b980;} @media screen and (max-width:767px) and (min-width:1px){ .grfw-fwzn-box{padding:30px 65px 0 65px;min-height:280px;margin-top:8px;} .grfw-fwzn-box .icobox{width:60px;height:60px;border:3px solid #3e63b2} .grfw-fwzn-box .icobox i{font-size:30px;color:#3e63b2} .grfw-fwzn-box h3{color:#3e63b2;font-size:14px;margin-top:20px} .grfw-fwzn-box p{font-size:12px;margin-top:15px;} .grfw-fwzn-box .xian{display:none;} .grfw-fwzn-box .btn{display:block;} .grfw-fwzn-Item .grfw-fwzn-box .btn a{color:#fff;} } @media screen and (max-width:900px) and (min-width:767px){ .grfw-fwzn-box{padding:30px 15px;min-height:280px;margin-top:8px;} .grfw-fwzn-box .icobox{width:60px;height:60px;border:3px solid #3e63b2;} .grfw-fwzn-box .icobox i{font-size:30px;color:#3e63b2;} .grfw-fwzn-box h3{color:#3e63b2;font-size:14px;margin-top:20px;} .grfw-fwzn-box p{font-size:12px;margin-top:15px;} } .grfw-zhinan .grfw-fwzn-Item:hover .grfw-fwzn-box{margin-bottom:42px;} @media screen and (max-width:900px) and (min-width:1px){ .grfw-zhinan .grfw-fwzn-Item:hover .grfw-fwzn-box{margin-bottom:30px;} }