@charset "utf-8"; /* 这个css是初始化的css,在任何项目里面都可以使用 */ /* 禁用iPhone中Safari的字号自动调整 */ .location { padding: 16px 0; } //全屏按钮 video::-webkit-media-controls-fullscreen-button { display: none; } //播放按钮 video::-webkit-media-controls-play-button { display: none; } //进度条 video::-webkit-media-controls-timeline { display: none; } //观看的当前时间 video::-webkit-media-controls-current-time-display { display: none; } //剩余时间 video::-webkit-media-controls-time-remaining-display { display: none; } //音量按钮 video::-webkit-media-controls-mute-button { display: none; } video::-webkit-media-controls-toggle-closed-captions-button { display: none; } //音量的控制条 video::-webkit-media-controls-volume-slider { display: none; } //所有控件 video::-webkit-media-controls-enclosure { display: none; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling: touch; font-size: 20px; } .lunbo .swiper-slide .overhs { background: url(../images/union.jpg) no-repeat; background-size: contain 100%; } /* 禁止缩放表单 */ input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; } button { /* border: none; */ } .map img { max-width: inherit; } /* 取消链接高亮 */ a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 设置HTML5元素为块 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* 图片自适应 */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/ } /* 初始化 */ body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } body { font-family: "Source Han Sans CN", 'pingfang SC', 'Microsoft YaHei', helvetica, arial, verdana, tahoma, sans-serif !important; color: #555; overflow-x: hidden; /* padding-top: 4.5rem; */ } .index-body { padding-top: 0rem; } button:focus { outline: none; } em, i { font-style: normal; } ul, li { list-style-type: none; } .w100 { width: 100%; } .pr { position: relative; } .pa { position: absolute; } a:hover, a:link, a:visited { text-decoration: none; } .clearfix { zoom: 1; } input:focus, textarea:focus { outline: none; } .overh { overflow: hidden; } .fl { float: left; } .fr { float: right; } .ta { text-align: center; } @media(min-width: 767px) { .call-ta { display: none; } } .tr { text-align: right; } .tl { text-align: left; } .displaynone { display: none; } .swiper-button-prev:focus, .swiper-button-next:focus { outline: none; } .wen_hied { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .f14px { font-size: 14px; } .f16px { font-size: 16px; } .book { border: 1px solid #000; } .db { display: block; } .dnb { display: inline-block; } .flight { font-weight: lighter; } .fbold { font-weight: bold; } .imghover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .sca1 { transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); } .sca0 { transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* Firefox */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); } .tran { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .zhong { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ justify-content: center; align-items: center; } .z { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); } .l0 { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .cen { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); } .f48 { font-size: 48px; } .wen_hied { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .p15 { padding: 15px; } .w50 { width: 50%; } .blod { font-weight: bold; } .wen_hied2 { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .w55 { width: 55%; } .ee-div { position: absolute; background: #ffffff; line-height: 2.25; box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); padding: 1.25rem; } .ee-div .ee-ul li a { color: #15c0f2; font-size: 0.8rem; } .ee-div .ee-ul li a:hover { color: #15c0f2; } .ee-div .yi-div>p, .ee-div .yi-div2>p { color: #343844; font-size: 0.9rem; } .ee-div .yi-div2>p a, .ee-div .yi-div>p a { color: #343844; } .ee-div .yi-div2>p a:hover,.ee-div .yi-div>p a:hover { color: #15c0f2; } .daohang { position: fixed; top: 0; left: 0; padding: 0 1.5rem 0 2.5rem; right: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ line-height: 4.5rem; z-index: 99; } .daohang .img2 { display: none; } .daohang .dang-ul { margin-left: 17%; } .daohang .dang-ul>li { float: left; position: relative; } .daohang .dang-ul>li .ee-div { display: none; } .daohang .dang-ul>li.gylt .ee-div, .daohang .dang-ul>li.ltzx .ee-div { width: 10.5rem; } .daohang .dang-ul>li.jjfa .ee-div { width: 11rem; } .daohang .dang-ul>li.jjfa .yi-div { width: 100%; } .daohang .dang-ul>li.jjfa .yi-div .ee-ul { /* border-right: 1px solid #eee; */ display: flex; flex-wrap: wrap; } .daohang .dang-ul>li.jjfa .yi-div .ee-ul li { width: 50%; } .daohang .dang-ul>li.ltcp .ee-div { width: 58rem; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); } .daohang .dang-ul>li.ltcp .more { margin-top: 10px; } .daohang .dang-ul>li.ltcp .yi-div { width: 14%; float: left; } .daohang .dang-ul>li.ltcp .yi-div2 { width: 14%; float: left; } .daohang .dang-ul>li.ltcp .yi-div3 { margin-left: 2%; position: relative; } .daohang .dang-ul>li.ltcp .yi-div3::after { position: absolute; content: ''; left: -20px; height: 80%; width: 1px; background: #eee; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .daohang .dang-ul>li.ltzx .ee-div { width: 9rem; } .daohang .dang-ul>li>a { color: #ffffff; padding: 0 3rem; font-size: 0.9rem; } .daohang .dang-ul>li:hover>a, .daohang .dang-ul>li.active>a { color: rgba(253, 250, 250, 0.52); } .daohang .dang-ul>li:hover .ee-div { display: block; } .daohang .fr { color: #ffffff; font-size: 0.8rem; } .daohang .fr i { display: inline-block; margin: 0 0.2rem; } .daohang .fr i.icon-yuyan { margin: 0 .2rem 0 0.2rem; } .daohang .fr a { display: inline-block; color: #ffffff; } .daohang .fr a:hover, .daohang .fr a.active { color: #15c0f2; } .daohang.active ,.daohang.active_a{ /* border-bottom: 0.05rem solid #d9ddde; */ background: rgba(0,0,0,.5); line-height: 4rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .daohang.active .img2 { display: inline-block; } .daohang.active .img1 { display: none; } /* .daohang.active .dang-ul > li > a { color: #2f2e2e; } */ .daohang.active .dang-ul>li:hover>a, .daohang.active .dang-ul>li.active>a { color: #15c0f2; } .daohang.active .dang-ul>li:hover .ee-div { display: block; } /* .daohang.active .fr { color: #2f2e2e; } .daohang.active .fr a { color: #2f2e2e; } */ /* .daohang.active .fr a:hover, .daohang.active .fr a.active { color: #15c0f2; } */ .nav-h { border-bottom: 1px solid #fff; } @media (max-width: 1200px) { } .lunbo .swiper-slide { height: 785px; overflow: hidden; } .lunbo .xia { right: 10%; z-index: 3; bottom: 2rem; } .index-jie { margin-top: -8.8rem; height: 48.5rem; overflow: hidden; } .index-jie .jie-bg { z-index: 2; transform: skewY(-5deg); -ms-transform: skewY(-5deg); -moz-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); -o-transform: skewY(-5deg); width: 100%; height: 100%; transform-origin: right; background: #576071; -ms-transform-origin: right; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; } .index-jie .jie-lunbo, .index-jie .jie-lunboq { position: relative; z-index: 3; padding-top: 12rem; } .jie-lunbo .swiper-slide, .jie-lunboq .swiper-slide { padding-left: 3.5rem; margin-bottom: 1.25rem; } .jie-lunbo .swiper-slide .icon-pa, .jie-lunboq .swiper-slide .icon-pa { left: 0; top: -0.5rem; } .jie-lunbo .swiper-slide .icon-pa i, .jie-lunboq .swiper-slide .icon-pa i { color: #ffffff; font-size: 2.5rem; font-weight: lighter; } .jie-lunbo .swiper-slide .div1, .jie-lunboq .swiper-slide .div1 { color: #ffffff; font-size: 1rem; line-height: 1.5rem; height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .jie-lunbo .swiper-slide .div1 a, .jie-lunboq .swiper-slide .div1 a { color: #ffffff; } .jie-lunbo .swiper-slide .div1 a:hover, .jie-lunboq .swiper-slide .div1 a:hover { color: #f6ae00; } .jie-lunbo .swiper-slide .div2, .jie-lunboq .swiper-slide .div2 { color: #ffffff; font-size: 0.8rem; line-height: 1.5rem; margin-top: 0.25rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .jie-lunbo .swiper-slide .lius-a, .jie-lunboq .swiper-slide .lius-a { color: #ffffff; display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; } .jie-lunbo .swiper-slide .lius-a:hover, .jie-lunboq .swiper-slide .lius-a:hover { color: #f6ae00; } .more { margin-top: 4rem; position: relative; z-index: 3; } .more a { color: #fff; font-size: 1rem; padding: 0 3rem; display: inline-block; line-height: 2.75rem; background: #f6ae00; font-weight: bold; border-radius: 0.25rem; } .more a:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-chuang { background: url(../images/2.jpg) no-repeat; background-size: cover; padding: 6rem 0 4rem 0; } .index-chuang .chuang-con { margin-top: 5.75rem; } .index-chuang .chuang-con>.fl { width: 35.5%; } .index-chuang .chuang-con>.fr { width: 64.5%; padding: 0 4.5rem 0 3rem; } .index-chuang .chuang-con>.fr .chuang-titel { color: #15c0f2; font-weight: bold; font-size: 1.2rem; } .index-chuang .chuang-con>.fr .con-3d { margin-top: 0.5rem; color: #858484; font-size: 0.8rem; line-height: 1.5rem; } .index-chuang .chuang-con>.fr strong { color: #292e3b; } .index-chuang .chuang-con>.fr .ys { color: #15c0f2; } .index-chuang .chuang-con .more { margin-top: 1.75rem; } .index-chuang .chuang-con .more a { background: #15c0f2; } .index-chuang .chuang-con .more a:hover { background: #f6ae00; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-chuang .tups { background-color: #15c0f2; position: absolute; width: 15.5rem; height: 30.1rem; z-index: 2; top: 0%; right: 0; } .index-chuang .tups .tup-img { left: -66%; top: 4rem; } .index-chuang .tups .tup-img img { max-width: inherit; } .head .title { font-size: 1.8rem; color: #292e3b; margin-bottom: 1.5rem; font-weight: bold; position: relative; } .head .title:after { content: ''; width: 5.95rem; height: 0.05rem; background-color: #15c0f2; position: absolute; left: 0; bottom: -0.5rem; } .head .hd-yaos { color: #292e3b; font-size: 1rem; line-height: 2rem; } .index-3d-pei { padding: 11rem 0; background: url(../images/5.jpg) no-repeat; background-size: cover; } .index-3d-pei .fl { width: 54%; background: #fff; padding: 2.5rem 3rem; } .index-3d-pei .fl .p1 { color: #2a2a2a; font-size: 1.4rem; font-weight: bold; } .index-3d-pei .fl .data { font-size: 0.9rem; font-weight: bold; color: #658cca; margin: 1rem 0; } .index-3d-pei .fl .daoyaos { color: #858484; font-size: 0.8rem; line-height: 1.5rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .index-3d-pei .fl .more { margin-top: 1rem; } .index-3d-pei .fl .more a { background: #658cca; } .index-3d-pei .fl .more a:hover { background: #6397be; } .index-pro .head-ul { margin: 1.75rem 0; } .index-pro .head-ul li { float: left; color: #292e3b; font-size: 1.2rem; margin-right: 2.75rem; cursor: pointer; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ position: relative; } .index-pro .head-ul li:hover, .index-pro .head-ul li.active { color: #15c0f2; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ font-weight: bold; } .index-pro .head-ul li:nth-child(4):after, .index-pro .head-ul li:nth-child(5):after, .index-pro .head-ul li:nth-child(6):after { content: ''; width: 27px; height: 24px; right: -27px; position: absolute; background: url(../images/3.gif) no-repeat; } .index-pro .index-pro-con .pp1, .hot-sale-product-lunbo .swiper-slide .pp1 { color: #1bbae9; font-size: 1.8rem; font-weight: bold; } .index-pro .index-pro-con .yaos1 { color: #2f3131; font-size: 0.8rem; line-height: 1.5rem; margin-top: 0.75rem; } .index-pro .index-pro-con>div { padding: 4.95rem 0 7.5rem 0; display: none; } .index-pro .index-pro-con .div1-fr { background: #ffffff; width: 55%; padding: 3rem 2rem 3rem 2.5rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } .hot-sale-product-lunbo .swiper-slide .div1-fr { background: #ffffff; width: 50%; padding: 2.5rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); } .index-pro .index-pro-con .div1-fr .more, .hot-sale-product-lunbo .swiper-slide .div1-fr .more { margin-top: 0.75rem; } .index-pro .index-pro-con .div1-fr .more a, .hot-sale-product-lunbo .swiper-slide .div1-fr .more a { background: #109fda; } .index-pro .index-pro-con .div1-fr .more a:hover, .hot-sale-product-lunbo .swiper-slide .div1-fr .more a:hover { background: #f6ae00; } .index-pro .index-pro-con .div1 { background: #f5f7f9; } .index-pro .index-pro-con .div1 .div1-fl { width: 40%; } .index-pro .index-pro-con .div1 a { background: #6397be; } .index-pro .index-pro-con .div1 a:hover { background: #f6ae00; } .index-pro .index-pro-con .div2 { background: url(../images/6.jpg) no-repeat; background-size: cover; } .index-pro .index-pro-con .div2 .pp1 { color: #2a2a2a; } .index-pro .index-pro-con .div3 { background: url(../images/7.jpg) no-repeat; background-size: cover; } .index-pro .index-pro-con .div3 .pp1 { color: #000000; } .index-pro .index-pro-con .div3 .pp2 { color: #109fda; font-weight: lighter; font-size: 1.5rem; margin: 0.25rem 0; } .index-pro .index-pro-con .div3 .yaos2 { color: #000000; font-size: 0.9rem; font-weight: lighter; line-height: 1.75rem; } .index-pro .index-pro-con .div3 .yaos2 .yao-img { margin-top: 0.5rem; } .index-pro .index-pro-con .div4 { background: url(../images/8.jpg) no-repeat; background-size: 100% 100%; padding: 5rem 0 4rem 0; } .index-pro .index-pro-con .div4 .pp1, .hot-sale-product-lunbo .swiper-slide .div4 .pp1 { color: #000000; } .index-pro .index-pro-con .div4 .pp3, .hot-sale-product-lunbo .swiper-slide .div4 .pp3 { color: #109fda; font-weight: lighter; font-size: 1.25rem; margin: 0.75rem 0 0.25rem 0; } .index-pro .index-pro-con .div4 .pp4, .hot-sale-product-lunbo .swiper-slide .pp4 { color: #7a7a7a; font-weight: lighter; font-size: 1.15rem; line-height: 1.75rem; } .index-pro .index-pro-con .div4 .yaos2, .hot-sale-product-lunbo .swiper-slide .yaos2 { color: #000000; font-size: 0.9rem; font-weight: lighter; line-height: 1.75rem; margin-top: 0.5rem; } .index-pro .index-pro-con .div5 { background: url(../images/9.jpg) no-repeat; background-size: 100% 100%; padding: 5rem 0 6.5rem 0; } .index-pro .index-pro-con .div5 .pp1, .hot-sale-product-lunbo .swiper-slide .div5 .pp1 { color: #000000; } .index-pro .index-pro-con .div5 .pp5, .hot-sale-product-lunbo .swiper-slide .div5 .pp5 { color: #000000; font-weight: lighter; font-size: 0.9rem; line-height: 1.5rem; } .index-pro .index-pro-con .div5 .yaos2, .hot-sale-product-lunbo .swiper-slide .div5 .yaos2 { margin-top: 1rem; color: #000000; font-size: 0.9rem; font-weight: lighter; line-height: 1.75rem; margin-top: 0.5rem; } .containers { width: 65rem; margin: 0 auto; } .index-ji .jishu .jishu-div-con { width: 100%; top: 0; left: 0; right: 0; z-index: 3; border-bottom: 0.05rem solid #a8aeaf; } .index-ji .jishu .jishu-div-con .jishu-ul li { float: left; width: 25%; cursor: pointer; line-height: 4.75rem; color: #ffffff; font-size: 1.2rem; border-right: 0.05rem solid #979fa1; text-align: center; position: relative; } .index-ji .jishu .jishu-div-con .jishu-ul li:first-child { border-left: 0.05rem solid #979fa1; } .index-ji .jishu .jishu-div-con .jishu-ul li:after { content: ''; position: absolute; border-radius: 50%; background-color: #ffffff; width: 0.8rem; height: 0.8rem; bottom: -0.4rem; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); } .index-ji .jishu .jishu-div-con .jishu-ul li:before { content: ''; position: absolute; opacity: 0; width: 0.65rem; height: 0.65rem; background: #15c0f2; border-radius: 100%; bottom: -6 0.25rem; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); z-index: 3; } .index-ji .jishu .jishu-div-con .jishu-ul li:hover, .index-ji .jishu .jishu-div-con .jishu-ul li.active { background: #15c0f2; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-ji .jishu .jishu-div-con .jishu-ul li:hover:before, .index-ji .jishu .jishu-div-con .jishu-ul li.active:before { opacity: 1; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-ji .js-shu { height: 38rem; } .index-ji .js-shu .zis1 { width: 100%; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; font-size: 1.8rem; font-weight: bold; } .index-ji .js-shu .zis1 .row { text-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.5); } .js-con>div { display: none; } .index-you { background: url(../images/7.png) no-repeat; background-size: cover; padding: 13.35rem 0 4rem 0; position: relative; margin-top: -8.95rem; } .index-you .head .title, .index-you .head .hd-yaos { color: #ffffff; } .index-you .head .title:after { background-color: #8daad9; } .index-you .head .hd-yaos { font-size: 1rem; } .index-you .more { margin-top: 1rem; } .index-you .more a { background: #ffffff; color: #1e1f1f; } .index-you .more a:hover { background: #f6ae00; color: #ffffff; } .index-new { background: url(../images/12.jpg) no-repeat; background-size: 100% 100%; padding: 1.8rem 0 7rem 0; } .index-new .head .title { color: #ffffff; } .index-new .index-new-ul li { display: inline-block; font-size: 1.2rem; color: #fff; margin-right: 2rem; cursor: pointer; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-new .index-new-ul li:hover, .index-new .index-new-ul li.active { font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-new .lunbo-new { margin-top: 1.8rem; } .index-new .lunbo-new .swiper-slide { background: #fff; } .index-new .lunbo-new .swiper-slide .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .index-new .lunbo-new .swiper-slide .new-div { padding: 1.5rem 1.25rem 1rem 1.25rem; } .index-new .lunbo-new .swiper-slide .new-div .data { color: #4b5060; font-size: 0.8rem; } .index-new .lunbo-new .swiper-slide .new-div .new-tilte { color: #4b5060; font-size: 1rem; line-height: 1.5rem; margin: 0.25rem 0; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; height: 1.5rem; } .index-new .lunbo-new .swiper-slide .new-div .new-tilte a { color: #4b5060; } .index-new .lunbo-new .swiper-slide .new-div .new-tilte a:hover { color: #15c0f2; } .index-new .lunbo-new .swiper-slide .new-div .new-yao { color: #858484; font-size: 0.8rem; line-height: 1.5rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .index-new .lunbo-new .swiper-slide .new-div .more-i { margin-top: 0.25rem; } .index-new .lunbo-new .swiper-slide .new-div .more-i i { color: #15c0f2; font-size: 1rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-new .lunbo-new .swiper-slide .new-div .more-i i:hover { margin-left: 0.5rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-new .lunbo-new .swiper-container { padding-bottom: 3.5rem; } .index-new .lunbo-new .swiper-pagination-bullet { background: #ffffff; width: 0.5rem; height: 0.5rem; opacity: 0.612; } .index-new .lunbo-new .swiper-pagination-bullet-active { background: #15c0f2; opacity: 1; } .lunbo-new>div { display: none; } .index-shuo { color: #fff; margin-top: -8.5rem; overflow: hidden; padding: 8.5rem 0 5.25rem 0; } .index-shuo .title { font-weight: bold; font-size: 1.5rem; padding: 1rem 0; } .index-shuo .shuo-con { font-size: 1.3rem; line-height: 2rem; } .index-shuo .ren { font-size: 1.2rem; margin-top: 1.25rem; font-style: italic; } .index-shuo .shou-bg { top: 0; bottom: 0; z-index: 1; transform: skewY(-5deg); -ms-transform: skewY(-5deg); -moz-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); -o-transform: skewY(-5deg); width: 100%; height: 100%; transform-origin: right; background: #2d6ca4; -ms-transform-origin: right; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; } .index-shuo .cons1-shuo { position: relative; z-index: 3; } .index-shuo .swiper-pagination-bullet { background: #ffffff; width: 0.5rem; height: 0.5rem; opacity: 0.612; } .index-shuo .swiper-pagination-bullet-active { background: #ffffff; opacity: 1; } .index-shuo .index-ke { margin-top: 2.5rem; } footer { background: #141517; /* margin-bottom: 3.35rem; */ } footer .foot-top .foot-ul { text-align: center; line-height: 4.5rem; border-bottom: 0.05rem solid #37383a; } footer .foot-top .foot-ul li { display: inline-block; } footer .foot-top .foot-ul li a { color: #b9b9ba; font-size: 0.9rem; padding: 0 1rem; } footer .foot-top .foot-ul li a:hover { color: #6397be; } footer .ding { margin: 1.75rem 0 1rem; } footer .ding form { display: inline-block; } footer .ding input { width: 20rem; height: 2.5rem; background: #414141; color: #ffffff; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; padding-left: 0.75rem; } footer .ding button { height: 2.5rem; width: 3.85rem; background: #15c0f2; color: #fff; font-size: 0.8rem; border: none; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } footer .ding button:hover { background: #6397be; } footer .foot-con { color: #b9b9ba; font-size: 0.8rem; line-height: 1.75rem; } footer .foot-con i { font-size: 1rem; display: inline-block; margin: 0 0.5rem; } footer .foot-con i.icon-youxiang { color: #15c0f2; } footer .foot-uls1 { margin: 1.25rem 0 1.5rem 0; } footer .foot-uls1 li { display: inline-block; } footer .foot-uls1 li a { width: 1.75rem; height: 1.75rem; border-radius: 0.15rem; background-color: rgba(203, 203, 203, 0.4); display: inline-block; line-height: 1.75rem; text-align: center; } footer .foot-uls1 li a i { color: #fff; font-size: 1rem; } footer .banquan { color: #cbcbcb; font-size: 0.7rem; line-height: 1.5rem; display: inline-block; padding: 1rem 2rem; border-top: 0.05rem solid #37383a; } footer .banquan a { color: #cbcbcb; } footer .banquan a:hover { color: #6397be; } footer .foot-bot { background: #292a2b; line-height: 3.25rem; color: #fff; font-size: 0.9rem; position: fixed; z-index: 99; left: 0; right: 0; bottom: 0; } footer .foot-bot i { font-size: 1.25rem; display: inline-block; margin-right: 0.5rem; } footer .foot-bot a { display: inline-block; line-height: 2.25rem; padding: 0 1rem; border-radius: 0.25rem; color: #ffffff; margin: 0 0.5rem; } footer .foot-bot a:hover { background: #6397be !important; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } footer .foot-bot .zc-a { background: #15c0f2; } footer .foot-bot .lx-a { background: #f6ae00; } .ban .ban-zi { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #ffffff; } .ban .ban-zi .ban-title { font-size: 1.8rem; font-weight: bold; } .ban .ban-zi .div1 { font-size: 1.2rem; font-weight: bold; margin-top: 0.5rem; } .programme-top { background: #f5f7f9; padding-bottom: 3rem; } .programme-top .more1 { margin-top: 1.25rem; } .programme-title { color: #000000; font-size: 1.8rem; font-weight: bold; padding-top: 2.5rem; } .programme-yao { color: #000000; font-size: .8rem; line-height: 1.5rem; margin-top: 1rem; } .programme-cen { padding-bottom: 2.5rem; } .programme-cen .programme-yao { font-size: 0.8rem; } .programme-cen .lunbo-programme { padding: 3rem 0 2rem 0; } .programme-cen .lunbo-programme .swiper-container { padding-bottom: 3rem; } .programme-cen .lunbo-programme .swiper-pagination-bullet-active { background: #15c0f2; } .programme-cen .swiper-slide { padding-left: 3.5rem; margin-bottom: 1.25rem; } .programme-cen .swiper-slide .icon-pa { left: 0; top: -0.5rem; } .programme-cen .swiper-slide .icon-pa i { color: #313030; font-size: 2.5rem; font-weight: lighter; } .programme-cen .swiper-slide .div1 { color: #3d3c3c; font-size: 1rem; line-height: 1.5rem; height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .programme-cen .swiper-slide .div1 a { color: #3d3c3c; } .programme-cen .swiper-slide .div1 a:hover { color: #f6ae00; } .programme-cen .swiper-slide .div2 { color: #3d3c3c; font-size: 0.8rem; line-height: 1.5rem; margin-top: 0.25rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .programme-cen .swiper-slide .lius-a { color: #42c9f3; display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; } .programme-cen .swiper-slide .lius-a:hover { color: #f6ae00; } .more1 a { color: #ffffff; color: #fff; font-size: 1rem; padding: 0 3rem; display: inline-block; line-height: 2.75rem; background: #15c0f2; font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ border-radius: 0.25rem; } .more1 a:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .programme-bot-top-lunbo { padding: 4rem 0 4rem 0; } .programme-bot-top-lunbo .swiper-slide .fl { width: 36%; } .programme-bot-top-lunbo .swiper-slide .fr { width: 60%; } .programme-bot-top-lunbo .swiper-slide .fr .p1q { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; color: #000000; font-size: 1.2rem; } .programme-bot-top-lunbo .swiper-slide .fr .p1q a { color: #000000; } .programme-bot-top-lunbo .swiper-slide .fr .div-s { color: #828282; font-size: 0.8rem; line-height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; margin: 0.25rem 0; } .programme-bot-top-lunbo .swiper-slide .fr .div-a a { color: #15c0f2; font-size: 0.7rem; } .programme-bot-top-lunbo .swiper-slide .fr .div-a a:hover { color: #6397be; } .programme-bot .programme-bot-top { background: #15c0f2; color: #ffffff; font-size: 1.8rem; font-weight: bold; padding: 2rem 0; position: relative; } .programme-bot .programme-bot-top:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #15c0f2; bottom: -2.5rem; } .programme-ban { background: url(../images/15.jpg) no-repeat; background-size: cover; padding: 3rem 0; position: relative; } .programme-ban .title { color: #fff; font-size: 1.8rem; font-weight: bold; } .programme-ban .more1 { margin-top: 1rem; } .programme-ban:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #f5f7f9; top: 0rem; } .programme-zhi { padding: 6.85rem 0 4.5rem 0; } .programme-zhi .programme-zhi-con { width: 50%; padding: 2rem 2rem 2rem 2rem; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .programme-zhi .programme-zhi-con .title { color: #15c0f2; font-size: 1.5rem; font-weight: bold; margin-top: 0rem; } .programme-zhi .programme-zhi-con .cons1 { text-align: justify; color: #292e3b; margin: 0.5rem 0 0.75rem 0; font-size: 0.8rem; line-height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 9; overflow: hidden; min-height: 210px; } .programme-zhi1 { background: url(../images/16.jpg) no-repeat; background-size: cover; } .programme-zhi2 { background: url(../images/17.jpg) no-repeat; background-size: cover; } .programme-ban2 { background: url(../images/18.jpg) no-repeat; background-size: cover; } .programme-ban2 .more { margin-top: 0.5rem; } .programme-ban2 .yysa { color: #ffffff; margin-top: 0.75rem; line-height: 1.5rem; font-size: 0.8rem; } .scheme_d_ban .ban-zi { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .scheme_d_ban .scheme_d_ban-con { width: 58%; color: #ffffff; } .scheme_d_ban .scheme_d_ban-con .ban-title { font-size: 1.8rem; font-weight: bold; } .scheme_d_ban .scheme_d_ban-con .div1 { font-size: 1rem; font-weight: bold; margin-top: 0.5rem; line-height: 1.5; text-align: justify; } .scheme_d_ban .position { font-size: 0.7rem; padding: 1.5rem 2.5rem; top: 0rem; color: rgba(255, 255, 255, 0.38); width: 100%; } .scheme_d_ban .position a { color: rgba(255, 255, 255, 0.38); } .scheme_d_ban .position a:hover { color: #15c0f2; } .scheme_d_ban .more1 { margin-top: 0.5rem; } .scheme_d_ban .more1 a { padding: 0 2rem; } .scheme_d-top { padding: .5rem 0 3rem 0; } .scheme_d-top .programme-yao { color: #000000; font-size: 0.8rem; margin-top: 1.75rem; line-height: 1.75rem; } .scheme_d-cen { color: #ffffff; background: #15c0f2; padding: 3.5rem 0 2.25rem 0; } .scheme_d-cen .swiper-container { padding-bottom: 2.5rem; } .scheme_d-cen .swiper-pagination-bullet { background: #ffffff; } .scheme_d-cen .swiper-pagination-bullet-active { background: #ffffff; } .scheme_d-cen .scheme_d-cen-yao { font-size: 1rem; line-height: 2; margin: 1.5rem 0 1.25rem 0; } .scheme_d-cen .scheme_d-cen-title { font-size: 1.8rem; font-weight: bold; } .scheme_d-cen .zis { font-size: 1.2rem; margin-top: 1.25rem; font-style: italic; } .scheme_d-cen-ban { background: url(../images/20.jpg) no-repeat; background-size: cover; } .scheme_d-cen-ban:after { border-top: 2.5rem solid #15c0f2; } .transformation { padding: 4rem 0 4rem 0; } .transformation .more2 { margin-top: 2.5rem; } .transformation .swiper-container { padding-bottom: 3.5rem; } .transformation .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; background-color: #959595; } .transformation .swiper-pagination-bullet-active { background-color: #959595; } .transformation .swiper-slide .tile { color: #15c0f2; font-size: 1.8rem; font-weight: bold; } .transformation .swiper-slide .yaso { line-height: 2; font-size: 0.8rem; color: #000000; margin-top: 2.4rem; } .more2 a { color: #ffffff; font-size: 1rem; padding: 0 3rem; display: inline-block; line-height: 2.75rem; background: #6397be; font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; border-radius: 0.25rem; } .more2 a:hover { box-shadow: inset 0 0 0 1.5rem #15c0f2; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .pro-a .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .pro-a .overh { padding: 2rem; background: #fff; } .pro-a .overh img:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .pro-a p, .pro-a h3 { color: #fff; font-size: 0.9rem; font-weight: normal; margin-top: 0.75rem; height: 1.5rem; line-height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; text-align: center; } .pro-a p a { color: #fff; } .pro-a p a:hover { color: #15c0f2; } .pro-a h3 a { color: #fff; } .pro-a h3 a:hover { color: #15c0f2; } .chanp-lun { background: url(../images/21.jpg) no-repeat; background-size: cover; padding: 4.5rem 0 4rem 0; } .chanp-lun .swiper-container { padding-bottom: 2.5rem; } .chanp-lun .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; background-color: #959595; opacity: 1; } .chanp-lun .swiper-pagination-bullet-active { background-color: #fff; } .scheme_tui .pro-titl { color: #000000; font-size: 1.8rem; padding: 2rem 0 2rem 0; background: #f0ecdd; font-weight: bold; position: relative; } .scheme_tui .pro-titl:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #f0ecdd; bottom: -2.5rem; } .logo-dao { background: rgba(53, 60, 76, 0.79); position: fixed; left: 0; right: 0; padding: 0 1.5rem 0 2.5rem; line-height: 4.5rem; z-index: 99; top: 0; } .logo-dao .fr { color: #fff; font-size: 0.8rem; } .logo-dao .fr i { display: inline-block; margin: 0 0.2rem; } .logo-dao .fr i.icon-yuyan { margin: 0 0 0 0.2rem; } .logo-dao .fr a { margin: 0 0.25rem; display: inline-block; color: #fff; } .logo-dao .fr a:hover, .logo-dao .fr a.active { color: #15c0f2; } .logo-dao .fr a.logo { color: #15c0f2; } .logo-dao .fr a.logo:hover { color: #6397be; } .logo-con { background: #f5f5f5; height: 100vh; } .logo-con .logo-top { height: 90vh; } .logo-con .logo-top .logo-zi { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 20rem; } .logo-con .logo-top .logo-zi .logo-zu { color: #000000; font-size: 0.9rem; margin: 1rem 0; } .logo-con .logo-top .logo-zi .logo-zu a { color: #15c0f2; } .logo-con .logo-top .logo-zi .logo-zu a:hover { color: #6397be; } .logo-con .logo-bot { color: #555657; font-style: 0.7rem; } .logo-zi-top { background: #ffffff; padding: 1rem 1rem 2rem 1.5rem; } .logo-zi-top .p1 { color: #000000; font-size: 1.5rem; } .logo-zi-top .logo-ul { margin-top: 0.9rem; } .logo-zi-top .logo-ul li p { color: #000000; font-size: 0.8rem; margin: 0.5rem 0; } .logo-zi-top .logo-ul li input { height: 2.25rem; border: 2px solid #eae9e8; border-radius: 0.15rem; width: 100%; padding-left: 1rem; } .logo-zi-top .logo-ul li.wang-a { margin: 0.75rem 0; } .logo-zi-top .logo-ul li.wang-a a { color: #15c0f2; font-size: 0.8rem; } .logo-zi-top .logo-ul li.wang-a a:hover { color: #6397be; } .logo-zi-top .logo-ul li button { color: #fff; font-size: 1rem; width: 100%; display: inline-block; border: none; line-height: 2.75rem; background: #15c0f2; font-weight: bold; border-radius: 0.25rem; } .logo-zi-top .logo-ul li button:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .ban-hang .ban-zi .ban-title { font-size: 2.75rem; } .ban-hang .ban-zi .div1 { font-size: 1.5rem; font-weight: 400; } .programme-ban3:after { display: none; } .industry { padding: 2.5rem 0 1.5rem 0; } .industry .ind-title { color: #000000; font-size: 1.8rem; } .industry .industry-ul { margin-top: 1.5rem; } .industry .industry-ul li .doa { cursor: pointer; color: #383a3a; font-size: 1rem; background: #f4f4f4; line-height: 3.2rem; padding: 0 1.5rem; position: relative; } .industry .industry-ul li .doa .industry-i { position: absolute; line-height: 1; right: 1rem; top: 35%; } .industry .industry-ul li.active .doa, .industry .industry-ul li:hover .doa { background: #15c0f2; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ color: #fff; } .industry .industry-ul li.active .doa .industry-i, .industry .industry-ul li:hover .doa .industry-i { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transform: rotate(-180deg); } .industry .industry-ul li .industry-con { display: none; padding-bottom: 1.75rem; } .industry .industry-ul li .industry-con .cons1 { color: #383a3a; font-size: 0.8rem; line-height: 1.5rem; padding: 0.75rem 0; } .industry .industry-ul li .industry-con .industry-a a { color: #fff; font-size: 1rem; padding: 0 2rem; display: inline-block; border: none; line-height: 2.75rem; background: #15c0f2; font-weight: bold; border-radius: 0.25rem; } .industry .industry-ul li .industry-con .industry-a a:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .club-top>.fl { width: 29%; } .club-top>.fr { width: 71%; } .club-top .cub-div { width: 50%; float: left; } .club-top .cub-div .cub-div-zi1 { width: 90%; } .club-top .cub-div .cub-div-zi2 { width: 75%; } .club-top .cub-div .cub-div-zi { left: 54%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); display: inline-block; } .club-top .cub-div .cub-div-zi .div1 { color: #000000; font-size: 1.4rem; font-weight: bold; } .club-top .cub-div .cub-div-zi .div2 { color: #000000; font-size: 1rem; font-weight: bold; } .club-top .cub-div .cub-div-zi .div3 { color: #ffffff; font-size: 1.5rem; } .club-top .cub-div .cub-div-zi .div4 { color: #ffffff; font-size: 1.3rem; font-weight: bold; } .club-top .cub-p1 { color: #000000; font-size: 1.4rem; font-weight: bold; top: 10%; left: 10%; z-index: 3; } .cub-div-lunbo .swiper-pagination-bullet-active { background: #15c0f2; } .cub-div-a { margin-top: 1rem; } .cub-div-a a { color: #000000; font-size: 1rem; padding: 0 3rem; display: inline-block; border: none; line-height: 2.75rem; background: #ffffff; font-weight: bold; border-radius: 0.25rem; } .cub-div-a a:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; color: #ffffff; } .club-cen { background: #bcc6c9; padding-bottom: 2rem; } .club-cen .club-cen-lunbo .swiper-container { padding: 3rem 0; } .club-cen .club-cen-lunbo .swiper-pagination-bullet { background-color: #ffffff; width: 0.5rem; height: 0.5rem; } .club-cen .club-cen-lunbo .swiper-pagination-bullet-active { background-color: #ffffff; } .club-cen .club-cen-lunbo .swiper-slide { background: #ffffff; } .club-cen .club-cen-lunbo .swiper-slide .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .club-cen .club-cen-lunbo .swiper-slide .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot { padding: 1.4rem; } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot .title { color: #000000; font-size: 1.2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot .yao { color: #000000; margin-top: 0.25rem; display: -webkit-box; -webkit-box-orient: vertical; height: 75px; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; font-size: 0.9rem; } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot .more1 { margin-top: 1rem; } .cub-3d .cub-3d-con { margin-top: 2.5rem; } .cub-3d .cub-3d-con .hd .title { color: #000000; font-size: 1.2rem; position: relative; margin-bottom: 1rem; } .cub-3d .cub-3d-con .hd .title:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); background-color: #000000; width: 2.6rem; height: 0.05rem; bottom: -0.5rem; } .cub-3d .cub-3d-con .hd .zitie { color: #000000; font-size: 0.8rem; margin: 0.5rem 0; } .cub-3d .vc_toggle { display: block; color: #3e3e3e; border: 1px solid #e5e7f2; padding: 0; border-radius: 0.2rem; font-size: 0.8rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ background: #fff; margin: 1.5rem 0 2rem 0; position: relative; } .cub-3d .vc_toggle .vc_toggle_title { padding: 1.5rem; cursor: pointer; } .cub-3d .vc_toggle .vc_toggle_title .vc_toggle_icon { position: absolute; right: 1.5rem; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .cub-3d .vc_toggle .vc_toggle_title .vc_toggle_icon:before { content: ''; width: 10px; height: 1px; position: absolute; background: #000000; } .cub-3d .vc_toggle .vc_toggle_title .vc_toggle_icon:after { content: ''; height: 10px; width: 1px; top: -4px; left: 5px; position: absolute; background: #000000; } .cub-3d .vc_toggle.active .vc_toggle_title .vc_toggle_icon:after { opacity: 0; } .cub-3d .vc_toggle .vc_toggle_content { padding: 0 1.5rem 1.5rem 1.5rem; display: none; position: absolute; background: #ffffff; width: 100%; border: 1px solid #e5e7f2; border-top: none; z-index: 55; } .cub-3d .vc_toggle .vc_toggle_content ul li { line-height: 1.5rem; } .cub-3d .vc_toggle .vc_toggle_content ul li a { color: #6397be; } .cub-3d .vc_toggle .vc_toggle_content ul li a:hover { color: #15c0f2; } .face-ban { background: url(../images/30.jpg) no-repeat; background-size: cover; } .face-ban .programme-zhi-con { width: 61%; } .face-ban .programme-zhi-con .title { color: #000000; } .face-ban .programme-zhi-con .cons1 { margin-top: 0.5rem; } .culb-scheme { padding: 3rem 0; } .cuble_unionTech { background: #f0ecdd; padding: 2.5rem 0 2rem 0; } .cuble_unionTech .unionTec-con { color: #0a0a0a; font-size: 1rem; line-height: 1.533; } .cuble_unionTech .ming { color: #0a0a0a; font-size: 1.2rem; margin-top: 1.25rem; font-style: italic; } .cuble_unionTech .swiper-pagination-bullet { background-color: #c9c9c9; width: 0.5rem; opacity: 1; height: 0.5rem; } .cuble_unionTech .swiper-pagination-bullet-active { background-color: #15c0f2; } .cuble_unionTech .swiper-container { padding-bottom: 2.5rem; } .cuble-boots .cuble-boots_zu { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 33%; background: rgba(255, 255, 255, 0.949); padding: 1.5rem 1.5rem 1.5rem 1.5rem; } .cuble-boots .cuble-boots_zu .wo_and_you { color: #2a2a2a; font-size: 1.8rem; font-weight: bold; } .cuble-boots .cuble-boots_zu .wo-coan { font-size: 0.8rem; color: #858484; line-height: 1.5rem; margin: 0.75rem 0; } .cuble-boots .cuble-boots_zu .more { margin-top: 0; } .cuble-boots .cuble-boots_zu .more a { background: #658cca; } .cuble-boots .cuble-boots_zu .more a:hover { box-shadow: inset 0 0 0 1.5rem #15c0f2; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .register { background: #f5f5f5; padding: 1.2rem 0 2rem 0; } .register .registe_left { padding: 5.3rem 0; } .register .cuos-title { color: #000000; font-size: 1.8rem; font-weight: bold; } .register .cuos-title span { color: #15c0f2; } .register .register-con { color: #000000; margin-top: 1rem; font-style: 0.9rem; line-height: 2.25rem; } .register .register-con span { color: #15c0f2; } .register .logo-ul li span { color: #15c0f2; } .register .logo-ul li a { color: #15c0f2; } .register .logo-ul li select { height: 2.25rem; border: 2px solid #eae9e8; border-radius: 0.15rem; width: 100%; padding-left: 1rem; /*去掉默认的下拉三角*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #ffffff url("../images/33.jpg") no-repeat right center transparent; } .register .logo-ul .zhans { color: #000000; font-size: 0.9rem; padding: 0.5rem 0 0 0; } .register .logo-ul .zhans a { color: #15c0f2; } .register .logo-ul .zhans a.active { color: #6397be; } .register .code-a { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); right: 0.5rem; } .register .code-a a { font-size: 0.8rem; color: #15c0f2; } .logo-zi-top .logo-ul li.zu-che input { height: auto; width: auto; } .logo-zi-top .logo-ul li.zu-che { margin-bottom: 0.5rem; font-size: 0.7rem; color: #000000; text-align: left; } .logo-zi-top .logo-ul li.zu-che a { color: #15c0f2; } .logo-bot { color: #555657; font-size: 0.7rem; margin-top: 0.75rem; } .logo-bot a { color: #555657; } .logo-bot a:hover { color: #6397be; } .history { padding: 3rem 0; } .history .history-ul { overflow: hidden; } .history .history-ul li { width: 40%; position: relative; float: left; padding: 0.5rem; background: #ffffff; margin-bottom: 2rem; border: 1px solid #eae9e8; } .history .history-ul li .title { color: #000000; font-size: 1.2rem; margin-top: .2rem; font-weight: bold; } .history .history-ul li .zhaoyao { color: #3e3f3f; font-size: 0.8rem; line-height: 1.5rem; padding: 0.75rem 0; text-align: justify; } .history .history-ul li:after { content: ''; position: absolute; right: -27.5%; border-radius: 50%; background-color: #15c0f2; width: 1.05rem; height: 1.05rem; top: 5rem; z-index: 7; } .history .history-ul li.nullLi:after { display: none; } .history .history-ul li.nullLi:before { display: none; } .history .history-ul li:before { content: ''; position: absolute; width: 40%; height: 0.05rem; right: -27.5%; background: #eae9e8; z-index: -1; top: 5.45rem; } .history .history-ul li:nth-child(2n) { float: right; top: 4.5rem; } .history .history-ul li:nth-child(2n):after { content: ''; position: absolute; left: -27.5%; border-radius: 50%; background-color: #15c0f2; width: 1.05rem; height: 1.05rem; top: 5rem; z-index: 7; } .history .history-ul li:nth-child(2n):before { content: ''; position: absolute; width: 40%; height: 0.05rem; left: -27.5%; background: #eae9e8; z-index: -1; top: 5.45rem; } .history .history-ul::after { content: ''; position: absolute; width: 0.4rem; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); top: 0; bottom: 0; z-index: 3; background: #f0f0f0; } .rongs { margin: 2.5rem 0; } .rongs .col-md-4 { margin-bottom: 1.875rem; } .rongs .rong-a .overh { border: 1px solid #dddddd; padding: 0.25rem; } .rongs .rong-a :hover .rong-title { background: #15c0f2; color: #ffffff; } .rongs .rong-a .rong-title { color: #000000; padding: 0 0.625rem; text-align: center; font-size: 1rem; line-height: 3.125rem; height: 3.125rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; background: #dddddd; } .position-div { border-bottom: 0.05rem solid #e0e0e0; } .position-div ul li { display: inline-block; line-height: 2rem; } .position-div ul li a { padding: 0 1.5rem; color: #292e3b; font-size: 0.9rem; } .position-div ul li:hover a, .position-div ul li.active a { color: #15c0f2; } .culture { background: url(../images/52.jpg) no-repeat; padding: 2.5rem 0 7.5rem 0; background-size: cover; } .culture .programme-yao { font-style: 0.8rem; line-height: 1.5rem; } .culture .programme-yao span { color: #15c0f2; } .culture .culture-top { width: 51%; } .culture-qye { background: url(../images/53.jpg) no-repeat; background-size: cover; height: 36.25rem; } .culture-qye .programme-yao { margin-top: 0; } .culture-qye .vision-ul { margin-top: 5rem; } .culture-qye .vision-ul li { margin-bottom: 1.25rem; color: #000000; font-size: 0.8rem; line-height: 1.5rem; padding-left: 1.5rem; } .culture-qye .vision-ul li p { font-size: 1.2rem; color: #15c0f2; } .culture-qye .vision-ul li .vision-span { left: 0; top: 0; background: #15c0f2; padding: 0rem 0.35rem; color: #ffffff; font-size: 0.8rem; } .sense { padding: 3rem 0 3.5rem 0; background: #15c0f2; } .sense .title { color: #ffffff; font-size: 1.8rem; font-weight: bold; } .sense .sense-ul { margin: 2rem -0.5% 0 -0.5%; } .sense .sense-ul li { background: #ffffff; width: 49%; float: left; margin: 0.5%; padding: 1.35rem; } .sense .sense-ul li .overh { text-align: center; } .sense .sense-ul li .overh i { font-size: 2.5rem; color: #15c0f2; } .sense .sense-ul li .biaos { color: #000000; font-size: 1.2rem; margin: 0rem 0 0.25rem 0; } .sense .sense-ul li .yaos { color: #000000; font-size: 0.8rem; opacity: 1; line-height: 30px; height: 120px; margin-bottom: 15px; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; } .brief-ban .ban-zi .scheme_d_ban-con { display: inline-block; width: auto; } .brief-ban .ban-zi .scheme_d_ban-con .ban-title span { font-size: 1.8rem; } .brief-ban .ban-zi .scheme_d_ban-con .div1 { font-size: 0.8rem; font-weight: normal; color: #f7f8fa; line-height: 1.875; } .development .development-con { top: 15%; width: 100%; } .development .development-con .development-div { background: #ffffff; padding: 2rem 2.5rem 2rem 2rem; } .development .development-con .development-div .programme-title { padding-top: 0; } .development .programme-yao { margin-top: 0; } .development .development-con-top { margin: 1.5rem 0 0.75rem 0; font-size: 0.8rem; color: #000000; line-height: 1.667; } .development .development-con-top strong { font-size: 0.9rem; } .since { margin-top: -8.5rem; overflow: hidden; } .since .sincen-bg { z-index: 2; position: absolute; transform: skewY(-5deg); -ms-transform: skewY(-5deg); -moz-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); -o-transform: skewY(-5deg); width: 100%; height: 100%; transform-origin: right; background: #15c0f2; -ms-transform-origin: right; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; } .since .since-con { color: #ffffff; position: relative; z-index: 8; padding: 12.5rem 0 5.85rem 0; } .since .since-con .tirlw { font-size: 1.8rem; margin-bottom: 20px; } .since .since-con .div1 { font-size: 0.8rem; line-height: 2; text-align: justify; } .since .since-con .div2 { font-size: 0.8rem; line-height: 2; margin: 0 0 30px 0; text-align: justify; } .sales-volume .xian-ul li { color: #ffffff; float: left; display: inline-block; } .sales-volume .xian-ul li span { background-color: #ffffff; width: 2.05rem; height: 0.15rem; display: inline-block; position: relative; top: -0.25rem; margin: 0 0.5rem; } .sales-volume .xian-ul li span.sp1 { background-color: #0c99c2; } .sales-volume .gengs-div { color: #ffffff; font-size: 0.8rem; line-height: 1.5rem; text-align: center; margin-top: 2rem; } .since .since-con .more1 a { background: #ffffff; color: #15c0f2; } .since .since-con .more1 a:hover { color: #fff; } .yous-div { color: #000000; font-size: 1.125rem; } .jie-jian:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #15c0f2; top: 0rem; } .development_history .development_history_top .fl { width: 100%; } .development_history_lunbo .swiper-slide.swiper-slide-active .zis { opacity: 1; } .development_history_lunbo { margin-bottom: 3rem; } .development_history_lunbo:after { content: ''; position: absolute; bottom: 0.75rem; width: 94%; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); border-bottom: 0.1rem dashed #dcddde; } .development_history_lunbo .swiper-container { height: 20rem; } .development_history_lunbo .yuan { width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #51caf5; position: absolute; bottom: 0; left: 27%; cursor: pointer; } .development_history_lunbo .zis { width: 13.5rem; height: 13.5rem; border: 1px solid #15c0f2; margin-top: 2.25rem; padding: 1.5rem; opacity: 0; position: relative; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .development_history_lunbo .zis::after { content: ''; background: url(../images/18.png) no-repeat; position: absolute; width: 1.7rem; height: 0.75rem; bottom: -0.75rem; left: 0.5rem; background-size: 100% 100%; } .development_history_lunbo .zis .ns { font-size: 1.8rem; color: #15c0f2; font-weight: bold; } .development_history_lunbo .zis .ying-p1 { color: #000000; font-size: 0.8rem; } .development_history_lunbo .zis .ying-p2 { color: #000000; font-size: 1.2rem; } .development_history_lunbo .zis .gu { color: #ffffff; font-size: 0.8rem; margin-top: 0.25rem; line-height: 2rem; background: #f6ae00; padding: 0 1.25rem; display: inline-block; } .development_history_lunbo .nian { color: #15c0f2; font-size: 0.9rem; left: 27%; bottom: 2rem; position: absolute; } /* .development_history_lunbo .swiper-slide:nth-child(1) .nian, .development_history_lunbo .swiper-slide:nth-child(2) .nian, .development_history_lunbo .swiper-slide:nth-child(3) .nian, .development_history_lunbo .swiper-slide:nth-child(4) .nian, .development_history_lunbo .swiper-slide:nth-child(5) .nian { color: #f6ae00; } */ /* .development_history_lunbo .swiper-slide:nth-child(1) .yuan, .development_history_lunbo .swiper-slide:nth-child(2) .yuan, .development_history_lunbo .swiper-slide:nth-child(3) .yuan, .development_history_lunbo .swiper-slide:nth-child(4) .yuan, .development_history_lunbo .swiper-slide:nth-child(5) .yuan { background: #f6ae00; } */ /* .development_history_lunbo .swiper-slide:nth-child(6) .nian, .development_history_lunbo .swiper-slide:nth-child(7) .nian, .development_history_lunbo .swiper-slide:nth-child(8) .nian, .development_history_lunbo .swiper-slide:nth-child(9) .nian, .development_history_lunbo .swiper-slide:nth-child(10) .nian, .development_history_lunbo .swiper-slide:nth-child(11) .nian, .development_history_lunbo .swiper-slide:nth-child(12) .nian ,.development_history_lunbo .swiper-slide:nth-child(13) .nian { color: #4d87c6; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } */ /* .development_history_lunbo .swiper-slide:nth-child(6) .yuan , .development_history_lunbo .swiper-slide:nth-child(7) .yuan , .development_history_lunbo .swiper-slide:nth-child(8) .yuan , .development_history_lunbo .swiper-slide:nth-child(9) .yuan , .development_history_lunbo .swiper-slide:nth-child(10) .yuan , .development_history_lunbo .swiper-slide:nth-child(11) .yuan , .development_history_lunbo .swiper-slide:nth-child(12) .yuan ,.development_history_lunbo .swiper-slide:nth-child(13) .yuan { background: #4d87c6; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } */ .development_history_lunbo .swiper-slide.active .zis { opacity: 1; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; background: #fff; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .development_history_lunbo .swiper-slide.active .nian { color: #f6ae00; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .development_history_lunbo .swiper-slide.active .yuan { background: #f6ae00; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .nian-qi { text-align: center; line-height: 3.65rem; color: #fff; font-size: 1rem; margin-bottom: 8.5rem; margin-top: 0.5rem; } .nian-qi .div1 { width: 30%; background: url(../images/19.png) no-repeat; background-size: 100% 100%; } .nian-qi .div2 { width: 22%; background: url(../images/21.png) no-repeat; background-size: 100% 100%; margin: 0 -0.6rem; } .nian-qi .div3 { width: 48%; background: url(../images/20.png) no-repeat; background-size: 100% 100%; } .approval { padding: 3rem 0 3.5rem 0; } .approval .approval-title { color: #15c0f2; font-size: 1.8rem; font-weight: bold; } .approval .approval-coan { color: #000000; font-size: 0.8rem; line-height: 1.5rem; } .approval .approval-coan a { color: #000000; } .approval .approval-coan a:hover { color: #15c0f2; } .approval .yuans { border-style: solid; border-width: 0.4rem; border-color: rgba(81, 202, 245, 0.36); border-radius: 50%; width: 10.5rem; background: #ffffff; height: 10.5rem; position: absolute; color: #15c0f2; font-size: 1rem; padding-top: 3.25rem; text-align: center; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .approval .yuans a { color: #15c0f2; } .approval .yuans span { font-size: 3.6rem; font-weight: bold; } .approval .yuans1 { left: 5rem; } .approval .yuans2 { right: 5rem; } .jianzhis { padding: 8.75rem 0 6.5rem 0; } .jianzhis .jianzhis-ul li { cursor: pointer; width: 31%; margin: 0 1%; padding: 3.75rem 0.75rem 2.5rem 0.75rem; float: left; border: 1px solid #323334; } .jianzhis .jianzhis-ul li .title { color: #ffffff; font-size: 1.8rem; font-weight: bold; line-height: 1; } .jianzhis .jianzhis-ul li .jianzhis-con { color: #ffffff; font-size: 0.85rem; line-height: 1.8rem; height: 3.6rem; margin-top: 0.75rem; } .jianzhis .jianzhis-ul li .cub-div-a { margin-top: 1rem; } .jianzhis .jianzhis-ul li:hover { background: #ffffff; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .jianzhis .jianzhis-ul li:hover .title { color: #000000; } .jianzhis .jianzhis-ul li:hover .jianzhis-con { color: #000000; } .jianzhis .jianzhis-ul li:hover .cub-div-a a { background: #6397be; color: #fff; } .structure .structure-lunbo { margin: 1.85rem 0; } .structure .structure-lunbo .swiper-slide { background: #15c0f2; cursor: pointer; text-align: center; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ padding: 3rem 0.75rem 2.25rem 0.75rem; border-radius: 0.25rem; color: #ffffff; } .structure .structure-lunbo .swiper-slide .title { font-size: 1rem; height: 2.6rem; } .structure .structure-lunbo .swiper-slide .title span { display: block; text-align: center; font-size: 0.7rem; } .structure .structure-lunbo .swiper-slide i { font-size: 2.25rem; line-height: 1; } .structure .structure-lunbo .swiper-slide:hover, .structure .structure-lunbo .swiper-slide.active { background: #f6ae00; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .structure-num { background: #15c0f2; padding: 2rem 0; } .structure-num .cus-ul li { float: left; margin-right: 11.35rem; color: #fff; } .structure-num .cus-ul li:last-child { margin-right: 0; } .structure-num .cus-ul li .shushu { font-size: 3.6rem; font-weight: bold; text-align: center; } .structure-num .cus-ul li .shushu sub { font-size: 1.2rem; font-weight: 400; margin-left: -10px; } .structure-num .cus-ul li .bu-shu { font-size: 0.8rem; padding: 0.5rem 0; text-align: center; border-top: 0.05rem solid #50d0f5; } .job-top { color: #343844; font-size: 0.9rem; line-height: 1.9rem; padding: 2.7rem 0 2rem 0; } .job-top .ys { color: #15c0f2; } .job-cen { padding: 3.5rem 0; } .job-cen .programme-zhi-con { padding: 2.1rem; width: 45%; background: #ffffff; } .job-cen .programme-zhi-con .title { columns: #000000; font-size: 1.5rem; font-weight: bold; } .job-cen .programme-zhi-con .cons1 { columns: #000000; font-size: 0.9rem; line-height: 2; margin: 0.5rem 0; } .job-cen .programme-zhi-con .more1 a { background: #00a0e9; } .job-cen .programme-zhi-con .more1 a:hover { background: #15c0f2; } .job-bot { padding: 3.5rem 0 3.5rem 0; } .job-bot .job-bot-con .div1 { color: #343844; font-size: 1.2rem; font-weight: bold; } .job-bot .job-bot-con .div2 { color: #343844; font-size: 0.9rem; margin-top: 1rem; line-height: 2; } .job-bot .job-bot-con .div3 { margin-top: 2rem; } .job-bot .job-bot-con .div3 .div-con { padding: 1rem; box-shadow: 0 0.15rem 0.15rem 0.05rem rgba(212, 209, 209, 0.35); } .job-bot .job-bot-con .div3 .div-con .demo { color: #343844; font-size: 0.8rem; line-height: 2; font-weight: bold; } .job-bot .job-bot-con .div3 .div-con .demo-con { color: #343844; font-size: 0.8rem; line-height: 1.5rem; height: 6rem; } .job-bot .job-bot-con .div4 { color: #343844; font-size: 1.2rem; line-height: 2; margin-top: 2.1rem; } .job-bot .job-bot-con .div4 a { color: #15c0f2; font-size: 1.2rem; font-weight: bold; } .job-bot .job-bot-con .div4 a:hover { color: #6397be; } .social { padding-bottom: 1rem; } .social .zw_list { margin-bottom: 1.5rem; } .social .zw_list .ziweis { display: block; padding: 1.25rem; background: #fff; border-style: solid; border-width: 0.05rem; border-color: #e5e2e2; background-color: #ffffff; box-shadow: 0rem 0.15rem 0.35rem 0rem rgba(212, 209, 209, 0.35); color: #2b2c2c; } .social .zw_list h3 { margin-bottom: 0.5rem; color: #2b2c2c; font-size: 1.2rem; } .social .zw_list h3 span { padding-left: 0.5rem; color: #666; font-size: 0.8rem; } .social .zw_des { overflow-y: auto; height: 6rem; color: #666; font-size: 0.8rem; line-height: 1.5rem; margin: 0.75rem 0; } .social .zqzw { padding: 5rem 0 2rem; background: #f2f2f3; } .social .zw_list_w { margin-top: 2.5rem; } .social .zw_ged { display: none; } .social .zw_more_add { margin: 1rem 0 0; color: #666; cursor: pointer; } .social .zw_more_add:hover { color: #00457c; } .social .zw_des::-webkit-scrollbar { width: 0.2rem; height: 0.2rem; } .social .zw_des::-webkit-scrollbar-thumb { width: 0.45rem; background: #13a0f0; } .social .zw_des::-webkit-scrollbar-track { width: 0.15rem; background-color: #c9c9c9; } .social .more1 a { background: #00a0e9; } .social-mod .modal-title { font-size: 1.2rem; font-weight: bold; color: #2b2c2c; } .social-mod .zhaosh { color: #666666; font-size: 0.9rem; margin-top: 0.6rem; } .social-mod .zhaosh span { margin-right: 2.5rem; } .social-mod .modal-body { color: #666666; font-size: 0.9rem; line-height: 1.667; } .social-mod .modal-footer { color: #343844; text-align: left; border-top: 0; font-size: 0.9rem; } .social-mod .modal-footer p span { color: #15c0f2; } .social-mod .modal-footer .zhao-a { margin-top: 0.5rem; } .social-mod .modal-footer .zhao-a a { display: inline-block; margin-right: 1.5rem; } .social-mod .modal-content { padding: 1rem; } .zi48 { font-size: 1.8rem; font-weight: bold; } .link-add { color: #ffffff; font-size: 0.9rem; margin-top: 3.5rem; line-height: 2; } .link-add .p1 { font-size: 1.2rem; font-weight: bold; } .link-add .left { width: 45%; } .link-add .right { width: 55%; } .link-top { background: #15c0f2; padding: 3.1rem 0 5.45rem 0; } .link-top .zi48 { color: #ffffff; } .link-top .marg { margin-top: 1.1rem; } .link-cen { color: #000000; padding: 2.5rem 0 3.5rem 0; font-size: 0.9rem; line-height: 2; } .link-cen .p2 { font-weight: 1.2rem; font-weight: bold; } .link-cen .matop20 { margin-top: 1rem; } .network .programme-title { padding-top: 0; } .network .maps { margin: 3.5rem 0 8rem 0; } .agent { padding: 4.75rem 0 3.25rem 0; color: #ffffff; } .agent .title { font-size: 1.8rem; font-weight: bold; } .agent .yas { font-size: 0.8rem; line-height: 1.5rem; margin: 0.5rem 0; } .agent .more { margin-top: 1rem; } .agent .more a { padding: 0 1.25rem; } .consulting:after { position: absolute; content: ''; width: 100%; top: 0; left: 0; right: 0; height: 70%; z-index: -1; background: #2d6ca4; } .consulting .logo-ul li { width: 48.5%; margin-bottom: 0.5rem; float: left; } .consulting .logo-ul li:nth-child(2n) { float: right; } .consulting .logo-ul li p { color: #000000; font-size: 0.8rem; margin: 0.5rem 0; } .consulting .logo-ul li input { height: 2.25rem; border: 2px solid #eae9e8; border-radius: 0.15rem; width: 100%; padding-left: 1rem; } .consulting .logo-ul li span { color: #15c0f2; } .consulting .logo-ul li a { color: #15c0f2; } .consulting .logo-ul li select { height: 2.25rem; border: 2px solid #eae9e8; border-radius: 0.15rem; width: 100%; padding-left: 1rem; /*去掉默认的下拉三角*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #ffffff url("../images/33.jpg") no-repeat right center transparent; } .consulting .logo-ul li:last-child { width: 100%; } .consulting .logo-ul li:last-child textarea { width: 100%; border: 2px solid #eae9e8; border-radius: 0.15rem; height: 6.5rem; resize: none; padding: 0.75rem; } .consulting .biaodan { background: #ffffff; padding: 2rem 2.5rem; margin-top: 2rem; border-radius: 0.75rem; } .consulting .programme-title, .consulting .programme-yao { color: #fff; } .consulting .more { margin-top: 1rem; position: relative; z-index: 3; } .consulting .more button { color: #fff; font-size: 1rem; padding: 0 3rem; border: none; display: inline-block; line-height: 2.75rem; background: #15c0f2; font-weight: bold; border-radius: 0.25rem; } .consulting .more button:hover { box-shadow: inset 0 0 0 1.5rem #f6ae00; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .apply_agent { padding-bottom: 1.5rem; } .apply_agent:after { height: 100%; } .distributor-ban .distributor-ban-zi { font-size: 1.8rem; font-weight: bold; background: #f6ae00; height: 7rem; line-height: 7rem; color: #ffffff; top: 0; left: 0; right: 0; } .distributor-dev { background: #222328; padding: 3.5rem 0; } .distributor-dev .development-con { top: 0; } .index-you-lunbo { margin-top: 2rem; } .index-you-lunbo .dao-nian { font-size: 3.4rem; font-weight: bold; color: #ffffff; border-bottom: 0.05rem solid #c8ddff; } .index-you-lunbo .dao-nian sub { color: #ffffff; font-size: 1.2rem; position: relative; top: -0.25rem; } .index-you-lunbo .type-p { color: #ffffff; font-size: 1rem; margin: 0.75rem 0; } .index-you-lunbo .ls-p { color: #ffffff; font-size: 0.8rem; } .index-you-lunbo .swiper-container { padding-bottom: 3.5rem; } .index-you-lunbo .swiper-pagination-bullet { background: #ffffff; width: 0.5rem; height: 0.5rem; opacity: 0.612; } .index-you-lunbo .swiper-pagination-bullet-active { background: #ffffff; opacity: 1; } .advantage { background: #5784cb; padding-bottom: 4rem; } .advantage .programme-title, .advantage .programme-yao { color: #ffffff; } .mechanism_advantages { background: #eeeeee; padding-top: 4.4rem; } .mechanism_advantages .left { width: 38%; position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .mechanism_advantages .left .more2 { margin-top: 1rem; } .mechanism_advantages .left .programme-title { padding-top: 0; } .mechanism_advantages .left .programme-yao { font-size: 0.8rem; } .mechanism_advantages .right { width: 54%; padding: 0.9rem 0.9rem 0 0.9rem; background-color: #ffffff; box-shadow: 0rem 0.4rem 1.9rem 0rem rgba(164, 161, 161, 0.35); } .resource_advantages { background: #fbc201; padding-top: 3.2rem; } .resource_advantages .right { width: 35%; float: right; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .resource_advantages .right .programme-title { padding-top: 0; } .resource_advantages .right .programme-yao { font-size: 0.8rem; } .resource_advantages .left { width: 62%; background-color: #ffffff; box-shadow: 0rem 0.4rem 1.9rem 0rem rgba(164, 161, 161, 0.35); } .capital_advantage { padding: 7.25rem 0; } .capital_advantage .programme-zhi-con { width: 44%; background: #ffffff; padding: 2rem; } .capital_advantage .programme-zhi-con .programme-title { padding-top: 0; } .capital_advantage .programme-zhi-con .programme-yao { font-size: 0.8rem; } .capital_advantage .programme-zhi-con .more1 { margin-top: 1.55rem; } .sla-div { margin: 3rem 0 3rem 0; } .distributor-3d { background-color: #576071; padding: 1rem 0 4rem 0; } .distributor-3d .programme-title { color: #ffffff; } .distributor-3d .jie-lunbo { margin-top: 2.4rem; } .distributor-3d .jie-lunbo .swiper-slide .lius-a { color: #15c0f2; } .distributor-3d .jie-lunbo .swiper-slide .lius-a:hover { color: #f6ae00; } .customer-div { padding: 2rem 0 3rem 0; } .customer-div .programme-title span { color: #15c0f2; } .customer-div .swiper-container { padding: 2.5rem 0 3.5rem 0; } .customer-div .swiper-pagination-bullet { width: 0.6rem; border-radius: 50%; background-color: #a0a0a0; opacity: 0.478; height: 0.6rem; } .customer-div .swiper-pagination-bullet-active { background-color: #a0a0a0; opacity: 1; } .technology-cons { padding: 2rem 0 3rem 0; } .technology-cons .swiper-container { padding: 2.5rem 0 3.5rem 0; } .technology-cons .swiper-container .swiper-slide { /* border: 1px solid #f0f0f0; */ } .technology-cons .swiper-pagination-bullet { width: 0.6rem; border-radius: 50%; background-color: #a0a0a0; opacity: 0.478; height: 0.6rem; } .technology-cons .swiper-pagination-bullet-active { background-color: #a0a0a0; opacity: 1; } .customer_site { background: #ecae1a; padding-bottom: 2.5rem; } .customer_site .programme-title { color: #fff; } .customer_site .swiper-slide { background: #ffffff; border-radius: 1rem; overflow: hidden; } .customer_site .swiper-slide .site-bot { padding: 1.5rem; } .customer_site .swiper-slide .site-bot .site-div { color: #222328; font-size: 1rem; line-height: 1.75rem; height: 1.75rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .customer_site .swiper-slide .site-bot .site-div a { color: #222328; } .customer_site .swiper-slide .site-bot .site-div a:hover { color: #15c0f2; } .customer_site .swiper-slide .site-bot .site-yao { color: #8c8f94; font-size: 0.8rem; line-height: 1.5rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; margin: 0.5rem 0; } .customer_site .swiper-slide .site-bot .more1 { margin-top: 0.75rem; } .customer_site .swiper-container { padding: 2rem 0 2.85rem 0; } .more3 a { color: #fff; font-size: 1rem; padding: 0 3rem; display: inline-block; line-height: 2.75rem; border: 2px solid #ffffff; font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; border-radius: 0.25rem; } .more3 a:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .new-div .div5 { font-size: 1.5rem; } .marketing_activities { padding: 1.75rem 0 3rem 0; } .marketing_activities .le { width: 76%; } .marketing_activities .re { width: 19%; } .marketing_activities .saixuan { color: #3e3f40; font-size: 0.9rem; } .marketing_activities .saixuan select { border: none; border-bottom: 0.05rem solid #dcdcdc; line-height: 2.25rem; width: 7rem; height: 2.25rem; color: #3e3f40; font-size: 0.9rem; font-weight: bold; margin-left: 1.65rem; /*隐藏select的下拉图标*/ background: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .marketing_activities .saixuan select:focus { outline: none; } .marketing_activities .saixuan .sele { display: inline-block; position: relative; } .marketing_activities .saixuan .sele:after { content: ""; width: 14px; height: 8px; background: url(../images/75.jpg) no-repeat center; /*通过定位将图标放在合适的位置*/ position: absolute; right: 0rem; top: 41%; /*给自定义的图标实现点击下来功能*/ pointer-events: none; } .marketing_activities .marketing-ul li { padding: 1.5rem 0; border-bottom: 0.05rem solid #eeeeee; } .marketing_activities .marketing-ul li .left { width: 47%; } .marketing_activities .marketing-ul li .right { width: 47%; } .marketing_activities .marketing-ul li .right .title { color: #383a3a; font-size: 1.2rem; font-weight: bold; line-height: 1.75rem; margin-top: 2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 1rem; } .marketing_activities .marketing-ul li .right .title a { color: #383a3a; } .marketing_activities .marketing-ul li .right .title a:hover { color: #15c0f2; } .marketing_activities .marketing-ul li .right .data, .marketing_activities .marketing-ul li .right .add, .marketing_activities .marketing-ul li .right .zop { color: #383a3a; font-size: 0.8rem; line-height: 1.5rem; margin-top: 0.6rem; } .marketing_activities .marketing-ul li .right .more1 { margin-top: 1rem; } .new-xiang1 { padding: 8rem 0 1rem 0; } .new-xiang1 .tetle { color: #3e3f40; font-size: 1.8rem; font-weight: bold; } .new-xiang1 .con-body { font-size: 0.8rem; color: #3e3f40; line-height: 2.25; width: 70%; padding: 0.5rem 1.5rem 0 2.5rem; } .new-xiang1 .con-body img{ height:auto !important; } .new-xiang1 .righs { width: 19%; } .new-xiang1 .data-le { padding-right: 1.75rem; border-right: 0.05rem solid #eeeeee; width: 11%; } .new-xiang1 .data-le .nian span { font-size: 1rem; background: #ffffff; padding: 0.25rem; color: #000000; } .new-xiang1 .data-le .nian:after { content: ''; left: 0; right: 0; z-index: -1; position: absolute; background: #888888; height: 0.05rem; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .new-xiang1 .data-le .day { color: #000000; font-size: 1.3rem; margin: 0.5rem 0; } .new-xiang1 .data-le .fen { color: #000000; font-size: 0.9rem; } .new-xiang1 .data-le .more1 { margin-top: 1.5rem; } .new-xiang1 .data-le .more1 a { padding: 0 1.25rem; line-height: 1.5rem; height: 1.5rem; font-size: 0.6rem; border-radius: 1.5rem; font-weight: 400; } .new-xiang1 .data-le .fengxiang { margin-top: 5.4rem; } .new-xiang1 .data-le .fengxiang .nian span { color: #808080; font-size: 0.8rem; } .new-xiang1 .data-le .fengxiang .bshare-custom { margin-top: 1rem; } .new-xiang1 .data-le .fengxiang .bshare-custom a { padding-left: 0rem; display: block; height: auto; background: #cccccc !important; margin: 0.5rem auto; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #ffffff; border-radius: 100%; } .new-xiang1 .content { margin-top: 1.75rem; } .new-xiang1 .shang { border-top: 0.05rem solid #dcdcdc; padding-top: 0.5rem; margin-top: 1rem; color: #3e3f40; font-size: 0.8rem; line-height: 1.75rem; } .new-xiang1 .shang a { color: #3e3f40; } .new-xiang1 .shang a:hover { color: #15c0f2; } .new-tt { padding: 1rem 0.5rem 1rem 1rem; border: 1px solid #d7d7d6; margin-bottom: 1rem; } .new-tt .latest-title { color: #3e3f40; font-size: 1rem; margin-bottom: 0.75rem; font-weight: bold; } .new-tt .latest-news-ul { /* height: 20.5rem;*/ overflow-y: scroll; padding-right: 0.5rem; } .new-tt .latest-news-ul::-webkit-scrollbar { width: 0.05rem; height: 0.05rem; position: relative; right: -0.5rem; } .new-tt .latest-news-ul::-webkit-scrollbar-thumb { width: 0.05rem; background: #13a0f0; } .new-tt .latest-news-ul::-webkit-scrollbar-track { width: 0.05rem; background-color: #c9c9c9; } .new-tt .latest-news-ul li { margin-bottom: 0.75rem; } .new-tt .latest-news-ul li .latest-news-a { color: #434546; font-size: 0.8rem; height: 3rem; margin-top: 0.25rem; line-height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .new-tt .latest-news-ul li .latest-news-a a { color: #434546; } .new-tt .latest-news-ul li .latest-news-a a:hover { color: #15c0f2; } .pro-tt .latest-news-ul { height: 25.55rem; } .pro-tt .latest-news-ul li .latest-news-a { height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; text-align: center; } .new-information { background: #15c0f2; } .new-information .left { width: 60%; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 4rem; color: #ffffff; } .new-information .left .tis { font-size: 1.8rem; font-weight: bold; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .new-information .left .data { font-size: 0.9rem; font-weight: bold; margin: 0.5rem 0; } .new-information .left .yas { font-size: 0.8rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .new-information .right { width: 40%; border-left: 0.1rem solid #ffffff; } .new-information .right .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .new-information .right .overh img:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .new-information .right .zzi { color: #ffffff; background: rgba(0, 0, 0, 0.549); bottom: 0; left: 0; right: 0; z-index: 2; padding: 1.4rem 2.5rem; } .new-information .right .zzi .biaoti { font-size: 1.2rem; color: #f5f5f5; line-height: 1.25; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .new-information .right .zzi .biaoti a { color: #ffffff; } .new-information .right .zzi .biaoti a:hover { color: #15c0f2; } .new-information .right .zzi .yai { font-size: 0.8rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .lt-information { padding-bottom: 3rem; } .lt-information-a { margin-bottom: 30px; } .lt-information-a .overh { height: 200px; } .lt-information .swiper-slide .overh img, .lt-information-a .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .lt-information .swiper-slide .overh img:hover, .lt-information-a .overh img:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .lt-information .swiper-slide .data, .lt-information-a .data { color: #232222; font-size: 0.8rem; } .lt-information .swiper-slide .bot-lt, .lt-information-a .bot-lt { background: #efefef; padding: 1.5rem 1rem 1rem 1rem; } .lt-information .swiper-slide .bot-lt .title, .lt-information-a .bot-lt .title { color: #232222; font-size: 1rem; height: 2.85rem; line-height: 1.429; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .lt-information .swiper-slide .bot-lt .title a, .lt-information-a .bot-lt .title a { color: #232222; } .lt-information .swiper-slide .bot-lt .title a:hover, .lt-information-a .bot-lt .title a:hover { color: #15c0f2; } .lt-information .swiper-container { padding: 1rem 0 2rem 0; } .information-activities { background: #576071; position: relative; padding-bottom: 2.5rem; } .information-activities::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #576071; bottom: -2.5rem; z-index: 2; } .information-activities .programme-title { color: #ffffff; } .information-activities .swiper-slide .left { width: 48%; } .information-activities .swiper-slide .right { width: 50%; color: #ffffff; } .information-activities .swiper-slide .right .title { line-height: 1.5rem; font-size: 1rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; font-weight: bold; } .information-activities .swiper-slide .right .title a { color: #ffffff; } .information-activities .swiper-slide .right .title a:hover { color: #15c0f2; } .information-activities .swiper-slide .right .div-yao { margin-top: 0.75rem; line-height: 1.875; font-size: 0.8rem; } .information-activities .swiper-slide .right .div-yao>p { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .information-activities .swiper-container { padding: 2rem 0 3rem 0; } .information-activities .more { margin-top: 0; } .industry-information { padding-bottom: 2.5rem; } .industry-information .data { color: #cccccc; font-size: 0.8rem; margin: 5px; } .industry-information .title { color: #424141; font-size: 1rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; height: 1.75rem; line-height: 1.75rem; } .industry-information .title a { color: #424141; } .industry-information .title a:hover { color: #15c0f2; } .industry-information .yas { color: #424141; font-size: 0.8rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5rem; height: 3rem; margin: 0.25rem 0; } .industry-information .rus-a { font-size: 0.7rem; color: #15c0f2; } .industry-information .rus-a a { color: #15c0f2; } .industry-information .rus-a a:hover { color: #f6ae00; } .industry-information .swiper-container { padding: 2rem 0 3rem 0; } .industry-information .more2 a { background: #658cca; } .information-video { background: #15c0f2; padding-bottom: 3rem; position: relative; } .information-video .programme-title { color: #ffffff; } .information-video .in-vide { margin-top: 1rem; } .information-video .in-vide .le { width: 66.8%; } .information-video .in-vide .re { width: 33%; } .information-video:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #15c0f2; bottom: -2.5rem; z-index: 2; } .training-meeting-top { background: #15c0f2; padding: 8.35rem 0 9rem 0; } .training-meeting-top .left { width: 60%; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); padding: 0; } .training-meeting-top .right { width: 30%; border-left: none; } .training-meeting-con { padding: 9.5rem 0 10rem 0; color: #ffffff; } .training-meeting-con .title { font-size: 1.8rem; line-height: 1; font-weight: bold; } .training-meeting-con .yaos { line-height: 1.5; font-size: 0.8rem; margin-top: 0.9rem; } .training-meeting-con .le { width: 52%; } .training-meeting-con .re { width: 45%; } .training-meeting-con .cub-div-a { margin-top: 1rem; } .training-meeting-con1 { background: #1d232f; } .training-meeting-con2 { background: #204a69; } .product-ban .ban-zi .div1 { font-size: 1rem; line-height: 1.667; } .product-ban .ban-zi .scheme_d_ban-con { width: 67%; } .product-ban .ban-zi .scheme_d_ban-con .ban-title { font-size: 1.8rem; } .product-xzcp { background: #15c0f2; font-size: 1.8rem; font-weight: bold; color: #ffffff; padding: 1.45rem 0; } .product-overview { padding: 3.5rem 0 0 0; } .product-overview select { border: none; border-bottom: 0.05rem solid #dcdcdc; line-height: 2.25rem; height: 2.25rem; color: #3e3f40; font-size: 0.9rem; font-weight: bold; width: 100%; /*隐藏select的下拉图标*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; } .product-overview select:focus { outline: none; } .product-overview .sele { position: relative; width: 100%; } .product-overview .sele:after { content: ""; width: 14px; height: 8px; background: url(../images/75.jpg) no-repeat center; /*通过定位将图标放在合适的位置*/ position: absolute; right: 0; top: 41%; /*给自定义的图标实现点击下来功能*/ pointer-events: none; } .product-overview .product-overview-top { padding: 1.5rem 0 2.5rem 0; } .product-overview .product-overview-list>li { width: 50%; margin-bottom: 3.5rem; float: left; } .product-overview .product-overview-list>li>.overh { width: 44%; } .product-overview .product-overview-list>li>.rights { width: 46%; } .product-overview .product-overview-list>li>.rights .reason>ul { height: 232px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 8; overflow: hidden; } .product-overview .product-overview-list>li>.rights .biao { color: #000000; font-size: 1.2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; height: 30px; line-height: 30px; overflow: hidden; } .product-overview .product-overview-list>li>.rights .biao a { color: #000000; } .product-overview .product-overview-list>li>.rights .biao a:hover { color: #15c0f2; } .product-overview .product-overview-list>li>.rights .reason { color: #000000; margin: 1.15rem 0; line-height: 1.87; font-size: 0.8rem; } .product-overview .product-overview-list>li>.rights .reason .wd { font-size: .8em; line-height: 1; position: relative; display: none; top: 0.1rem; } .product-overview .product-overview-list>li:nth-child(even) { /* padding-left: 4.5rem; */ } .product-overview .product-overview-list>li:nth-child(even) { border-left: none; } .product-overview .product-overview-list>li { width: 48%; } .product-overview .product-overview-list>li:nth-child(even) { float: right; } .resin-ban .ban-zi .scheme_d_ban-con { width: 64%; } .resin-ban .ban-zi .ban-title { font-size: 1.8rem; margin-bottom: 1rem; } .resin-ban .more1 { margin-top: 1.5rem; } .material-div { padding: 2rem 0 5.5rem 0; } .material-div .programme-title { color: #15c0f2; } .material-div .divs { font-size: 1.5rem; color: #000000; font-weight: bold; } .material-div .more1 { margin-top: 1.5rem; } .material-xzcp { background: #15c0f2; padding: 2rem 0; color: #ffffff; } .material-xzcp .programme-title { padding-top: 0; color: #ffffff; } .material-xzcp .material-uls { margin-top: 1rem; } .material-xzcp .material-uls li { display: inline-block; font-size: 1rem; margin: 0 0.5rem; cursor: pointer; position: relative; } .material-xzcp .material-uls li:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #ffffff; bottom: -2rem; z-index: 3; opacity: 0; } .material-xzcp .material-uls li.active, .material-xzcp .material-uls li:hover { border-bottom: 1px solid #fff; padding-bottom: 5px; } /* .material-pro-con .product-overview { display: none; } */ .material-pro-con .product-overview select { font-size: 0.8rem; } .application-pos-div { border-bottom: none; background: #f5f7f9; margin-bottom: 2rem; padding: 1.5rem 0; } .application-pos-div ul li { font-weight: bold; } .application-say { background: #f5f7f9; } .application-say .scheme_d-cen-title { color: #15c0f2; } .application-say .scheme_d-cen-yao { color: #000000; } .application-say .zis { color: #000000; } .liantai-products { background: #f5f7f9; } .hot-sale-product-lunbo .swiper-slide { padding: 5.5rem 0 6rem 0; height: 31.95rem; } .hot-sale-product-lunbo .zz1 { width: 50%; background: #ffffff; padding: 2.5rem 2rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .hot-sale-product-lunbo .zz1 .p1 { font-size: 1.8rem; color: #000000; font-weight: bold; line-height: 0.7; } .hot-sale-product-lunbo .zz1 .pp2, .hot-sale-product-lunbo .zz1 .pp3, .hot-sale-product-lunbo .zz1 .pp5 { color: #109fda; font-weight: lighter; font-size: 1.25rem; margin: 0.75rem 0 0.25rem 0; } .hot-sale-product-lunbo .zz1 .more1 { margin-top: 1rem; } .hot-sale-product-lunbo .zz1 .p2 { font-size: 1.5rem; margin-top: 0.5rem; color: #15c0f2; font-weight: bold; line-height: 1.567; } .hot-sale-product-lunbo .zz1 .p3 { background-color: #15c0f2; height: 2.1rem; color: #ffffff; line-height: 2.1rem; display: inline-block; border-radius: 1.5rem; padding: 0 0.75rem; } .hot-sale-product-lunbo .zz1 .p4 { font-size: 0.9rem; line-height: 1.5rem; color: #000000; margin: 0.5rem 0; } .hot-sale-product-lunbo .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; background-color: #1b1b1b; opacity: 0.612; } .hot-sale-product-lunbo .swiper-pagination-bullet-active { background-color: #1b1b1b; opacity: 1; } .hot-sale-product-lunbo .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 1.75rem; } .hot-sale-product { position: relative; border-bottom: 0.05rem solid #ffffff; } .hot-sale-product .hot-sale-product-top { background: #f6ae00; color: #ffffff; font-size: 1.8rem; font-weight: bold; padding: 3rem 0; position: relative; } .hot-sale-product .hot-sale-product-top::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #f6ae00; bottom: -2.5rem; z-index: 3; } .hot-sale-product::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #eaeaea; bottom: -2.55rem; z-index: 3; } .liantai-xilie>div { display: none; } .liantai-xilie .product-overview { padding-bottom: 1rem; } .material-details { background: url(../images/102.jpg) no-repeat center/cover; } .aterial-details-ban { background: #f5f7f9; padding: 8rem 0 1.75rem; } .aterial-details-ban .divs .le { width: 50%; margin-top: 1.15rem; } .aterial-details-ban .divs .le .title { font-size: 1.8rem; font-weight: bold; color: #15c0f2; } .aterial-details-ban .divs .le .yas { font-size: 0.8rem; color: #3f3d3d; line-height: 2; margin: 0.5rem 0 1rem 0; } .aterial-details-ban .divs .re { width: 50%; } .aterial-details-ban .position { z-index: 3; color: #9e9e9e; } .aterial-details-ban .position a { color: #9e9e9e; } .aterial-details-ban .position a:hover { color: #15c0f2; } .sample-drawing { padding-bottom: 3rem; } .sample-drawing .swiper-slide .title { color: #000000; margin: 0.5rem 0; line-height: 2rem; height: 2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; font-size: 1.5rem; } .sample-drawing .swiper-slide .title a { color: #000000; } .sample-drawing .swiper-slide .title a:hover { color: #15c0f2; } .sample-drawing .swiper-slide .yao { color: #2d2b2b; font-size: 0.9rem; } .sample-drawing .swiper-container { padding: 2.5rem 0; } .sample-drawing .more1 { margin-top: 1.5rem; } .sample-drawing .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; } .sample-drawing .swiper-pagination-bullet-active { background-color: #959595; } .material-recommendation { background: #2d6ca4; padding-top: 0.5rem; } .material-recommendation .programme-title { color: #ffffff; } .material-recommendation .chanp-lun { background: transparent; padding-top: 2rem; } .series-tui { padding: 2.5rem 0; } .series-tui .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .series-tui .overh img:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .series-tui .title { margin-top: 1.5rem; color: #000000; font-size: 0.8rem; line-height: 1.5rem; height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .series-tui .title a { color: #000000; } .series-tui .title a:hover { color: #15c0f2; } .series-tui .swiper-container { padding-bottom: 3rem; } .series-tui .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .series-tui .swiper-pagination-bullet-active { background: #15c0f2; } .technical-parameter:after { background: #15c0f2; height: 50%; } .technical-parameter .biaoge { border: 1px solid #b5bac2; } .technical-parameter .biaoge .bnn { background: #8e9bb3; color: #ffffff; font-weight: bold; font-size: 1.65rem; line-height: 2.75rem; } .technical-parameter .biaoge .table-responsive { border: none; } .technical-parameter .biaoge .table-responsive .table { border: none; margin-bottom: 0; } .technical-parameter .biaoge .table-responsive .table tbody tr td { height: 2.35rem; line-height: 2.35rem; color: #576072; font-size: 0.8rem; padding: 0 0 0 1.3rem; font-weight: bold; background: #d9e4ed; } .technical-parameter .biaoge .table-responsive .table tbody tr td:nth-child(2n) { background: #eceef1; font-weight: 400; } .technical-parameter .biaoge .table-responsive .table tbody tr:nth-child(2n) td { background: #eaf3fa; } .technical-parameter .biaoge .table-responsive .table tbody tr:nth-child(2n) td:nth-child(2n) { background: #fff; } .technical-parameter .more { margin-top: 3rem; } .unionpay-ban { padding: 10rem 0 15rem 0; } .unionpay-ban .unionpay-zi { width: 46%; padding-left: 5.8rem; } .unionpay-ban .unionpay-zi .di1 img { width: 35%; position: relative; top: -10px; } .unionpay-ban .unionpay-zi .di1 { font-size: 1.65rem; color: #6874e2; line-height: 1.2; font-weight: bold; } .unionpay-ban .unionpay-zi .di2 { font-size: 1.2rem; color: #292e3b; font-weight: bold; line-height: 1.5; margin: 1rem 0; } .unionpay-ban .unionpay-zi .di3 { font-size: 0.9rem; color: #292e3b; line-height: 2; font-weight: bold; } .unionpay-ban .position { color: #cccccc; } .unionpay-ban .position a { color: #cccccc; } .unionpay-con .unionpay-ul { margin-top: 1.5rem; text-align: center; } .unionpay-con .unionpay-ul li { display: inline-block; cursor: pointer; color: #000000; font-size: 1rem; margin: 0 1rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .unionpay-con .unionpay-ul li:hover, .unionpay-con .unionpay-ul li.active { color: #6874e2; font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .unionpay-con .unionpay-div .divs { padding: 2rem 0; display: none; } .unionpay-con .unionpay-div .divs .titles { font-size: 1.8rem; font-weight: bold; color: #6874e2; margin-top: 4rem; line-height: 1.5; } .unionpay-con .unionpay-div .divs .divs-yao { color: #000000; line-height: 2; font-size: 0.9rem; } .unionpay-con .unionpay-div .divs .divs-yao .banq { font-size: 1.2rem; } .unionpay-con .unionpay-div .divs .divs-yao strong { font-size: 1.2rem; line-height: 1.5; } .cloud-factory .cloud-factory-ul li { padding: 2.5rem 0; border-bottom: 0.05rem solid #f3f3f4; } .cloud-factory .cloud-factory-ul li .le { width: 48%; } .cloud-factory .cloud-factory-ul li .re { width: 48%; margin-top: 3.5rem; } .cloud-factory .cloud-factory-ul li .re .yuans { border-style: solid; border-width: 0.05rem; border-color: #6874e2; border-radius: 50%; width: 4.1rem; height: 4.1rem; line-height: 4.1rem; text-align: center; } .cloud-factory .cloud-factory-ul li .re .yuans i { font-size: 1.8rem; color: #6874e2; } .cloud-factory .cloud-factory-ul li .re .title { font-weight: bold; font-size: 1.2rem; color: #000000; margin-top: 1rem; } .cloud-factory .cloud-factory-ul li .re .yaos { color: #000000; line-height: 2.25; font-size: 0.8rem; } .cloud-factory .cloud-factory-ul li:nth-child(2n) .le { float: right; } .cloud-factory .cloud-factory-ul li:nth-child(2n) .re { float: left; } .cloud-factory .cloud-factory-ul li:last-child { border-bottom: none; } .unionpay-bot { background: #010425; margin-top: 2.5rem; } .unionpay-bot .unionpay-bot-ul { width: 100%; left: 0; right: 0; top: 0; bottom: 0; } .unionpay-bot .unionpay-bot-ul li { position: absolute; width: 38%; } .unionpay-bot .unionpay-bot-ul li .yuans { border-style: solid; border-width: 0.05rem; border-color: #f9faff; border-radius: 50%; background: rgba(30, 45, 132, 0.7); width: 5.75rem; height: 5.75rem; display: inline-block; line-height: 5.75rem; text-align: center; color: #ffffff; cursor: pointer; font-size: 0.9rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .unionpay-bot .unionpay-bot-ul li .yuans.active { background: #1e2d84; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .unionpay-bot .unionpay-bot-ul li .duns { background: #ffffff; font-size: 0.8rem; display: none; padding: 0.75rem; color: #000000; line-height: 1.875; position: absolute; margin-top: 1rem; z-index: 33; } .unionpay-bot .unionpay-bot-ul li .duns:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 0.75rem solid transparent; border-right: 0.75rem solid transparent; border-bottom: 0.75rem solid #f5f7f9; top: -0.5rem; } .unionpay-bot .unionpay-bot-ul li:nth-child(1) { left: 28%; top: 12%; } .unionpay-bot .unionpay-bot-ul li:nth-child(2) { left: 46%; top: 30%; } .unionpay-bot .unionpay-bot-ul li:nth-child(3) { left: 4%; top: 51%; } .unionpay-bot .unionpay-bot-ul li:nth-child(4) { left: 30%; top: 42%; } .unionpay-bot .unionpay-bot-ul li:nth-child(5) { left: 52%; top: 53%; } .unionpay-bot .unionpay-bot-ul li:nth-child(6) { left: 12%; top: 28%; } .guide { overflow-y: hidden; } .guide .guide-ul li { width: 33.333333333%; height: 23rem; float: left; } .guide .guide-ul li .tu-img { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; } .guide .guide-ul li .tu-img img { width: 100%; } .guide .guide-ul li .zixun { padding: 1rem; border-left: 0.05rem solid #eaebfb; bottom: 10%; left: 38%; width: 100%; } .guide .guide-ul li .zixun .p1 { color: #000000; font-size: 1.2rem; font-weight: bold; } .guide .guide-ul li .zixun .yaos { color: #000000; margin-top: 0.5rem; line-height: 1.667; font-size: 0.9rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .guide .guide-ul li:nth-child(2n) .zixun { top: 10%; bottom: inherit; } .open-cloud { background: #6874e2; padding: 1.5rem 0; margin-top: 1.5rem; } .open-cloud .title { font-size: 1.8rem; font-weight: bold; color: #ffffff; } .open-cloud .cub-div-a { margin-top: 1.25rem; } .zhou-as { position: relative; top: 0.75rem; } .more4 a { color: #ffffff; font-size: 1rem; padding: 0 3rem; display: inline-block; line-height: 2.75rem; background: #00549e; font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; border-radius: 0.25rem; } .more4 a:hover { box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .more5 a { color: #508ace; font-size: 1rem; padding: 0 3rem; display: inline-block; line-height: 2.75rem; background: #fff; font-weight: bold; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; border-radius: 0.25rem; margin-top: 0.25rem; } .more5 a:hover { box-shadow: inset 0 0 0 1.5rem #00549e; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; color: #fff; } .scheme_d-top .row .ta:nth-child(2) { font-size: 0.9rem; } .education_div1 { background: #e5f1ff; padding: 7.1rem 0; } .education_div1-fl { font-size: 0.9rem; color: #000000; line-height: 2; } .education_div1-fl p { font-size: 1.8rem; padding-bottom: 1rem; } .education_div4 .w100>div, .education_div3 .w100>div, .education_div2 .w100>div, .education_div1 .w100>div { width: 50%; float: left; } .education_div1-fl .more1 { margin-top: 1rem; } .education_div2 { padding: 6.25rem 0 7.75rem 0; } .education_div2 .w100>div:nth-of-type(1) { padding-right: 7rem; } .education_div4 .w100>div:nth-of-type(2), .education_div2 .w100>div:nth-of-type(2) { padding-top: 3.75rem; } .education_div3 .w100>div:nth-of-type(2) { padding-left: 5.75rem; } .education_div3 { padding: 4.25rem 0; background: #e5f1ff; } .education_div3 .w100>div:nth-of-type(1) { padding-top: 6rem; } .education_div4 .w100>div:nth-of-type(1) { padding-right: 5rem; } .education_div4 { padding: 6.5rem 0; } .scheme_d-top-lb { padding-top: 2.5rem; } .scheme_d-top-lb_si div:nth-of-type(1) { width: 9.1rem; line-height: 9.1rem; margin: 0 auto; border-radius: 50%; background: #00549e; } .scheme_d-top-lb_si>div:nth-of-type(2) { font-size: 0.9rem; color: #676767; margin-top: 1.5rem; line-height: 1.6rem; } .scheme_d-top-lb_si>div:nth-of-type(2) p { font-size: 1.2rem; color: #00549e; } .scheme_d-cen-sj { position: relative; } .scheme_d-cen-sj::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; border-top: 2.5rem solid #15c0f2; top: 0rem; } .education_bc { background: #73a1d8; } .education_Solve::after { border-top: 2.5rem solid #73a1d8; } .education_Solve { padding: 2.75rem 0 4.5rem 0; } .education_Solve-si { color: #3f3f3f; font-size: 0.8rem; line-height: 1.6rem; } .education_Solve-si p { font-size: 0.9rem; font-family: "SourceHanSansCN"; color: #00549e; font-weight: bold; line-height: 1.667; } .education_Solve-lb>p { color: #000000; font-size: 1.5rem; padding-bottom: 1.75rem; font-weight: bold; } .education_Solve-lb { padding-top: 2rem; } .education_Solve_div-s { width: 6rem; /* line-height: 9.5rem; */ background: #b9bcc1; margin: 0 auto; border-radius: 1rem; } .education_Solve_div>div:nth-child(1) { line-height: 6rem; } .education_Solve_div>div:nth-child(2) { text-align: center; font-size: #000000; margin-top: 0.75rem; } .education_kq { background: #f9fafa; padding: 4rem 0 4.5rem 0; } .education_kq_s { color: #00549e; font-family: "SourceHanSansCN"; font-weight: bold; line-height: 1.25; text-align: center; } .education_kq_s>p:nth-of-type(1) { font-size: 1.8rem; } .education_kq_s>p span { font-size: 3.6rem; } .education_kq_s>p:nth-of-type(2) { font-size: 1.8rem; } .education_kq-lb { padding-top: 3.1rem; } .education_kq-lb-div a { display: block; } .education_kq-lb-div-w { color: #fff; padding: 0.75rem; background: #99bbe2; } .education_kq-lb-div-w p { font-size: 0.7rem; line-height: 1.4rem; height: 84px; } .education_kq-lb-div-w a { font-size: 0.9rem; font-family: "SourceHanSansCN"; font-weight: bold; line-height: 1.5; /* padding-bottom: 0.25rem; */ color: #fff; } .education_Solve-bj { background: url(../images/17.jpg) no-repeat; background-size: cover; } .education_Solve-bj1 .programme-zhi-con .title, .education_Solve-bj .programme-zhi-con .title { color: #00549e; } .education_Solve-bj1 { background: url(../images/16.jpg) no-repeat; background-size: cover; } .education_Solve_back::after { border-left: 0rem solid transparent !important; border-right: 0rem solid transparent !important; border-top: 0rem solid #f5f7f9 !important; } .education_Solve_back { background: #508ace; border-top: 0.15rem solid #fff; } .nav-h-sa { display: inline-block; color: #292e3b; font-size: 1.5rem; font-family: "SourceHanSansCN"; margin-left: 1.5rem; font-weight: bold; text-transform: uppercase; line-height: 1.867; } .teach { background: url(../images/s15.jpg) no-repeat; background-size: 100% 100%; } .teach .new-information { background: transparent; } .teach .left { width: 52%; } .teach .right { width: 48%; } .teach .left .yas { font-size: 1rem; font-family: "Adobe Heiti Std"; line-height: 2; } .teach .left .tis { font-size: 1.8rem; font-family: "SourceHanSansCN"; color: #ffffff; font-weight: bold; margin: 1rem 0; } .teach_tu { background: url(../images/s16.jpg) no-repeat; } .teach-pro-s { text-align: center; font-size: 1.8rem; font-family: "SourceHanSansCN"; color: #ffffff; font-weight: bold; } .teach-pro { padding: 4.25rem 3% 2.25rem 3%; background: #222328; } .teach-pro-ul { text-align: center; padding: 1.5rem 0 2.5rem 0; } .teach-pro-ul li { display: inline-block; color: #fff; font-size: 1rem; line-height: 1.167; padding: 0 0.4rem; cursor: pointer; } .teach-pro-ul li a { color: #fff; } .teach-pro-ul li.active, .teach-pro-ul li:hover { color: #00a0e9; } .teach-pro-lb a { display: block; } .teach-pro-lb-si a { color: #000000; font-size: 0.8rem; } .teach-pro-lb .swiper-slide { background: #ffffff; padding: 1.75rem; } .teach-pro-lb-si p { color: #00a0e9; font-size: 1.2rem; /* margin-top: 0.5rem; */ } .teach-pro-lb-si { margin-top: 0.75rem; line-height: 1.875; } .teach-pro-more3 a { color: #15c0f2; border: 2px solid #15c0f2; } .teach-pro-more3 { margin-top: 2.5rem; } .teach-dy { background: #e5f1ff; padding: 1.5rem 0; } .teach-dy div .div1 .div1-fl { width: 40%; } .teach-dy div .div1-fr { background: #ffffff; width: 50%; padding: 3rem 2rem 3rem 2.5rem; margin-top: 13%; } .teach-dy div .pp1 { color: #15c0f2; font-size: 1.8rem; font-weight: bold; } .teach-dy div .yaos1 { color: #2f3131; font-size: 0.8rem; line-height: 1.5rem; margin-top: 0.75rem; } .teach-dy div .div1-fr .more a { background: #15c0f2; } .teach-dy div .div1-fr .more { margin-top: 1.75rem; } .teach-pro-size { text-align: center; color: #fff; font-size: 1.8rem; font-weight: bold; padding: 3.5rem 0; background: #00aee6; } .teach-pro-size .more5 a { color: #000000; } .teach-pro-size .more5 a:hover { color: #fff; } .teach-tp-bor .swiper-slide { border-left: 0.1rem solid #00aee6; } /* .teach-tp-bor .swiper-slide:nth-of-type(1) { border: none; } */ /* 口腔-简介 */ .teach-brief { background: url(../images/s22.jpg) no-repeat; background-size: 100% 100%; padding: 3.75rem 0 4.5rem 0; } .teach-brief-wid { width: 100%; } .teach-brief-wid .fl { width: 55%; font-size: 0.8rem; font-family: "SourceHanSansCN"; color: #000000; line-height: 2.25; } .teach-brief-wid .fl p { font-size: 1.8rem; font-family: "SourceHanSansCN"; color: #000000; font-weight: bold; } .teach-brief-wid .fr { width: 43%; margin-top: 8%; } .teach-brief-div { height: 14.25rem; padding: 1.75rem 0.9rem 0 0.9rem; color: #fff; } .teach-brief-size { font-size: 0.8rem; font-family: "SourceHanSansCN"; color: #ffffff; line-height: 1.75; } .teach-brief-size p { font-size: 1.2rem; font-family: "SourceHanSansCN"; color: #ffffff; line-height: 1.5; margin: 1.25rem 0 0.25rem; } .teach-brief-wid .swiper-slide:nth-of-type(1) { background-color: #8aa8c7; } .teach-brief-wid .swiper-slide:nth-of-type(2) { background: #a9c0e0; } .teach-brief-wid .swiper-slide:nth-of-type(3) { background: #808db5; } .teach-brief-wid .swiper-slide:nth-of-type(4) { background: #b6c0c9; } .teach-img { background: url(../images/s27.jpg) no-repeat; background-size: cover; } .teach-img .new-information { background: no-repeat; } .teach-img .left .tis { font-size: 1.5rem; font-family: "SourceHanSansCN"; color: #ffffff; font-weight: bold; letter-spacing: 0.2rem; } .teach-img .left .yas { font-size: 1rem; font-family: "SourceHanSansCN"; color: #ffffff; font-weight: bold; line-height: 2; margin-top: 0.3rem; } .teach-img .left .cub-div-a a { background: #548dcf; color: #fff; } .teach-img .left .cub-div-a { margin-top: 1rem; } .cavity { padding: 3.5rem 0 0rem 0; background: #f9fafa; } .cavity-si p { font-size: 1.8rem; color: #000000; font-weight: bold; } .cavity-si { font-size: 0.9rem; color: #000000; line-height: 1.667; } .cavity-pro-si p:nth-of-type(1) { font-size: 1.8rem; color: #000000; font-weight: bold; } .cavity-pro-si p:nth-of-type(2) { font-size: 0.8rem; color: #000000; line-height: 1.5rem; } .cavity-pro { padding: 3.25rem 0 4rem; } .cavity-pro-wid { width: 100%; text-align: center; } .cavity-pro-wid { width: 100%; padding: 0 3%; padding-top: 3.5rem; } .cavity-pro-fe div:nth-of-type(2) a { display: block; } .cavity-pro-wid>div:nth-of-type(even) { width: 24%; float: left; } .cavity-pro-wid>div:nth-of-type(odd) { width: 38%; float: left; } .cavity-pro-fe div:nth-of-type(1) a { display: inline-block; text-align: center; line-height: 2.5rem; border-radius: 1.5rem; background: #00549e; color: #fff; font-size: 1.2rem; width: 14.25rem; margin-bottom: 3rem; } .cavity-sb { background: #73a1d8; color: #fff; font-size: 1.8rem; line-height: 1.722; text-align: center; padding: 3rem 0 3rem 0; } .cavity-sb .more5 a { color: #000; } .cavity-sb .more5 a:hover { color: #fff; } .cavity-fa .fl { width: 40%; } .cavity-fa .fr { width: 55%; } .cavity-fa .programme-title { font-size: 1.8rem; margin-bottom: 2.75rem; } .cavity-div { background: url(../images/s31.jpg) no-repeat; background-size: 100% 100%; padding: 2.25rem 3% 8.5rem 20%; } .cavity-div::after { border-top: 2.5rem solid #73a1d8; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(odd) { width: 6rem !important; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(even) { width: 2.5rem !important; } .cavity-fa .education_Solve-lb { padding-top: 55%; } .cavity-bas { background: #fff; color: #000; } .cavity-bas::after { border-top: 2.5rem solid #508ace; } .cavity-asj { background: #508ace; } .cavity-sjk::after { border: none; } .cavity-sjk { background: #9fbfe4; } .teach-imga { background: url(../images/s32.jpg) no-repeat; background-size: cover; } .teach-imga .new-information { background: no-repeat; } .teach-imga .cub-div-a a { background: #15c0f2; color: #fff; } .teach-imga .new-information .left .yas { margin-top: 0.5rem; } .teach_tua { background: url(../images/s33.jpg) no-repeat; padding: 0 0 2rem 0; } .teach_tua .programme-yao { margin-top: 1rem; } .teach_tua .more1 { margin-top: 1rem; } .teach-pros .swiper-wrapper { height: auto !important; } .shoes { background: url(../images/s34.jpg) no-repeat; background-size: cover; padding: 4.5rem 0; text-align: center; } .shoes p { font-size: 1.8rem; color: #fff; margin-bottom: 1.25rem; } .shoes-kh { background: #2d6ca4; } .shoes-kh .swiper-slide .site-bot .site-yao { text-align: center; } .lb-auto .swiper-wrapper { height: auto; } .shoes-div { background: #f9f8f8; text-align: center; padding: 4.5rem 0 2.5rem 0; } .shoes-div-si { margin-bottom: 1.25rem; } .shoes-div-si p:nth-of-type(1) { font-size: 1.8rem; font-family: "SourceHanSansCN"; color: #000000; font-weight: bold; } .shoes-div .more1 { margin-top: 1rem; } .shoes_sj::after { border: none; } .shoes-xq { background: url(../images/s38.jpg) no-repeat; background-size: cover; } .shoes-div-si>p:nth-of-type(2) { font-size: 0.7rem; color: #15c0f2; } .shoes_lc>p { font-size: 1.5rem; color: #000000; font-weight: bold; line-height: 1.2; /* padding-bottom: 1rem; padding-left: 3.5rem; */ padding: 0.75rem 0 1rem 3.5rem; } .shoes-div .shoes_lc { text-align: left; } .shoes_lc-wid { width: 100%; position: relative; } .shoes_lc-wid>div { width: 25%; float: left; text-align: center; } .shoes_lc-wid>div p { font-size: 0.8rem; color: #000000; font-weight: bold; line-height: 2.25; } .shoes_lc-wid>div:nth-of-type(2) { margin: 0 7.3rem; } .shoes_lc { position: relative; } .shoes_lc::after { display: block; content: ""; position: absolute; bottom: 35%; left: 29%; background: url(../images/s41.jpg) no-repeat; background-size: 100% 100%; width: 2.75rem; height: 1.5rem; } .shoes_lc::before { display: block; content: ""; position: absolute; bottom: 35%; right: 29%; background: url(../images/s41.jpg) no-repeat; background-size: 100% 100%; width: 2.75rem; height: 1.5rem; } .shoes_lc_bac { background: none; } .shoes_xm { background: #6d94d1; padding: 2.5rem 0 5rem 0; } .shoes_xm-si p { font-size: 1.8rem; color: #ffffff; font-weight: bold; } .shoes_xm-si { margin-bottom: 3rem; } .shoes-yj .pro-titl { background: #6d94d1; color: #fff; } .shoes-yj .pro-titl:after { border-top: 2.5rem solid #6d94d1; } .shoes-yj .chanp-lun { background: #576071; } .shoes_fx { background: #15c0f2; } .shoes_fx .swiper-slide .icon-pa i { font-size: 1.8rem; } .youce { position: fixed; right: 0; top: 80%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #fff; z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .youce .youce-ul li { background: #15c0f2; color: #ffffff; font-size: 0.7rem; width: 75px; padding: 10px 0; border-top: 0.05rem solid #fff; cursor: pointer; position: relative; text-align: center; } .youce .youce-ul li a { color: #ffffff; } .youce .youce-ul li i { font-size: 1.5rem; } .youce .youce-ul li .youce-div { display: none; min-width: 120px; right: 75px; background: #6397be; z-index: 3; line-height: 3.65rem; top: 0; padding: 0 10px; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .youce .youce-ul li:hover { background: #6397be; } .youce .youce-ul li:hover .youce-div { display: block; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .youce .colose { right: 76px; width: 9px; height: 113px; cursor: pointer; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .youce.active { right: -76px; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .ds { cursor: pointer; } .searchbox { padding: 0.75rem; background: #fff; width: 100%; top: 4.6rem; border-top: 0.1rem solid #15c0f2; text-align: center; z-index: 44; position: fixed; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .searchbox.active { top: 3.15rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .displaynone { display: none; } .searchs { max-width: 30rem; margin: 0 auto; } .clearfix { zoom: 1; } .searchs .sertext { display: block; padding: 0; outline: 0; padding-left: 0.6rem; width: 78%; float: left; border: 1px solid #cdcdcd; color: #a2a2a2; font-size: 0.6rem; height: 2.6rem; line-height: 2.6rem; transition: 0.4s; } .serbtn { padding: 0; margin: 0; border: none; outline: 0; width: 22%; float: right; height: 2.6rem; text-align: center; line-height: 2.6rem; background: #15c0f2; color: #fff; font-size: 0.75rem; cursor: pointer; transition: 0.44s; } .pei-zi .more1 { margin-top: 1rem; } .advantage-ban .ban-zi .scheme_d_ban-con { width: 63%; } .advantage-color { background: #15c0f2; padding-bottom: 2.25rem; } .advantage-jie { background: transparent; } .advantage-jie .jie-lunboq .swiper-slide .icon-pa i, .advantage-jie .jie-lunboq .swiper-slide .div1 a, .advantage-jie .jie-lunboq .swiper-slide .div2, .advantage-jie .programme-title { color: #000000; } .advantage-jie .jie-lunboq .swiper-slide .lius-a { color: #15c0f2; } .advantage-jie .jie-lunboq .swiper-container { padding: 1.75rem 0 2rem 0; } .advantage-jie .jie-lunboq .swiper-container .swiper-pagination-bullet-active { background: #15c0f2; } .advantage-jie .programme-yao { font-size: 0.8rem; } .advantage-jie .more1 { margin-top: 1.5rem; } .sales-volume-div { background: #282828; padding: 4.5rem 0 3.5rem 0; } .sales-volume-div .sales-volume .xian-ul li { float: right; } .sales-volume-div .sales-volume .xian-ul { margin: 0.5rem 0; } .printer { margin: 1.5rem 0 4.5rem 0; } .printer .programme-title { color: #15c0f2; } .printer .yaos { color: #000000; line-height: 1.875; font-size: 0.8rem; margin: 1rem 0 0.5rem 0; } .printer .yaos .ys { color: #15c0f2; } .printer .printer-top { margin-top: 2.5rem; } .printer .printer-top .programme-title { padding-top: 0; } .printer .printer-top .box-show { box-shadow: 0rem 0.4rem 1.9rem 0rem rgba(164, 161, 161, 0.35); } .advantages-of-liantai { background: #658cca; padding-bottom: 3.5rem; } .advantages-of-liantai .programme-title { color: #ffffff; margin-bottom: 2rem; } .advantages-of-liantai .p1 { font-size: 1.2rem; color: #000000; margin-top: 0.5rem; } .advantages-of-liantai .div2 { color: #2d2b2b; line-height: 1.875; font-size: 0.8rem; height: 7.5rem; margin: 0.5rem 0; } .advantages-of-liantai .swiper-slide { background: #ffffff; padding: 2.5rem; } .technology-div .technology-uls { margin: 2rem 0 0.5rem 0; } .technology-div .technology-uls li { display: inline-block; color: #4e5152; font-size: 1rem; cursor: pointer; margin: 0 1rem; position: relative; } .technology-div .technology-uls li:after { content: ''; position: absolute; right: -1rem; width: 0.1rem; height: 60%; background: #4e5152; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .technology-div .technology-uls li:last-child:after { opacity: 0; } .technology-div .technology-uls li:hover, .technology-div .technology-uls li.active { color: #15c0f2; } .technology-div .technology-cons>.swiper-container { display: none; } .content-di h4 a { display: block; text-align: center; background: #f0f0f0; font-size: 14px; color: #666; line-height: 35px; } .content-di h4 a:hover { background: #15c0f2; color: #ffffff; } .content-di { overflow: hidden; line-height: 35px; padding: 21px 10px; border-bottom: 1px solid #eee; } .content-di .col-md-2 h4 { margin: 0; } .site_cell a { float: left; color: #666; padding-right: 35px; transition: none; } .site_cell a:hover { color: #15c0f2; } .phone { box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); display: none; top: 0; position: fixed; background: #576071; z-index: 99; line-height: 60px; width: 100%; } .phone i { font-size: 20px; color: #ffffff; } .sidebar-menu { display: none; position: fixed; top: 0; bottom: 0; right: 0; width: 250px; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #576071; transition: right 0.5s; z-index: 99999; } .sidebar-menu.is-active { display: block; transition: right 0.5s; } .sidebar-menu__item .sib-a { padding: 10px 0px 10px 25px; color: #828282; font-size: 13px; width: 50%; } .sidebar-menu__link.icon-arrow-right-copy { width: 50%; text-align: right; color: #dadada; } .sidebar-menu__header { height: 50px; background: transparent; z-index: auto; position: relative; display: block; padding: 20px 25px; height: 100%; width: 100%; color: #fff; } .sidebar-menu__title { color: #ccc; font-size: 15px; font-weight: 400; text-transform: uppercase; } .sidebar-menu__title>i { display: inline-block; float: right; font-size: 28px; line-height: inherit; } .sidebar-menu__title:active, .sidebar-menu__title:focus, .sidebar-menu__title:hover { color: #fff; text-decoration: none; } .sidebar-menu__title::first-letter { text-transform: uppercase; } .sidebar-menu__title::before { content: "\e907"; display: block; position: absolute; top: 50%; right: 20px; margin-top: -10px; color: #fff; font-size: 20px; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; font-feature-settings: "liga" 1; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; all: unset; } .sidebar-menu__list { position: fixed; top: 61px; right: 0; bottom: 0; margin: 0; padding: 0; width: 250px; list-style: none; background-color: #fff; transition: right 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__item { padding: 0; width: 100%; border-bottom: 1px solid #eeeeee; } .colos { line-height: 70px; } .sidebar-menu__item:first-child { border-top: 0; } .sidebar-menu__item.sidebar-menu__item--back, .sidebar-menu__item.sidebar-menu__item--back:hover, .sidebar-menu__link.sidebar-menu__subtitle { background-color: #6397be !important; } .sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link { color: #fff !important; } .sidebar-menu__item:hover { background-color: #fff; cursor: pointer; } .sidebar-menu__item:hover>.sidebar-menu__link { color: #6e6e6e; } .phone_i { display: inline-block; line-height: 60px; padding: 0 15px; } .sidebar-menu__item:hover>.sidebar-menu__link .glyphicon-menu-right { color: #6e6e6e; } .sidebar-menu__item .sidebar-menu__list { position: absolute; top: 0; right: 0; z-index: 1; transform: translateX(300px); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__item .sidebar-menu__list.is-active { transform: translateX(0); } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list { z-index: 2; } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list { z-index: 3; } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list { z-index: 4; } .sidebar-menu__link { display: block; padding: 10px 25px; color: #828282; font-size: 13px; font-weight: 400; transition: color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__link::first-letter { text-transform: uppercase; } .sidebar-menu__link:active, .sidebar-menu__link:focus, .sidebar-menu__link:hover { text-decoration: none; } .sidebar-menu__link span.glyphicon-menu-left { float: left; font-size: 12px; color: #fff; line-height: 20px; margin-right: 4px; } .sidebar-menu__link .glyphicon-menu-right { color: #bababa; float: right; } .zhou-body { padding-top: 0; } /* .daohang .dang-ul>li:last-child .ee-div { width: 9rem; } */ .hot-sale-product::after { display: none; } .information-video:after { display: none; } .programme-zhi-qi { padding: 4rem 0 4rem 0; background: #15c0f2; } .programme-zhi-qi .programme-zhi-con { width: 49%; } .programme-ban2:after { display: none; } .diayes { padding-bottom: 2.5rem; } .foot-bot { display: none; } .privacy { color: #000000; } .privacy .bigtit { font-size: 1.8rem; font-weight: 400; margin-bottom: 40px; } .privacy .title { font-size: 14px; margin: 30px 0 20px; font-weight: bold; } .privacy p { width: 100%; color: #5a5a5a; line-height: 1.5rem; font-size: 0.8rem; } .product-overview .product-overview-list>li>.rights .reason { height: 145px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 5; overflow: hidden; } /* .product-overview .product-overview-list > li > .rights .reason > p { display: none; } */ .marketing_activities .marketing-ul li .right>.box .data { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .development_history_lunbo .swiper-container .swiper-slide:last-child .zis, .development_history_lunbo .swiper-container .swiper-slide:nth-last-child(2) .zis { left: -9.5rem; } .development_history_lunbo .swiper-container .swiper-slide:last-child .zis::after, .development_history_lunbo .swiper-container .swiper-slide:nth-last-child(2) .zis::after { right: 0.5rem; left: auto; } @media (max-width: 1720px) { .education_kq-lb-div-w p { height: 66px; } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot .yao { height: 60px; } .product-overview .product-overview-list>li>.rights .reason { height: 115px; } .cavity-sb { padding: 3rem 0 3rem 0; font-size: 1.5rem; } .teach .left .yas { line-height: 1.8; } .training-meeting-con .title { font-size: 1.5rem; } .training-meeting-top, .training-meeting-con { padding: 4rem 0 4rem 0; } .training-meeting-top .left { margin-top: 5%; } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot .title { font-size: 1.2rem; } .cuble_unionTech .unionTec-con { font-style: 1rem; } .unionpay-ban .unionpay-zi .di1 img { width: 24%; position: relative; top: -6px; } .programme-ban3 { padding: 1.8rem 0 !important; } .club-cen .club-cen-lunbo .swiper-container { padding: 1.8rem 0 2.8rem; } .club-cen .programme-title { padding-top: 1.8rem; } .product-overview select { padding: 0 10px; } .sample-drawing .swiper-slide .title { font-size: 1.2rem; } .product-overview .product-overview-list>li>.rights .reason .wd { font-size: 1rem; } .scheme_d-top { padding: 2rem 0 6rem 0; } .programme-ban:after { display: none; } .nian-qi { margin-bottom: 3.5rem; } .scheme_tui .pro-titl { padding: 1.5rem 0 1.5rem 0; } .index-chuang { padding: 3rem 0 3rem 0; } .index-shuo .shuo-con { font-size: 1rem; } .new-information .left .tis { font-size: 1.5rem; } .index-chuang .tups { width: 8.5rem; } .index-chuang .chuang-con { margin-top: 3rem; } .head .title { font-size: 1.8rem; } .programme-ban2 { padding: 3rem 0; } .index-chuang .tups .tup-img { left: -120%; } .index-chuang .tups .tup-img img { width: 250px; max-width: 250px; } .club-top .cub-div .cub-div-zi .div4 { font-size: 1.4rem; } .cavity-si p, .programme-ban .title { font-size: 1.5rem; } .hot-sale-product .hot-sale-product-top, .product-xzcp { padding: 2rem 0; font-size: 1.5rem; } .hot-sale-product .hot-sale-product-top::after { border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 1.5rem solid #f6ae00; bottom: -1.5rem; } .information-activities::after { border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 1.5rem solid #576071; bottom: -1.5rem; } .programme-bot .programme-bot-top:after { border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 1.5rem solid #15c0f2; bottom: -1.5rem; } .index-chuang .tups .tup-img { right: 0; } .daohang .dang-ul { margin-left: 10%; } .more { margin-top: 3rem; } .unionpay-ban .unionpay-zi .di1 { font-size: 1.5rem; } .unionpay-ban .unionpay-zi .di2 { font-size: 1.3rem; } .index-pro .head-ul li:nth-child(4):after, .index-pro .head-ul li:nth-child(5):after, .index-pro .head-ul li:nth-child(6):after { width: 1.8rem; height: 0.85rem; right: -1.9rem; top: 0; } html { font-size: 16px; } .nav-h .dang-ul { margin-left: 9%; } .sales-volume .gengs-div { margin-top: 1; } .since .since-con .div2 { line-height: 2.3; } .structure-num .cus-ul li { margin-right: 11.35rem; } .container { width: 970px; } .club-top .cub-div .cub-div-zi .div3, .product-ban .ban-zi .scheme_d_ban-con .ban-title, .cuble_unionTech .unionTec-con, .club-top .cub-div .cub-div-zi .div1, .club-top .cub-p1, .programme-title, .cavity-si p, .cuble-boots .cuble-boots_zu .wo_and_you, .scheme_d-cen .scheme_d-cen-title, .programme-ban .title, .cub-3d .cub-3d-con .hd .title, .programme-zhi .programme-zhi-con .title { font-size: 1.5rem; } .cuble_unionTech .unionTec-con { font-size: 1rem; } .cuble_unionTech .swiper-container { padding-bottom: 2.5rem; } .hot-sale-product-lunbo .zz1 .p1 { font-size: 1.8rem; } .unionpay-ban .unionpay-zi .di2 { font-size: 1rem; line-height: 1.4; } .cub-3d .cub-3d-con .hd .title { font-size: 1.2rem; } .cub-3d .vc_toggle .vc_toggle_title h4 { font-size: 1rem; } .distributor-ban .distributor-ban-zi { font-size: 1.5rem; height: 4.7rem; line-height: 4.7rem; } .scheme_d-cen .scheme_d-cen-yao { font-size: 1rem; } } /* .sla-div{ display: none; } */ .sou-div { left: 10%; bottom: 10%; } .sou-div .div1 { color: #ffffff; font-size: 1.5rem; font-weight: bold; text-shadow: 0 0 10px rgba(0, 0, 0, 0.52); } @media (max-width: 1440px) { .nav-h .dang-ul>li>a, .daohang .dang-ul>li>a { padding: 0 3rem; } } @media (max-width: 1200px) { .structure-num .cus-ul li { margin-right: 13.35rem; } .unionpay-ban .unionpay-zi { width: 58%; padding-left: 1.8rem; } .unionpay-ban { padding: 7rem 0 5rem 0; } .since .sincen-bg { transform: skewY(0deg); -ms-transform: skewY(0deg); -moz-transform: skewY(0deg); -webkit-transform: skewY(0deg); -o-transform: skewY(0deg); } .since { margin-top: 0; } .development_history_lunbo .zis::after { display: none; } .since .since-con { padding: 2.5rem 0 5.85rem 0; } .nav-h .dang-ul>li>a, .daohang .dang-ul>li>a { padding: 0 1rem; } .nav-h .dang-ul, .daohang .dang-ul { margin-left: 2%; } .index-chuang .tups .tup-img img, .index-chuang .tups { display: none; } .containers { width: 100%; } .nav-h { padding: 0 1.5rem 0 1.5rem; } .nav-h .dang-ul>li>a, .daohang .dang-ul>li>a { padding: 0 2rem; } } .dnayes { padding: 15px; font-size: 16px; line-height: 30px; } @media (max-width: 990px) { .hot-sale-product-lunbo .swiper-slide .div1-fr { width: 70%; padding: 1.5rem; margin: auto; } .scheme_d_ban .scheme_d_ban-con .ban-title { display: none; } body { padding-top: 3.5rem; } .container { width: 100%; } .zhou-body { width: 100vw; } .phone { display: block; } .index-body { padding-top: 62px; } .searchbox { top: 62px; } .di1>img { width: 30%; } .unionpay-ban .unionpay-zi .di1 { font-size: 1.5rem; } .unionpay-ban .unionpay-zi .di2 { font-size: 1.2rem; } .sla-div { padding: 1.25rem; } .daohang, .nav-h { display: none; } .index-you-lunbo .dao-nian { font-size: 1.8rem; } .programme-title { font-size: 1.8rem; } .advantages-of-liantai .div2 { height: 132px; } .new-information .left .tis { font-size: 1.55rem; } .new-information .left { padding: 3rem 1.25rem; } .scheme_d_ban .scheme_d_ban-con .div1 { display: none; } .logo-dao, .off-canvas-wrap, #qLtempOverlay { display: none; } } @media (max-width: 767px) { .hot-sale-product-lunbo .swiper-slide .div1-fr { width: 100%; margin: 0 auto; } .programme-title { padding-top: 0; } .programme-zhi-qi .programme-zhi-con { margin: .5rem 0; } .scheme_d_ban .position { display: none; } html { font-size: 12px; } .foot-hui { display: none; } .index-jie .jie-bg { transform: skewY(0deg); -ms-transform: skewY(0deg); -moz-transform: skewY(0deg); -webkit-transform: skewY(0deg); -o-transform: skewY(0deg); } .index-jie { margin-top: 0rem; padding-bottom: 3rem; } .index-jie .jie-lunbo { padding: 3rem 1.25rem 0 1.25rem; } .more { margin-top: 2rem; } .index-jie { height: auto; } .index-chuang, .index-3d-pei { padding: 3rem 1.25rem; } .index-chuang .chuang-con>.fl { width: 100%; } .index-chuang .chuang-con { margin-top: 0.75rem; } .head .title { font-size: 1.7rem; } .index-chuang .chuang-con>.fr { width: 100%; padding: 1.25rem 0; } .index-3d-pei .fl { width: 100%; padding: 1.25rem; } .index-pro .index-pro-con>div { padding: 1.25rem; } .index-pro { padding: 3rem 1.25rem; margin-top: 0; } .index-pro .head-ul li { margin-bottom: 10px; } .index-pro .index-pro-con .div1 .div1-fl { width: 100%; } .index-pro .index-pro-con .div1-fr { width: 100%; padding: 1.25rem; } .index-pro .index-pro-con .div4, .index-pro .index-pro-con .div5 { background-size: cover; padding: 3rem 1.25rem; } .index-ji { padding: 0 1.25rem 3rem 1.25rem; } .index-ji .js-shu .zis1 { font-size: 1.4rem; text-align: center; } .index-you { margin-top: 0; padding: 3rem 1.25rem; background: #6e94d1; } .index-new { padding: 3rem 1.25rem 1.25rem 1.25rem; } .index-shuo .shou-bg { transform: skewY(0deg); -ms-transform: skewY(0deg); -moz-transform: skewY(0deg); -webkit-transform: skewY(0deg); -o-transform: skewY(0deg); } .index-shuo { margin-top: 0; padding: 3rem 1.25rem; background: #2d6ca4; } .index-shuo .title { font-size: 1rem; padding: 1rem 0; } footer .foot-top .foot-ul li a { padding: 0 .3rem; } .index-shuo .shuo-con { font-size: 1rem; } .scheme_d_ban .scheme_d_ban-con .div1 { display: none; } .scheme_d_ban .scheme_d_ban-con .ban-title { font-size: 1.8rem; } .advantage-ban .ban-zi .scheme_d_ban-con { width: 100%; text-align: center; } .advantage-color, .programme-ban, .scheme_d-cen, .printer, .technology-div, .advantages-of-liantai, .sales-volume-div, .advantage-jie, .mechanism_advantages, .resource_advantages, .capital_advantage { padding: 3rem 1.25rem; } .mechanism_advantages .left, .resource_advantages .right, .new-information .left { width: 100%; position: relative; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .mechanism_advantages .right { width: 100%; padding: 1.25rem; margin-top: 1.25rem; } .resource_advantages .left { width: 100%; margin-bottom: 1.25rem; } .capital_advantage .programme-zhi-con { width: 100%; } .printer { margin: 0; } .programme-title { font-size: 1.7rem; } .advantages-of-liantai .div2 { height: 88px; } .technology-cons { padding: 0; } .scheme_d-cen .scheme_d-cen-title, .programme-ban .title { font-size: 1.7rem; } .new-information .right { width: 100%; } .new-information, .new-xiang1, .lt-information, .information-activities, .industry-information, .information-video { padding: 3rem 1.25rem; } .new-information .left { padding: 1.25rem 0; } .information-video .in-vide .re { width: 32%; } .new-xiang1 .tetle { font-size: 1.4rem; } .new-xiang1 .data-le { width: 100%; overflow: hidden; } .new-xiang1 .con-body { padding: 0; width: 100%; } .new-xiang1 .data-le .more1 a { display: none; } .new-xiang1 .righs { width: 100%; margin-top: 1.25rem; } .new-xiang1 .righs img { width: 100%; } .new-tt .latest-news-ul li { width: 49%; float: left; } .new-tt .latest-news-ul li:nth-child(2n) { float: right; } .new-xiang1 .data-le .fengxiang .bshare-custom a, .new-xiang1 .data-le .fengxiang .nian { display: inline-block; float: left; } .new-xiang1 .data-le .fengxiang { margin-top: 0; float: right; width: 50%; } .new-xiang1 .data-le>.nian, .new-xiang1 .data-le .more1 { display: none; } .new-xiang1 .data-le .day, .new-xiang1 .data-le .fen { display: inline-block; } .new-xiang1 .data-le .fengxiang .bshare-custom { margin-top: 0px; top: -5px; position: relative; } .training-meeting-top { padding: 0; } .training-meeting-con, .marketing_activities, .lb-auto { padding: 3rem 1.25rem; } .training-meeting-con .le { width: 100%; margin: 1.25rem 0; } .training-meeting-con .re { width: 100%; } .training-meeting-con .title { font-size: 1.55rem; } .marketing_activities .le { width: 100%; } .marketing_activities .re { width: 100%; } .marketing_activities .marketing-ul li .left { width: 100%; } .marketing_activities .marketing-ul li .right { width: 100%; margin-top: 1.25rem; } .development .development-con .development-div { padding: 0 1.25rem; } .shoes-div-si p:nth-of-type(1) { font-size: 1.8rem; } .shoes-div, .programme-zhi { padding: 3rem 1.25rem; } .programme-zhi .programme-zhi-con { width: 100%; } .scheme_d_ban .scheme_d_ban-con { width: 100%; text-align: center; } .scheme_d-top, .shoes_xm { padding: 3rem 1.25rem; } .shoes_lc-wid>div { width: 32%; } .shoes_lc::after { left: 24%; display: none; } .shoes_lc-wid>div:nth-of-type(2) { margin: 0 0.3rem; } .shoes_xm-si p { font-size: 1.8rem; } .transformation { padding: 3rem 1.25rem; } .transformation .swiper-slide .tile { font-size: 1.4rem; } .transformation .swiper-slide .yaso { line-height: 2; margin-top: 1.4rem; } .scheme_tui .pro-titl { font-size: 1.7rem; } .chanp-lun, .shoes_fx, .culture { padding: 3rem 1.25rem; } .position-div { display: none; } .rongs { margin: 0; padding: 3rem .5rem; } .rongs .col-md-4 { margin-bottom: 1rem; padding: 0 .5rem; } .culture .culture-top { width: 100%; } .culture-qye { width: 100%; padding: 3rem 1.25rem; } .culture-qye .vision-ul { margin-top: 1.25rem; } .sense { padding: 3rem 1.25rem; } .sense .sense-ul li { width: 100%; margin-bottom: 1%; } .sense .sense-ul li .yaos { height: auto; line-height: 24px; -webkit-line-clamp: 5; } .scheme_d_ban .scheme_d_ban-con .ban-title { font-size: 1.5rem; } .brief-ban .ban-zi .scheme_d_ban-con .ban-title span { font-size: 1.8rem; } .development .development-con { position: relative; padding: 3rem 0rem; } .since { padding: 0rem 1.25rem; background: #15c0f2; } .since .since-con .div2 { line-height: 2; } .since .since-con { padding: 3rem 0; } .development_history, .approval { padding: 3rem 1.25rem; } .development_history .development_history_top .fl { width: 100%; } .development_history .fr { width: 100%; } .nian-qi .div1 { width: 100%; margin: .5rem 0; } .nian-qi .div2 { width: 100%; margin: .5rem 0; } .nian-qi .div3 { width: 100%; margin: .5rem 0; } .nian-qi { margin-bottom: 0rem; } .approval .approval-title { font-size: 1.8rem; } .approval .yuans { position: relative; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); margin-top: 1.25rem; } .approval .yuans2 { right: 0; display: inline-block; } .approval .yuans1 { left: 0; display: inline-block; } .approval { text-align: center; } .jianzhis, .structure, .agent, .structure-num, .link-cen, .history, .link-top { padding: 3rem 1.25rem; } .jianzhis .jianzhis-ul li { width: 100%; padding: 1.25rem; margin-top: 1%; } .jianzhis .jianzhis-ul li .title { font-size: 1.8rem; } .structure-num .cus-ul li { width: 25%; text-align: center; margin-right: 0; } .structure-num .cus-ul li .shushu { font-size: 2.6rem; } .brief-ban .ban-zi .scheme_d_ban-con .ban-title span { display: none; } .scheme_d_ban .ban-zi { text-align: center; } .history .history-ul li { width: 100%; margin-bottom: 1.25rem; } .history .history-ul::after { display: none; } .history .history-ul li:nth-child(2n) { top: 0; } .history .history-ul li .title { margin-top: 1rem; } .history .history-ul li:after, .history .history-ul li:before { display: none; } .network { padding: 1.25rem; } .network .maps { margin: 1.25rem 0; } .agent .title { font-size: 1.5rem; } .consulting { padding: 3rem 1.25rem; } .consulting .logo-ul li { width: 100%; } .consulting .biaodan { padding: 1.25rem; } .distributor-ban .distributor-ban-zi { font-size: 1.5rem; height: 4.7rem; line-height: 4.7rem; } .distributor-dev { padding: 3rem 1.25rem; } .distributor-dev .development-con .development-div { padding: 1.25rem; } .distributor-dev .development-con { padding: 0; } .advantage, .distributor-3d { padding: 3rem 1.25rem; } .customer-div, .customer_site { padding: 3rem 1.25rem; } .job-top, .job-cen, .job-bot { padding: 3rem 1.25rem; } .social { padding: 1.25rem; } .social .zw_list { margin-bottom: 1.25rem; } .job-cen .programme-zhi-con { width: 100%; } .job-bot .job-bot-con .div3 .div-con { padding: 1rem 0; } .unionpay-ban { padding: 3rem 1.25rem; } .unionpay-ban .unionpay-zi { width: 100%; padding-left: 0; } .unionpay-con { padding: 3rem 1.25rem; } .unionpay-con .unionpay-div .divs .titles { margin-top: 0; } .cloud-factory { padding: 0rem 1.25rem; } .cloud-factory .cloud-factory-ul li:nth-child(2n) .le { float: left; } .cloud-factory .cloud-factory-ul li:nth-child(2n) .re { float: right; } .cloud-factory .cloud-factory-ul li .le { width: 100%; } .cloud-factory .cloud-factory-ul li .re { width: 100%; margin-top: 1rem; } .cloud-factory .cloud-factory-ul li { padding: 1.25rem 0; } .unionpay-bot { padding: 3rem 1.25rem; } .unionpay-bot .unionpay-bot-ul { position: relative; left: 0; right: 0; } .unionpay-bot .unionpay-bot-ul li { position: relative; width: 33%; left: 0 !important; float: left; right: 0 !important; top: 0 !important; margin-bottom: 10px; } .unionpay-bot .unionpay-bot-ul li .duns { width: 200px; border: 1px solid #eee; } .unionpay-bot .unionpay-bot-ul li .duns:after { left: 10%; } .guide, .liantai-products { padding: 3rem 1.25rem; } .unionpay-bot .unionpay-bot-ul li:nth-child(4) .duns { left: 0; } .unionpay-bot .unionpay-bot-ul li:nth-child(4) .duns:after { right: auto; left: 10%; } .unionpay-bot .unionpay-bot-ul li:nth-child(3) .duns, .unionpay-bot .unionpay-bot-ul li:nth-child(6) .duns { right: 0; } .unionpay-bot .unionpay-bot-ul li:nth-child(6) .duns:after, .unionpay-bot .unionpay-bot-ul li:nth-child(3) .duns:after { left: auto; right: 10%; } .product-ban .ban-zi .scheme_d_ban-con .ban-title { font-size: 1.8rem; } .product-ban .ban-zi .scheme_d_ban-con { width: 100%; text-align: center; } .sla-div { margin: 0; } .hot-sale-product-lunbo .zz1 { width: 100%; } .hot-sale-product-lunbo .swiper-slide { padding: 3rem 1.25rem; } } /* 邵文霞 */ .cavity-pro { position: relative; } .cavity-pro-wid { position: relative; } .cavity-pro::after { position: absolute; left: 3%; top: 37%; content: ""; display: block; width: 94%; border-bottom: 1px dashed #000; z-index: -1; } @media (max-width: 1440px) { .new-xiang1 .tetle { font-size: 1.5rem; } .programme-zhi .programme-zhi-con .cons1 { min-height: 144px; } .teach-brief-wid .fr { margin-top: 13%; } .index-shuo .title { padding: 1rem 0; } .teach-dy div .pp1 { font-size: 1.5rem; } .education_div4 { padding: 2.5rem 0; } .education_div1 { padding: 4.1rem 0; } .scheme_d-cen-sj::after { border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 1.5rem solid #15c0f2; bottom: -1.5rem; } .cavity-pro::after { top: 36%; } .index-shuo .index-ke { margin-top: 0.5rem; } .index-shuo { padding: 8.5rem 0 2.25rem 0; } .scheme_tui .pro-titl:after { border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 1.5rem solid #f0ecdd; bottom: -1.5rem; } .shoes-yj .pro-titl:after { border-top: 1.5rem solid #6d94d1; } .transformation { padding: 4rem 0 4rem 0; } .cavity-div::after { border-top: 1.5rem solid #73a1d8; } .cavity-bas::after { border-top: 1.5rem solid #508ace; } } @media (max-width: 1366px) { .face-ban .programme-zhi-con { width: 35%; } } @media (max-width: 1280px) { .cavity-pro::after { top: 37.5%; } .nav-h.active, .daohang.active { line-height: 4rem; } .club-top .cub-div .cub-div-zi .div3 { font-size: 1.8rem; } .programme-zhi .programme-zhi-con .title { font-size: 1.5rem; } } @media (max-width: 1024px) { .club-top .cub-div .cub-div-zi .div3 { font-size: 1.8rem; } .club-top .cub-div .cub-div-zi .div4 { font-size: 1.8rem; } .cavity-div { padding: 2.25rem 1% 8.5rem 3%; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(odd) { width: 5.5rem !important; } .education_Solve_div-s { width: 5.5rem; } .education_Solve_div>div:nth-child(1) { line-height: 5.5rem; } .cavity-pro::after { top: 40.5%; } } @media (max-width: 768px) { .ban .ban-zi .ban-title, .resin-ban .ban-zi .ban-title { font-size: 1.8rem; } .teach .left { width: 56%; } .teach .right { width: 44%; } .training-meeting-top { padding: 5rem 0; } .teach-pro-lb-si p, .teach-pro-lb-si a { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .teach-dy .div1-fl { width: 50%; } .club-top .cub-div .cub-div-zi .div1 { font-size: 1.4rem; } .cub-div-a { margin-top: 1rem; } .cub-div-a a { line-height: 2.5rem; } .club-top .cub-div .cub-div-zi .div3 { font-size: 1.4rem; } .club-top .cub-div .cub-div-zi .div4 { font-size: 1.4rem; } .education_kq-lb-div-w p { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .teach-brief-wid .fl { width: 100% !important; float: none; } .teach-brief-wid .fr { width: 70%; margin: 0 auto; float: none; padding-top: 3rem; } .cavity-fa .fl { width: 100%; } .cavity-fa .fr { width: 100%; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(odd) { width: 80px !important; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(even) { width: 80px !important; } .cavity-fa .education_Solve-lb { padding-top: 5%; } .cavity-div { padding: 3rem 1.25rem; } .cavity-pro::after { top: 45%; } } @media (max-width: 767px) { .product-xzcp { font-size: 1.4rem; padding: 1.45rem 0; } .product-ban .ban-zi .scheme_d_ban-con .ban-title { font-size: 1.8rem; } .product-ban .ban-zi .div1 { font-size: 0.8rem; } .product-overview .product-overview-list>li { width: 100%; } .product-overview .product-overview-list>li:nth-child(odd) { padding-right: 0rem; } .product-overview { padding: 3rem 1.25rem; } .product-overview .product-overview-list>li:nth-child(even) { padding-left: 0; border-left: none; } .product-overview .product-overview-list>li { border-bottom: 1px solid #d2d2d2; padding-bottom: 1.25rem; margin-bottom: 1.25rem; } .product-overview .product-overview-top { padding: 0 0 2rem 0; } .product-overview .product-overview-list>li>.rights .reason { margin: 0.8rem 0; } .product-ban .ban-zi .scheme_d_ban-con { width: 100%; text-align: center; } .aterial-details-ban .divs .le .title { font-size: 1.8rem; } .aterial-details-ban .divs .re { width: 100%; } .aterial-details-ban .divs .le { width: 100%; } .aterial-details-ban { padding: 3rem 1.25rem; } .aterial-details-ban .row { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; } .aterial-details-ban .divs .le { order: 2; margin-top: 2rem; } .aterial-details-ban .divs .re { order: 1; } .series-tui { padding: 3rem 1.25rem; } .technical-parameter .biaoge .table-responsive .table tbody tr td { padding: 0 1rem; } .consulting .biaodan { padding: 1.25rem 1.25rem 0 1.25rem; margin-top: 1.5rem; } .technical-parameter { padding: 3rem 1.25rem; } .sample-drawing { padding: 3rem 1.25rem; } .sample-drawing .swiper-slide .yao { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .sample-drawing .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; } .distributor-3d, .material-details { padding: 3rem 1.25rem; } .material-pro-con .col-xs-2 { padding: 0 6px; } .material-div { padding: 3rem 1.25rem; } .resin-ban .ban-zi .scheme_d_ban-con { width: 100%; text-align: center; } .ban .ban-zi { text-align: center; } .programme-cen, .programme-top { padding: 3rem 1.25rem; } .programme-bot-top-lunbo { padding: 5rem 1.25rem 3rem 1.25rem; } .education_div4 .w100>div, .education_div3 .w100>div, .education_div2 .w100>div, .education_div1 .w100>div { width: 100%; } .education_div1 { padding: 3rem 1.25rem; } .education_div3 .row>.w100, .education_div1 .row>.w100 { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; } .education_div1-fl { order: 2; } .education_div3 .row .w100>div:nth-child(2), .education_div1 .row .w100>div:nth-child(2) { order: 1; } .education_div4, .education_div3, .education_div2 { padding: 3rem 1.25rem; } .education_div1-fl p { padding-bottom: 0.5rem; } .education_div3 .w100>div:nth-of-type(1) { padding-top: 0; } .education_div4 .w100>div:nth-of-type(2), .education_div2 .w100>div:nth-of-type(2) { padding-top: 1.5rem; } .teach-dy .div1-fl { width: 100%; } .teach-dy div .div1-fr { width: 100%; } .teach .left { width: 100%; order: 2; } .teach .right { width: 100%; order: 1; } .teach .new-information { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; } .teach { padding: 0; } .teach_tu { padding: 3rem 1.25rem; } .teach_tu .development-con .development-div { padding: 1.254rem; } .advantage { padding: 3rem 1.25rem; } .teach-pro-ul li { line-height: 30px; } .teach-pro-ul { padding: 1rem; } .teach-dy div .div1-fr { margin-top: 1.5rem; } .teach-dy { padding: 3rem 1.25rem; } .industry { padding: 3rem 1.25rem; } .industry .row .col-md-6:nth-child(2) { margin-top: 2rem; } .register .row { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; } .register .row .col-md-6:nth-child(1) { order: 2; } .register .row .col-md-6:nth-child(2) { order: 1; } .register .registe_left { padding: 3rem 0; } .register { padding: 2rem 0; } .club-top>.fl { width: 100%; } .club-top>.fr { width: 100%; } .club-top .cub-div .cub-div-zi .div2 { font-size: 1rem; } .club-top .cub-div .cub-div-zi .div1 { font-size: 1.3rem; } .cub-div-a a { padding: 0 2rem; } .club-top .cub-div .cub-div-zi .div4, .club-top .cub-div .cub-div-zi .div3 { font-size: 1.2rem; } .club-top .cub-div .cub-div-zi2 { width: 80%; } .club-top .cub-p1 { font-size: 1.4rem; } .club-cen .club-cen-lunbo .swiper-container { padding: 3rem 0; } .club-cen { padding: 3rem 1.25rem; } .cub-3d { padding: 3rem 1.25rem; } .cub-3d .cub-3d-con { margin-top: 1.8rem; } .cub-3d .vc_toggle .vc_toggle_title { padding: 1.1rem; } .cub-3d .vc_toggle .vc_toggle_title h4 { font-size: 14px; } .education_Solve { padding: 5rem 1.25rem 3rem 1.25rem; } .education_kq_s>p:nth-of-type(1) { font-size: 1.8rem; } .education_kq_s>p span { font-size: 1.8rem; } .teach-brief { padding: 3rem 1.25rem; } .teach-brief-wid .fr { width: 100%; } .teach-brief-div .ta img { width: 50px; } .teach-brief-size p { margin: 0.8rem 0 0.25rem; } .teach-brief-div { padding: 1.3rem 0.9rem 0 0.9rem; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(odd) { width: 78px !important; } .cavity-fa .education_Solve-lb .swiper-slide:nth-of-type(even) { width: 78px !important; } .teach-img { padding: 0; } .cavity { padding: 3rem 1.25rem; } .scheme_d-top-lb_si div:nth-of-type(1) { width: 7.1rem; line-height: 7.1rem; } .scheme_d-top-lb_si div:nth-of-type(1) img { width: 45px; } .scheme_d-top-lb { padding-top: 1.5rem; } .scheme_d-top-lb_si>div:nth-of-type(2) { margin-top: 1.3rem; } .cavity-si p { font-size: 1.8rem; } .cavity-pro { padding: 3rem 1.25rem; } .cavity-pro-wid { padding-top: 2rem; } .cavity-pro-wid>div:nth-of-type(odd) { width: 100%; } .cavity-pro-wid>div:nth-of-type(even) { width: 100%; margin: 2rem 0; } .cavity-pro::after { border: none; } } .kf_qq_li { padding: 19px 0; float: left; width: 100%; } .kf_qq_li .kf_qq_li_left { width: 175px; float: left; background-image: url(../images/qq_kf.png); margin-right: 22px; height: 50px; } .kf_qq_li .kf_qq_li_right { width: 100%; float: left; color: #333; } .kf_qq_li_1 { background-position: 3px -262px; } .kf_qq_li_2 { background-position: 3px -355px; } .kf_qq_li_3 { background-position: 0px -425px; } .kf_qq_li_4 { background-position: 0px -510px; } .kf_r_t { width: 100%; float: left; padding-bottom: 4px; } .kf_r_t span { font-size: 0.8rem; float: left; padding-top: 3px; } .kf_r_t .qyqq { width: 102px; height: 24px; line-height: 24px; font-size: 0.75rem; color: #fff; background: #3A9EDF; display: block; text-align: center; float: left; font-weight: bold; } .kf_qq_c { width: 100%; float: left; overflow: hidden; } .kf_qq_c ul { width: 100%; overflow: hidden; } .kf_qq_c ul li { height: 23px; float: left; margin-right: 7px; display: inline; margin-bottom: 7px; } .kf_qq_c ul li a { padding: 0 5px; height: 23px; line-height: 23px; display: block; color: #333; text-align: center; font-size: 0.65rem; background: url(../images/qq_kf.png) -51px -654px; } .kf_qq_c ul a:hover { background: url(../images/qq_kf.png) -51px -685px; color: #fff; } .kf_r_d { border-top: 1px solid #CCCCCC; float: left; font-size: 0.6rem; padding-top: 4px; width: 100%; } .ke_qq_jl { width: 50%; float: left; } .ke_qq_jl_l { min-height: 100px; } .ke_qq_jl p { line-height: 20px; display: block; float: left; width: 100%; } .ke_qq_jl .jl_left { float: left; width: 53px; font-size: 13px; } .ke_qq_jl .jl_right { float: left; width: 134px; font-size: 13px; line-height: 20px; } .ke_qq_jl .jl_right .jl_call { padding-left: 24px; float: left; display: block; background: url(../images/qq_kf.png) -77px -590px no-repeat; padding-bottom: 2px; } .ke_qq_jl .jl_right .jl_qq { padding-left: 25px; float: left; display: block; background: url(../images/qq_kf.png) -77px -609px no-repeat; } .ke_qq_jl .jl_right .jl_qq a { width: 93px; height: 23px; line-height: 23px; display: block; color: #333; text-align: center; font-size: 13px; background: url(../images/qq_kf.png) -51px -654px no-repeat; } .ke_qq_jl .jl_right .jl_qq a:hover { background: url(../images/qq_kf.png) -51px -685px no-repeat; color: #fff; } #windown-content img, #windown-content iframe { display: block; } #windown-content .loading { position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; } /*--微信--*/ #featured-content { width: 190px; height: 56px; display: block; z-index: -1; float: left; } #featured-content img { z-index: 0; } #featured-preview { display: none; height: 270px; left: -14px; overflow: hidden; position: absolute; top: 62px; width: 320px; z-index: 90; } #featured-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 190px; height: 56px; } #featured-overlay div { background: #fff; z-index: 100; display: none; width: 190px; height: 56px; } #zixun .modal-dialog { width: 40%; } @media (max-width: 767px) { #zixun .modal-dialog { width: 95%; margin: 20px auto; } #zixun .modal-body { padding: 7px; } .kf_qq_li .kf_qq_li_right { width: 100% !important; } .kf_qq_c ul { width: 100%; } .kf_qq_li { padding: 3px 0; } .ke_qq_jl { width: 100% !important; } } .ds { cursor: pointer; } .phong-l { width: 50%; } .overss img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .overss { overflow: hidden; } .overss img:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .product-overview .product-overview-list>li:hover .biao a { color: #00aee6; } .phon-con { height: 100vh; } .phon-con .swiper-container { width: 100%; height: 100%; height: 100vh; } .phon-con .swiper-slide { background: #00a0e9; text-align: center; font-size: 18px; /* 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; } .phon-con .swiper-slide .xn { font-size: 438px; z-index: 0; line-height: 1; font-weight: bold; top: 3%; color: rgba(255, 255, 255, 0.18); } .phon-con .swiper-slide .bans { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); position: absolute; z-index: 1; } .phon-con .swiper-slide .bans .div1 { color: #ffffff; font-size: 30px; text-align: center; line-height: 2; font-weight: bold; } .phon-con .swiper-slide .bans .box-img { margin-top: 50px; } .phon-dian { position: fixed; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: 5%; z-index: 4; } .phon-dian .yuans { display: inline-block; width: 23px; height: 23px; border-radius: 50%; background: #ffffff; } .phon-dian .nian { background: #ffffff; width: 85px; height: 94px; border-radius: 5px; text-align: center; line-height: 94px; font-size: 18px; color: #797774; display: none; right: -100px; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } .phon-dian .nian:after { content: ''; position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ffffff; left: -10px; } .phon-dian li { margin: 5px 0; } .phon-dian li.active .nian { display: inline-block; } .phon-dian li.active .yuans { border-style: solid; border-width: 6px; border-color: #50b7e7; border-radius: 50%; background-color: #ffffff; } @media (max-width: 767px) { .phon-con .swiper-slide .bans .div1 { font-size: 16px; } .phon-con .swiper-slide .xn { font-size: 150px; } .phon-dian .nian { background: #ffffff; width: 65px; height: 40px; line-height: 40px; font-size: 12px; right: -80px; } .youce { display: none; } .face-ban .programme-zhi-con { width: 100%; } .cuble-boots .cuble-boots_zu { width: 100%; position: relative; left: 0%; top: 0%; transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); padding: 3rem 1.25rem; } .cuble_unionTech .unionTec-con { font-size: 1.2rem; } body { padding-top: 62px; } .job-bot .job-bot-con .div3 .div-con { box-shadow: 0 0 0 rgba(212, 209, 209, 0.35); } .lunbo .xia { display: none; } .link-top .zi48 { font-size: 1.7rem; } .link-add { margin-top: 1.5rem; } .programme-bot .programme-bot-top { font-size: 1.8rem; } .programme-bot-top-lunbo .swiper-slide .fl { width: 100%; } .programme-bot-top-lunbo .swiper-slide .fr { width: 100%; margin-top: 1rem; } } /* .scheme_d_ban img { width: 100%; } */ .lunbo .xia img { cursor: pointer; } /* .daohang.active .img1 { width:200px ; } */ #footer { background: #141517; padding-top: 60px; z-index: 5; } #footer .footer-logo { padding-bottom: 50px; } #footer .footer-logo>span { display: inline-block; width: 130px; } #footer .footer-nav>.row { margin-bottom: 20px; } #footer .footer-nav h3 { font-size: 0.9rem; margin-bottom: 20px; color: #fff; } #footer .footer-nav h3 a { color: #fff; } #footer .footer-nav h3 em { display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 5px; width: 18px; height: 18px; } #footer .footer-nav h3 em.icon-open-in-new { margin-left: 12px; } #footer .footer-nav h3 em.icon-open-in-new:before { width: 18px; height: 18px; font-size: 16px; top: -5px; } #footer .footer-nav h3 em.icon-open-in-new:after { width: 18px; height: 18px; font-size: 16px; bottom: 5px; } #footer .footer-nav ul { list-style: none; margin: 0; padding: 0; } #footer .footer-nav ul li { font-size: 0.8rem; padding-bottom: 10px; } #footer .footer-nav ul li a { color: #999; } #footer .footer-nav ul li a:hover { color: #00a0e9; } #footer .footer-nav .others-nav .row { margin-bottom: 20px; } #footer .copy { height: 40px; color: #999999; border-top: 1px solid #3c3c3c; line-height: 40px; font-size: 0.8rem; margin-top: 40px; width: 100%; } #footer .copy a { color: #999999; } #footer .copy ul { list-style: none; margin: 0; padding: 0; float: right; text-align: center; } #footer .copy ul li { display: inline-block; } #footer .copy ul li a { color: #999999; padding: 0 10px; } #footer ul.social { list-style: none; margin: 0; padding: 0; } #footer ul.social li { margin-bottom: 30px; width: 20px; height: 18px; display: block; } #footer ul.social li a { font-size: 22px; } #footer ul.social li a:hover { text-decoration: none; color: #aaa; } #footer ul.social li a.VK1 { font-size: 14px; } #footer ul.social li a.weixin { position: relative; } #footer ul.social li a.weixin .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 999; top: -190px; left: -89px; width: 200px; height: 185px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; } #footer ul.social li a.weixin .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; } #footer ul.social li a.weixin .wechat-qrcode .qrcode { width: 138px; margin: 10px auto; } #footer ul.social li a.weixin .wechat-qrcode .qrcode table { margin: 0 !important; } #footer ul.social li a.weixin .wechat-qrcode .qrcode img { max-width: 100%; } #footer ul.social li a.weixin .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; } #footer ul.social li a.weixin .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; } #footer ul.social li a.weixin .wechat-qrcode button { background: transparent; border: 0; font-size: 25px; position: absolute; top: -4px; right: -2px; } #footer ul.social li a.weixin.share-open .wechat-qrcode { display: block; } /* 不隐藏导航 */ /* .scroll-down .daohang, .scroll-down .nav-h { -webkit-transform: translateY(-90px); -ms-transform: translateY(-90px); transform: translateY(-90px); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } */ .daohang, .nav-h { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -; } .programme-ban4:after { border-top: 2.5rem solid #15c0f2; display: none; } .biaoqian { display: inline-block; margin: 0 40px; } .biaoqian a { color: #3e3f40; font-size: 0.9rem; display: inline-block; margin: 0 20px; } .biaoqian a:hover { color: #15c0f2; } .phone-boxs { display: none; } @media (max-width: 990px) { .searchbox.active { top: 5.15rem; } #footer .copy { height: auto; margin-top: 0; line-height: 29px; padding: 10px 0; } .footer-nav .row:nth-child(1) { display: none; } #footer { padding-top: 0px; } .footer-nav { padding-top: 2rem; } } @media (max-width: 767px) { .structure-num .cus-ul li { margin-right: 2rem; } .club-top .cub-div { padding: 20px 10px; } .club-top .cub-div:nth-child(2) { background: #f7ce3e; } .cuble_unionTech { padding: 2rem 1.25rem; } .club-top .cub-div:nth-child(3) { background: #4d87c6; } .club-top .cub-div:nth-child(4) { background: #ffffff; } .club-top .cub-div .cub-div-zi .div2, .club-top .cub-div .cub-div-zi .div4 { display: none; } .biaoqian { margin: 0 26px; margin-top: 20px; } .phone-boxs { display: block; } .pc-boxs { display: none; } } .position-div { display: none; } .scheme_d-cen-bans1:after { display: none; opacity: 0; } /* 添加css 5.27 */ .index-shuo .shuo-con { font-size: 1rem; } @media (max-width: 1900px) { .daohang .dang-ul { margin-left: 14%; } } @media (max-width: 1800px) { .daohang .dang-ul { margin-left: 10%; } } @media (max-width: 1700px) { .daohang .dang-ul { margin-left: 9%; } } .slid-zi-box { left: 10%; top: 50%; width: 33%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .slid-zi-box .slid-cons { background: #fff; padding: 2rem; } .slid-zi-box .slid-cons .title { font-size: 1.8rem; color: #15c0f2; font-weight: bold; } .slid-zi-box .slid-cons .title { font-size: 1.8rem; color: #15c0f2; font-weight: bold; } .slid-zi-box .slid-cons .pp1 { font-size: 1.8rem; color: #000000; font-weight: bold; } .slid-zi-box .slid-cons .cons1 { font-size: 0.9rem; color: #000000; line-height: 1.5rem; margin: 0.5rem 0 1rem 0; } .sna-slid-yans .slid-cons .title { color: #5d5faa; } .sna-slid-yans .slid-cons .more1 a { background: #5d5faa; color: #fff; } .si-slid-yans .slid-cons .title { color: #f6ae00; } .si-slid-yans .slid-cons .more1 a { background: #f6ae00; color: #fff; } @media (max-width: 1440px) { .slid-zi-box .slid-cons .pp1, .slid-zi-box .slid-cons .title { font-size: 1.4rem; } .slid-zi-box .slid-cons .cons1 { font-size: 0.8rem; } } @media (max-width: 1200px) { .nav-h .dang-ul { margin-left: 6%; } } @media (max-width: 990px) { .structure-num .cus-ul li { margin-right: 7.35rem; } .programme-zhi .programme-zhi-con .cons1 { min-height: 216px; } .row { margin: 0; } .sense { padding: 2.5rem 1.25rem 2.5rem 1.25rem; } .culture { padding: 0 1.25rem 2.5rem 1.25rem; background-size: 100% 100%; } .culture-qye { height: auto; padding: 0 1.25rem 2.5rem 1.25rem; } .culture-qye .vision-ul { margin-top: 1rem; } .slid-zi-box { width: 55%; left: 1%; } .slid-zi-box .slid-cons { padding: 1rem; } .index-jie .jie-lunbo, .index-jie .jie-lunboq { padding: 2rem; } .index-jie { margin-top: 0rem; height: auto; } .index-jie .jie-bg { transform: skewY(0deg); -ms-transform: skewY(0deg); -moz-transform: skewY(0deg); -webkit-transform: skewY(0deg); -o-transform: skewY(0deg); } .more { margin: 1rem 0 2rem 0; } } @media (max-width: 767px) { .programme-zhi .programme-zhi-con .cons1 { min-height: inherit; } .slid-zi-box .slid-cons .cons1 { display: none; } .slid-zi-box .slid-cons .pp1 { margin: .5rem 0; } .slid-zi-box .slid-cons .pp1, .slid-zi-box .slid-cons .title { font-size: 1rem; } .index-shuo { padding: 1.5rem 0 0.25rem 0; } .index-pro .index-pro-con .div1-fr { margin-top: 10px; } .index-jie .jie-lunbo, .index-jie .jie-lunboq { padding: 1.5rem; } .index-pro .index-pro-con .div1 .div1-fl img { width: 60%; } .index-pro .head-ul li { font-size: 1.5rem; } .index-pro .index-pro-con .div1 .div1-fl { text-align: center; } .transformation { padding: 2rem; } .index-pro .index-pro-con .pp1 { font-size: 1.3rem; } .index-3d-pei .fl .data { font-size: 1rem; margin: 0.5rem 0; } .index-chuang .chuang-con>.fr .con-3d, .index-3d-pei .fl .daoyaos, .index-pro .index-pro-con .yaos1 { font-size: 1rem; line-height: 2rem; } .index-chuang .chuang-con>.fr .chuang-titel { font-size: 1.3rem; } .index-3d-pei .fl .p1 { font-size: 1.7rem; } .unionpay-ban { background-size: cover !important; } .index-pro .head-ul li, .index-shuo .title { font-size: 1.7rem; } .index-pro .index-pro-con .pp1 { font-size: 1.5rem; } .index-pro .index-pro-con .div1-fr .more { margin-bottom: .5rem; } .index-ji .jishu .jishu-div-con .jishu-ul li { font-size: 1.3rem; } .index-shuo { padding: 1.2rem; } .index-new .lunbo-new .swiper-slide .new-div .new-tilte { font-size: 1.5rem; } .index-new .lunbo-new .swiper-slide .new-div .new-yao { font-size: 1rem; line-height: 2rem; height: 4rem; } .index-new .index-new-ul li { font-size: 1.5rem; margin-right: 1rem; } .index-new .lunbo-new .swiper-slide .new-div .data { font-size: 1rem; line-height: 2rem; } } .programme-top .programme-title { color: #15c0f2; } .application-pos-div { display: block; } .material-xzcp .material-uls li a { color: #fff; } /* .swiper-pagination-bullet { width: 20px !important; height: 20px !important; } */ .shouji-xia { line-height: 40px; position: fixed; left: 0; right: 0; z-index: 99; bottom: 0; display: none; } .shouji-xia a { width: 33.33%; float: left; color: #fff; text-align: center; } .shouji-xia a:nth-child(1) { background: #1aa3ab; } .shouji-xia a:nth-child(2) { background: #15c0f2; } .shouji-xia a:nth-child(3) { background: #f6ae00; } @media (max-width: 767px) { .culture-qye, .culture { padding: 3rem 1.25rem; } .culture { background-size: cover; } footer .foot-bot { display: none; } .index-chuang .chuang-con .more { margin-bottom: 0; } .index-chuang .chuang-con>.fr { padding-bottom: 0; } .index-pro .head-ul { margin-top: 0; min-width: 800px; } .index-pro .head { height: 50px; overflow-x: scroll; overflow-y: hidden; } .index-you { padding-bottom: 2rem; } .index-new { padding: 3rem 1.25rem 2rem 1.25rem; } /* footer .foot-bot { display: none !important; opacity: 0; } */ .index-jie { padding: 2rem 0 1rem 0; background: #576071; } .shouji-xia { display: block; } .swiper-pagination-bullet { width: 8px !important; height: 8px !important; } .development .development-con-top, .programme-yao, .teach-dy div .yaos1, .training-meeting-con .yaos, .job-bot .job-bot-con .div2, .job-bot .job-bot-con .div3 .div-con .demo-con, .job-bot-con .div2, .job-cen .programme-zhi-con .cons1, .job-top, .new-information .right .zzi .yai, .information-activities .swiper-slide .right .div-yao, .new-information .left .yas, .history .history-ul li .zhaoyao, .printer .yaos, .capital_advantage .programme-zhi-con .programme-yao, .resource_advantages .right .programme-yao, .advantage-jie .programme-yao, .cuble-boots .cuble-boots_zu .wo-coan, .education_kq-lb-div-w p, .education_Solve-si, .programme-ban2 .yysa, .programme-zhi .programme-zhi-con .cons1, .transformation .swiper-slide .yaso, .scheme_d-cen .scheme_d-cen-yao, .since .since-con .div1, .since .since-con .div2, .sales-volume .gengs-div, .scheme_d-top .programme-yao, .development_history .development_history_top .fl, .structure .structure-lunbo .swiper-slide .title, .jianzhis .jianzhis-ul li .jianzhis-con, .approval .approval-coan { font-size: 1rem; line-height: 2rem; } .programme-zhi .programme-zhi-con .title { font-size: 1.7rem; margin-top: 0.5rem; } .education_kq_s>p:nth-of-type(1), .education_kq_s>p:nth-of-type(2) { font-size: 1.7rem; } .education_kq-lb-div-w a, .biaoqian a, .job-bot .job-bot-con .div3 .div-con .demo, .programme-zhi .programme-zhi-con .title, .product-overview .sele { font-size: 1.2rem; } .education_kq { padding: 1.25rem; } .programme-zhi .programme-zhi-con .title { margin-top: 0; } .programme-ban3 { padding: 1.25rem !important; } .club-cen .programme-title { padding-top: 0; } .club-cen .club-cen-lunbo .swiper-container { padding: 1rem 0 3rem 0; } .face-ban .programme-zhi-con .title { font-size: 1.7rem; } .advantage { padding: 1rem 1.25rem; } .training-meeting-top { padding: 0; } .new-information .left { padding: 0 0 1.25rem 0; margin-top: 0%; } .club-top .cub-div:nth-child(1) { background: #f4f0ef; } .cub-div-lunbo .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .biaoqian a { margin: 0 10px; } .marketing_activities .marketing-ul li .right .data, .marketing_activities .marketing-ul li .right .add, .marketing_activities .marketing-ul li .right .zop { font-size: 1.2rem; line-height: 2rem; } .pro-tt .latest-news-ul li .latest-news-a { font-size: 1.2rem; } .new-tt .latest-title { font-size: 1.7rem; } .teach { background-size: cover; } } /* .bo i { font-size: 70px; color: #f6ae00; } */ .bo .lx-a { display: inline-block; line-height: 2.25rem; padding: 0 1rem; border-radius: 0.25rem; color: #ffffff; cursor: pointer; font-size: 0.9rem; margin: 0 0.5rem; background: #f6ae00; } .bo .lx-a:hover { background: #15c0f2; } .tanchu { position: fixed; display: none; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.9); } .tanchu .tan-w { width: 80%; margin: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); } .tanchu .tan-w video { width: 100%; height: 100%; } .tanchu .guanbi { position: absolute; right: 10%; top: 10%; z-index: 99; } .tanchu .guanbi i { color: #ffffff; font-size: 30px; cursor: pointer; } .bo { display: none; } .myvideo-dimensions { height: 200px !important; } #distpicker1 select { width: 32%; float: left; margin-right: 1.5%; } #distpicker1 select:last-child { margin-right: 0; } .resin-content { margin: 2.5rem 0; } @media (max-width: 767px) { .jie-lunbo .swiper-slide .div1, .jie-lunboq .swiper-slide .div1 { font-size: 1.2rem; } .tanchu .tan-w { width: 90%; } .development_history_lunbo .zis { width: 16.5rem; } .resin-content { margin: 1rem 0 0; } .material-pro-con .product-overview .product-overview-list>li { width: 100%; } #footer .footer-nav ul li, #footer .copy { font-size: 1.2rem; } .club-cen .club-cen-lunbo .swiper-slide .club-cen-lunbo-bot .yao { height: 51px; } .row { margin: 0 -15px; } .privacy .bigtit { font-size: 1.7rem; font-weight: 400; margin-bottom: 15px; } .privacy .title { margin: 15px 0 15px; } .privacy p { font-size: 1rem; line-height: 2rem; } } .xqcode .qcode { display: none; width: 166px; height: 166px; position: absolute; top: 45px; left: -75px; background-color: white; padding: 10px; border: 1px solid #666; } .xqcode:hover .qcode { display: block; } .pagebar { width: 100%; margin: auto; color: #888888; text-align: center; font-size: 14px; padding: 50px 0px; overflow: hidden; } .pagebar i { font-size: 22px; } .pageborder { width: 45px; height: 45px; border: 1px solid #CFD8DC; display: inline-block; line-height: 46px; } .pagebar a { display: inline-block; height: 36px; line-height: 36px; text-align: center; color: #000000; background-color: #eeeeee; font-family: 微软雅黑, 宋体; font-size: 12px; padding: 0px 20px; margin: 0 3px; } .pagebar span { display: inline-block; height: 36px; line-height: 36px; padding: 0px 20px; text-align: center; color: #ffffff; background-color: #15c0f2; } .pagebar a:hover, .pagebar a.cur { color: #ffffff; background-color: #15c0f2; text-decoration: none; } .pageborder a i { font-size: 22px; line-height: 40px; } .pagetext { width: 45px; line-height: 45px; display: inline-block; font-size: 18px; } .pageinput { box-shadow: none; width: 45px; height: 45px; font-size: 18px; text-align: center; line-height: 40px; color: #ff5500; border: 1px solid #CFD8DC; display: inline-block; } .no_date { text-align: center; padding: 100px 0px; font-size: 1rem; } .education_kq-lb .education_kq-lb-div { background: #fff; } .jie-jian { cursor: pointer; } .jasoncss { background-color: #FFF; text-align: center; margin-top: 1rem; height: 12.4rem; line-height: 12.4rem; font-size: 1.4rem; } @media (max-width: 1440px) { .jasoncss { background-color: #FFF; text-align: center; margin-top: 0.2rem; height: 14.6rem; line-height: 14.6rem; font-size: 1.4rem; } } .oralHead { width: 77%; } @media (max-width: 990px) { .jasoncss { height: 11rem; line-height: 11rem; } } @media (max-width: 767px) { .cavity-div { background-size: cover; } .structure-num .cus-ul li { margin-right: 0rem; } .industry-information .title { font-size: 1.2rem; } .jasoncss { height: 7rem; line-height: 7rem; font-size: 1.2rem; } .new-tt .latest-news-ul li .latest-news-a { font-size: 1.2rem; } .pagebar a { margin-bottom: 10px; } .technology-div .technology-uls li, .programme-cen .swiper-slide .div1 { font-size: 1.2rem; } .programme-bot-top-lunbo .swiper-slide .fr .div-s { font-size: 1rem; line-height: 2rem; } .diayes { padding: 3rem 1.25rem 0; } .programme-zhi .programme-zhi-con .title { font-size: 1.7rem; } .lt-information .swiper-slide .bot-lt .title, .lt-information-a .bot-lt .title, .information-activities .swiper-slide .right .title { font-size: 1.2rem; } .lt-information .swiper-slide .bot-lt .title, .lt-information-a .bot-lt .title { height: auto; } .xl, .cxfw, .hy, .gy { padding: 0 7.5px; } .advantage { padding: 3rem 1.25rem; } .customer_site .swiper-slide .site-bot .site-div { font-size: 1.2rem; } .customer_site .swiper-slide .site-bot .site-yao { font-size: 1rem; line-height: 2rem; height: 4rem; } .consulting .biaodan { padding: 1.25rem; } .consulting .logo-ul li p { font-size: 1.2rem; } #footer .footer-nav h3 { font-size: 1.2rem; } .technology-div .technology-uls li { margin: 0 .5rem; } .index-ji .js-shu .zis1 { padding: 1.25rem; } .industry-information .yas { font-size: 1rem; line-height: 2rem; height: 4rem; } } .color_dao i { cursor: pointer; } .scheme_d_ban img { width: 100%; } .custom-btn { display: inline-block; line-height: 2.25rem; padding: 0 1rem; border-radius: 0.25rem; color: #ffffff; margin: 0 0.5rem; background: #15c0f2; } .custom-btn:hover { /* background: #6397be !important; */ box-shadow: inset 0 0 0 1.5rem #6397be; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .bod { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: 10%; color: #FFF; } .bod .baios { font-size: 40px; line-height: 57px; font-weight: bold; margin-bottom: 20px; position: relative; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .bod .baios::after { content: ''; position: absolute; height: 1px; width: 100px; bottom: -10px; left: 0; background: #fff; } .bod .zeng-yais { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); font-size: 20px; margin-bottom: 30px; line-height: 1.5; } .map { display: none; } .bod .bows a { padding: 0 2rem; font-size: 20px; font-weight: normal; } .scheme_d_ban .position{display: none;} @media (max-width: 1440px) { .bod .baios { font-size: 30px; } .bod .zeng-yais { font-size: 16px; } .bod .bows a { font-size: 16px; } .lunbo .swiper-slide { height: 685px; overflow: hidden; } } .teach-tp .swiper-slide { cursor: pointer; } #newBridge .nb-icon-wrap-0 { display: none; } .history .history-ul li.nullLi { border: none; clear: both; } .phone-video .swiper-slide img { height: 200px; } .dianhas1 { display: inline-block; } #dropdown-menu>li>a { color: #000 !important; display: block !important; text-align: center !important; margin: 0 !important; line-height: 35px !important; } #dropdown-menu>li { border-bottom: 1px solid #eee !important; } #dropdown-menu { min-width: 100% !important; margin-top: 0 !important; padding: 0 !important; border-radius: 0; } .hlogo { display: inline-block; } .content-box { font-size: 0.8rem; line-height: 2rem; padding: 2rem 0px; } .content-box p { padding: 0px 2rem; } .f14px { font-size: 14px; } .f16px { font-size: 16px; } .book { border: 1px solid #000; } .db { display: block; } .dnb { display: inline-block; } .flight { font-weight: lighter; } .fbold { font-weight: bold; } .imghover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .sca1 { transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); } .sca0 { transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* Firefox */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); } .tran { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .hovercolor { color: #8cca1d; } .zhong { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ justify-content: center; align-items: center; } .z { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); } .l0 { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .cen { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); } .f48 { font-size: 48px; } .wen_hied { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .p15 { padding: 15px; } .w50 { width: 50%; } .blod { font-weight: bold; } .wen_hied2 { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .w55 { width: 55%; } .exhibition-landing-page .exhibition-landing-top .fl { width: 28%; } .exhibition-landing-page .exhibition-landing-top .fl .exhibition-landing-ul li { height: 4.6rem; line-height: 4.6rem; text-align: center; } .exhibition-landing-page .exhibition-landing-top .fl .exhibition-landing-ul li a { display: block; font-weight: bold; font-size: 1rem; color: #FFFFFF; } .exhibition-landing-page .exhibition-landing-top .fl .exhibition-landing-ul li:nth-child(1) { background: #1C63BD; } .exhibition-landing-page .exhibition-landing-top .fl .exhibition-landing-ul li:nth-child(2) { background: #0C7AC9; } .exhibition-landing-page .exhibition-landing-top .fl .exhibition-landing-ul li:nth-child(3) { background: #0F95DC; } .exhibition-landing-page .exhibition-landing-top .fl .exhibition-landing-ul li:nth-child(4) { background: #15C0F2; } .exhibition-landing-page .exhibition-landing-top .fr { width: 70%; } .exhibition-landing-page .exhibition-landing-top .fr .exhibition-landing-lunbo .swiper-slide { height: 18.5rem; } .exhibition-landing-page .exhibition-landing-top .fr .exhibition-landing-lunbo .swiper-slide a { display: block; width: 100%; height: 100%; } .exhibition-landing-page .exhibition-landing-top .fr .exhibition-landing-lunbo .swiper-slide a .zi-a { right: 0; bottom: 0; padding: 1.75rem; } .exhibition-landing-page .exhibition-landing-top .fr .exhibition-landing-lunbo .swiper-slide a .zi-a .ex-p1 { font-size: 0.9rem; line-height: 1.6rem; color: #000000; } .exhibition-landing-page .exhibition-landing-top .fr .exhibition-landing-lunbo .swiper-slide a .zi-a .ex-zhi { font-size: 0.9rem; line-height: 1.6rem; color: #000000; } .exhibition-landing-page .exhibition-landing-top .fr .exhibition-landing-lunbo .swiper-slide a .zi-a:hover .ex-p1 { color: #15C0F2; } .exhibition-landing-page .xhibition-landing-page-ul li { padding: 4rem 0; } .exhibition-landing-page .xhibition-landing-page-ul li .row { position: relative; } .exhibition-landing-page .xhibition-landing-page-ul li .le { width: 43%; position: absolute; /* IE 9 */ /* Firefox */ /* Safari 和 Chrome */ top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .exhibition-landing-page .xhibition-landing-page-ul li .le .div1 { font-size: 0.9rem; line-height: 1.8rem; color: #000; } .exhibition-landing-page .xhibition-landing-page-ul li .le .div1 a { color: #000; } .exhibition-landing-page .xhibition-landing-page-ul li .le .titk { font-size: 1.3rem; line-height: 1.8rem; font-weight: bold; } .exhibition-landing-page .xhibition-landing-page-ul li .le .titk a { color: #000; } .exhibition-landing-page .xhibition-landing-page-ul li .le .titk a:hover { color: #15C0F2; } .exhibition-landing-page .xhibition-landing-page-ul li .le .titk a span { color: #15c0f2; } .exhibition-landing-page .xhibition-landing-page-ul li .le .titk1 { font-size: 1rem; } .exhibition-landing-page .xhibition-landing-page-ul li .re { width: 54%; box-shadow: 0.25rem 0.2rem 0.25rem rgba(209, 211, 211, 0.66); } .exhibition-landing-page .xhibition-landing-page-ul li .more1 { margin-top: 1.25rem; } .exhibition-landing-page .xhibition-landing-page-ul li .more1 a { font-size: 0.9rem; height: 2.1rem; line-height: 2.1rem; border-radius: 0.4rem; } .exhibition-landing-page .xhibition-landing-page-ul li:nth-child(2n) { background: #F1F2F2; } .exhibition-landing-page .xhibition-landing-page-ul li:nth-child(2n) .re { float: left; } .exhibition-landing-page .xhibition-landing-page-ul li:nth-child(2n) .le { left: auto; right: 0; } .exhibition-landing-page .gift-div { background: #15C0F2; padding: 3.5rem 0; } .exhibition-landing-page .gift-div .gift-zi { font-weight: bold; font-size: 1.3rem; color: #FFFFFF; width: 70%; margin: 0 auto; text-align: center; } .exhibition-landing-page .gift-div .gift-img { /* IE 9 */ /* Firefox */ /* Safari 和 Chrome */ top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: -7.25rem; } .exhibition-landing-page .gift-div .gift-img2 { right: 0; /* IE 9 */ /* Firefox */ /* Safari 和 Chrome */ top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .exhibition-landing-page .tct-xin { padding: 3rem 0 4rem; } .exhibition-landing-page .tct-xin .tct-ti { font-weight: bold; font-size: 1.3rem; line-height: 1.8rem; color: #000000; } .exhibition-landing-page .tct-xin .tct-cont { margin-top: 2rem; } .exhibition-landing-page .tct-xin .tct-cont .tct-div { box-shadow: 0rem 0.2rem 0.25rem rgba(209, 211, 211, 0.66); margin-bottom: 1.5rem; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .overh img { /* Firefox 4 */ /* Safari and Chrome */ /* Opera */ transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot { padding: 1rem; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-top>.fl { width: 25%; text-align: center; border-right: 0.05rem solid rgba(165, 169, 170, 0.25); } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-top>.fl .day { font-size: 1.8rem; line-height: 1; color: #000000; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-top>.fl .nian { font-size: 0.8rem; line-height: 1; color: #000000; margin-top: 0.25rem; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-top>.fr { width: 70%; padding: 0.25rem 0; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-top>.fr .titlw { font-size: 0.8rem; line-height: 1.2rem; color: #000000; height: 2.4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-top>.fr .titlw a { color: #000; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-bot { margin-top: 1rem; padding: 0.5rem 0 0; border-top: 0.05rem solid rgba(165, 169, 170, 0.25); } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-bot a { font-size: 0.8rem; line-height: 1.2rem; color: #000000; } .exhibition-landing-page .tct-xin .tct-cont .tct-div .tct-bot .tct-bot-bot .fr { background: #a5a9aa; width: 0.5rem; height: 0.05rem; position: relative; margin-top: 0.75rem; } .exhibition-landing-page .tct-xin .tct-cont .tct-div:hover .overh img { /* Firefox 4 */ /* Safari and Chrome */ /* Opera */ /* IE 9 */ /* Firefox */ /* Safari 和 Chrome */ transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .exhibition-landing-page .tct-xin .tct-cont .tct-div:hover .tct-bot .tct-bot-top>.fr .titlw a { color: #15c0f2; } .exhibition-landing-page .tct-xin .tct-cont .tct-div:hover .tct-bot .tct-bot-bot a { color: #15c0f2; } .friendlinks { width: 120px; position: relative; margin-top:5px; } .friendlinks dt { border: 1px solid #999; text-align: center; padding: 4px 0px; margin: 2px 0px; cursor: pointer; } .friendlinks dd { border-bottom: 1px solid #999; height: 36px; line-height: 36px; background-color: #000; } .friendlinks dd a { display: inline-block; width: 100%; height: 100%; } #footer .copy dd a:hover { background-color: #FFF; color: #000; } .friendlinks dt:hover { background-color: #ffffff; color: #000; } .friendlinks:hover>.links { display: block; } .friendlinks .links { position: absolute; left: 0px; bottom: 32px; width: 160px; border: 1px solid #999; text-align: center; line-height: 36px; border-bottom: none; display: none; overflow: auto; height: 400px; } @media (max-width: 1720px) { .exhibition-landing-page .gift-div .gift-img { left: -10.25rem; } } @media (max-width: 1440px) { .exhibition-landing-page .gift-div .gift-img { left: -11.25rem; } } @media (max-width: 767px) { .exhibition-landing-page { padding: 20px 15px; } .exhibition-landing-page .gift-div .gift-img { width: 80px; left: 5px; } .exhibition-landing-page .gift-div .gift-img2 { width: 50px; right: 0; } .exhibition-landing-page .gift-div { padding: 0; } .exhibition-landing-page .gift-div .gift-zi { width: 100%; padding: 2rem 6rem; } .exhibition-landing-page .xhibition-landing-page-ul li:nth-child(2n) .le { left: auto; right: auto; } .exhibition-landing-page .xhibition-landing-page-ul li .le { position: relative; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .exhibition-landing-page .xhibition-landing-page-ul li .le { width: 100%; } .exhibition-landing-page .xhibition-landing-page-ul li .re { width: 100%; margin-top: 10px; } .exhibition-landing-page .xhibition-landing-page-ul li { padding: 15px; } } .index-3d-pei.wolfA .fl { background: rgba(255, 255, 255, 0.9); border-radius: 8px; } .index-3d-pei.wolfA .fl .tt { background: url(../images/wolfa.png) no-repeat left center; background-size: auto 100%; line-height: 30px; font-size: 18px; padding-left: 40px; color: #303030; } @media(max-width: 1024px) { .index-3d-pei.wolfA .fl .tt { font-size: 16px; } } .index-3d-pei.wolfAddB { background: #050818; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li .le .titk a { font-size: 2.5rem; color: #fff; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li:nth-child(2n) { background: none; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li .le .titk a span { font-size: 1.7rem; color: #fff; font-weight: normal; display: block; margin: 8px 0 16px; line-height: 1.5; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li:nth-child(2n-1) .re { float: left; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li:nth-child(2n-1) .le { left: auto; right: 0; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li:nth-child(2n) .re { float: right; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li:nth-child(2n) .le { left: 0; right: auto; } .exhibition-landing-page.wolfAddA .xhibition-landing-page-ul li .re { box-shadow: 0 0 0 rgb(209 211 211 / 0); } .wolfAddA .xhibition-landing-page-ul { background: #050818; } .wolfAddA .index-3d-pei { padding: 9vw 0; } #footer .footer-nav ul li .jszcAdd { color: rgba(255, 255, 255, 0.1); }