::selection{background: #CF000D!important;} body{font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif,Arial;color: #333} h1, h2, h3, h4, h5, h6{font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;} h2{color:#333;font-size: 32px;line-height: 42px;font-weight: normal} a {color: #333;} a:hover{color: #CF000D;} ul li{list-style: none;} @media (min-width: 1400px){ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: calc(1200px + var(--bs-gutter-x, 0.75rem) + var(--bs-gutter-x, 0.75rem)); } } #gotoTop:hover { background-color: #CF000D!important; } .pagination{line-height: 48px !important;} .pagination select{margin:0 5px;border: 1px solid #dee2e6;border-radius: 10px;} /*头部*/ .menu-container > .menu-item > .menu-link {font-size: 16px;padding-left: 30px;padding-right: 30px;font-weight: normal;text-transform: capitalize;letter-spacing: 0;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;color: #888;} .menu-item:hover > .menu-link, .menu-item.current > .menu-link {color: #CF000D;} .menu-item.active .menu-link{font-weight: bold;} .header-misc{margin-left: 25px;font-size: 14px;} .header-misc a{padding: 0 5px;} .header-misc a.current{font-weight: normal} .header-misc .split-line:last-child{display: none} /*底部*/ #footer,#footer a,#footer a:hover,#footer h4{color: #Fff} #footer{background:#b70b16} #copyrights{background:#66040a;padding: 30px 0;} #footer .footer-logo{max-width:195px} #footer h4{font-size:16px; padding:0;line-height: 26px;margin-bottom:10px;margin-top: 10px} #footer li{padding: 0} #footer li a{font-size:14px; padding:0;line-height: 26px} #footer li::before{content:none !important;} #footer .z-link{font-size:14px;line-height: 30px} #footer .z-link li a,#footer .z-link li span{font-size:14px;line-height: 30px; margin-right:10px;} #footer .z-link li span:last-child{display: none;} #footer .z-link img{max-height:20px} #copyrights span{padding-right: 5px;font-size: 12px} #copyrights span:last-child{padding: 0} @media (max-width: 767.98px) { #footer .footerul ul{display: none;} #footer .showul ul{display: block;} } /*自定义页频道*/ #channel-diy{} #content {overflow: hidden;} #content section{padding: 100px 0;} #content section:first-child{padding-top: 40px} #content section.bg{background: rgba(207, 0, 13, 0.02);} @media (max-width: 992px){ #content section{padding: 80px 0;} } @media (max-width: 767.98px) { #content section{padding: 50px 0;} } /*子菜单*/ .sub-nav{height:80px;background:#f9f9f9;} .sub-nav.fixedtop{position: fixed; top: 0;left: 0;background-color: #FFF;box-shadow: 0 0 10px rgb(0 0 0 / 10%); right: 0;z-index: 1000;} .sub-nav ul{height:80px;margin: 0;padding: 0;} .sub-nav ul li{ height:80px; float:left;margin-right: 10px;display: inline-block;} .sub-nav ul li a{ display: block;line-height: 80px;padding: 0 20px; color:#888;font-size:16px} .sub-nav ul li a:hover, .sub-nav ul li a.active{border-bottom:2px solid #CF000D; color:#333;} @media (max-width: 767.98px) { .sub-nav{display: none;} } /*自定义页标题*/ #channel-diy .head-title{margin-top: 80px} #channel-diy .head-title .block{padding: 20px 0;border-bottom: 1px solid #e5e5e5;} #channel-diy .head-title span{font-size: 18px;line-height: 18px; color: #888888;} #channel-diy .head-title h1{font-size: 44px; line-height: 54px; color: #000;padding: 20px 0; margin: 0;} @media (max-width: 767.98px) { #content section{padding: 50px 0;} #content section:first-child{padding-top: 20px} #channel-diy .head-title{margin-top: 40px} #channel-diy .head-title .block{padding: 10px 0;} #channel-diy .head-title span{font-size: 16px;line-height: 16px;;} #channel-diy .head-title h1{font-size: 24px; line-height: 30px;padding: 10px 0;} } /*面包屑*/ .breadcrumb-block{padding: 0;height: 80px;background-color: #F9F9F9;line-height: 80px; position: relative; overflow: hidden;} .breadcrumb-block .breadcrumb{position: relative!important;transform: translateY(0);left: 0 !important;right: auto !important;font-size: 16px;} .breadcrumb-block .breadcrumb a{color: #888888;margin:0 5px;} .breadcrumb-block .breadcrumb a:first-child { color: #333333; margin-left: 0px;} .breadcrumb-block .breadcrumb a:hover { color: #CF000D; } .breadcrumb-block .breadcrumb span{width: 24px;text-align: center;color: #888888;} .breadcrumb-block .breadcrumb span::before{content: "\e7a5";font-family: 'font-icons';display: inline-block;position: relative;top: 1px;left: 0;} @media (max-width: 767.98px) { .breadcrumb-block{height: 50px;line-height: 50px;} .breadcrumb-block .breadcrumb{font-size: 12px;} .breadcrumb-block .breadcrumb span{width: 12px;} } /*标题*/ #channel-diy .heading-block::after{display: none;} #channel-diy .heading-block span{font-weight: normal!important ;color:#888888 !important ;font-size: 16px !important ;line-height: 1.8 !important; margin-top: 25px !important;max-width:none !important} #channel-diy .heading-block.type-a{position: relative;margin-bottom: 35px;} #channel-diy .heading-block.type-a h2{font-weight: bold;font-size: 32px;line-height: 42px;} #channel-diy .heading-block.type-a p{font-weight: bold;font-size: 16px;line-height: 26px !important;color: #CF000D; } #channel-diy .heading-block.type-b{position: relative;margin-bottom: 50px;} #channel-diy .heading-block.type-b h2{font-weight: normal;} #channel-diy .fancy-title{margin-bottom: 0;} #channel-diy .fancy-title h2{margin: 0;} #channel-diy .fancy-title h3{font-size: 18px;line-height: 32px !important;font-weight: normal;} #channel-diy .fancy-title.title-border::before{border: 0;width:5%;background: linear-gradient(to left, #CF000D, #fff);height: 2px;flex-basis:inherit;flex-grow: inherit;} #channel-diy .fancy-title.title-border::after{border: 0;width:5%;background: linear-gradient(to left, #fff, #CF000D);height: 2px;flex-basis: inherit;flex-grow: inherit;} @media (max-width: 767.98px) { #channel-diy .heading-block span{font-size: 14px!important;;line-height: 24px !important; margin-top: 20px !important;} #channel-diy .heading-block.type-a{margin-bottom: 25px;} #channel-diy .heading-block.type-a h2{font-size: 24px!important; line-height: 32px!important;} #channel-diy .heading-block.type-a p{font-size: 14px;line-height: 24px !important; } #channel-diy .heading-block.type-b{margin-bottom: 25px;} #channel-diy .heading-block.type-b h2{font-size: 24px!important; line-height: 32px!important;} #channel-diy .fancy-title h2{font-size: 24px!important; line-height: 32px;} } /*标题分割线*/ #channel-diy .title-border-dashed{position: relative;margin-bottom: 35px;border: 1px dashed #E5E5E5;} #channel-diy .title-border-solid{position: relative;margin-bottom: 35px;border: 1px solid #E5E5E5;} /*end==========标题*/ /*部件-博客类*/ /*详情*/ .widgets-blog-info table{width: 100%;} .widgets-blog-info table,.widgets-blog-info p{margin: 0;} .widgets-blog-info p{color:#888888;font-size: 16px;} .widgets-blog-info img{max-width:70%!important;height:auto!important} .widgets-blog-info {margin-bottom:100px} section.widgets-blog-info section{padding: 0 !important;margin: 0!important;} @media (max-width: 767.98px) { .widgets-blog-info p{} .widgets-blog-info img{width:100%!important;} } /*单一文章*/ .widgets-blog table{width: 100%;} .widgets-blog table,.widgets-blog p{margin: 0;} .widgets-blog p{color:#888888;font-size: 18px;} @media (max-width: 992px){ /*.widgets-blog .blog-content{text-align:center}*/ .widgets-blog p{/*display: contents;*/font-size: 16px;} } @media (max-width: 767.98px) { .widgets-blog p{font-size: 14px;} } /*左边文章,右边大图*/ .widgets-blog-img-right{} .widgets-blog-img-right table{width: 100%;} .widgets-blog-img-right table,.widgets-blog-img-right p{margin: 0;} .widgets-blog-img-right .box{width: 80%} .widgets-blog-img-right h2{margin-bottom: 50px!important;} .widgets-blog-img-right p{color:#888888;font-size: 16px;} .widgets-blog-img-right img{width: 100%;} @media (max-width: 767.98px) { .widgets-blog-img-right .box{width: 100%} .widgets-blog-img-right h2{margin-bottom: 25px!important;;font-size: 24px; line-height: 32px;} .widgets-blog-img-right p{font-size: 14px;} .widgets-blog-img-right .justify-content-end{ justify-content: center !important;} .widgets-blog-img-right img{width: 80%;padding-top:30px;} } /*右边文章,左边大图*/ .widgets-blog-img-left{} .widgets-blog-img-left table{width: 100%;} .widgets-blog-img-left table,.widgets-blog-img-left p{margin: 0;} .widgets-blog-img-left h2{margin-bottom: 50px!important;} .widgets-blog-img-left p{color:#888888;font-size: 18px;} .widgets-blog-img-left img{width:80%} @media (max-width: 767.98px) { .widgets-blog-img-left .box{width: 100%} .widgets-blog-img-left h2{margin-bottom: 25px!important;;font-size: 24px; line-height: 32px;} .widgets-blog-img-left p{font-size: 14px;} .widgets-blog-img-left .justify-content-end{ justify-content: center !important;} .widgets-blog-img-left img{width: 80%;padding-bottom:30px;margin: 0 auto;} } /*关于我们*/ .widgets-blog-about{} .widgets-blog-about table{width: 100%;} .widgets-blog-about table,.widgets-blog-about p,.widgets-blog-about h2{margin-bottom: 0!important;} .widgets-blog-about img{width:80%;} .widgets-blog-about .heading-block h2{text-align: left} .widgets-blog-about .heading-block p{text-align: left} .widgets-blog-about .about-left{flex: 2} .widgets-blog-about .about-right{flex: 3} .widgets-blog-about .about-right p{color:#888888;font-size: 18px;} @media (max-width: 767.98px) { .widgets-blog-about .d-flex{flex-flow: column;} .widgets-blog-about .about-right p{font-size: 14px;} .widgets-blog-about .about-left img{display: none} } /*end==========部件-博客类*/ /*计数器*/ .widgets-counters .counter{font-weight: bold;font-size: 46px;color: #CF000D;line-height: 62px} .widgets-counters .counter + h5{font-weight: normal;font-size: 18px;line-height: 26px;color: #888888;height: 26px;overflow: hidden} .widgets-counters .box{display: flex;} .widgets-counters .box .txt{flex:1;} @media (max-width: 992px){ .widgets-counters .box{display: inline-block;width:100%} .widgets-counters .box .txt{float: left;width: 50%;} .widgets-counters .counter{font-size: 37px;line-height: 50px} .widgets-counters .counter + h5{font-size: 16px;line-height: 20px;height: 20px;} } @media (max-width: 767.98px) { .widgets-counters .counter{font-size: 24px;line-height: 35px} .widgets-counters .counter + h5{font-size: 14px;} } /*end==========计数器*/ /*幻灯片*/ .widgets-slider .slider-element { background-color: #CF000D;} .widgets-slider .slider-element .swiper_wrapper{height:640px !important;} .widgets-slider .slider-element .swiper-pagination span:hover, .widgets-slider .slider-element .swiper-pagination span.swiper-pagination-bullet-active {background-color:#CF000D !important;opacity:1;} .widgets-slider .slider-element .swiper-pagination span { border:0;background-color:#CF000D !important;opacity: 0.24; } .widgets-slider .slider-element .slider-caption.slider-caption-left{max-width: none;width: auto} .widgets-slider .slider-element .slider-caption.slider-caption-right{max-width: none;width: auto;} .widgets-slider .slider-element .slider-caption .txt{display:inline-block} .widgets-slider .slider-element .slider-caption .title{margin: 0;font-size: 80px;line-height: 100px !important;font-weight: bold;color:#fff;text-align: left} .widgets-slider .slider-element .slider-caption .title.title2{font-size: 60px;line-height: 80px !important;} .widgets-slider .slider-element .slider-caption .subtitle{margin: 0;font-size: 38px;line-height: 58px !important;font-weight: normal;color:#fff;text-align: left} .widgets-slider .slider-element .slider-caption.slider-caption-right .box{text-align: right} .widgets-slider .slider-element .slider-caption.slider-caption-left .box{text-align: left} .widgets-slider .slider-element .slider-caption.slider-caption-center .box{text-align: center} .widgets-slider .slider-element .slider-caption.slider-caption-center .title{text-align: center} .widgets-slider .slider-element .slider-caption.slider-caption-center .subtitle{text-align: center} @media (max-width: 992px){ .widgets-slider .slider-element .swiper_wrapper{height:512px !important;} .widgets-slider .slider-element .slider-caption .title{font-size: 64px;line-height: 80px !important;} .widgets-slider .slider-element .slider-caption .title.title2{font-size: 48px;line-height: 64px !important;} .widgets-slider .slider-element .slider-caption .subtitle{font-size: 30px;line-height: 47px !important;} } @media (max-width: 767.98px) { .widgets-slider .slider-element .swiper_wrapper{height:320px !important;} .widgets-slider .slider-element .slider-caption .txt{display:block} .widgets-slider .slider-element .slider-caption .title{font-size: 35px;line-height: 50px !important;text-align: center} .widgets-slider .slider-element .slider-caption .title.title2{font-size: 25px;line-height: 40px !important;} .widgets-slider .slider-element .slider-caption .subtitle{font-size: 19px;line-height: 29px !important;text-align: center} } /*幻灯片带菜单*/ .widgets-slider-menu .slider-element { background-color: #CF000D;} .widgets-slider-menu .slider-element .swiper_wrapper{height:400px !important;} .widgets-slider-menu .slider-element .slider-caption.slider-caption-center{max-width:100%} .widgets-slider-menu .slider-element .slider-caption .txt{display:inline-block} .widgets-slider-menu .slider-element .slider-caption .title{margin: 0;font-size: 60px;line-height: 80px !important;font-weight: normal;color:#fff;text-align: left} .widgets-slider-menu .slider-element .slider-caption .subtitle{margin: 0;font-size: 30px;line-height: 40px !important;font-weight: normal;color:#fff;text-align: left} .widgets-slider-menu .slider-element .slider-caption .subinfo{margin: 0;font-size: 18px;line-height: 40px !important;font-weight: normal;color:#fff;text-align: left} .widgets-slider-menu .slider-element .slider-caption.slider-caption-right .box{text-align: right} .widgets-slider-menu .slider-element .slider-caption.slider-caption-left .box{text-align: left} .widgets-slider-menu .slider-element .slider-caption.slider-caption-center .box{text-align: center} .widgets-slider-menu .slider-element .slider-caption.slider-caption-center .title{text-align: center} .widgets-slider-menu .slider-element .slider-caption.slider-caption-center .subtitle{text-align: center} .widgets-slider-menu .slider-element .slider-caption.slider-caption-center .subinfo{text-align: center} @media (max-width: 992px){ .widgets-slider-menu .slider-element .swiper_wrapper{height:320px !important;} .widgets-slider-menu .slider-element .slider-caption .title{font-size: 48px;line-height: 64px !important;} .widgets-slider-menu .slider-element .slider-caption .subtitle{font-size: 24px;line-height: 32px !important;} .widgets-slider-menu .slider-element .slider-caption .subinfo{font-size: 16px;line-height: 32px !important;} } @media (max-width: 767.98px) { .widgets-slider-menu .slider-element .swiper_wrapper{height:280px !important;} .widgets-slider-menu .slider-element .slider-caption .title{font-size: 32px;line-height: 50px !important;} .widgets-slider-menu .slider-element .slider-caption .subtitle{font-size: 19px;line-height: 29px !important;} .widgets-slider-menu .slider-element .slider-caption .subinfo{font-size: 12px;line-height: 18px !important;} .widgets-slider-menu .slider-element .slider-caption .subinfo br{display:none;} } /*业务页*/ .widgets-slider-business .slider-element { background-color: #CF000D;} .widgets-slider-business .slider-element .swiper_wrapper{height:400px !important;} .widgets-slider-business .slider-element .slider-caption.slider-caption-center{max-width:100%} .widgets-slider-business .slider-element .slider-caption .txt{display:inline-block} .widgets-slider-business .slider-element .slider-caption .title{margin: 0;font-size: 45px;line-height: 65px !important;font-weight: normal;color:#fff;text-align: left;margin-bottom:30px} .widgets-slider-business .slider-element .slider-caption .subinfo{margin: 0;font-size: 18px;line-height: 40px !important;font-weight: normal;color:#fff;text-align: left} .widgets-slider-business .slider-element .slider-caption.slider-caption-right .box{text-align: right} .widgets-slider-business .slider-element .slider-caption.slider-caption-left .box{text-align: left} .widgets-slider-business .slider-element .slider-caption.slider-caption-center .box{text-align: center} .widgets-slider-business .slider-element .slider-caption.slider-caption-center .title{text-align: center} .widgets-slider-business .slider-element .slider-caption.slider-caption-center .subinfo{text-align: center} @media (max-width: 992px){ .widgets-slider-business .slider-element .swiper_wrapper{height:320px !important;} .widgets-slider-business .slider-element .slider-caption .title{font-size: 32px;line-height: 54px !important;margin-bottom:20px} .widgets-slider-business .slider-element .slider-caption .subinfo{font-size: 14px;line-height: 32px !important;} } @media (max-width: 767.98px) { .widgets-slider-business .slider-element .swiper_wrapper{height:280px !important;} .widgets-slider-business .slider-element .slider-caption .title{font-size: 24px;line-height: 32px !important;} .widgets-slider-business .slider-element .slider-caption .subinfo{font-size: 14px;line-height: 24px !important;} .widgets-slider-business .slider-element .slider-caption .subinfo br{display:none;} } /*其他*/ .theme-slider.slider-title .type-a.slider-element .swiper_wrapper{height:400px !important;} .theme-slider.slider-title .type-a.slider-element .slider-caption h2{font-size:60px;line-height: 79px !important;font-weight: normal;} .theme-slider.slider-title .type-a.slider-element .slider-caption p{font-size:30px;line-height: 40px !important;font-weight: normal;} /*end==========幻灯片*/ /*区块切换*/ .widgets-blockexpand .block-expand-categories .expand-category {--height:500px;--responsive-height:60px; --hover-flex:10; position: relative; background-position: center center; background-size: cover;margin:0; min-height: 60px; cursor: pointer;} .widgets-blockexpand .block-expand-categories .expand-category {height: 500px; flex: 3; transition: flex 0.5s ease; -webkit-backface-visibility: hidden;transform: translate3d(0,0,0);} .widgets-blockexpand .block-expand-categories .expand-category .cover{position: absolute;left: 0;right: 0;top:0;bottom: 0;background:rgba(0, 0, 0, 0.5);z-index:1; } .widgets-blockexpand .block-expand-categories .expand-category .box{position: absolute; bottom: 30px;right: 0; left: 0;text-align:center; margin: 0;width: 100%;z-index: 2;transition: background 0.5s ease;} .widgets-blockexpand .block-expand-categories .expand-category .box h4{margin-bottom: 10px;color: #fff;font-size: 30px;line-height: 46px; font-weight: bold;} .widgets-blockexpand .block-expand-categories .expand-category .box p{margin: 0;color:#fff;font-size: 16px;} .widgets-blockexpand .block-expand-categories .expand-category .box p.info{display: none;opacity: 0;transition: opacity 1s ease;} .widgets-blockexpand .block-expand-categories:not(.on-click) .expand-category:hover, .widgets-blockexpand .block-expand-categories.on-click .expand-category.active { flex: 10;} .widgets-blockexpand .block-expand-categories:not(.on-click) .expand-category:hover .cover, .widgets-blockexpand .block-expand-categories.on-click .expand-category.active .cover{background:rgba(0, 0, 0, 0.02);} .widgets-blockexpand .block-expand-categories:not(.on-click) .expand-category:hover .box, .widgets-blockexpand .block-expand-categories.on-click .expand-category.active .box{background: rgba(207, 0, 13, 0.9); width: 400px;height: auto;overflow: hidden;text-align:left; bottom: 10px;right: 10px;left:auto;padding:20px;} .widgets-blockexpand .block-expand-categories:not(.on-click) .expand-category:hover .box .subtitle, .widgets-blockexpand .block-expand-categories.on-click .expand-category.active .box p.subtitle{display: none;} .widgets-blockexpand .block-expand-categories:not(.on-click) .expand-category:hover .box .info, .widgets-blockexpand .block-expand-categories.on-click .expand-category.active .box p.info{display: block;opacity: 1} @media (max-width: 1200px){ .widgets-blockexpand .block-expand-categories .expand-category .box h4{font-size: 24px;line-height: 37px;} } @media (max-width: 992px){ .widgets-blockexpand .block-expand-categories .expand-category .box h4{font-size: 20px;line-height: 37px;} .widgets-blockexpand .block-expand-categories.on-click .expand-category.active .box{width:300px} } /*手机端改样式为轮播*/ .widgets-blockexpand-mobile .box {box-shadow: 0 1px 10px #e5e5e5;margin:15px} .widgets-blockexpand-mobile .box .img{position: relative;} .widgets-blockexpand-mobile .box .img .txt{position: absolute;bottom: 0;left:0;background: rgba(0, 0, 0, 0.5); padding: 10px; width:100%;top:0;text-align:center; } .widgets-blockexpand-mobile .box .img .txt h2{font-size: 22px;line-height: 37px;color: #fff;font-weight:bold;margin:0} .widgets-blockexpand-mobile .box .img .txt p{margin: 0;color:#fff;font-size: 16px;} .widgets-blockexpand-mobile .box .info {padding:20px;} .widgets-blockexpand-mobile .box .info P{margin: 0;color:#888;font-size: 14px;} .widgets-blockexpand-mobile .owl-carousel .owl-nav{display:none} .widgets-blockexpand-mobile .owl-carousel .owl-dots .owl-dot{background-color:#CF000D !important;} /*end==========区块切换*/ /*网格布局*/ /*图片加文字没有边框没有提示*/ .widgets-grids-imgtext-noborder-nooverlay .grid-inner {padding: 10px} .widgets-grids-imgtext-noborder-nooverlay .grid-item{padding: 10px} .widgets-grids-imgtext-noborder-nooverlay img{width: auto !important;margin: 0 auto; max-height: 110px;} .widgets-grids-imgtext-noborder-nooverlay .grid-xl-4 img{width: auto !important;margin: 0 auto; max-height: 200px;} .widgets-grids-imgtext-noborder-nooverlay b{ border-top:1px dotted #e5e5e5; display: inline-block; margin: 10px 0;width: 100%;} .widgets-grids-imgtext-noborder-nooverlay .txt{padding-top: 10px;} .widgets-grids-imgtext-noborder-nooverlay .txt p{font-size:14px; text-align: center; margin:0;line-height: 22px!important;margin: 0;height:22px;overflow:hidden} /*图片加文字有边框有提示*/ .widgets-grids-imgtext-border-overlay .grid-container{margin-top:-10px;} .widgets-grids-imgtext-border-overlay .grid-item{margin-top:10px;display:inline-block;} .widgets-grids-imgtext-border-overlay .grid-inner {height:180px;width:180px;border:1px solid #e5e5e5;margin: 0 auto;} .widgets-grids-imgtext-border-overlay img{width: auto !important;margin: 0 auto;max-height: 100px;} .widgets-grids-imgtext-border-overlay b{ border-top:1px dotted #e5e5e5; display: inline-block; margin: 10px 0;width: 100%;} .widgets-grids-imgtext-border-overlay .txt{padding-top: 10px;height:46px;overflow:hidden} .widgets-grids-imgtext-border-overlay .txt p{font-size:14px; text-align: center; margin:0;line-height: 18px!important;margin: 0;} .widgets-grids-imgtext-border-overlay .bg-overlay-bg{background-color: rgba(207,0,13,0.9);} .widgets-grids-imgtext-border-overlay .bg-overlay-content{flex-flow: column;padding:0;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p{font-size: 16px;line-height: 25px;color: #fff; font-weight: normal;margin: 0;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p:first-child{font-weight: bold} .widgets-carousel-grids .widgets-grids-imgtext-border-overlay .container{max-width:none;padding:0;margin:0;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p:nth-child(3) {position: absolute;bottom: 10px; text-decoration-line: underline;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p a{color:#fff;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p a:ho{color:#fff;} @media (max-width: 720px){ .widgets-carousel-grids .widgets-grids-imgtext-border-overlay .grid-inner {width: calc(100% - 24px);} .widgets-grids-imgtext-border-overlay .grid-inner {width: 100%;} } @media (min-width: 768px){ .widgets-grids-imgtext-border-overlay img{max-height: 110px;} .widgets-grids-imgtext-border-overlay .grid-container{margin-top:-20px;} .widgets-grids-imgtext-border-overlay .grid-item{margin-top:20px;} .widgets-grids-imgtext-border-overlay .txt p{line-height: 18px!important;} .widgets-grids-imgtext-border-overlay .grid-inner {height:200px;width:200px;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p{font-size:14px;} } @media (min-width: 1400px){ .widgets-grids-imgtext-border-overlay .grid-container{margin-top:-25px;} .widgets-grids-imgtext-border-overlay .grid-item{margin-top:25px;} .widgets-grids-imgtext-border-overlay .grid-inner {height:220px;width:220px;} .widgets-grids-imgtext-border-overlay .txt{height:56px} .widgets-grids-imgtext-border-overlay .txt p{line-height: 25px!important;} .widgets-grids-imgtext-border-overlay .bg-overlay-content p{font-size:16px;} } /*图片无文字有提示*/ .widgets-grids-imgtext-notxt-overlay .grid-container{margin-top:-10px;} .widgets-grids-imgtext-notxt-overlay .grid-item{margin-top:10px;display:inline-block;} .widgets-grids-imgtext-notxt-overlay .grid-inner {height:180px;width:180px;border:1px solid #e5e5e5;margin: 0 auto;} .widgets-grids-imgtext-notxt-overlay img{width: auto !important;margin: 0 auto;max-width:150px} .widgets-grids-imgtext-notxt-overlay b{ border-top:1px dotted #e5e5e5; display: inline-block; margin: 10px 0;width: 100%;} .widgets-grids-imgtext-notxt-overlay .txt{padding-top: 10px;} .widgets-grids-imgtext-notxt-overlay .txt p{font-size:14px; text-align: center; margin:0;line-height: 22px;height:25px;overflow: hidden;margin: 0;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-bg{background-color: rgba(207,0,13,0.9);} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content{flex-flow: column;padding:0;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p{font-size: 16px;line-height: 25px;color: #fff; font-weight: normal;margin: 0;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p:first-child{font-weight: bold} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p:nth-child(3) {position: absolute;bottom: 10px; text-decoration-line: underline;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p a{color:#fff;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p a:ho{color:#fff;} @media (max-width: 720px){ .widgets-carousel-grids .widgets-grids-imgtext-notxt-overlay .grid-inner {width: calc(100% - 24px);} .widgets-grids-imgtext-notxt-overlay .grid-inner {width: calc(100% - 24px);} } @media (min-width: 768px){ .widgets-grids-imgtext-notxt-overlay .grid-container{margin-top:-20px;} .widgets-grids-imgtext-notxt-overlay .grid-item{margin-top:20px;} .widgets-grids-imgtext-notxt-overlay .grid-inner {height:200px;width:200px;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p{font-size:14px} } @media (min-width: 1400px){ .widgets-grids-imgtext-notxt-overlay .grid-container{margin-top:-25px;} .widgets-grids-imgtext-notxt-overlay .grid-item{margin-top:25px;} .widgets-grids-imgtext-notxt-overlay .grid-inner {height:220px;width:220px;} .widgets-grids-imgtext-notxt-overlay .bg-overlay-content p{font-size:16px} } /*团队*/ .widgets-grids-team .theme-grids{width: calc(100% + 20px);margin-left: -10px;} .widgets-grids-team .boss{display: flex;justify-content: space-between;border:1px solid #e5e5e5;margin-bottom: 20px;} .widgets-grids-team .boss .img{overflow:hidden;width:calc(100% - 15px);} .widgets-grids-team .boss img{width:100%;transition: all 0.5s; } .widgets-grids-team .boss:hover img{transform: scale(1.15); } .widgets-grids-team .boss .boss-info{ padding:0 50px;} .widgets-grids-team .boss .boss-info b{font-size:32px; color:#333;} .widgets-grids-team .boss .boss-info span{font-size: 18px;margin: 0;color:#333;} .widgets-grids-team .boss .boss-info p{font-size: 18px;margin: 0;color:#888;} .widgets-grids-team .boss .bossname{padding-bottom:40px;} .widgets-grids-team .grid-item {padding:0 10px;padding-bottom: 20px} .widgets-grids-team .grid-item .grid-inner{box-shadow: 2px 5px 8px #efefef;} .widgets-grids-team .grid-item .grid-inner .img{overflow:hidden} .widgets-grids-team .grid-item .grid-inner img{transition: all 0.5s; } .widgets-grids-team .grid-item .grid-inner .txt{padding: 10px;overflow:hidden;height:90px} .widgets-grids-team .grid-item h2{ font-size:24px;display: block;margin: 0;font-weight: bold;transition: all 0.5s; } .widgets-grids-team .grid-item p{ font-size:16px;display: block;margin: 0;transition: all 0.5s; } .widgets-grids-team .grid-item .grid-inner:hover img{ transform: scale(1.15); } .widgets-grids-team .grid-item .grid-inner:hover h2{font-size:28px; } .widgets-grids-team .grid-item .grid-inner:hover P{ font-size:18px;} @media (max-width: 992px){ .widgets-grids-team .boss .boss-info b{font-size:24px; } .widgets-grids-team .boss .boss-info span{font-size: 16px;} .widgets-grids-team .boss .boss-info p{font-size: 16px;} .widgets-grids-team .boss .bossname{padding-bottom:10px;} .widgets-grids-team .grid-item h2{ font-size:22px; } .widgets-grids-team .grid-item p{ font-size:14px;} } @media (max-width: 767.98px) { .widgets-grids-team .boss{display: flex;flex-flow: column;} .widgets-grids-team .boss .img{width:100%;} .widgets-grids-team .boss .boss-info{ padding: 30px;} .widgets-grids-team .grid-item h2{ font-size:20px; } .widgets-grids-team .grid-item p{ font-size:14px;} .widgets-grids-team .grid-item .grid-inner:hover h2{font-size:20px; } .widgets-grids-team .grid-item .grid-inner:hover P{ font-size:14px;} } /*end==========网格布局*/ /*轮播图部件*/ /*案例*/ .widgets-carousel-cases .owl-carousel .oc-item .block{padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;} .widgets-carousel-cases .owl-carousel .oc-item h4{font-weight: bold;font-size: 20px;line-height: 32px;color: #333333;margin: 0;width: calc(100% - 120px);} .widgets-carousel-cases .owl-carousel .oc-item p{font-size: 16px;color: #888888;margin: 0;display: inline-block;width: calc(100% - 120px);} .widgets-carousel-cases .owl-carousel .oc-item .simple-info{padding-top: 20px} .widgets-carousel-cases .owl-carousel .oc-item .simple-info p{width: 100%;} .widgets-carousel-cases .owl-carousel .owl-nav{position: absolute;right: 0;top:0;height: 50px} .widgets-carousel-cases .owl-carousel .owl-nav button, .widgets-carousel-cases .owl-carousel .owl-nav button.disabled{margin-left: 10px;border-color: #CF000D ;display: block!important;opacity: 1!important;width: 50px;height:50px;position: relative!important;float: left;left:0!important;right:0!important;} .widgets-carousel-cases .owl-carousel .owl-nav button i{font-size: 32px;line-height: 32px;color: #CF000D;font-weight: bold;} .widgets-carousel-cases .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-cases .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-cases .owl-carousel .oc-item h4{font-size: 16px;line-height: 28px;width: calc(100% - 100px);} .widgets-carousel-cases .owl-carousel .oc-item p{font-size: 14px;width: calc(100% - 100px);line-height: 24px!important;} .widgets-carousel-cases .owl-carousel .owl-nav{position: absolute;right: 0;top:0;height: 44px} .widgets-carousel-cases .owl-carousel .owl-nav button, .widgets-carousel-cases .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-cases .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*服务*/ .widgets-carousel-service .owl-item .box{background: #CF000D;height: 250px;} .widgets-carousel-service .owl-item:nth-child(2n) .box{background: #FDF5F5;} .widgets-carousel-service .owl-item .oc-item{position: relative} .widgets-carousel-service .owl-item .oc-item::before{z-index: 99;content: '';position: absolute;top:30px; right: -29px; width: 0px; height: 0px;border: 15px solid #000;border-top-color: transparent;border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent;border-left-color: #CF000D;} .widgets-carousel-service .owl-item:nth-child(2n) .oc-item::before{border-left-color: #FDF5F5;} .widgets-carousel-service .owl-item:last-child .oc-item::before{display: none} .widgets-carousel-service .owl-item .box img{width: 80px;height:80px;margin: 0 auto} .widgets-carousel-service .owl-item .box h2{font-size: 22px;line-height: 25px;margin: 30px 0 0;color:#fff;font-weight: bold} .widgets-carousel-service .owl-item:nth-child(2n) .box h2{color:#CF000D;} .widgets-carousel-service .owl-carousel .owl-nav button, .widgets-carousel-service .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-service .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-service .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-service .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-service .owl-carousel .owl-nav button, .widgets-carousel-service .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-service .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*服务体系*/ .widgets-carousel-service-line .owl-carousel .owl-stage-outer{width: calc(100% + 10px);padding-left: 5px;margin-left: -5px;} .widgets-carousel-service-line .owl-item .box{background: #CF000D;height: 260px;} .widgets-carousel-service-line .owl-item .oc-item{padding:10px;} .widgets-carousel-service-line .owl-item:nth-child(2n) .oc-item .linebg{width: calc(100% + 4px); height: 50%; position: absolute; bottom: 0; left: -2px; border: 2px solid #CF000D; border-top: 0; border-radius: 0 0 10px 10px } .widgets-carousel-service-line .owl-item:nth-child(2n-1) .oc-item .linebg{width: calc(100% + 0px); height: 50%; position: absolute; top: 0; left: 0px; border: 2px solid #CF000D;border-bottom: 0;border-radius: 10px 10px 0 0 } .widgets-carousel-service-line .owl-item:first-child .oc-item .linebg:before{content: " "; border: 1px solid #CF000D; border-radius: 100%; width: 8px; height: 8px; position: absolute; left: -5px; bottom: -6px; z-index: 999;} .widgets-carousel-service-line .owl-item:last-child .oc-item .linebg:before{content: " "; border: 1px solid #CF000D; border-radius: 100%; width: 8px; height: 8px; position: absolute; right: -5px; bottom: -6px; z-index: 999;} .widgets-carousel-service-line .owl-item:nth-child(2n) .box{background: #FDF5F5;} .widgets-carousel-service-line .owl-item .box p{font-size: 40px;line-height: 45px!important;color:#fff;font-weight: bold;margin:0} .widgets-carousel-service-line .owl-item .box img{width: 70px;height:70px;margin: 20px auto;} .widgets-carousel-service-line .owl-item .box h2{font-size: 20px;line-height: 30px!important;color:#fff;font-weight: bold;margin:0} .widgets-carousel-service-line .owl-item:nth-child(2n) .box h2{color:#333;} .widgets-carousel-service-line .owl-item:nth-child(2n) .box p{color:#333;} .widgets-carousel-service-line .owl-carousel .owl-nav button, .widgets-carousel-service-line .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-service-line .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-service-line .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-service-line .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-service-line .owl-carousel .owl-nav button, .widgets-carousel-service-line .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-service-line .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*场景*/ /*居中显示*/ .widgets-carousel-scene-center .owl-carousel .box{position:relative;margin-bottom: 20px} .widgets-carousel-scene-center .owl-carousel .box img{width: auto;height: auto;margin: 0 auto;} .widgets-carousel-scene-center .owl-carousel .txt{position: absolute;left: 0;right: 0;bottom: 0;top: 0;} .widgets-carousel-scene-center .owl-carousel .txt h2{color: #fff;margin: 20px 0;font-weight: bold;} .widgets-carousel-scene-center .owl-carousel .txt p{font-size:18px; margin:0;color: #fff} .widgets-carousel-scene-center .owl-carousel .txt span{font-weight:bold;font-size: 100px;line-height: 80px;display: inline-block;color: #fff;position: relative;padding-bottom: 30px;} .widgets-carousel-scene-center .owl-carousel .txt span::after{ content: ' ';display: inline-block;width: 100%;background: #fff;height: 8px;position: absolute;left: 0; bottom: 0;} .widgets-carousel-scene-center .owl-carousel .owl-nav button, .widgets-carousel-scene-center .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-scene-center .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-scene-center .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-scene-center .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-scene-center .owl-carousel .txt span{font-size: 40px;line-height:40px;padding-bottom: 20px;} .widgets-carousel-scene-center .owl-carousel .txt span::after{height: 4px} .widgets-carousel-scene-center .owl-carousel .txt h2{font-size: 18px;margin:0;} .widgets-carousel-scene-center .owl-carousel .txt p{font-size: 14px;line-height:22px!important;} .widgets-carousel-scene-center .owl-carousel .owl-nav button, .widgets-carousel-scene-center .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-scene-center .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*内容靠左显示*/ .widgets-carousel-scene-left .owl-carousel .box{position:relative;margin-bottom: 20px;overflow: hidden;} .widgets-carousel-scene-left .owl-carousel .box img{width: auto;height: auto;transition: all 0.5s; } .widgets-carousel-scene-left .owl-carousel .box:hover img{ transform: scale(1.1); } .widgets-carousel-scene-left .owl-carousel .txt{position: absolute;left: 0;right: 0;bottom: 0;top: 0;padding: 10px;} .widgets-carousel-scene-left .owl-carousel .txt h2{color: #fff;margin: 20px 0;font-size: 20px;line-height: 32px;font-weight: bold;} .widgets-carousel-scene-left .owl-carousel .txt p{font-size:16px;line-height: 22px!important; margin:0;color: #fff} .widgets-carousel-scene-left .owl-carousel .txt span{font-weight:bold;font-size: 80px;line-height: 80px;display: inline-block;color: #fff;position: relative;padding-bottom: 30px;} .widgets-carousel-scene-left .owl-carousel .txt span::after{ content: ' ';display: inline-block;width: 100%;background: #fff;height: 8px;position: absolute;left: 0; bottom: 0;} .widgets-carousel-scene-left .owl-carousel .owl-nav button, .widgets-carousel-scene-left .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-scene-left .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-scene-left .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-scene-left .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-scene-left .owl-carousel .txt span{font-size: 50px;line-height:50px;padding-bottom: 20px;} .widgets-carousel-scene-left .owl-carousel .txt span::after{height: 4px} .widgets-carousel-scene-left .owl-carousel .txt h2{font-size: 20px;margin: 10px 0;} .widgets-carousel-scene-left .owl-carousel .txt p{font-size: 14px;} .widgets-carousel-scene-left .owl-carousel .owl-nav button, .widgets-carousel-scene-left .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-scene-left .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*团队-详情*/ .widgets-carousel-team-details .owl-carousel .box{position:relative;margin-bottom: 20px;} .widgets-carousel-team-details .owl-carousel .box img{width: auto;height: auto;} .widgets-carousel-team-details .owl-carousel .txt{max-width: 380px;margin: 0 auto;} .widgets-carousel-team-details .owl-carousel .txt h2{color: #333;margin:10px 0;font-size: 20px;line-height: 25px;font-weight: normal;} .widgets-carousel-team-details .owl-carousel .txt p{font-size:14px;line-height: 25px!important; margin:0;color: #888} .widgets-carousel-team-details .owl-carousel .owl-nav button, .widgets-carousel-team-details .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-team-details .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-team-details .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-team-details .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-team-details .owl-carousel .txt h2{font-size: 16px;margin: 10px 0;} .widgets-carousel-team-details .owl-carousel .txt p{font-size: 12px;} .widgets-carousel-team-details .owl-carousel .owl-nav button, .widgets-carousel-team-details .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-team-details .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*团队-无详情*/ .widgets-carousel-team .owl-carousel .box{position:relative;margin-bottom: 20px;} .widgets-carousel-team .owl-carousel .box img{width: auto;height: auto;margin: 0 auto;transition: all 0.5s; } .widgets-carousel-team .owl-carousel .box:hover img{ transform: scale(1.1); } .widgets-carousel-team .owl-carousel .txt{max-width: 180px;margin: 0 auto;text-align: center;overflow: hidden;} .widgets-carousel-team .owl-carousel .txt h2{color: #333;margin:10px 0;font-size: 20px;line-height: 40px;font-weight: normal;} .widgets-carousel-team .owl-carousel .owl-nav button, .widgets-carousel-team .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-team .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-team .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-team .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-team .owl-carousel .txt h2{font-size: 16px;margin: 10px 0;} .widgets-carousel-team .owl-carousel .owl-nav button, .widgets-carousel-team .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-team .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*奖项*/ .widgets-carousel-honor .owl-carousel .box{position:relative;margin-bottom: 20px;} .widgets-carousel-honor .owl-carousel .box img{width: auto;height: auto;margin: 0 auto;transition: all 0.5s; max-width: 150px;} .widgets-carousel-honor .owl-carousel .box:hover img{ transform: scale(1.1); } .widgets-carousel-honor .owl-carousel .txt{margin: 0 auto;max-width: 200px;text-align: center;background:#fff;padding:10px 0} .widgets-carousel-honor .owl-carousel .txt p{font-size:14px;line-height: 22px!important; margin:0;color: #333;height:25px;overflow:hidden} .widgets-carousel-honor .owl-carousel .owl-nav button, .widgets-carousel-honor .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-honor .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-honor .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-honor .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} @media (max-width: 767.98px) { .widgets-carousel-honor .owl-carousel .txt p{font-size: 12px;line-height: 18px!important;height:18px;} .widgets-carousel-honor .owl-carousel .owl-nav button, .widgets-carousel-honor .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-honor .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*奖项-浮窗*/ .widgets-carousel-honor-overlay .owl-carousel{margin-top:-10px;} .widgets-carousel-honor-overlay .owl-carousel .box{margin-top:10px;} .widgets-carousel-honor-overlay .owl-carousel .box img{width: auto;height: auto;margin: 0 auto;max-width:150px} .widgets-carousel-honor-overlay .owl-carousel .grid-inner {height:180px;width:180px;display:inline-block;border:1px solid #e5e5e5;margin: 0 auto;} .widgets-carousel-honor-overlay .owl-carousel .txt p{font-size:14px;line-height: 22px!important; margin:0;color: #333} .widgets-carousel-honor-overlay .owl-carousel .owl-nav button, .widgets-carousel-honor-overlay .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-carousel-honor-overlay .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-honor-overlay .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-honor-overlay .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} .widgets-carousel-honor-overlay .bg-overlay-bg{background-color: rgba(207,0,13,0.9);} .widgets-carousel-honor-overlay .bg-overlay-content{flex-flow: column;padding:0;} .widgets-carousel-honor-overlay .bg-overlay-content p{font-size: 14px;line-height: 25px;color: #fff; font-weight: normal;margin: 0;text-align:center} .widgets-carousel-honor-overlay .bg-overlay-content p:first-child{font-weight: bold} @media (max-width: 720px){ .widgets-carousel-honor-overlay .owl-carousel .grid-inner {width:100%;} } @media (min-width: 768px){ .widgets-carousel-honor-overlay .owl-carousel{margin-top:-20px;} .widgets-carousel-honor-overlay .owl-carousel .box{margin-top:20px;} .widgets-carousel-honor-overlay .owl-carousel .grid-inner {height:200px;width:200px;} .widgets-carousel-honor-overlay .bg-overlay-content p{font-size: 14px} } @media (min-width: 1400px){ .widgets-carousel-honor-overlay .owl-carousel{margin-top:-25px;} .widgets-carousel-honor-overlay .owl-carousel .box{margin-top:25px;} .widgets-carousel-honor-overlay .owl-carousel .grid-inner {height:220px;width:220px;} .widgets-carousel-honor-overlay .bg-overlay-content p{font-size: 16px} } @media (max-width: 767.98px) { .widgets-carousel-honor-overlay .owl-carousel .txt p{font-size: 12px;} .widgets-carousel-howidgets-carousel-honor-overlaynor .owl-carousel .owl-nav button, .widgets-carousel-honor-overlay .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-honor-overlay .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} .widgets-carousel-honor-overlay .owl-carousel .box img{max-width:120px} } /*全图*/ .widgets-carousel-image .owl-carousel .box{position:relative;margin-bottom: 20px;} .widgets-carousel-image .owl-carousel .box img{width: auto;height: auto;margin: 0 auto;} .widgets-carousel-image .owl-carousel .owl-nav button, .widgets-carousel-image .owl-carousel .owl-nav button.disabled{border-color: transparent;width: 50px;height:50px;background: #E1E1E1;border-radius:0} .widgets-carousel-image .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-image .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-image .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff}@media (max-width: 767.98px) { .widgets-carousel-image .owl-carousel .txt p{font-size: 12px;} .widgets-carousel-image .owl-carousel .owl-nav button, .widgets-carousel-image .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-image .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*卡片切换*/ .widgets-carousel-cards .slider-cards {position: relative;height: 450px;} .widgets-carousel-cards .slider-cards .swiper-slide {width: 360px;height: 430px;background: #fff;box-shadow: 0 1px 10px #E5E5E5;border-bottom: 1px solid #E5E5E5} .widgets-carousel-cards .box{position:relative;margin-bottom: 20px;;display: inline-block;width: 100%;} .widgets-carousel-cards .box img{width: auto;height: auto;margin: 0 auto;} .widgets-carousel-cards .box .txt {position: relative;} .widgets-carousel-cards .box .txt .title {position:absolute;right: 0;bottom: 0;left: 0;top: 0;} .widgets-carousel-cards .box .txt h2{color: #333;font-size: 25px;line-height: 32px;font-weight: bold;color: #fff;margin: 0;} .widgets-carousel-cards .box .des{position: absolute;background: #fff;padding: 20px} .widgets-carousel-cards .box .des p{font-size:16px; margin:0;color: #888;line-height: 32px;height: 192px;overflow: hidden;} /*多网格*/ .widgets-carousel-grids .owl-carousel .owl-nav button, .widgets-carousel-grids .owl-carousel .owl-nav button.disabled{border-color: transparent;width: 50px;height:50px;background: #E1E1E1;margin-top:-25px} .widgets-carousel-grids .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-carousel-grids .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-carousel-grids .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff}@media (max-width: 767.98px) { .widgets-carousel-grids .owl-carousel .owl-nav button, .widgets-carousel-grids .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-carousel-grids .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } .widgets-carousel-grids .owl-carousel .container{max-width:none;padding:0;margin:0;} .widgets-carousel-grids .owl-carousel section{max-width:none!important;;padding:0!important;;margin:0!important;;} /*end =============轮播图*/ /*图文-部件*/ /*不规则+数字显示*/ .widgets-imgtext-irregular-number .imgtext-item{border:1px solid #E5E5E5 !important; background: #fff} .widgets-imgtext-irregular-number .imgtext-item .col-md-6:first-child{ padding-right: 0;} .widgets-imgtext-irregular-number .imgtext-item .col-md-6:last-child{ padding-left: 0} .widgets-imgtext-irregular-number .imgtext-item .box{width: 85%;padding: 30px 0} .widgets-imgtext-irregular-number .imgtext-item img{width: 100%;height:100%; object-fit:cover;} .widgets-imgtext-irregular-number .imgtext-item span{font-weight:bold;font-size: 100px;line-height: 80px;display: inline-block;color: rgba(51, 51, 51, 0.05);position: relative;padding-bottom: 30px;} .widgets-imgtext-irregular-number .imgtext-item span::after{ content: ' ';display: inline-block;width: 100%;background: rgba(51, 51, 51, 0.05);height: 8px;position: absolute;left: 0; bottom: 0;} .widgets-imgtext-irregular-number .imgtext-item h3{font-weight: bold;font-size: 24px;line-height: 36px;color: #333333;margin:5px 0} .widgets-imgtext-irregular-number .imgtext-item p{font-size: 16px;color: #888888;margin: 0;} .widgets-imgtext-irregular-number .imgtext-item a{font-size: 16px;color: #888888;margin: 0; } @media (max-width: 767.98px) { .widgets-imgtext-irregular-number .imgtext-item h2{margin-bottom: 25px;font-size: 24px; line-height: 32px;} .widgets-imgtext-irregular-number .imgtext-item h3{font-size: 22px;} .widgets-imgtext-irregular-number .imgtext-item p{font-size: 14px;} .widgets-imgtext-irregular-number .imgtext-item a{font-size: 14px; } .widgets-imgtext-irregular-number .imgtext-item{margin-bottom: 20px;} .widgets-imgtext-irregular-number .imgtext-item:last-child{margin-bottom: 0;} .widgets-imgtext-irregular-number .imgtext-item .col-md-6:first-child{ padding-right: calc(var(--bs-gutter-x) * 0.5);} .widgets-imgtext-irregular-number .imgtext-item .col-md-6:last-child{ padding-left: calc(var(--bs-gutter-x) * 0.5);} } /*单边右边图片*/ .widgets-imgtext-unilateral-rightimg .imgtext-item{padding: 50px 0} .widgets-imgtext-unilateral-rightimg .imgtext-item:nth-child(2n){background: #fff}; .widgets-imgtext-unilateral-rightimg .imgtext-item h2{margin-bottom: 35px} .widgets-imgtext-unilateral-rightimg .imgtext-item .box{width: 85%;padding: 30px 0} .widgets-imgtext-unilateral-rightimg .imgtext-item p{font-size: 16px;color: #888888;margin: 0;} .widgets-imgtext-unilateral-rightimg .imgtext-item a{font-size: 16px;color: #888888;margin: 0; } .widgets-imgtext-unilateral-rightimg img{width: 100%} @media (max-width: 767.98px) { .widgets-imgtext-unilateral-rightimg .imgtext-item h2{margin-bottom: 25px;font-size: 22px; line-height: 32px; text-align: center} .widgets-imgtext-unilateral-rightimg .imgtext-item .box{width: 100%} .widgets-imgtext-unilateral-rightimg .imgtext-item p{font-size: 14px} .widgets-imgtext-unilateral-rightimg .imgtext-item .justify-content-end{ justify-content: center !important;} } .theme-imgtext.imgtext-rightimg .imgtext-item h2{margin-bottom: 50px} .theme-imgtext.imgtext-rightimg .imgtext-item p{font-size: 16px;line-height: 32px!important;color: #888888;margin: 0} .theme-imgtext.imgtext-rightimg .imgtext-item img{width: 80%} /*人才观*/ .theme-imgtext.imgtext-rightimg-3 .imgtext-item p{margin: 0} /*end==========图文-部件*/ /*选择项*/ /*场景*/ .widgets-tab-scene .owl-carousel .box{position:relative;} .widgets-tab-scene .owl-carousel .box img{width: 100%;height: auto;} .widgets-tab-scene .owl-carousel .txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 10px;} .widgets-tab-scene .owl-carousel .txt h2{color: #fff;font-size: 20px;line-height: 42px;font-weight: bold;text-align: left;margin:0;} .widgets-tab-scene .owl-carousel .txt p{display: none;font-size:16px;line-height: 30px!important; margin:0;color: #fff;text-align: left;font-weight: normal;height: 90px;overflow: hidden} .widgets-tab-scene .owl-carousel .owl-nav button, .widgets-tab-scene .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-tab-scene .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-tab-scene .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-tab-scene .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} .widgets-tab-scene .tab-nav{border: 0;padding: 0;} .widgets-tab-scene .tab-nav li{height: auto;border: 0; padding-bottom: 20px;} .widgets-tab-scene .tab-nav li a{height: auto;background: transparent;padding: 0} .widgets-tab-scene .tab-nav li .box::after{content: '';background:transparent;height:5px;width: 100%;position: absolute;left: 0; bottom: 0; right: 0;} .widgets-tab-scene .tab-nav li::before{z-index: 99;margin-left: -10px;content: '';position: absolute;left: 50%; bottom:0px; right: 0;width: 0px;height: 0px;border: 10px solid #000;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;} .widgets-tab-scene .tab-nav li.ui-tabs-active .box::after{;background:#CF000D;} .widgets-tab-scene .tab-nav li.ui-tabs-active::before{border-top-color:#CF000D;} .widgets-tab-scene .tab-nav li.ui-tabs-active .txt p{display: block;} .widgets-tab-scene .tab-container{border: 1px solid #E5E5E5;padding:20px;} @media (max-width: 767.98px) { .widgets-tab-scene .owl-carousel .txt h2{font-size: 16px;margin: 0;} .widgets-tab-scene .owl-carousel .txt p{font-size: 14px;line-height: 20px!important;height: 80px;} .widgets-tab-scene .owl-carousel .owl-nav button, .widgets-tab-scene .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-tab-scene .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} .widgets-tab-scene .tab-container img{width:100%!important} } /*联系我们*/ .widgets-tab-contact.owl-carousel .box{position:relative;} .widgets-tab-contact .owl-carousel .box img{width: 100%;height: auto;} .widgets-tab-contact .owl-carousel .txt{background: #F5F5F5;padding: 5px 0;} .widgets-tab-contact .owl-carousel .txt p{font-size:18px;line-height: 28px!important; margin:0;color: #333333;font-weight: normal;} .widgets-tab-contact .owl-carousel .owl-nav button, .widgets-tab-contact .owl-carousel .owl-nav button.disabled{border-color: #E1E1E1;width: 50px;height:50px;background: #E1E1E1} .widgets-tab-contact .owl-carousel .owl-nav button i{font-size: 50px;line-height: 40px;color: #fff; font-weight: normal} .widgets-tab-contact .owl-carousel .owl-nav [class*=owl-]:hover{background-color: #CF000D!important;} .widgets-tab-contact .owl-carousel .owl-nav [class*=owl-]:hover i{color: #fff} .widgets-tab-contact .tab-nav{border: 0;padding: 0;} .widgets-tab-contact .tab-nav li{height: auto;border: 0; padding-bottom: 20px;} .widgets-tab-contact .tab-nav li a{height: auto;background: transparent;padding: 0} .widgets-tab-contact .tab-nav li .box::after{content: '';background:transparent;height:3px;width: 100%;position: absolute;left: 0; bottom: 0; right: 0;} .widgets-tab-contact .tab-nav li .box::before{z-index: 99;margin-left: -10px;content: '';position: absolute;left: 50%; bottom:-20px; right: 0;width: 0px;height: 0px;border: 10px solid #000;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;} .widgets-tab-contact .tab-nav li.ui-tabs-active .box::after{;background:#CF000D;} .widgets-tab-contact .tab-nav li.ui-tabs-active .box::before{border-top-color:#CF000D;} .widgets-tab-contact .tab-nav li.ui-tabs-active .txt p{display: block;} .widgets-tab-contact .tab-container p{font-size:18px;line-height: 36px!important; margin:0;color: #888888;font-weight: normal;} @media (max-width: 767.98px) { .widgets-tab-contact .owl-carousel .txt p{font-size: 12px;line-height: 20px!important;} .widgets-tab-contact .tab-container p{font-size:12px;line-height: 20px!important;} .widgets-tab-contact .owl-carousel .owl-nav button, .widgets-tab-contact .owl-carousel .owl-nav button.disabled{width: 40px;height:40px;} .widgets-tab-contact .owl-carousel .owl-nav button i{font-size: 20px;line-height: 20px;} } /*业务页*/ /*业务样式1*/ .widgets-tab-business .box img{width: 100%;} .widgets-tab-business .box .title{display: flex;} .widgets-tab-business .box .title .b-leftbox i{ background:#CF000D;display: block; width:50px; height:50px; padding:9px; border:25px;border-radius:25px; margin-right: 30px;} .widgets-tab-business .box .title .b-leftbox i img{display: block; width:32px; height:32px;max-width: none;} .widgets-tab-business .box .title .b-leftbox i::before{width:50px; height:50px;} .widgets-tab-business .box .title{color:#333; display: flex; justify-content: space-between;flex: 1; margin-bottom:25px;} .widgets-tab-business .box .title .b-leftbox{display: flex;flex: 1;font-size:30px;line-height: 50px;} .widgets-tab-business .box .title .b-rightbox{flex: 2;font-size:16px;line-height: 28px;} .widgets-tab-business .box .slider-top .swiper-slide { width: 100%;height: 100%; background-size: cover;background-position: center center;} .widgets-tab-business .box .slider-thumbs .swiper-slide {width: 23%;height: 100%;} .widgets-tab-business .box .slider-thumbs .swiper-slide-active {opacity: 1;} .widgets-tab-business .box .slider-thumbs .tabbtn{padding:30px 20px;} .widgets-tab-business .box .slider-thumbs .tabbtn span{color:#333;font-size:20px; margin-bottom:15px;display:block;} .widgets-tab-business .box .slider-thumbs .tabbtn p{color:#888;font-size:15px;margin:0;line-height:25px!important} .widgets-tab-business .box .slider-thumbs .tabbtn.swiper-slide-active{background-color:#fdf2f3;border-bottom:4px solid #CF000D;} @media (max-width: 1200px){ .widgets-tab-business .box .slider-thumbs .tabbtn p br{display:none;} .widgets-tab-business .box .slider-thumbs .tabbtn p {min-height:150px} } @media (max-width: 767.98px) { .widgets-tab-business .box .title{flex-flow: column;} } /*手机-端*/ .widgets-tab-business-mobile .box .title{display: flex;flex-flow: column;padding:0 15px} .widgets-tab-business-mobile .box .title .b-leftbox {margin-bottom:30px;} .widgets-tab-business-mobile .box .title .b-leftbox i{ background:#CF000D;display: block; width:50px; height:50px; padding:9px; border:25px;border-radius:25px; margin-right: 30px;} .widgets-tab-business-mobile .box .title .b-leftbox i img{display: block; width:32px; height:32px;} .widgets-tab-business-mobile .box .title{color:#333; display: flex; justify-content: space-between;flex: 1; margin-bottom:25px;} .widgets-tab-business-mobile .box .title .b-leftbox{display: flex;flex: 1;font-size:30px;line-height: 50px;} .widgets-tab-business-mobile .box .title .b-rightbox{flex: 2;font-size:16px;line-height: 28px;} .widgets-tab-business-mobile .oc-item {box-shadow: 0 1px 10px #e5e5e5;margin:15px} .widgets-tab-business-mobile .oc-item .img{position: relative;overflow:hidden;height: 250px;background-size: cover;background-position: center;} .widgets-tab-business-mobile .oc-item .img .txt{position: absolute;bottom: 0;left:0;background: rgba(0, 0, 0, 0.5); padding: 10px; width:100%;top:0;text-align:center; } .widgets-tab-business-mobile .oc-item .img .txt h2{font-size: 20px;line-height: 37px;color: #fff;font-weight:bold;margin:0} .widgets-tab-business-mobile .oc-item .img .txt p{margin: 0;color:#fff;font-size: 16px;line-height: 26px!important;} .widgets-tab-business-mobile .oc-item .info {padding:25px 20px;} .widgets-tab-business-mobile .oc-item .info p{margin: 0;color:#888;font-size: 16px;line-height: 26px!important;display:contents;} .widgets-tab-business-mobile .oc-item .info p br{display:none;} .widgets-tab-business-mobile .owl-carousel .owl-nav{display:none} .widgets-tab-business-mobile .owl-carousel .owl-dots .owl-dot{background-color:#CF000D !important;} @media (max-width: 767.98px) { .widgets-tab-business-mobile .box .title .b-leftbox{line-height:40px;margin-bottom:20px;font-size:24px;} .widgets-tab-business-mobile .box .title .b-leftbox i{width: 40px;height: 40px;margin-right:10px;} .widgets-tab-business-mobile .box .title .b-leftbox i img{width: 22px;height: 22px;} .widgets-tab-business-mobile .box .title .b-leftbox i::before{width:40px; height:40px;} .widgets-tab-business-mobile .box .title .b-rightbox{font-size:14px;line-height: 24px;} .widgets-tab-business-mobile .oc-item .img .txt h2{font-size: 22px;} .widgets-tab-business-mobile .oc-item .info {padding:20px;} .widgets-tab-business-mobile .oc-item .info p{font-size: 14px;line-height: 24px!important;} } /*业务样式2*/ .widgets-tab-business-2 .box .title-box span{display: block;width:150px; border-top:2px solid #CF000D;} .widgets-tab-business-2 .box .title-box .title b{font-size:32px;color: #CF000D;margin:0 40px;} .widgets-tab-business-2 .box .title-box .title{display: flex;justify-content: center;align-items: center;margin-bottom:20px;} .widgets-tab-business-2 .box .title-box .sub-title{text-align: center;margin-bottom: 35px;} .widgets-tab-business-2 .box .title-box .sub-title h2{font-size: 32px;margin:0;font-weight:bold;padding-bottom:5px;} .widgets-tab-business-2 .box .title-box .sub-title p{font-size: 18px;color:#888;} .widgets-tab-business-2 .swiper-box .slider-top{z-index: 100;padding: 0 10px;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide{display: flex;flex-direction: column;align-items: center;background:#fbfbfb;padding:30px 0;border:1px solid #e5e5e5; height:400px;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide span{display: block;border:1px solid #CF000D;border-radius:43px;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide i{display: block;padding:20px;width:85px;height:85px;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide b{margin:20px 0;font-size: 22px;color:#333;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide p{color:#888;font-size: 18px;line-height:40px !important;text-align: center;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide img.on{display:none} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide-active{border-bottom:4px solid #CF000D;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide-active i{ overflow: hidden;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide-active span {background: #CF000D;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide-active img{display:none;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide-active img.on{display:block;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide i.tabicon{color:#CF000D;padding:0;text-align: center;font-size:45px;line-height:85px} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide-active i.tabicon{color: #fff;} .widgets-tab-business-2 .swiper-box .slider-bottom {background:rgba(207,0,13,0.05);padding-top:200px;margin-top:-150px;z-index:99;color:#333;} .widgets-tab-business-2 .swiper-box .slider-bottom .tt{font-size:22px;font-weight: bold;margin-bottom: 20px;} .widgets-tab-business-2 .swiper-box .slider-bottom .swiper-slide p{line-height: 30px;} .widgets-tab-business-2 .swiper-box .slider-bottom .swiper-slide{padding:0 50px;} .widgets-tab-business-2 .swiper-box .slider-bottom .more{padding:20px 0;} .widgets-tab-business-2 .swiper-box .slider-bottom .more a{color:#888;} @media (max-width: 767.98px) { .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide{padding:15px 0;height:370px} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide b{font-size: 20px;} .widgets-tab-business-2 .swiper-box .slider-top .swiper-slide p{font-size: 16px;line-height:32px !important;text-align: center;} .widgets-tab-business-2 .swiper-box .slider-bottom .swiper-slide{padding:0 30px;} .widgets-tab-business-2 .swiper-box .slider-bottom .tt{font-size:20px;margin-bottom: 15px;} .widgets-tab-business-2 .swiper-box .slider-bottom .swiper-slide p{font-size: 14px;line-height:24px !important;} } /*end==========选择项*/ /* 业务样式手机端 */ @media (max-width: 767.98px) { .widgets-tab-business-2 .box .title-box .title b{font-size:24px;margin:0 20px;} .widgets-tab-business-2 .box .title-box .sub-title h2{font-size:22px;} .widgets-tab-business-2 .box .title-box .sub-title p{font-size:16px;} .widgets-tab-business-2 .box .title-box span{width: 90px;} } /*标签浮动*/ .widgets-tag3d .tag3d{position: relative;height:550px; max-width: 1120px;border: 5px dashed #888888;border-radius: 50px;background: #FFFFFF;overflow: hidden; margin: 0 auto} .widgets-tag3d .tag3d .tag3d-left,.widgets-tag3d .tag3d .tag3d-right{position: absolute;right: 0;left: 0;bottom: 0;top: 0;} .widgets-tag3d .tag3d a{text-align: center} .widgets-tag3d .tag3d h2{margin:0;font-weight: bold} .widgets-tag3d .tag3d p{margin:0} /*end==========标签浮动*/ /*折叠*/ .widgets-recruit .accordion{background:#fff;} .widgets-recruit .accordion .accordion-header:first-child{border-top:1px dotted #E5E5E5;} .widgets-recruit .accordion .accordion-header{background: #fff;margin: 0!important;border-color:#E5E5E5;padding:0;} .widgets-recruit .accordion .accordion-title ul,.widgets-recruit .query-box ul{display: flex;height: 50px; margin: 0;line-height: 50px; text-align: center;} .widgets-recruit .accordion .accordion-title ul li,.widgets-recruit .query-box ul li{float: left;flex: 1;font-size:16px;font-weight:normal;} .widgets-recruit .accordion .accordion-content{font-size: 16px;line-height: 30px;padding:30px 30px 80px} .widgets-recruit .accordion .accordion-content p, .widgets-recruit .accordion .accordion-content span, .widgets-recruit .accordion .accordion-content li{margin: 0;font-size: 16px;line-height: 30px;} .widgets-recruit .accordion .accordion-content ol{padding: 0 20px;margin: 0} .widgets-recruit .accordion .accordion-icon{padding: 0 20px;} .widgets-recruit .accordion .accordion-icon i{ line-height: 50px;} .widgets-recruit .accordion .accordion-header.accordion-active {background: rgba(207, 0, 13, 0.2);} .widgets-recruit .accordion .accordion-content a{border: 2px solid #CF000D; border-radius: 5px;padding: 5px 10px; color: #CF000D; position: absolute; right: 30px;bottom: 30px;} .widgets-recruit .accordion .accordion-content a i{margin-right:10px;} .widgets-recruit .query-box {background: #fff;margin: 0!important;} .widgets-recruit .query-box ul{width: calc(100% - 56px);} .widgets-recruit .query-box ul li{font-size: 18px;color: #888;} .widgets-recruit .query-box ul li:last-child{width: 56px} .widgets-recruit .query-box select{border: 0;border-bottom:1px solid #E5E5E5; padding: 8px 20px;font-size: 18px;color: #888;} .widgets-recruit .query-box select option{font-size: 15px} .widgets-recruit .pageBtn{display:flex;justify-content:center} .widgets-recruit .pageBtn .page-item.active .page-link{background-color:transparent !important;border-color:transparent !important;color:#888 !important;} .widgets-recruit .pageBtn .page-item .page-link{color:#888;background: transparent;} .widgets-recruit .pageBtn .page-item .page-link:hover{background-color:#CF000D !important;border-color:#CF000D !important} .widgets-recruit .pageBtn .pagination li{display:none} .widgets-recruit .pageBtn .pagination li:last-child, .widgets-recruit .pageBtn .pagination li:first-child, .widgets-recruit .pageBtn .pagination li:nth-last-child(2), .widgets-recruit .pageBtn .pagination li.active{display:block} @media (max-width: 767.98px) { .widgets-recruit .accordion ul li:nth-child(2){display: none} .widgets-recruit .query-box ul li:nth-child(2){display: none} .widgets-recruit .accordion .accordion-title ul,.widgets-recruit .query-box ul{height: 40px;line-height: 40px;} .widgets-recruit .accordion .accordion-icon{padding: 0 10px;} .widgets-recruit .accordion .accordion-icon i{ line-height: 40px;} .widgets-recruit .accordion .togaccordiongle-content{font-size: 14px;line-height: 25px;} .widgets-recruit .accordion .accordion-title ul li,.widgets-recruit .query-box ul li{float: left;flex: 1;font-size:14px;font-weight:normal;} .widgets-recruit .accordion .accordion-content p, .widgets-recruit .accordion .accordion-content span, .widgets-recruit .accordion .accordion-content li{margin: 0;font-size: 14px;line-height: 25px;} .widgets-recruit .query-box ul{width: calc(100% - 40px);} .widgets-recruit .query-box ul li{font-size: 14px;} .widgets-recruit .query-box select{padding: 4px 10px;font-size: 14px;} .widgets-recruit .query-box select option{font-size: 14px;padding:50px 0;} .widgets-recruit .accordion .accordion-content a{border-radius: 5px;padding: 5px;} .widgets-recruit .accordion .accordion-content a i{margin-right:5px;} .widgets-recruit .pageBtn li{font-size: 14px;} } /*end==========标签浮动*/ /*银河在线娱乐中心*/ .lists-article .news-slide{display:flex;justify-content:center} .lists-article .news-slide img{width:100%} .lists-article .news-slide .news-pic{width:50%} .lists-article .news-slide .news-pic .swiper-slide{position:relative;overflow:hidden} .lists-article .news-slide .news-pic .swiper-slide p{color:#fff;position:absolute;bottom:0;left:0;right:0;padding:20px;font-size:18px;background:rgba(207,0,13,0.5);margin:0;} .lists-article .news-slide .news-txt{width:49%} .lists-article .news-slide .news-txt .swiper-wrapper{display:flex;flex-direction:column;justify-content:space-between} .lists-article .news-slide .news-txt .swiper-wrapper .swiper-slide{height:32%;width:100% !important;display:flex;border-bottom:1px dashed #e1e1e1;padding-bottom:10px} .lists-article .news-info{width:80%;display:flex;justify-content:center;flex-direction:column;padding: 10px } .lists-article .news-info h4{margin-bottom:10px;font-weight:normal;font-size: 18px;line-height: 20px;height: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;} .lists-article .news-info p{margin-bottom:5px;font-size: 14px;line-height: 20px!important;height: 40px;color:#888;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;} .lists-article .news-info span{margin:0;font-size: 14px;line-height: 14px!important;height:20px;overflow: hidden;color:#888} .lists-article .news-day{width:20%;display:flex;flex-direction:column;align-items:center;background:#f9f9f9;color:#CF000D; font-size: 16px; justify-content:center;} .lists-article .news-day b{font-size:30px} .lists-article .news-txt .swiper-wrapper .swiper-slide-active .news-day{background:#CF000D !important;color:#fff !important} .lists-article .news-txt .swiper-wrapper .swiper-slide-active .news-info{background:#FEF7F8} .lists-article .news-box{display: flex;align-items: flex-start;margin-top:100px;} .lists-article .news-list{flex:3;width:70%;} .lists-article .news-list .ul1 li .news-info{padding: 5px 10px} .lists-article .news-list .ul1 li a{width:100% !important;display:flex;border-bottom:1px dashed #e1e1e1;padding:10px 0} .lists-article .news-list .ul1 li a .news-day{width:100px;height:100px;flex:none;color:#888} .lists-article .news-list .ul1 li a h4{margin-bottom: 4px} .lists-article .news-list .ul1 li a p{margin-bottom: 4px} .lists-article .news-list .ul1 li:hover .news-info{background:#e5e5e5;} .lists-article .news-search{background:#e5e5e5;border-radius:8px;padding:20px;flex:1;margin-left:30px} .lists-article .news-search .t1{font-size:18px;color:#000} .lists-article .news-search .t2{font-size:18px;color:#CF000D} .lists-article .news-search .t3{font-size:12px;color:#888;padding:10px 0} .lists-article .news-search .swiper-thumbs{margin:10px 0} .lists-article .news-search form{margin:25px 0 30px 0} .lists-article .news-search select,.news-search input{width:100%;border:none;border-radius:5px;height:40px;line-height:40px;color:#888;font-size:12px;margin-bottom:10px;padding:0 10px} .lists-article .social{width:100px} .lists-article .pageBtn{display:flex;justify-content:center} .lists-article .pageBtn .page-item.active .page-link{background-color:#CF000D !important;border-color:#CF000D !important} .lists-article .pageBtn .page-item .page-link{width:48px !important;height:48px !important;line-height:48px !important;color:#888;font-size:16px} .lists-article .pageBtn .page-item .page-link:hover{background-color:#CF000D !important;border-color:#CF000D !important} .lists-article .follow-box .ul .li{display: inline-block; vertical-align: top; width: 40px; height: 40px; position: relative; margin:0 10px 8px 0;z-index:98;} .lists-article .follow-box .ul .li .pic {transition: all .3s;} .lists-article .follow-box .ul .li .box{display: none; width: 100px; height: 100px; padding: 12px 10px 0; background-color: #fff; border-radius: 5px; position: absolute;top: 50px; left: 0; -webkit-animation: fadeIn 1s forwards;animation: fadeIn 1s forwards;z-index: 99;} .lists-article .follow-box .ul .li .box:before { content: ""; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 100%; left: 10px;} .lists-article .follow-box .ul .li:hover .pic{transform: translateY(-5px);} .lists-article .follow-box .ul .li:hover{height:160px;margin-top:10px;} .lists-article .follow-box .ul .li:hover .box{display:block!important;} .lists-article .follow-box .ul .lis:last-child .box{left:-60px;} .lists-article .follow-box .ul .lis:last-child .box:before{left:70px;} .lists-article .follow-box .ul2 .pic {transition: all .3s; width: 40px; height: 40px; } .lists-article .follow-box .ul2 .box{width: 120px; height: 120px; padding: 12px 10px 0; background-color: #fff; border-radius: 5px; position: relative;top: 10px; left: 0; -webkit-animation: fadeIn 1s forwards;animation: fadeIn 1s forwards;z-index: 99;margin-bottom: 20px;} .lists-article .follow-box .ul2 .box:before { content: ""; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 100%; left: 10px;} @media (max-width: 1200px) { .lists-article .follow-box .ul2 .box{width: 100px; height: 100px;padding: 6px 5px 0;} } @media (max-width: 767.98px) { .lists-article .news-search{display: none;} .lists-article .news-slide .news-pic{width:100%} .lists-article .news-slide .news-txt{display: none;} .lists-article .news-info{width:74%;} } /*历程部件*/ .widgets-course .history .swiper{overflow: visible;} .widgets-course .history .swiper-slide{ position:relative;border-bottom: 4px solid #CF000D;} .widgets-course .history .swiper-slide{position:relative;color:#333;} .widgets-course .history .h-info {position: absolute; left: -20%;margin: 0;padding-left: 80px;padding-top: 80px;width: 120%;} .widgets-course .history .h-info ul{margin:0;} .widgets-course .history .h-info ul li{list-style: disc outside;border-top:1px dashed #e5e5e5; padding:5px 0;font-size: 15px;width: 200px;} .widgets-course .history .h-info ul li.linone{display:none;} .widgets-course .history .h-info ul li:first-child{border:0} .widgets-course .history .h-info ul li:first-child{border: 0;} .widgets-course .history .swiper-slide:first-child .h-info{left:15px;} .widgets-course .history .swiper-slide:nth-child(6n) .h-info{left:-20%;} .widgets-course .history .swiper-slide:nth-child(2n) .h-info{height: 280px; bottom: 0px;padding-top:0;} .widgets-course .history .h-box{padding-top:280px;overflow: hidden;height: 600px;} .widgets-course .history .h-info .year{font-size: 22px;font-weight: bold;} .widgets-course .history .h-info i{position: absolute; left: 0; display: block; height:30px; width: 30px; background-color: #CF000D; border-radius: 15px; z-index:50;} .widgets-course .history .swiper-slide .h-info i.i-img{ width: 60px; height: 60px; left: -15px; border-radius: 30px;padding: 5px;} .widgets-course .history .swiper-slide:nth-child(odd) .h-info i{ top: -15px;} .widgets-course .history .h-box .swiper-slide:nth-child(even) .h-info i{ bottom:-15px;} .widgets-course .history .swiper-slide:nth-child(odd) .h-info i.i-img{ top: -30px;} .widgets-course .history .h-box .swiper-slide:nth-child(even) .h-info i.i-img{ bottom:-30px;} .widgets-course .history .h-info b{ display: block; border-left: 4px solid #CF000D; height:150px; position: absolute; left:13px; width: 30px;z-index:40;} .widgets-course .history .swiper-slide:nth-child(odd) .h-info b{border-bottom: 4px solid #CF000D;top:0;} .widgets-course .history .h-box .swiper-slide:nth-child(even) .h-info b{ border-top: 4px solid #CF000D; bottom:0;} .widgets-course .history .h-info span{ position: absolute; right: -5px;display: block; height:10px;width: 10px; background-color: #CF000D; border-radius: 5px;} .widgets-course .history .swiper-slide:nth-child(odd) .h-info span{ bottom:-7px;} .widgets-course .history .h-box .swiper-slide:nth-child(even) .h-info span{top:-7px;} /*更多按钮弹框*/ .widgets-course .history .h-info.mfp-hide{display:block!important;} .mfp-content .h-info{ background-color: #FFF;max-width: 500px;margin: 0 auto;padding: 30px;} .mfp-content .h-info .year{font-size: 22px;font-weight: bold;} .mfp-content .h-info ul li{list-style: disc outside;border-top:1px dashed #e5e5e5;font-size: 15px;padding:5px 0;} .mfp-content .h-info ul li:first-child{border:0} .mfp-content .h-info ul li:first-child{border: 0;} .mfp-content .h-info ul li.li-more{display:none} .widgets-course .swiper-button{ position: absolute; top: 50%; width: 100%; margin-top: -19px;right: 0;} .widgets-course .swiper-button-prev{left:-10px} .widgets-course .swiper-button-next{right:-10px} .widgets-course .swiper-button-next:after, .widgets-course .swiper-button-prev:after{color: rgba(207, 0, 13, 0.3);font-size: 80px} .widgets-course .swiper-button-next.swiper-button-disabled:after, .widgets-course .swiper-button-prev.swiper-button-disabled:after{color:#F5F5F5;} @media (max-width: 767.98px) { .widgets-course .history .h-info{left: -100%;width: 200%;} .widgets-course .history .swiper-slide:first-child .h-info{left:0px;} .widgets-course .history .swiper-slide:nth-child(6n) .h-info{left:-100%;} .lists-article .news-box{margin-top:20px;} } /* 图片放大效果 */ .widgets-carousel-scene-center .owl-carousel .box, .widgets-tab-scene .owl-carousel .box, .anmt-box{overflow:hidden;height:100%} .lists-article .news-slide img, .widgets-carousel-scene-center .owl-carousel .box img, .widgets-tab-scene .owl-carousel .box img, .anmt-box img{transition: all 0.5s; } .lists-article .news-slide:hover img, .widgets-carousel-scene-center .owl-carousel .box:hover img, .widgets-tab-scene .owl-carousel .box:hover img, .anmt-box:hover img{transform: scale(1.15); } .widgets-grids-imgtext-noborder-nooverlay .anmt-box{border-top-left-radius:20px;border-top-right-radius: 20px;}