/* 鍐呴〉鏍囬 start */ .jp_ty_innerCaption{ color: #00498e; font-size: 30px; } .jp_ty_innerCaptionBox{ text-align: center; margin-top: 2%; } .jp_ty_innerCaptionLine{ width: 100%; height: 1px; background-color: #e5e5e5; margin: 15px 0px 20px; } .jp_ty_innerCaptionLine b{ display: block; background-color: #fff; width: 90px; height: 5px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } .jp_ty_innerCaptionLine::before{ content: ''; display: block; margin: 0 auto; width: 20px; height: 3px; background-color: #00498e; position: relative; top: -1px; z-index: 2; } /* 鍐呴〉鏍囬 end */ .moveBtn { display: none; font-size: 18px; color: #00498e; width: 100%; height: 35px; line-height: 35px; text-align: left; white-space: nowrap; } .categrayBox .contentBox { width: 100%; height: auto; overflow: visible; box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0.4); z-index: 999; background-color: #fff; } .link { position: relative; height: 50px; line-height: 50px; } .yjTitle { border-bottom: 1px solid #e8e8e8; padding-left: 20px; } .yjLink { position: relative; color: #7b8a96; font-size: 1.125rem; transition: all .5s ease; } .yjLink::before { content: ''; display: block; width: 3px; height: 50px; background-color: #04abf4; position: absolute; left: -20px; top: -16px; opacity: 0; transition: all .5s ease; } .iconfont1 { position: absolute; right: 45px; top: 0px; bottom: 0px; width: 50px; color: #7b8a96; display: flex; align-items: center; justify-content: center; font-size: 1rem; } .ejLi { position: relative; } .ejTitle { position: relative; background-color: #fff; border-bottom: 1px solid #e8e8e8; padding-left: 50px; transition: all .5s ease; } .ejLink { color: #86939e; font-size: 1rem; } .iconfont2 { position: absolute; right: 20px; top: 0px; bottom: 0px; margin: auto; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #86939e; font-size: 1rem; transition: all .5s ease; } .icf { transform: rotate(180deg); } .sjTitle { position: relative; background-color: #fff; border-bottom: 1px solid #e8e8e8; } .sjLink { color: #7b8a96; font-size: 1rem; } .ejBox { display: none; } .rotate { transform: rotate(-180deg); } .ejTitle:hover { background-color: #f5f8fa; } .backBtn { display: none; } .yjTitle:hover { background-color: #f5f8fa; } .yjTitle:hover .yjLink::before { opacity: 1; } .sjBox { display: none; } .line_right { display: none; } @media only screen and (min-width:769px) { .sjBox { position: absolute; top: 0; left: 100%; box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0.4); } .sjTitle { text-align: center; } .sjTitle::before { content: ''; position: absolute; display: block; width: 6px; height: 50px; background-color: #04abf4; } .sjBox li { width: 150px; } .sjTitle:hover .sjLink { color: #01a5ec; } .sjLi::before { content: ''; display: block; width: 0; height: 0; border-top: 6px solid #04abf4; border-right: 6px solid #fff; border-bottom: 6px solid #04abf4; position: absolute; left: 0; top: 22px; z-index: 1; } .ejLi:hover .sjLi::before { display: block; } } @media only screen and (max-width:768px) { .categrayBox .contentBox { position: fixed; top: 0; left: 100%; height: 100%; font-size: 0; } .backBtn { position: relative; display: inline-block; width: 45px; height: 100%; vertical-align: top; background: #f5f8fa; } .categrayBox .content { display: inline-block; width: calc(100% - 45px); } .moveBtn { display: block; } .categrayBox .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 1.2rem; color: #7b8a96; padding: 0; } .yjTitle { border-bottom: 1px solid #f8f8f8; } .sjTitle { padding-left: 80px; } .jsDeg { transform: rotate(-90deg); } .line_right { display: block; width: 8px; height: 50px; background-color: #04abf4; position: absolute; right: 0; top: 0; opacity: 0 } .line_show { opacity: 1; } .sjTitle::after { content: ''; display: block; width: 8px; height: 50px; background-color: #04abf4; position: absolute; right: 0; top: 0; } } .jp_gbg_innerTit{ font-family:MicrosoftYaHei; font-size:24px; line-height:24px; color:#ed9315; } .jp_gbg_innerTitSum{ font-size:16px; line-height:30px; color:#666666; max-width:630px; height: 180px; margin:18px 0px 44px; } .jp_gbg_innerCateContainer{ background-image:linear-gradient(0deg, #f0efef 0%, #ffffff 66%); box-shadow:0px 10px 10px 0px rgba(197, 198, 198, 0.22); border:solid 1px #d8d8d8; padding:25px 20px; border-radius:30px; } .jp_gbg_innerCateTit{ font-size:18px; line-height:18px; color:#262626; } .jp_gbg_innerCateDetail{ display:flex; align-items:stretch; justify-content:space-between; margin:5px 0px 20px; } .jp_gbg_innerCateSum{ font-size:12px; line-height:20px; color:#666666; margin:10px 0px 5px; padding-right:15px; height: 57px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; } .jp_gbg_innerCateBtn{ display:block; width:45px; font-size:12px; line-height:25px; text-align:center; text-align-last:center; color:#ffffff; background-color:#ed9315; } .jp_gbg_innerTitBody{ font-size:0px; } .jp_gbg_innerCatePic{ width: 100%; max-width: 78px; } .jp_gbg_innerCateLi:hover .jp_gbg_innerCateContainer{ transform: translateY(-8px); } .jp_gbg_innerCateLi:hover .jp_gbg_innerCateTit { color:#ed9315; } .jp_gbg_innerCateLi:hover .jp_gbg_innerCateBtn { color:#fff; } .jp_gbg_innerCateLi:hover .jp_gbg_innerCatePic img { transform: scale(1.1); } @media only screen and (max-width: 1000px) and (min-width: 769px){ .jp_gbg_innerCateLi{ position:relative; width:calc((100% - 40px)/3); height:100%; cursor:pointer; display:inline-block; margin-bottom:20px; overflow:visible; vertical-align: top; } .jp_gbg_innerCateLi:not(:nth-child(3n)){ margin-right:20px; } } @media only screen and (max-width: 768px){ .jp_gbg_innerTitTop{ margin-top: 40px; } .jp_gbg_innerTitSum{ max-width: 100%; height: auto; margin:10px 0px 20px; } .jp_gbg_innerCateLi{ position:relative; width:calc((100% - 20px)/2); height:100%; cursor:pointer; display:inline-block; margin-bottom:20px; overflow:visible; vertical-align: top; } .jp_gbg_innerCateLi:not(:nth-child(2n)){ margin-right:20px; } } @media only screen and (max-width: 450px){ .jp_gbg_innerCateLi{ position:relative; width: 100%; height:100%; cursor:pointer; display:inline-block; margin-bottom:20px; overflow:visible; margin-right: 0; vertical-align: top; } } @media only screen and (min-width: 1001px){ .jp_gbg_innerCateLi{ position:relative; width:calc((100% - 75px)/4); height:100%; cursor:pointer; display:inline-block; margin-bottom: 30px; overflow:visible; vertical-align: top; } .jp_gbg_innerCateLi:not(:nth-child(4n)){ margin-right:25px; } } /* index start */ .jp_gbg_indexCateL { animation-name: fadeInLeft; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both; } .jp_gbg_indexCateR { animation-name: fadeInRight; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both; } .jp_gbg_indexCateCn{ color:#ed9315; } .jp_gbg_indexCateEn{ color:#8e8d8d; font-weight:normal; } .jp_gbg_indexCateBox .jp_gbg_indexCateL > span{ display:inline-block; font-size:18px; line-height:24px; } .jp_gbg_indexCateLink{ font-size: 14px; line-height: 24px; color: #282828; } .jp_gbg_indexCateBox{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; } .jp_gbg_indexCateLink:hover{ color: #ed9315; } /* index end */