a{ text-decoration: none; } .owl-lp .owl-dots { position: absolute; width: 100%; bottom: 0px; } .owl-lp .owl-dots .owl-dot span { border: 2px solid #fff; background: none; } .text-align { text-align: center; display: block; } .text-align p { display: block; margin: 0 0 5px 0; padding: 0; color: black; font-size: 1em; } .text-align span { color: red; font-size: 1.3em; font-weight: 800; } .text-align p:nth-child(2) { color: rgb(136, 125, 125); font-size: 0.8em; } .image-bg { position: relative; /* padding: 80px 0;*/ margin-top: 20px; overflow: visible; } .background_img_red{ position:absolute; width: 100%; top: 0; left: 0; height: 5px; background: #f00; z-index: 9; } .background_img_red>p:first-child{ position: absolute; width: 40px; height: 40px; top: 0; left: 50%; padding: 0; margin:0; margin-top: -20px; margin-left: -20px; z-index: 88; background: #f00; border-radius: 50%; } .background_img_red>p:last-child{ position: absolute; width: 40px; height: 40px; top: 0; left: 50%; padding: 0; margin:0; margin-top: -20px; margin-left: -20px; z-index: 99; background: url('/special/btob/img/xia.png'); background-repeat: no-repeat; background-size: 50%; background-position: 50%; } .image-bg .but a { width: 100%; height: 100%; text-align: center; } .container.lianxi .lx { background: url("lp/img/from/lx.png") center no-repeat; text-align: center; height: 180px; text-indent: 21px; } .container.lianxi .lx h5 { color: #000; font-size: 20px; padding-top: 55px; margin-bottom: 5px; } .container.lianxi .lx p { color: #000; opacity: 0.6; margin: 0; padding: 0; } .container.lianxi .lx h3 { color: #da1b36; padding-top: 0; margin: 0; font-size: 52px; font-weight: 400; font-style: italic; } .container.lianxi .but>div { margin: 0 auto; text-align: center; margin-top: 20px; } .container.lianxi .but>h6 { font-size: 18px; color: #c92025; text-align: center; margin: 25px 0; font-weight: 600; font-style: italic; } .background{ background: #f00; } .owl-pre2:before { content: "\e649"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: #111111; } .owl-pre1:before { content: "\e649"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: #111111; } .main h3 { font-size: 26px; margin-bottom: 0px; color: #000; font-weight: 400; } .main p, .title1 h5 { font-size: 22px; color: #000; font-weight: 400; } .text-indent { text-indent: 2em; } .biankuang span { background: #aaaaaa; display: block; width: 110%; height: 40px; text-align: center; line-height: 40px; color: #fff; } .biankuang { margin-bottom: 2px; cursor: pointer; } .manbut { height: 445px; } .manbut .manbut1 { margin-top: 47px; } .buts { margin-top: 50px; } .bk1 span { background: #dd000c; } .bottom-click .row >div{ margin-bottom: 30px; } .nav_zidingyi{ position: absolute;; top: 0; left: 0; width: 100%; height: 0; } .nav_zidingyi>span{ position: absolute; top: 20em; width: 38px; height: 96px; z-index: 9 } .nav_zidingyi>span:first-child{ left: 0%; background: url('/special/btob/img/left.png'); background-repeat: no-repeat; background-size: 100%; background-position: 0; } .nav_zidingyi>span:last-child{ right: 0%; background: url('/special/btob/img/left.png'); background-repeat: no-repeat; background-size: 100%; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); background-position: 0; } .nav1num{ display: none; } .watch_more_new{ width: 100%; text-align: center; cursor: pointer; margin-bottom: 20px; } .shouqis_new{ width: 100%; text-align: center; cursor: pointer; margin-bottom: 20px; } .top_text{ text-align: center; } .top_text p{ font-size: 24px; padding: 0; margin:0; color: #000; } .top_text p:first-child{ padding-top: 30px; } .vedioslidemain{ display: flex; position: relative; height: 100%; justify-content: center; } .swiper { /* width: 100%; */ height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; */ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide p { width: 100%; height: 100%; text-align: left; margin: 0; padding: 0; color: white; word-wrap: break-word; line-height: 24px; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* body { background: #000; color: #000; } */ .swiper { width: 30%; height: 550px; margin-left: 0; margin-right: 0; } .swiper-slide { background-size: cover; background-position: center; } .mySwiper2 { height: 80%; width: 80%; } .mySwiper { /* height: 20%; */ box-sizing: border-box; /* padding: 10px 0; */ } .mySwiper .swiper-slide { /* width: 25%; */ height: 100%; opacity: 0.4; /* margin-bottom: 30px; */ } /* .mySwiper .swiper-slide-active { opacity: 1; border: 5px solid red; } */ /* .mySwiper .swiper-slide-active img { border: 3px solid red; } */ .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } #videos .enla { width: 100%; margin: auto; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(10px,0,0); } #videos .video-left { /* height: 313px; */ height: 100%; } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: -30px; } .swiper-free-mode>.swiper-wrapper { margin: 2%; } :root { --swiper-theme-color: gray; } .vediotitle{ height: 50px; width: 100%; background-color: gray; display: none; font-size: 12px; margin-bottom: 10px; } .vedio-txt a:hover{ text-decoration: none; } .tags{ display: none; } .vediotag{ height: 44px; width: 20%; background-color: #dd000c; color: white; padding: 0 2px; line-height: 44px; } .vediotag>p{ text-align: center; font-size: 15px; } .vedioname{ height: 44px; width: 80%; background-color: gray; color: white; text-align: left; line-height: 44px; } .vedioname>p{ margin: 0 3px; font-size: 9px; } .video-img{ width: 100%; } .video-img2 { border: 0px; width: 100%; } /* #program{ padding-top: 60px; background: rgb(242, 242, 242); } */ section, footer{ padding-bottom: 0px!important; } #nav-layer.on { opacity: 0; } #nav-layer.on:hover{ opacity: 1; } #videos { padding: 0 60px; padding-top: 5px; } .vedio-content{ margin-top:0; } .enla-right-set{ float: right; } .flex-set{ display: flex; } .vedioname .titles{ margin-left: 2%; } .slide-set{ opacity: 1; } .swiper-pagination{ width: 20px; } .program{ padding: 20px; } #case_container{ margin-top: 40px; margin-bottom: 12px; } .display-none-set{ display: none; } .nav_zidingyi-row{ position: relative; } .item-content-set{ margin: 0 5%; } .item-content-set-p,.col-sm-11-set,.col-sm-12-set{ padding: 0; } .mg-pd-0set{ margin: 0; padding: 0; } .owl-carousel .owl-item .item-content-set-img, .owl-carousel .owl-item .col-sm-1-set{ width: 30px; height: 26px; padding: 0; margin: 10px 0 0; } .owl-carousel .owl-item .item-content-set-img2{ width: 50px; height: 50px; padding: 0; margin: 10px 0 0; } .col-sm-10-bg{ color: #b71421; font-weight: 900; } .col-sm-10-p{ padding: 1em; margin:0; } .buts .row{ margin-top: 50px; } .col-md-6-img{ margin-top: 23px; } .col-sm-10-p2{ padding: 0; margin: 5px } #case,#Businesssolutionsandservices,#eventss{ padding: 20px; } .video-com-set{ margin-bottom: 40px; } .text-title-set, .video-com .video-text .text-title-set{ font-family:寰蒋闆呴粦; margin:30px auto 30px; } .video-com .video-text p.p-set{ margin: -20px 30px; } .Reset-set{ outline: none; font-weight: 800 ; font-size :11px; color:#777; } #yourcity{ outline: none; font-weight: 800 ; font-size :11px; color:#777; } .flexdd{ display: flex; } .btob_title{ margin-bottom: 30px; } .btob_title span{ position: relative; } .btob_title span::after{ content: ''; position: absolute; right: -29px; top: 50%; width: 20px; height: 20px; background-image: url(/special/btob/shared/img/jt.svg); background-size: contain; background-position: center; background-repeat: no-repeat; margin-top: -10px; } .cases-btn-231024-box{ width: 100%; overflow: hidden; overflow-x: auto; } .cases-btn-231024{ width: 100%; overflow-x: auto; display: flex; border-bottom: 1px solid #e5e5e5;; } .cases-btn-231024>a{ display: block; margin: 0 15px 10px 15px; color: #767676; position: relative; font-size: 16px; line-height: 19px; } .cases-btn-231024>a:hover{ color: #000; text-decoration: none; } .cases-btn-231024>a:focus{ text-decoration: none; } .cases-btn-231024>a.active{ color: #000; font-size: 19px; } .cases-btn-231024>a.active::after{ content: ""; width: 100%; height: 3px; background-color: #cf0b1f; position: absolute; bottom: -10px; left: 0; } .btob_flex{ display: flex; flex-wrap: wrap; } .btob_flex>a{ width: 25%; border: 8px solid rgba(0, 0, 0, 0); } .btob_flex>a:nth-child(4n){ margin-right: 0; } .case-deail{ margin-top: 2.666%; } .case-deail>div{ display: none; } .case-deail>div.active{ display: block; } .watch_more_new231024{ width: 100%; text-align: center; cursor: pointer; margin-bottom: 20px; } .hide_set{ display: none; } .background-image>img{ display: block; width: 100%; height: 100%; object-fit: cover; } .item-content-set-p{ margin-top: 50px; } .item-content-set-p2{ margin-top: 33px; } @media (max-width: 1200px){ .cases-btn-231024{ width: 1111px; margin-bottom: 5px; } } @media (min-width: 992px){ .col-md-6 { width: 100%; } } .bg0{z-index: 99998;} .bb0{z-index: 99999;} #bb0{z-index: 99999;} /* 淇敼婊氬姩鏉$殑鏍峰紡 */ .cases-btn-231024-box::-webkit-scrollbar { height: 6px; /* 璁剧疆婊氬姩鏉$殑楂樺害 */ } /* 璁剧疆婊氬姩鏉$殑杞ㄩ亾鑳屾櫙棰滆壊 */ .cases-btn-231024-box::-webkit-scrollbar-track { background: none; } /* 璁剧疆婊氬姩鏉$殑婊戝潡棰滆壊 */ .cases-btn-231024-box::-webkit-scrollbar-thumb { background-color: #767676; border-radius:5px ; } /* 璁剧疆婊氬姩鏉$殑婊戝潡鎮仠鏃剁殑棰滆壊 */ .cases-btn-231024-box::-webkit-scrollbar-thumb:hover { background-color: #767676; }