@charset "utf-8"; /* CSS Document */ /*-----whole-----*/ /*-----whole-----*/ html{font-size:100px;} body{position:relative;overflow-x:hidden;} body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;} .contain{width:1200px;margin:0 auto;} /*clearfix*/ .clearfix{*zoom:1} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} /*初始化按钮*/ .btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;} .btn span{display:inline-block;} /*通用img*/ img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;} input.text, textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;} /*--- Header ---*/ .Header-wrapper{z-index:99;} .Header-wrapper .Header-cl{height:72px;position:relative;} .header-container{width:100%;padding:0 2%;background:#fff;position:fixed;top:0px;left:0px;z-index:90;box-shadow:1px 1px 8px #888;} /*logo*/ .Hlogo{height:72px;line-height:72px;font-size:0px;float:left;overflow:hidden;} .Hnav{float:right;margin:0 .48rem 0 0;} .Hnav>li{float:left;margin:0 0 0 .3rem;} .Hnav>li:first-child{margin:0px;} .Hnav .Hname{display:block;padding:0 .26rem;line-height:72px;text-align:center;font-size:16px;color:#444444;} .Hn2nd-wrap{width:100%;padding:30px 0;font-size:0px;background:#fff;border-top:1px solid #e1e1e1;position:absolute;top:72px;left:0px;display:none;} .Hn2nd-box{display:inline-block;font-size:14px;position:relative;} .Hn2nd-img{text-align:center;float:left;} .Hn2nd-img img{width:309px;height:153px;object-fit:cover;} .Hn2nd-img .type{line-height:23px;font-size:16px;color:#666666;margin:10px 0 0;} .Hn2nd-box .Hsplit{display:block;width:1px;height:150px;background:#e1e1e1;float:left;margin:0 100px 0 95px;} .Hn2nd-list{width:450px;float:left;margin:-22px 0 0 -58px;} .Hn2nd-list a, .Hn2nd-nav .type{display:block;width:165px;padding:0 0 6px;line-height:26px;border-bottom:1px solid #e1e1e1;position:relative;margin:22px 0 0 58px;float:left;} .Hn2nd-list a:after, .Hn2nd-nav .type:after{content:"";display:block;width:12px;height:1px;background:#e50012;position:absolute;left:0px;bottom:-1px;} .Hn2nd-list a:hover:after, .Hn2nd-nav:hover .type:after{width:100%;} /*集团概况*/ .Hn2nd-box.Hn2nd-abUs{left:3.24rem;} /*投资者关系*/ .Hn2nd-box.Hn2nd-IR{right:2.95rem;float:right;} /*通信服务*/ .Hn2nd-box.Hn2nd-commSrv{float:right;margin:0 1rem 0 0;} .HcommSrv-left{width:432px;height:256px;position:relative;overflow:hidden;float:left;margin:0 .23rem 0 0;} .HcommSrv-left .bg{width:110%;height:110%;position:absolute;top:-5%;left:-5%;} .HcommSrv-left ul{position:relative;z-index:2;} .HcommSrv-left li{width:33.3334%;height:128px;border:2px solid #fff;float:left;} .HcommSrv-left li:nth-child(1), .HcommSrv-left li:nth-child(2){width:50%;} .HcommSrv-left li a{display:block;line-height:124px;text-align:center;font-size:16px;color:#ffffff;} .Hn2nd-commSrv .Hn2nd-nav{width:1.67rem;margin:0 0 0 .34rem;} /*云网络*/ .Hn2nd-box.Hn2nd-cWeb{float:right;margin:0 1rem 0 0;} .Hn2nd-box.Hn2nd-cWeb .Hsplit{margin:0 .35rem 0 1rem;} .Hn2nd-nav{width:2.07rem;float:left;margin:0 0 0 .65rem;} .Hn2nd-nav .type{display:block;width:100%;margin:0px 0px 11px;} .Hn2nd-nav dl{clear:both;} .Hn2nd-nav dl dt{padding:0 0 0 22px;line-height:30px;font-size:13px;color:#444;background:url(../images/icon/icon-l1.png) no-repeat 3px center;} .Hn2nd-nav dl dd a{display:block;padding:0 0 0 13px;line-height:30px;font-size:13px;color:#666;background:url(../images/icon/icon-l2.png) no-repeat left center;} .Hn2nd-nav.Hn2nd-nav2{width:4.14rem;} .Hn2nd-nav2 ul li{width:45%;float:left;} .Hn2nd-nav2 ul li:nth-child(2n){float:right;} .Hn2nd-nav a:hover{color:#e50012;} @media all and (min-width:980px){ .Hnav>li.cur .Hname, .Hnav>li:hover .Hname{color:#fff;background:#e50012;} .Hnav li:hover .Hn2nd-wrap{display: block;-webkit-animation:opGradient .4s; animation:opGradient .4s;} } @-webkit-keyframes opGradient { 0% { -webkit-transform: translate3d(0, -10px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes opGradient { 0% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } /*搜索*/ .Hsrch{position:relative;float:right;margin:0 .24rem 0 .03rem;} .Hsrch-menu{display:block;width:38px;height:72px;background:url(../images/icon/icon-Hsrch.png) no-repeat center center;transition:none !important;-webkit-transition:none !important;} .Hsrch-menu.cur{background:url(../images/icon/icon-close.png) no-repeat center center / 16px auto;} .Hsrch-box{padding:0 60px 0 10px;width:330px;height:50px;background:#fff;position:absolute;top:72px;right:0px;z-index:2;display:none;} .Hsrch-box .text{width:100%;height:48px;} .Hsrch-box .btn{width:50px;height:100%;background:url(../images/icon/icon-Hsrch.png) no-repeat center center;position:absolute;right:0px;top:0px;} .Hsrch-box i{display:block;width:1px;height:16px;background:#ccc;position:absolute;right:50px;top:50%;margin:-8px 0 0;} /*语言*/ .Hlang{display:block;padding:0 14px 0 26px;height:72px;line-height:72px;font-weight:lighter;color:#444;background:url(../images/icon/icon-Hlang.png) no-repeat left center;position:relative;float:right;} .Hlang:after{content:"";display:block;width:1px;height:16px;background:#a1a1a1;position:absolute;right:0px;top:50%;margin-top:-8px;} /*右侧内容*/ .Hmenu-btn-hr.Hmenu-btn{float:right;} .Header-right{padding:72px 0 0;width:333px;height:100%;background:#f5f5f5;position:fixed;right:-333px;top:0px;overflow-y:auto;z-index:100;} .HeaderRight-box{padding:29px 32px 30px;border-top:1px solid #e1e1e1;} .HRb-com{padding:0 0 27px;border-bottom:1px solid #dfdfdf;} .HRb-com .logo{height:28px;} .HRb-com .name{line-height:31px;font-size:16px;margin:15px 0 0;} .HRb-child{margin:34px 0 0;} .HRb-child .type, .HRb-link .type{line-height:26px;font-size:16px;margin:0 0 10px;} .HRb-child .con{line-height:24px;padding:5px 0;color:#777777;} .HRb-child .con:hover{color:#e50012;} .HRb-link{margin:34px 0 0;} .HRb-link ul{margin:16px 0 0;} .HRb-link ul li{padding:7px 0;} .HRb-link ul li .btn{width:190px;height:42px;line-height:40px;color:#666666;border-radius:42px;border:1px solid #c6c6c6;} .HRb-link ul li .btn i{display:inline-block;width:22px;height:22px;margin:-2px 15px 0 0;vertical-align:middle;} .HRb-link ul li .btn i.i1{background:url(../images/content/HRb_link/HRb_l1.png) no-repeat center center / cover;} .HRb-link ul li .btn i.i2{background:url(../images/content/HRb_link/HRb_l2.png) no-repeat center center / cover;} .HRb-link ul li .btn i.i3{background:url(../images/content/HRb_link/HRb_l3.png) no-repeat center center / cover;} .HRb-link ul li .btn:hover{color:#fff;border-color:#e50012;background:#e50012;} .HRb-link ul li .btn:hover i.i1{background-image:url(../images/content/HRb_link/HRb_l1-2.png);} .HRb-link ul li .btn:hover i.i2{background-image:url(../images/content/HRb_link/HRb_l2-2.png);} .HRb-link ul li .btn:hover i.i3{background-image:url(../images/content/HRb_link/HRb_l3-2.png);} /*--- Footer ---*/ .Footer-wrapper{} .Fcr{padding:20px 0;line-height:20px;text-align:center;font-size:13px;color:rgba(255,255,255,.3);background:#1c1c1c;} .Footer-container{padding:55px 0 64px;color:#fff;background:#252525;} .Fcon{float:left;margin:30px 0 0;} .Flogo img{max-width:195px;} .Fticker{line-height:24px;color:#666666;margin:10px 0 0;} .Fshare{margin:25px 0 0;} .Fshare a{display:inline-block;width:36px;height:36px;line-height:34px;font-size:0px;text-align:center;border-radius:100%;border:1px solid #969696;margin:0 20px 0 0;} .Fnav{width:14.5%;float:left;} .Fnav dt .type, .Fct dt{line-height:31px;font-size:15px;} .Fnav dt .split{display:block;width:16px;height:1px;background:#fff;margin:5px 0 12px 2px;} .Fnav dd a{display:block;padding:5px 10px 5px 0;line-height:22px;opacity:.6;} .Fnav dd a:hover{opacity:1;} .Fct{float:right;} .Fct .tel{line-height:28px;font-size:24px;opacity:.75;} .Fct .wx-code{display:inline-block;text-align:center;margin:14px 0 0;} .Fct .wx-code img{max-width:96px;} .Fct .wx-code .t{line-height:24px;font-size:13.21px;color:#b6b6b6;margin:5px 0 0;} .Footer-container .Fsplit{display:block;width:1px;height:185px;background:#fff;opacity:.12;float:left;margin:0 1.5% 0 0.5%;} .Footer-container .Fsplit.Fs2{margin:0 0 0 1.166666666666667%;} .Footer-wrapper.on .Fnav dd{display:block !important;} /*--- Banner ---*/ .bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;} .index-bnr .bnr-img{height:855px;} .index-bnr .swiper-pagination{font-size:0px;bottom:8.070175438596491% !important;opacity:.75;} .index-bnr .swiper-pagination-bullet{width:60px;height:6px;border-radius:6px;background:#fff;position:relative;overflow:hidden;margin:0 8px;opacity:1;} .index-bnr .swiper-pagination-bullet-active{} .index-bnr .swiper-pagination .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#e50012;position:absolute;left:-100%;top:0px;} .index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;} /*iBnr-1*/ .iBnr1-box{text-align:center;color:#fff;z-index:2;} .iBnr1-box .t1{line-height:76px;font-size:60px;font-weight:lighter;} .iBnr1-box .t2{line-height:34px;font-size:18px;font-weight:lighter;text-transform:uppercase;font-family:'微软雅黑';/*letter-spacing:2px;*/} .iBnr1-box .iBnr1-block{width:830px;height:267px;background:url(../images/banner/iBnr1/iBnr1-bg.png) no-repeat center center / cover;position:relative;margin:-28px 0 0;} .iBnr1-block .orn1{display:block;width:89px;height:89px;line-height:89px;font-size:18px;font-weight:lighter;position:absolute;left:0px;top:32px;} .iBnr1-block .orn1:after, .iBnr1-block .orn3:after, .iBnr1-block .orn5:after{content:"";display:block;width:100%;height:100%;background:url(../images/banner/iBnr1/iBnr1-orn1.png) no-repeat center center / cover;position:absolute;top:0px;left:0px;z-index:-2;} .iBnr1-block .orn2{display:block;width:42px;height:42px;background:url(../images/banner/iBnr1/iBnr1-orn2.png) no-repeat center center;position:absolute;bottom:0px;left:145px;} .iBnr1-block .orn3{display:block;width:103px;height:103px;line-height:103px;font-size:18px;font-weight:lighter;position:absolute;bottom:4px;left:339px;} .iBnr1-block .orn3:after{background:url(../images/banner/iBnr1/iBnr1-orn3.png) no-repeat center center / cover;} .iBnr1-block .orn4{display:block;width:42px;height:42px;background:url(../images/banner/iBnr1/iBnr1-orn4.png) no-repeat center center;position:absolute;bottom:70px;left:621px;} .iBnr1-block .orn5{display:block;width:93px;height:92px;line-height:26px;font-size:18px;font-weight:lighter;position:absolute;top:0px;right:0px;padding-top:20px;} .iBnr1-block .orn5:after{background:url(../images/banner/iBnr1/iBnr1-orn5.png) no-repeat center center / cover;} .iBnr1-block .orn1:after, .iBnr1-block .orn2, .iBnr1-block .orn3:after, .iBnr1-block .orn4, .iBnr1-block .orn5:after{animation-iteration-count:infinite;animation:rotation 3.5s linear infinite;-webkit-animation:rotation 3.5s linear infinite;-moz-animation:rotation 3.5s linear infinite;} @keyframes rotation{ 0%{transform: rotate(0deg);} 100%{transform: rotate(-360deg);}} @-webkit-keyframes rotation{ 0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg);}} @-moz-keyframes rotation{ 0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(-360deg);}} #index-webBnr{display:none;} .banner-container{position:relative;} .bnr-img.page-bnr{height:580px;} /*iBnr-2*/ .iBnr2-box{padding:26px 0 20px;width:765px;text-align:center;color:#fff;background:rgba(0,0,0,.4);position:absolute;top:39.53216374269006%;left:50%;margin:0 0 0 -382px;} .iBnr2-box .t1{line-height:62px;font-size:42px;font-weight:lighter;/*letter-spacing:8px;*/} .iBnr2-box .t2{line-height:34px;font-size:16px;font-weight:lighter;letter-spacing:2px;text-transform:uppercase;} /*iBnr-3*/ .iBnr3-box{padding:0 0 0 .9rem;width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:47.36842105263158%;z-index:8;} .iBnr3-box .t1{line-height:63px;font-size:48px;font-weight:lighter;/*letter-spacing:5px;*/} .iBnr3-box .t2{line-height:30px;font-size:16px;font-weight:lighter;text-transform:uppercase;letter-spacing:2px;} .iBnr-3 .orn1{width:100%;height:947px;background:url(../images/banner/iBnr3/iBnr-3.png) no-repeat center center / cover;position:absolute;left:0px;top:-114px;z-index:2;opacity:.6; animation:orn1 20s linear infinite;-webkit-animation:orn1 20s linear infinite;transform-origin:52.96875% 471px;-webkit-transform-origin:52.96875% 471px;} .iBnr-3 .orn2{width:100%;height:835px;background:url(../images/banner/iBnr3/iBnr-4.png) no-repeat center center / cover;position:absolute;left:0px;top:-58px;z-index:2;} .iBnr-3 .orn3{width:100%;height:100%;background:url(../images/banner/iBnr3/iBnr-5.png) no-repeat center center / cover;position:absolute;left:0px;top:0;z-index:3;opacity:.4; animation:orn3 20s linear infinite;-webkit-animation:orn3 20s linear infinite;transform-origin:52.08333333333333% 389px;-webkit-transform-origin:52.08333333333333% 389px;} .iBnr-3 .orn4{width:100%;height:100%;background:url(../images/banner/iBnr3/iBnr-2.png) no-repeat center center / cover;position:absolute;left:0px;top:0px;z-index:4;} .iBnr-3 .orn5{width:100%;height:100%;background:url(../images/banner/iBnr3/iBnr-6.png) no-repeat center center / cover;position:absolute;left:0px;top:0px;z-index:5;} .iBnr-3 .orn6{width:100%;height:100%;background:url(../images/banner/iBnr3/iBnr-7.png) no-repeat center center / cover;position:absolute;left:0px;top:0px;z-index:8;} @keyframes orn1{ 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} } @keyframes orn3{ 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);} 100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);} } /*iBnr-4*/ .iBnr4-box{text-align:center;color:#fff;} .iBnr4-box .t1{line-height:66px;font-size:48px;font-weight:lighter;} .iBnr4-box .t2{line-height:17px;font-size:12px;font-weight:lighter;text-transform:uppercase;font-family:'微软雅黑';margin:30px 0 0;} /*--- Container ---*/ .p-title{text-align:center;} .p-title .t{line-height:49px;font-size:30px;} .p-title .s{display:block;width:20px;height:3px;background:#e50012;margin:10px auto 0;} .p-title .c{line-height:27px;font-size:16px;color:#666666;margin:13px 0 0;} /*通用分类*/ .pubsort{border-bottom:1px solid #e1e1e1;height:63px;} .pubsort ul li{display:inline-block;height:63px;line-height:63px;margin-right:80px;} .pubsort ul li.on,.pubsort ul li:hover{background:url(../images/sort_line.gif) no-repeat center bottom;} .pubsort ul li a{display: block;} .pubsort ul li a:hover,.pubsort ul li.on a{color:#e50012;} /*-- 首页 --*/ /*我们的产品*/ .index-pro{} .Ipro-nav a{display:block;width:33.3333%;padding:25px 0;line-height:50px;text-align:center;font-size:0px;color:#666666;float:left;} .Ipro-nav a .icon{display:inline-block;width:50px;height:50px;vertical-align:middle;margin:0 4px 0 0;} .Ipro-nav a span{font-size:18px;vertical-align:middle;} .Ipro-nav a .icon.i1{background:url(../images/content/Isrv/Isrv1.png) no-repeat center center / cover;} .Ipro-nav a.cur .icon.i1{background-image:url(../images/content/Isrv/Isrv1-2.png);} .Ipro-nav a .icon.i2{background:url(../images/content/Isrv/Isrv2.png) no-repeat center center / cover;} .Ipro-nav a.cur .icon.i2{background-image:url(../images/content/Isrv/Isrv2-2.png);} .Ipro-nav a .icon.i3{background:url(../images/content/Isrv/Isrv3.png) no-repeat center center / cover;} .Ipro-nav a.cur .icon.i3{background-image:url(../images/content/Isrv/Isrv3-2.png);} .Ipro-nav a.cur{color:#fff;background:#e50012;} .Ipro-wrap{padding:74px 0 115px;background:url(../images/bg/Isrv-bg.jpg) no-repeat center center / cover;} .Ipro-box{display:none;} .Ipro-box .Ipro-block{padding:13px 0 0;width:41.5%;float:left;} .Ipro-block .name{line-height:47px;font-size:30px;} .Ipro-block .split{display:block;width:20px;height:3px;background:#e50012;margin:20px 0 37px;} .Ipro-block .con{max-height:108px;line-height:36px;font-size:15px;color:#777777;} .Ipro-block .btn{display:block;width:181px;height:55px;line-height:53px;border:1px solid #999999;margin:61px 0 0;} .Ipro-block .btn span{padding:0 25px 0 0;background:url(../images/icon/icon-go.png) no-repeat right center;} .Ipro-block .btn:hover{border-color:#e50012;background:#e50012;} .Ipro-block .btn:hover span{padding:0px;color:#fff;background-position:100px center;} .Ipro-box .Ipro-img{padding:55px 0 0;width:39.75%;float:right;position:relative;} .Ipro-img .IpImg-1{display:block;width:237px;height:277px;box-shadow:0px 10px 21px rgba(0,0,0,.5);position:absolute;top:0px;left:-80px;} .Ipro-img .IpImg-2{width:100%;height:312px;object-fit:cover;} /*关于我们*/ .index-abUs{background:#f5f5f5;} /*视频*/ .index-media{height:580px;padding:163px 0 190px;text-align:center;background:url(../images/bg/Imedia-bg.jpg) no-repeat center center / cover fixed;position:relative;background:#000;overflow:hidden;} .index-media .t1{/*font:61.52px/84px '叶根友毛笔行书2.0版';*/height:84px;color:#fff;position:relative;z-index:6;} .index-media .t1 img{width:auto;height:100%;} .index-media .t2{line-height:32px;font-size:24px;color:#e8e8e8;margin:10px 0 0;position:relative;z-index:6;} .index-media .bg, .index-media .orn1, .index-media .orn2{width:100%;height:100%;position:absolute;top:0px;left:0px;background:url(../images/bg/Imedia-bg.jpg);} .index-media .orn1, .index-media .orn2{background:url(../images/iBnr1-layer1.png) !important;z-index:2;} .index-media .orn1{width:100%;height:100%;background:url(../images/iBnr1-layer1.png) no-repeat center center / cover !important;position:absolute;top:0px;left:0px;animation:bg 50s linear infinite;z-index:5;} .index-media .orn2{width:100%;height:100%;background:url(../images/iBnr1-layer2.png) no-repeat center center / cover !important;position:absolute;top:0px;right:0px;animation:bg 50s linear infinite;z-index:5;} @keyframes bg { 0%{transform:translate3d(0,0,0);} 50%{transform:translate3d(-200px,0,0);} 100%{transform:translate3d(0px,0,0);}} @keyframes bg2 { 0%{transform:translate3d(0,0,0);} 50%{transform:translate3d(800px,0,0);} 100%{transform:translate3d(0,0,0);}} .index-media .bg{transition:all 3s ease-in-out .2s;-webkit-transition:all 3s ease-in-out .2s;} .index-media .bg{opacity:1;} /*.index-media .bg{transform:scale(.8);-webkit-transform:scale(.8);} .index-media.active .bg{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;} */ .index-media .bg, .index-media .orn1, .index-media .orn2 {background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;} /*.index-media{height:580px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:relative;}*/ .index-media .Imedia-con, .index-media .mejs-container, .index-media .Imedia-con video, .index-media .mejs-overlay-play{width:100% !important;height:100% !important;} /*.index-media .mejs-overlay-button{display:none;}*/ .index-media .Imedia-con{display:none;position:absolute;top:0px;left:0px;z-index:5;} .index-media .Imedia-btn{display:block;text-align:center;z-index:5;} .Imedia-btn .btn{display:block;width:90px;height:88px;/*background:url(../images/icon/icon-media.png) no-repeat center center / cover;*/margin:0 auto 28px;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .Imedia-btn:hover .btn{transform:translate(0,-15px);-webkit-transform:translate(0,-15px);} .prtvideo .Imedia-con{display:none;} .IabUs-wrap{background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);position:relative;top:-.7rem;left:0px;margin:-.3rem 0 0;z-index:2;} .IabUs-wrap:before{content:"";display:block;width: 100px;height:90%;box-shadow: -6px 0px 27px rgba(0,0,0,.8);background:none;position:absolute;top:12px;left:12px;z-index: -2;transform: skew(4deg) rotate(0deg);} .IabUs-wrap:after{content:"";display:block;width: 100px;height:90%;box-shadow: 6px 0px 27px rgba(0,0,0,.8);background:none;position:absolute;top:12px;right: 12px;z-index: -2;transform: skew(-4deg) rotate(0deg);} .IabUs-wrap ul{text-align:center;background:#fff;position:relative;z-index:2;} .IabUs-wrap ul li{width:33.3334%;float:left;} .IabUs-wrap .IabUs-box{display:block;padding:41px 0 0;position:relative;} .IabUs-box .IabUs-icon{width:132px;height:132px;line-height:130px;font-size:0px;border-radius:100%;border:1px solid #d8d8d8;overflow:hidden;margin:0 auto;} .IabUs-box .IabUs-block{padding:26px 11.25% 25px;margin:22px 0 0;} .IabUs-block .type{line-height:34px;font-size:20px;} .IabUs-block .con{line-height:27px;height:54px;color:#777777;margin:15px 0 0;} .IabUs-box:after{content:"";display:block;width:20px;height:6px;background:url(../images/icon/icon-go2.png) no-repeat center center / cover;position:absolute;bottom:19px;right:26px;opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);} .IabUs-wrap ul li:nth-child(2), .IabUs-box .IabUs-block{background:#f0f0f0;} .IabUs-wrap ul li:nth-child(2) .IabUs-block{background:#fff;} .IabUs-box:hover{box-shadow:0px 4px 18px rgba(255,2,22,.16);transition:all .3s cubic-bezier(.55,0,.1,1);z-index:2;} .IabUs-box:hover .IabUs-icon{border-color:#e71122;transform:translateY(-10px);-webkit-transform:translateY(-10px);} .IabUs-box:hover .IabUs-block{background:#e50012 !important;} .IabUs-box:hover .IabUs-block .type, .IabUs-box:hover .IabUs-block .con{color:#fff;} .IabUs-box:hover:after{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);} .index-abUs.cur{padding:0 0 30px;} .index-abUs.cur .IabUs-wrap{top:0px;margin:30px 0 0;} /*新闻*/ .index-news{padding:50px 0 66px;} .Inews-nav{text-align:center;font-size:0px;margin:25px 0 0;} .Inews-nav a{display:inline-block;width:148px;height:48px;line-height:46px;font-size:15px;color:#666666;border:1px solid #cecccc;margin:0 6px;} .Inews-nav a.cur, .Inews-nav a:hover{color:#fff;border-color:#e50012;background:#e50012;} .Inews-wrap{margin:50px 0 0;display:none;} .Inews-1st{display:block;width:47.5%;height:395px;color:#fff;position:relative;overflow:hidden;float:left;} .Inews-1st .In1st-box{padding:7px 100 9px 3.3333%;padding:7px calc(86px + 4%) 9px 3.3333%;width:100%;background:rgba(0,0,0,.6);position:absolute;left:0px;bottom:0px;} .In1st-box .t{line-height:36px;font-size:16px;font-weight:600;} .In1st-box .c{line-height:30px;} .Inews-1st .In1st-date{padding:10px 0 11px;width:86px;text-align:center;font-size:18px;background:#e50012;position:absolute;right:0px;bottom:0px;z-index:2;} .In1st-date .d, .Inews-date .d{line-height:26px;font-weight:600;} .In1st-date .y, .Inews-date .y{line-height:24px;} .In1st-date .s, .Inews-date .s{display:block;width:63px;height:1px;background:#fff;margin:5px auto;} .Inews-swiper{width:46.6666%;float:right;} .Inews-box{display:block;padding:3px 0 0 114px;position:relative;overflow:hidden;margin:38px 0 0;} .Inews-box:first-child{margin:0px;} .Inews-box .Inews-date{padding:9px 0 10px;width:86px;text-align:center;font-size:18px;color:#666666;border:1px solid #b4b4b4;position:absolute;left:0px;top:0px;} .Inews-date .s{background:#bdbdbd;} .Inews-box .name{line-height:22px;font-size:16px;font-weight:600;} .Inews-box .con{height:54px;line-height:27px;color:#666666;margin:10px 0 0;} .InSwiper-pagination{text-align:center;font-size:0px;position:relative;bottom:0px;margin:50px 0 0;} .InSwiper-pagination .swiper-pagination{display:inline-block !important;padding:0 14px;background:#ffffff;position:relative !important;bottom:0px !important;z-index:2;} .InSwiper-pagination .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#d4d4d4;opacity:1;margin:0 5px;cursor:pointer;} .InSwiper-pagination .swiper-pagination .swiper-pagination-bullet-active{background:#e50012;} .InSwiper-pagination:after{content:"";display:block;width:100%;height:1px;background:#e1e1e1;position:absolute;left:0px;top:50%;margin-top:-1px;} .Inews-box:hover .name{color:#e50012;} .Inews-box:hover .Inews-date{background:#e50012;border-color:#e50012;} .Inews-box:hover .Inews-date .d, .Inews-box:hover .Inews-date .y{color:#fff;} .Inews-box:hover .Inews-date .s{background:#fff;} /*-- 通信服务 --*/ .commSrv-nav{width:100%;background:rgba(0,0,0,.35);position:absolute;left:0px;bottom:0px;} .commSrv-nav .contain{display: flex;flex-wrap: wrap;} .commSrv-nav a{display:flex;padding:12px 0 9px;width:16.6667%;text-align:center;float:left;flex-direction: column;align-items: center;justify-content: flex-end;} .commSrv-nav a img{width:43px;opacity:.8;} .commSrv-nav a .name{line-height:24px;font-size:16px;color:#fff;margin:10px 0 0;} .commSrv-nav a.cur, .commSrv-nav a:hover{background:#e50012;} .commSrv-nav a.cur img, .commSrv-nav a:hover img{opacity:1;} /*简介*/ .commSrv-Ibrief{padding:60px 0;background:#f5f5f5;} .csIbrief-box{padding:22px 0 0;width:51.75%;float:left;} .csIbrief-box .name{line-height:48px;font-size:30px;} .csIbrief-box .split{display:block;width:20px;height:3px;background:#e50012;margin:20px 0 29px;} .csIbrief-box .con{line-height:34px;color:#666666;} .csIbrief-img{width:42.3333%;height:304px;overflow:hidden;float:right;} /*产品*/ .commSrv-Ipro{padding:50px 0 60px;} .csIpro-swiper{position:relative;} .csIpro-swiper .swiper-container{width:104%;padding:40px 2% 50px;margin:0 0 0 -2%;} .csIpro-box{display:block;text-align:center;} .csIpro-box .csIpro-img{width:100%;height:254px;object-fit:cover;} .csIpro-box .name{line-height:25px;font-size:18px;margin:26px 0 0;} .csIpro-box .con{padding:0 5.263157894736842%;line-height:26px;height:52px;color:#777777;margin:15px 0 0;} .csIpro-box .btn{display:block;width:100%;padding:0 6.842105263157895%;line-height:42px;text-align:left;font-size:12px;color:#777777;background:#f2f2f2;position:relative;margin:36px 0 0;} .csIpro-box .btn:after{content:"";display:block;width:20px;height:100%;background:url(../images/icon/icon-go3.png) no-repeat center center / 100% auto;position:absolute;right:6.842105263157895%;top:0px;} .csIpro-box:hover:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .csIpro-box:hover .btn{color:#fff;background:#e50012;} .csIpro-box:hover .btn:after{background-image:url(../images/icon/icon-go3-2.png);} .csIpro-swiper .swiper-pagination{font-size:0px;position:relative;bottom:0px;} .csIpro-swiper .swiper-pagination .swiper-pagination-bullet{width:11px;height:11px;background:#bababa;opacity:1;margin:0 6px;} .csIpro-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#e50012;} /*解决方案*/ .commSrv-Icase{padding:40px 0 67px;background:#f5f5f5;} .csIcase-list{width:104.1666%;margin:0 0 0 -4.1666%;} .csIcase-list li{width:50%;padding:44px 0 0 3.999938559960678%;float:left;} .csIcase-list .csIcase-box{display:block;padding:0 0 39px;background:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;} .csIcase-box img{width:100%;height:260px;object-fit:cover;} .csIcase-box .name{padding:23px 5.217391304347826% 0;line-height:31px;font-size:18px;} .csIcase-box .con{padding:0 5.217391304347826%;line-height:30px;height:60px;color:#777777;margin:10px 0 0;} .csIcase-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} /*- 产品列表 -*/ .csPro-container{padding:46px 0 50px;background:#f2f2f2;} /*导航*/ .csPro-nav{border-top:2px solid #e50012;border-bottom:1px solid #e1e1e1;background:#fff;} .csPro-nav a{display:block;padding:14px 0 9px;width:16.6666%;text-align:center;border-right:1px solid #e1e1e1;float:left;} .csPro-nav a:first-child{border-left:1px solid #e1e1e1;} .csPro-nav a .icon{display:block;width:50px;height:50px;margin:0 auto;} .csPro-nav a .icon.i1{background:url(../images/content/commSrv/cSrv-1.png) no-repeat center center / cover;} .csPro-nav a.cur .icon.i1, .csPro-nav a:hover .icon.i1{background-image:url(../images/content/commSrv/cSrv-1-2.png);} .csPro-nav a .icon.i2{background:url(../images/content/commSrv/cSrv-2.png) no-repeat center center / cover;} .csPro-nav a.cur .icon.i2, .csPro-nav a:hover .icon.i2{background-image:url(../images/content/commSrv/cSrv-2-2.png);} .csPro-nav a .icon.i3{background:url(../images/content/commSrv/cSrv-3.png) no-repeat center center / cover;} .csPro-nav a.cur .icon.i3, .csPro-nav a:hover .icon.i3{background-image:url(../images/content/commSrv/cSrv-3-2.png);} .csPro-nav a .icon.i4{background:url(../images/content/commSrv/cSrv-4.png) no-repeat center center / cover;} .csPro-nav a.cur .icon.i4, .csPro-nav a:hover .icon.i4{background-image:url(../images/content/commSrv/cSrv-4-2.png);} .csPro-nav a .icon.i5{background:url(../images/content/commSrv/cSrv-5.png) no-repeat center center / cover;} .csPro-nav a.cur .icon.i5, .csPro-nav a:hover .icon.i5{background-image:url(../images/content/commSrv/cSrv-5-2.png);} .csPro-nav a .icon.i6{background:url(../images/content/commSrv/cSrv-6.png) no-repeat center center / cover;} .csPro-nav a.cur .icon.i6, .csPro-nav a:hover .icon.i6{background-image:url(../images/content/commSrv/cSrv-6-2.png);} .csPro-nav a .name{line-height:29px;font-size:15px;color:#666666;margin:5px 0 0;} .csPro-nav a.cur .name, .csPro-nav a:hover .name{color:#e50012;} /*顶部*/ .csPro-top{} .csPro-top .csPtop-name{display:block;padding:0 0 0 18px;line-height:36px;font-size:18px;position:relative;float:left;} .csPtop-name:after{content:"";display:block;width:4px;height:15px;background:#666666;position:absolute;top:50%;left:0px;margin-top:-7px;} .csPro-top .csPtop-nav{float:left;} .csPtop-nav a{display:block;padding:0 10px;min-width:102px;height:36px;line-height:34px;text-align:center;color:#666666;border:1px solid #d6d6d6;border-radius:36px;margin:0 10px;float:left;} .csPtop-nav a.cur, .csPtop-nav a:hover{color:#fff;border-color:#e50012;background:#e50012;} .csPro-top .csPtop-locate{line-height:36px;color:#999999;float:right;} .csPtop-locate a:first-child{display:inline-block;padding:0 0 0 23px;background:url(../images/icon/icon-home.png) no-repeat left center;} .csPtop-locate a:last-child{color:#555555;} .csPro-list{width:103.3333%;margin:14px 0 0 -3.3333%;} .csPro-list li{width:50%;padding:20px 0 20px 3.225775234121043%;float:left;} .csPro-list .csPlist-box{display:block;background:#fff;border:1px solid #e1e1e1;position:relative;} .csPlist-box .csPlist-img{width:46.02076124567474%;height:272px;line-height:272px;font-size:0px;text-align:center;border-right:1px solid #e1e1e1;overflow:hidden;float:left;} .csPlist-img img{max-width:90%;max-height:90%;} .csPlist-block{display:table;width:43.25259515570934%;height:272px;float:right;margin:0 5.190311418685121% 0 0;} .csPlist-block .csPlist-con{display:table-cell;vertical-align:middle;} .csPlist-con .name{line-height:28px;font-size:18px;} .csPlist-con .con{line-height:30px;color:#777777;margin:10px 0 0;} .csPlist-box .btn{width:20px;height:20px;line-height:20px;font-size:18px;color:#a6a6a6;background:#efefef;position:absolute;right:0px;bottom:0px;} .csPlist-box:hover{border-color:#e50012;box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .csPlist-box:hover .btn{color:#fff;background:#e50012;} .csPro-container .pagination{margin:27px 0 0;} /*产品详情*/ .csPro-info{padding:60px 0;background:#f5f5f5;} .csPinfo-swiper{width:45.5%;background:#fff;position:relative;float:left;} .csPIswiper-man{width:72.52747252747253%;float:left;} .csPIsMan-box{display:block;height:300px;line-height:301px;text-align:center;font-size:0px;overflow:hidden;} .csPIsMan-box img, .csPIsMin-box img{max-width:98%;max-height:98%;} .csPIswiper-min{width:27.47252747252747%;height:300px;overflow:hidden;float:right;} .csPIswiper-min .swiper-container{height:300px;} .csPIsMin-box{display:block;height:100px;line-height:98px;text-align:center;border:1px solid #e3e3e3;position:relative;overflow:hidden;} .csPIsMin-box.cur:after{content:"";display:block;width:100%;height:100%;border:1px solid #e50012;position:absolute;top:0;left:0;} .csPIswiper-min .swiper-slide.swiper-slide-active .csPIsMin-box, .csPIswiper-min .swiper-slide.swiper-slide-next .csPIsMin-box{border-bottom:0px;} .csPinfo-box{padding:10px 0 0;width:44.25%;float:right;margin:0 4.25% 0 0;} .csPinfo-box .name{line-height:38px;font-size:30px;} .csPinfo-box .con{line-height:30px;color:#777777;margin:36px 0 0;} .csPinfo-box .btn.dd-btn{display:block;width:168px;height:48px;line-height:48px;color:#fff;background:#e50012;margin:48px 0 0;} .csPinfo-box .btn.dd-btn span{padding:0 32px 0 0;background:url(../images/icon/icon-go4.png) no-repeat right center;} .csPinfo-dtl{padding:50px 0;line-height:30px;color:#777777;position:relative;overflow:hidden;} .csPinfo-dtl img{max-width:100%;} /*解决方案详情*/ .bnr-img.csCase-bnr{height:420px;} .csCbnr-box{text-align:center;color:#fff;} .csCbnr-box .t1{line-height:59px;font-size:36px;} .csCbnr-box .t2{line-height:39px;font-weight:lighter;font-size:18px;letter-spacing:3px;} @keyframes fadeInLeft{ from{opacity:0;transform:translateX(-50px);-webkit-transform:translateX(-50px);} to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);} } @keyframes fadeInRight{ from{opacity:0;transform:translateX(50px);-webkit-transform:translateX(50px);} to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);} } .csCbnr-box .t1{animation:fadeInLeft .6s ease-in-out;-webkit-animation:fadeInLeft .6s ease-in-out;} .csCbnr-box .t2{animation:fadeInRight .6s ease-in-out;-webkit-animation:fadeInRight .6s ease-in-out;} .csCase-info{padding:60px 0 89px;background:#f5f5f5;} .csCinfo-left{padding:46px 3.5% 63px;width:74%;background:#fff;float:left;} .csCinfo-top{padding:0 0 30px;line-height:47px;font-size:30px;border-bottom:1px solid #e1e1e1;} .csCinfo-top .btn.rtn{padding:0 24px 0 0;font-size:14px;color:#777777;background:url(../images/icon/icon-go5.png) no-repeat right center;float:right;} .csCinfo-box{padding:40px 0;line-height:32px;color:#666666;position:relative;} .csCinfo-box img{max-width: 100%;} .csCinfo-page{padding:0 3.358208955223881%;background:#f4f4f4;margin:20px 0 0;} .csCinfo-page a{display:block;padding:15px 0;width:45%;line-height:30px;color:#777777;} .csCinfo-page a .type{color:#333333;} .csCinfo-page a.fr{text-align:right;} /*右侧*/ .csCinfo-right{width:23%;float:right;} .csCinfo-right .csCIr-box{padding:8px 6.521739130434783% 0;background:#fff;border-top:1px solid #e50012;margin:30px 0 0;} .csCinfo-right .csCIr-box:first-child{margin:0px;} .csCIr-box .csCIr-type{padding:0 0 5px 8.3333%;line-height:31px;font-size:16px;border-bottom:1px solid #e9e9e9;position:relative;} .csCIr-type:after{content:"";display:block;width:4px;height:15px;background:#e50012;position:absolute;left:3px;top:9px;} /*相关产品*/ .csCIr-aPro{width:106.6666%;padding:15px 0 18px;margin:0 0 0 -6.6666%;} .csCIr-aPro li{width:50%;padding:6px 0 6px 6.249941406213379%;float:left;} .csCIr-aPro li a{display:block;height:38px;line-height:38px;text-align:center;color:#666666;background:#f1f1f1;} .csCIr-aPro li a:hover{color:#fff;background:#e50012;} /*相关案例*/ .csCIr-aCase{padding:13px 0 26px;} .csCIr-aCase a{display:block;padding:5px 0 5px 23px;line-height:26px;color:#777777;background:url(../images/icon/icon-l3.png) no-repeat 6px center;} .csCIr-aCase a:hover{color:#e50012;} /*-- 关于我们 --*/ /*简介*/ .abUs-comPro{padding:60px 0 40px;} .auCp-box{line-height:27px;/*text-align:center;*/color:#777777;margin:33px 0 0;overflow:hidden;visibility:hidden;} .auCp-more{height:40px;line-height:40px;text-align:center;color:#777777;background:#f1f1f1;margin:34px 0 0;display:none;} /*数据*/ .abUs-comData{padding:124px 0;text-align:center;color:#fff;background:url(../images/bg/auCd-bg.jpg) no-repeat center center / cover;} .abUs-comData ul li{width:25%;padding:26px 0 1px;border-right:1px solid rgba(255,255,255,.65);float:left;opacity:0;} .abUs-comData ul li:first-child{border-left:1px solid rgba(255,255,255,.65);} .abUs-comData ul li .num{font:bold 48px/55px 'Verdana';} .abUs-comData ul li .con{padding:0 15%;line-height:27px;height:54px;margin:10px 0 0;opacity:.8;} /*企业愿景*/ .abUs-comVision{padding:45px 0 85px;background:#f5f5f5 url(../images/bg/auCv-bg.jpg) no-repeat left top / 100% auto;} .auCv-wrap{position:relative;margin:34px 0 0;z-index:2;} .auCv-box{padding:68px 0 0;width:659px;height:260px;background:#fff;box-shadow:0px 5px 10px rgba(221,0,0,.12);position:absolute;top:67px;left:2.8333%;z-index:2;} .auCv-box .auCv-block{width:505px;line-height:36px;font-size:15px;color:#777777;position:relative;margin:0 auto;} .auCv-block:before, .auCv-block:after{content:"";display:block;width:22px;height:21px;background:url(../images/icon/icon-dqm.png) no-repeat center center / cover;position:absolute;} .auCv-block:before{top:-26px;left:-36px;} .auCv-block:after{bottom:-10px;right:-30px;transform:rotate(180deg);-webkit-transform:rotate(180deg);} .auCv-img{width:39.3333%;height:394px;position:relative;float:right;margin:0 4.5% 0 0;} .auCv-img:after{content:"";display:block;width:100%;height:100%;border:1px solid #e9414f;position:absolute;left:-20px;bottom:-20px;z-index:-1;} /*社会责任*/ .abUs-comSR{padding:60px 0 68px;} .auCSR-list{margin:43px 0 0;} .auCSR-list li{width:20%;position:relative;overflow:hidden;float:left;z-index:1;} .auCSR-list .auCSR-box{overflow:hidden;position:relative;z-index:5;} .auCSR-box:before, .auCSR-box:after{content:"";display:block;width:100%;height:50%;background:rgba(0,0,0,.4);position:absolute;left:0px;} .auCSR-box:before{top:0px;} .auCSR-box:after{bottom:0px;} .auCSR-box .name{width:120px;padding:15px 0;line-height:34px;font-size:20px;color:#fff;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);position:absolute;top:120px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:2;} .auCSR-list li:nth-child(5) .auCSR-box .name{width:160px;} .auCSR-box .icon{display:block;width:60px;height:60px;position:absolute;left:50%;bottom:153px;margin-left:-30px;z-index:2;} .auCSR-box .icon.i1{background:url(../images/content/auCSR/auCSR-1.png) no-repeat center center / cover;} .auCSR-box .icon.i2{background:url(../images/content/auCSR/auCSR-2.png) no-repeat center center / cover;} .auCSR-box .icon.i3{background:url(../images/content/auCSR/auCSR-3.png) no-repeat center center / cover;} .auCSR-box .icon.i4{background:url(../images/content/auCSR/auCSR-4.png) no-repeat center center / cover;} .auCSR-box .icon.i5{background:url(../images/content/auCSR/auCSR-5.png) no-repeat center center / cover;} .auCSR-list .auCSR-bg{width:100%;height:468px;object-fit:cover;} .auCSR-con{width:200%;height:100%;background:#f5f5f5;position:absolute;top:0px;opacity:0;} .auCSR-con .auCSR-tb{display:table;width:100%;height:100%;overflow-y:auto;position:absolute;top:0px;left:0px;} .auCSR-tb .auCSR-td{display:table-cell;padding:0 7.5%;vertical-align:middle;} .auCSR-td .name{line-height:40px;font-size:22px;color:#222;} .auCSR-td .split{display:block;width:31px;height:1px;background:#e50012;margin:10px 0 20px;} .auCSR-td .con{line-height:32px;color:#666666;} .auCSR-box:before, .auCSR-box:after, .auCSR-box .name, .auCSR-box .icon, .auCSR-con{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .auCSR-list li:hover .auCSR-box:before{top:-100%;opacity:0;transition-delay:.2s;-webkit-transition-delay:.2s;} .auCSR-list li:hover .auCSR-box:after{bottom:-100%;opacity:0;transition-delay:.2s;-webkit-transition-delay:.2s;} .auCSR-list li:hover .auCSR-box .name{top:-100px;opacity:0;} .auCSR-list li:hover .auCSR-box .icon{transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;} .auCSR-list li:nth-child(1) .auCSR-con, .auCSR-list li:nth-child(2) .auCSR-con, .auCSR-list li:nth-child(3) .auCSR-con{left:0px;} .auCSR-list li:nth-child(4) .auCSR-con, .auCSR-list li:nth-child(5) .auCSR-con{right:0px;} .auCSR-list li:hover{z-index:5;} .auCSR-list li:hover .auCSR-con{opacity:1;} .auCSR-list li:nth-child(1):hover .auCSR-con, .auCSR-list li:nth-child(2):hover .auCSR-con, .auCSR-list li:nth-child(3):hover .auCSR-con{left:100%;} .auCSR-list li:nth-child(4):hover .auCSR-con, .auCSR-list li:nth-child(5):hover .auCSR-con{right:100%;} /*发展历程*/ .abUs-comHist{padding:50px 0 0;background:url(../images/bg/auCh-bg.jpg) no-repeat top center / 100% 579px;} .abUs-comHist .p-title .t{color:#fff;} .abUs-comHist .p-title .s{background:#e50012;} /*大*/ .auCHist-man{width:928px;padding:0 0 246px;position:relative;margin:80px auto 0;} .auCHist-man .swiper-container{padding:69px 0 0;} .auCHist-man .auCHman-box{display:block;height:72px;text-align:center;color:#fff;background:url(../images/bg/auCHist-bg.png) no-repeat center 68px;position:relative;} .auCHman-box .year{line-height:28px;font-size:16px;} .auCHman-box:before{content:"";display:block;width:8px;height:8px;border-radius:100%;background:#fff;position:absolute;left:50%;margin-left:-4px;bottom:0px;} .auCHman-box:after{content:"";display:block;width:1px;height:9px;background:#fff;position:absolute;left:50%;margin-left:-1px;bottom:11px;} .auCHman-box.cur .year{width:77px;height:77px;line-height:77px;background:rgba(229,0,18,.75);border-radius:100%;position:absolute;top:-53px;left:50%;margin-left:-38.5px;} .auCHman-box.cur .year:after{content:"";display:block;width:109px;height:109px;background:rgba(229,0,18,.25);border-radius:100%;position:absolute;top:-16px;left:-16px;z-index:-1;} .auCHman-box.cur:before, .auCHman-box.cur:after{background:#e50012;} .auCHman-box.cur:after{height:30px;z-index:2;} .auCHistManSwiper-prev, .auCHistManSwiper-next{display:block;width:11px;height:21px;position:absolute;top:70px;} .auCHistManSwiper-prev{left:-58px;background:url(../images/icon/swiper2-l.png) no-repeat center center;} .auCHistManSwiper-next{right:-58px;background:url(../images/icon/swiper2-r.png) no-repeat center center;} .auCHist-man:before, .auCHist-man:after{content:"";display:block;width:26px;height:24px;background:url(../images/bg/auCHist-orn1.png) no-repeat center center;position:absolute;top:125px;} .auCHist-man:before{left:-103px;} .auCHist-man:after{right:-103px;} .auCHist-man .orn1, .auCHist-man .orn2{display:block;height:1px;background:rgba(255,255,255,.3);position:absolute;top:137px;} /*小*/ .auCHist-min{width:1000px;position:relative;margin:-151px auto 0;z-index:2;} .auCHist-min .swiper-container{padding:0 0 69px;} .auCHist-min .swiper-container .swiper-slide{padding:0 10px;} .auCHmin-box{display:block;padding:0 6.851851851851852% 0 41.6666%;background:#fff url(../images/bg/auCHistMin-bg.jpg) no-repeat center center / cover;box-shadow:0 4px 20px rgba(162,162,162,.24);position:relative;} .auCHmin-box .auCHmin-img{display:block;width:38.7037037037037%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;} .auCHmin-box .auCHmin-block{padding:61px 0 51px;min-height:284px;} .auCHmin-block li{padding:0 0 0 37px;line-height:29px;color:#666666;position:relative;margin:9px 0 0;} .auCHmin-block li:first-child{margin:0px;} .auCHmin-block li:before{content:"";display:block;width:13px;height:1px;background:#afafaf;position:absolute;left:0px;top:14px;} /*资质荣誉*/ .abUs-comHonor{padding:57px 0 51px;background:#f5f5f5;} .auChonor-swiper{width:92.552083%;margin:35px auto 0;} .auChonor-box{display:block;padding:0 0 35px;border-bottom:1px solid #e0e0e0;position:relative;} .auChonor-block{width:94%;height:300px;line-height:300px;font-size:0px;text-align:center;background:#fff;position:relative;overflow:hidden;margin:0 auto;} .auChonor-block img{max-width:92%;max-height:92%;} .auChonor-block:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.75);position:absolute;top:0px;left:0px;} .auChonor-block:after{content:"";display:block;width:91.74528301886792%;height:87.3333%;border:1px solid rgba(255,255,255,.4);} .auChonor-con{padding:0 0 58px;background:url(../images/icon/icon-see.png) no-repeat center bottom;} .auChonor-con .name{width:245px;height:60px;line-height:30px;font-size:16px;color:#fff;} .auChonor-block:before, .auChonor-block:after, .auChonor-con{opacity:0;} .auChonor-box:hover .auChonor-block:before, .auChonor-box:hover .auChonor-block:after, .auChonor-box:hover .auChonor-con{opacity:1;} .auChonor-box:hover{border-bottom:1px solid #e50012;} .auChonor-box:hover .auChonor-block{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .auChonor-swiper .swiper-pagination{text-align:center;font-size:0px;position:relative;bottom:0px !important;margin:46px 0 0;} .auChonor-swiper .swiper-pagination .swiper-pagination-bullet{width:11px;height:11px;background:#a6a6a6;opacity:1;margin:0 6px;} .auChonor-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#e50012;} /*物联网*/ .IFT-box{padding:70px 0 75px;background:url(../images/bg/IFT-bg1.png) no-repeat left top / auto auto;border-bottom:1px solid #e1e1e1;} .IFT-box .IFT-block{width:51%;float:left;} .IFT-box .IFT-img{width:42.08333%;height:309px;position:relative;overflow:hidden;float:right;margin:17px 0 0;} .IFT-block .name{line-height:43px;font-size:30px;} .IFT-block .split{display:block;width:20px;height:3px;background:#e50012;margin:13px 0 19px;} .IFT-block .con{line-height:34px;color:#666666;} .IFT-data{padding:60px 0 70px;} .IFTdata-box{text-align:center;margin:50px 0 0;} .IFTdata-box img{max-width:100%;} .IFT-title{line-height:43px;text-align:center;font-size:24px;} .IFT-title .num{display:inline-block;font-size:30px;line-height:30px;height:30px;font-weight:600;color:#666666;position:relative;margin:0 20px 0 0;vertical-align:middle;} .IFT-title .num:after{content:"";display:block;width:25px;/*height:5px;border-top:1px solid #d5d5d5;*/background:#f5f5f5;position:absolute;bottom:3px;right:-8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .IFT-more{display:block;width:136px;height:42px;line-height:42px;color:#fff;background:#e50012;border-radius:3px;margin:38px auto 0;} /*云平台*/ .IFT-CP{padding:60px 0 70px;background:#f5f5f5;} .IFTcp-top{text-align:center;position:relative;margin:38px 0 0;} .IFTcp-top span{display:inline-block;padding:0 .75rem;line-height:58px;font-size:20px;color:#1cadf2;background:#f5f5f5;border:1px dashed #1cadf2;position:relative;z-index:2;} .IFTcp-top:before{content:"";display:block;width:100%;height:1px;background:#1cadf2;position:absolute;left:0px;top:50%;margin-top:-1px;} .IFTcp-box{text-align:center;margin:18px 0 0;} .IFTcp-box img{max-width:100%;} /*模组*/ .IFT-mod{padding:60px 0 70px;} .IFT-mod .IFT-title .num:after{background:#fff;} .IFTmod-top{line-height:21px;text-align:center;color:#666;margin:22px 0 0;} .IFTmod-box{text-align:center;margin:37px 0 0;} .IFTmod-box img{max-width:100%;} /*解决方案*/ .IFT-case{padding:60px 0 70px;background:#f5f5f5;} .IFTcase-list{width:101.5%;margin:25px 0 0 -1.5%;} .IFTcase-list li{width:25%;padding:27px 0 0 1.477832512315271%;float:left;} .IFTcase-list .IFTcase-box{padding:35px 0 24px;height:170px;background:#fff;overflow:hidden;} .IFTcase-box .IFTcase-left{width:40%;text-align:center;border-right:1px solid #e1e1e1;float:left;} .IFTcase-left .name{line-height:22px;font-size:16px;margin:10px 0 0;} .IFTcase-box .IFTcase-right{padding:0 1.968641114982578%;width:60%;line-height:22px;color:#777777;float:left;} .IFTcase-box .IFTcase-left img{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .IFTcase-box:hover .IFTcase-left img{transform:translateY(-10px);-webkit-transform:translateY(-10px);} /*联系方式*/ .IFT-ct{padding:70px 0;} .IFTct-box{width:29.1667%;float:left;margin:27px 0 0;} .IFTct-box .type{line-height:49px;font-size:30px;} .IFTct-box .com{line-height:31px;font-size:18px;margin:20px 0 0;} .IFTct-box ul{margin:15px 0 0;} .IFTct-box ul li{line-height:30px;font-size:14px;color:#777777;} .IFTct-map{width:63.91666666666667%;border:1px solid #e1e1e1;position:relative;overflow:hidden;float:right;} /*--- 小蔡 ----*/ /*内页banner*/ .bann{position:relative;} .bann .bann_txt{position:absolute;width:330px;height:160px;text-align:center;font-size:72px;color:#fff;left:50%;top:50%;margin-left:-160px;margin-top:-80px;background:url(../images/banntxt_bg.png) repeat;} .bann .bann_cloud{position:absolute;width:330px;height:160px;text-align:center;font-size:72px;color:#fff;left:50%;top:50%;margin-left:-160px;margin-top:-80px;} .bann .bann_note{width:1200px;position:absolute;left:50%;top:35%;margin-left:-600px;color:#fff;} .bann .bann_note h3{font-weight:normal;color:#fff;font-size:36px;margin-bottom:40px;} .bann .bann_note p{line-height:28px;} .bann .bann_mf{top:15%;} .bann .bann_txt h2{margin-top:20px;} .bann .bann_txt h3,.bann_cloud h3{font-size:38px;margin-top:55px;margin-bottom:18px;} .bann .bann_txt p{font-size:20px;text-transform:uppercase;} /*解决方案*/ .solutioncase{padding:64px 0 70px;} .solcontent{margin-top:20px;} .solcontent p{font-size:16px;color:#666;text-align:center;line-height:35px;} .solcontent p img{margin:20px auto;} /*投资者关系*/ .investor{background:#f4f4f4;padding:60px 0;} .investor ul li{margin-bottom:30px;height:348px;} .investor .iponote{padding:70px 40px;background:#fff;height:100%;box-shadow:1px 0px 10px #eee;} .investor .iponote,.investor .ipopic{width:50%;float:left;} .investor .ipopic{width:50%;overflow:hidden;} .investor .iponote h3{font-size:30px;color:#333;font-weight:bold;} .investor .iponote p{line-height:32px;color:#666;} .investor .iponote i{display:block;width:30px;height:3px;background:#e50012;margin:30px 0 35px;} /*联系我们*/ .contact_fs{overflow:hidden;text-align:center;} .contact_fs li{width:240px;float:left;border-left:1px solid #ececec;} .contact_fs li:first-child{border:0px;} .contact_fs li h3{margin:35px 0 25px;color:#333;} .contact_fs li p{color:#777;} .map{margin:40px 0 60px;} .base ul{overflow:hidden;} .base ul li{float:left;width:50%;border-left:1px solid #e1e1e1;padding-left:185px;} .base ul li:first-child{border:0px;padding-left:45px;} .base ul li h4{font-size:18px;color:#333;font-weight:bold;} .base ul li i{display:block;height:1px;background:#e50012;margin:20px 0 30px;width:22px;} .base ul li p{color:#666;line-height:30px;} /*人才招聘*/ .job{background:#fff;} .jobctit{background:#f3f3f3;height:60px;line-height:60px;font-size:16px;color:#333;} .jobctit span{display:inline-block;width:18%;text-align:center;} .job-content h1{text-align:center;font-size:30px;color:#333;margin-bottom:20px;font-weight:normal;margin-bottom:50px;} .job-content{margin-bottom:20px;} .job-content dl dt{height:60px;line-height:60px;cursor:pointer;border-bottom:1px solid #ededed;} .job-content span.job_cls{width:6%;} .job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block;} .job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;} .job-content dl dt span{display:inline-block;width:18%;text-align:center;color:#666;} .job-content span.job_post{text-align:left;padding-left:25px;} .job-content dl dd{background:#f3f3f3;padding:25px;line-height:28px;} .job-content dl dd p{color:#666;} .job-content dl dd a.job-apply{background:#e50012;display: block;width:140px;height:42px;line-height:42px;text-align:center;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;color:#fff;margin-top:20px;} /*新闻列表页*/ .newslist{background:#f3f3f3;} .firstnews{height:308px;background:#fff;margin-bottom:20px;overflow:hidden;} .firstnews .slidenews{width:731px;float:left;} .firstnews .fstlist{width:469px;float:right;} .firstnews .fstlist ul{padding:30px 40px;} .firstnews .fstlist ul li{margin-bottom:20px;background:url(../images/icon_d.gif) no-repeat left center;padding-left:20px;} .firstnews .fstlist ul li a{color:#777;} .firstnews .fstlist ul li a:hover{color:#e50012;} .firstnews .fstlist ul li span{color:#777;float:right;} .firstnews #fstnews .swiper-slide{position:relative;} .firstnews #fstnews .swiper-slide h4{position:absolute;left:0px;bottom:0px;height:48px;line-height:48px;background:url(../images/icon_bgblack.png) repeat center;color:#fff;width:100%;padding:0px 20px;font-size:18px;font-weight:normal;} .firstnews #fstnews .swiper-pagination{text-align:right;right:20px;left:auto;bottom:15px;} .firstnews #fstnews .swiper-pagination-bullet{background:#fff;} .firstnews #fstnews .swiper-pagination .swiper-pagination-bullet-active{background:#e50012;} .nlist ul li{height:308px;background:#fff;margin-bottom:20px;overflow:hidden;} .nlist ul li .newsimg{width:35%;} .newsimg img{width:100%;object-fit:cover;} .nlist ul li .newsnote{width:65%;} .nlist ul li .newsnote .notec{padding:40px 40px 30px;} .nlist ul li .newsnote .notec h4 a{font-size:24px;color:#333;} .nlist ul li .newsnote .notec h4 a:hover{color:#e50012;} .nlist ul li .newsnote .notec .time{margin:20px auto;color:#999;font-size:13px;} .nlist ul li .newsnote .notec p{color:#777;line-height:24px;} .nlist ul li .newsnote .notec p a{display: block;width:143px;height:43px;text-align:center;line-height:43px;border:1px solid #e1e1e1;margin-top:20px;} .nlist ul li .newsnote .notec p a:hover{background:#e50012;color:#fff;border-color:#e50012;} .nlist ul li .newsnote .news_about{margin:20px auto;color:#999;font-size:13px;} .news_about .date{display:inline-block;padding:0 0 0 20px;background:url(../images/news/icon-date.png) no-repeat left center;} .news_about .type{display:inline-block;padding:0 0 0 10px;background:url(../images/news/icon-l1.png) no-repeat left center;margin:0 0 0 17px;} .news_about .see{display:inline-block;padding:0 0 0 22px;background:url(../images/news/icon-see.png) no-repeat left center;} .news_about .share{display:inline-block;padding:0 0 0 20px;background:url(../images/news/icon-share.png) no-repeat left center;} .news_about .split{display:inline-block;width:1px;height:13px;background:#d0d0d0;margin:0 5px;} .news_about span, .news_about a{vertical-align:middle;} /*新闻详情页*/ .newscon{padding:70px 80px;background:#f4f4f4;} .newscon .news_content{padding:55px 60px 65px;background:#fff;} .newscon .news_content h1{text-align:center;font-size:27px;color:#333;font-weight:normal;} .newscon .news_content .time{text-align:center;font-size:13px;margin:30px auto 40px;color:#999;border-bottom:1px solid #e5e5e5;padding-bottom:30px;} .newscon .news_content .time .see{display:inline-block;padding:0 0 0 23px;background:url(../images/icon/icon-see2.png) no-repeat left center;} .newscon .news_content .time .share{display:inline-block;padding:0 0 0 23px;background:url(../images/icon/icon-share3.png) no-repeat left center;} .newscon .news_content .news_about{text-align:center;font-size:13px;margin:30px auto 40px;color:#999;border-bottom:1px solid #e5e5e5;padding-bottom:30px;} .newscon .news_content p{line-height:30px;color:#777;} .newscon .news_content a.return{display: block;width:184px;height:54px;position:relative;text-align:center;font-size:16px;color:#e50012;border:1px solid #e50012;line-height:54px;margin:40px auto 60px;border-radius:5px;} /*.newscon .news_content a.return:hover{background:#e50012;color:#fff;}*/ .flippage{background:#f4f4f4;height:60px;line-height:60px;overflow:hidden;padding:0px 20px;} .flippage div a{color:#777;} .flippage div a:hover{color:#e50012;} .invesbg{background:url(../images/mediabg.jpg) no-repeat center bottom;} /*人才发展*/ .mechanism{margin:10px auto 50px;} img.talimg{width:100%;height:auto;} .mechanism p{font-size:16px;color:#777;line-height:35px;} .opportunity{background:#f5f5f5;padding:60px 0px;overflow:hidden;} .opportunity ul li{width:378px;height:349px;background:#fff;float:left;margin-left:32px;} .opportunity ul li h4{color:#333;font-size:18px;text-align:center;margin-top:30px;} .opportunity ul li:first-child{margin-left:0px;} .welfare .welsay{text-align:center;font-size:16px;color:#666;line-height:35px;margin-bottom:68px;} .welfare ul li{width:20%;float:left;text-align:center;margin-bottom:62px;} .welfare ul li img{max-height:60px;display: block;margin:0px auto;} .welfare ul li p{margin-top:28px;font-size:16px;} .welfare ul li img{transition-delay:.1s;-webkit-transition-delay:.1s;} .welfare ul li img, .welfare ul li p{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .welfare ul li:hover img, .welfare ul li:hover p{transform:translateY(-10px);-webkit-transform:translateY(-10px);} .welfare ul li:hover img{transition-delay:0s !important;-webkit-transition-delay:0s !important;} .welfare ul li:hover p{transition-delay:.1s !important;-webkit-transition-delay:.1s !important;} .recruitment{background:url(../images/joinus.png) no-repeat center;color:#fff;padding:70px 0px;background-size:cover;} .recruitment h2,.recruitment p{color:#fff;text-align:center;} .recruitment a.join{width:228px;height:52px;border:1px solid #fff;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;display: block;line-height:52px;text-align: center;margin:60px auto 40px;font-size:18px;} .recruitment a.join:hover{background:#e50012;border-color:#e50012;} .recruitment p{font-size:20px;} #ambience{width: calc(100% - 20px);padding-bottom:120px;} #ambience .swiper-slide{position:relative;} #ambience .swiper-slide:hover .box{display: block;} #ambience .swiper-slide .box{display:none;position:absolute;background:url(../images/icon_bgblack.png) repeat center;left:0px;top:0px;width:100%;height:100%;} .ambience .swiper-slide ul li{width: 20%;float:left;text-align:center;} #ambience .rectborder{width:90%;height:90%;position: absolute;left:5%;top:5%;transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;border:1px solid #999;} #ambience .rectborder:hover{border:1px solid #999;} #ambience .rectborder p{color:#fff;text-align:center;margin-top:50%;font-size:16px;} #ambience .swiper-pagination-bullets{bottom:55px;} #ambience .swiper-pagination-bullet{width:11px;height:11px;} #ambience .swiper-pagination-bullet-active{background:#e50012;} #ambience .swiper-button-next{right:20%;} #ambience .swiper-button-prev{left:20%;} #ambience .swiper-button-next,#ambience .swiper-button-prev{top:auto;bottom:35px;width:70px;background:none;z-index:12;} #ambience .swiper-button-next:hover,#ambience .swiper-button-prev:hover{color:#e50012;} /*投资者关系*/ .shareholder .centit{text-align:center;font-size:18px;color:#666;margin-bottom:30px;} .holder{background:#f5f5f5;padding:60px 50px;} .comtable{width:100%;max-width:1080px;margin:0px auto;} .comtable tr th{text-align:center;color:#333;font-size:16px;} .comtable tr:nth-child(2n-1){background:#dedede;} .comtable tr:nth-child(2n){background:#fff;} .comtable tr{height:60px;line-height:60px;} .comtable tr td{text-align:center;color:#666;} .comtable tr td span{color:#e50012;} .numberbox{padding:60px 0px;overflow:hidden;} .numberbox h2{font-size:30px;margin-bottom:40px;font-weight:normal;} .numberbox .viplist{margin-left:-25px;overflow:hidden;} .numberbox .viplist li{width:365px;padding:45px 35px;margin-left:25px;float:left;background:#f5f5f5 url(../images/icon_abs.gif) no-repeat right bottom;margin-bottom:30px;height:400px;} .numberbox .viplist li h4{font-size:18px;color:#333;margin-bottom:10px;font-weight:normal;position:relative;} .numberbox .viplist li h4 span{color:#888;font-size:16px;} .numberbox .viplist li h4 i{width:4px;height:15px;position:absolute;left:-35px;top:5px;background:#e50012;} .numberbox .viplist li .notec{line-height:23px;color:#777;font-size:13px;} .caters{position:fixed;right:0px;top:45%;width:auto;} .caters ul{position:relative;} .caters ul li a{position:absolute;width:auto;right:0px;top:0px;width:auto;height:40px;line-height:40px;background:#8a8a8a;color:#fff;margin-bottom:10px;border-radius:20px 0 0 20px;text-align:center;} .caters ul li.g2{position:absolute;width:100px;right:0px;top:50px;} .caters ul li.g3{position:absolute;width:100px;right:0px;top:100px;} .caters ul li.g4{position:absolute;width:100px;right:0px;top:150px;} .caters ul li a{display: block;border-radius:20px 0 0 20px;width:140px;} .caters ul li:hover a,.caters ul li.on a,.caters ul li.on a:hover{background:#e50012;width:140px;} /*投资者关系--联系方式*/ .investorinfo .cmedia{font-size:20px;color:#333;font-weight:normal;text-align:center;} .investorinfo .centit{text-align:center;color:#777;margin:30px 60px;} .director{overflow:hidden;} .director .ct1,.director .ct2{width:578px;height:290px;border:1px solid #e9e9e9;float:left;padding:24px 38px;position:relative;} .director h2{color:#333;font-size:18px;font-weight:normal;margin-bottom:20px;padding-bottom:30px;border-bottom:1px solid #e1e1e1;} .director h2 span{border-bottom:1px solid #e50016;padding-bottom:31px;} .director p{color:#777;line-height:30px;} .director .ct2{margin-left:40px;} .director .ct1 .i1,.director .ct2 .i1{display: block;width:21px;height:20px;border-left:1px solid #e50016;border-top:1px solid #e50016;position:absolute;left:-1px;top:-1px;} .director .ct1 .i2,.director .ct2 .i2{display: block;width:21px;height:20px;border-right:1px solid #e50016;border-bottom:1px solid #e50016;position:absolute;right:-1px;bottom:-1px;} .director{margin-bottom:70px;padding-bottom:70px;border-bottom:1px solid #ececec;} .investortwo{overflow:hidden;} .investortwo .note{border:1px solid #e1e1e1;padding:30px;background:#fff;} .investortwo h2{font-size:20px;font-weight:normal;margin-bottom:20px;position:relative;} .investortwo h2 span{position:absolute;width:68px;height:1px;background:#999;top:50%;} .investortwo .ct1,.investortwo .ct2{width:555px;float:left;} .investortwo .ct2{margin-left:90px;float:left;} .investortwo p{line-height:27px;font-size:15px;color:#777;} /*云网络 IPTV增值*/ .iptvbox{margin:70px auto 90px;} .iptvbox .note{text-align:center;font-size:16px;color:#666;line-height:35px;margin-bottom:60px;} .iptvbox ul{overflow:hidden;margin-bottom:70px;} .iptvbox ul li:first-child{margin-left:0px;} .iptvbox ul li{width:381px;background:#fff;float:left;margin-left:28px;position:relative;} .iptvbox ul li .mtnote{border:1px solid #e1e1e1;text-align:center;padding:30px 55px;} .iptvbox ul li .mtnote h4{font-size:22px;color:#333;margin-bottom:30px;font-weight:normal;} .iptvbox ul li .mtnote p{font-size:13px;color:#777;line-height:26px;} .iptvbox ul li span{ background:url(../images/yq.png) no-repeat center / cover; display: block; position:absolute; width:182px; height:182px; left:50%; margin-left:-91px; top:8%; animation-iteration-count: infinite; animation: rotation2 3.5s linear infinite; -webkit-animation: rotation2 3.5s linear infinite; -moz-animation: rotation2 3.5s linear infinite; } @keyframes rotation2{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}} @-webkit-keyframes rotation2{ 0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg);}} @-moz-keyframes rotation2{ 0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(360deg);}} .Client{background:#f5f5f5;padding:50px 0px;} .Client .note{text-align: center;font-size: 16px;color: #666;line-height: 35px;margin-bottom: 90px;} .features ul{overflow:hidden;margin-top:38px;} .features ul li{width:393px;height:90px;background:#f3f3f3;float:left;margin-left:10px;padding:25px 70px;text-align:center;color:#333;font-size:15px;line-height:25px;} .features ul li:first-child{margin-left:0px;} /*数据中心*/ .date .note{text-align:center;line-height:35px;font-size:16px;color:#666;} .dateimg1{margin:60px auto;} .userworth{background:#f5f5f5;} .userworth .note{padding:40px 30px 50px;} .userworth h4{color:#333;font-size:20px;font-weight:normal;background:url(../images/icon_line.gif) no-repeat left center;padding-left:20px;} .userworth p{color:#666;margin-bottom:20px;background:url(../images/icon_d.gif) no-repeat left center;padding-left:20px;} /*CDN*/ .glbfzbox{background:#f7f7f7;position:relative;} .globalfz{background:#f1f1f1;margin-bottom:160px;} .glbfzbox .glblist{width:1200px;height:176px;margin:0px auto;left:50%;margin-left:-600px;background:#fff;position:absolute;bottom:-60px;} .glbfzbox .glblist ul{overflow:hidden;} .glbfzbox .glblist ul li:first-child{background:none;} .glbfzbox .glblist ul li{width:33.3333%;float:left;padding:40px 60px 27px 35px;border-bottom:1px solid #d7d5d4;height:175px;background:url(../images/icon_gline.gif) no-repeat left center;} .glbfzbox .glblist ul li h4{margin-top:15px;font-weight:normal;color:#333;font-size:16px;margin-bottom:10px;} .glbfzbox .glblist ul li p{color:#777;font-size:13px;line-height:24px;} .glbfzbox .glblist ul li .ml20{margin-left:20px;} .glbfzbox .glblist ul li.on,.glbfzbox .glblist ul li:hover{border-bottom:1px solid #e50012;} /*投资者保护*/ .protection .prtvideo{margin-bottom:40px;} .protection ul li{width:566px;height:120px;border:1px solid #e1e1e1;margin-left:64px;margin-bottom:34px;float:left;padding:23px 33px;} .protection ul li:hover{border-color:#ec4451;box-shadow:1px 1px 30px #fae2e4;} .protection ul{overflow:hidden;margin-left:-64px;} .protection ul li .date{width:80px;height:74px;background:#f0f0f0;padding:13px;text-align:center;float:left;margin-right:25px;color:#888;} .protection ul li .date p{font-size:15px;border-bottom:1px solid #dadada;margin-bottom:7px;padding-bottom:8px;} .protection ul li .date span{font-size:21px;} .protection ul li .tit h4{font-size:16px;color:#666;font-weight:normal;margin-bottom:15px;margin-top:5px;} .protection ul li .tit span{color:#999;} .protection ul li:hover a{color:#ec4451;} .protection ul li:hover .date{background:#ff4150;color:#fff;} .protection ul li:hover .date p{border-color:#ff8c95;} /*数据中心*产品*/ .datefl{float:left;width:245px;border:1px solid #e1e1e1;} .datefl h3{height:67px;line-height:67px;text-align:center;font-size:16px;color:#333;font-weight:normal;} .datefl dl dt{border-top:1px solid #e1e1e1;padding-left:40px;position:relative;cursor:pointer;} .datefl dl .subdd{padding-top:25px;border-top:1px solid #e1e1e1;} .datefl dl dt i{position:absolute;left:10px;top:-2px;} .datefl dl dt span{width: 11px;height: 7px;background: url(../images/dl.png) no-repeat center; display: block;position:absolute;right:20px;top:30px;} .datefl dl dd{font-size:13px;color:#777;padding-left:78px;height:25px;margin-bottom:25px;position:relative;} .datefl dl dd i{position:absolute;left:60px;top:8px;display: block;width:4px;height:4px;background:#888;} .datefl dl dd:hover a{color:#e50012;} .datefl dl dd:hover i{background:#e50012;} .datefl dl dt{height:67px;line-height:67px;} .datefr{width:915px;} .datefr h2{font-size:30px;color:#333;font-weight:normal;margin-bottom:40px;} .datefr .note{color:#666;line-height:35px;} .datefr .datecate{border:1px solid #e1e1e1;margin-top:50px;} .datefr .datecate .dmenu{overflow:hidden;border-bottom:1px solid #e1e1e1;height:49px;line-height:49px;text-align:center;display: block!important;} .datefr .datecate .dmenu li{float:left;width:160px;cursor:pointer;font-size:16px;} .datefr .datecate .dmenu li.on{color:#e50012;background:url(../images/lion.png) no-repeat left top;} .datefr .datecate .content{padding:38px;} .datefr .datecate .content h3{background:#f5f5f5;height:44px;line-height:44px;text-align:center;font-weight:normal;color:#333;font-size:16px;margin-bottom:40px;} .datefr .datecate .content h6{font-weight:normal;font-size:15px;color:#333;margin-bottom:20px;position:relative;padding-left:15px;} .datefr .datecate .content h6:after{width:4px;height:12px;background-color: #666666; position: absolute;left:0px;top:5px;content:"";} .datefr .datecate .content p{color:#666;line-height:30px;} .datefr .datecate .content p.taC{margin:60px auto;} .datefr .datecate .content dl dd{padding-left:20px;position:relative;color:#666;margin-bottom:30px;} .datefr .datecate .content dl dd:after{width:10px;height:10px;background:url(../images/icon_dlgif.jpg) no-repeat left center;position: absolute;left:0px;top:5px;content:"";} .datefr .datecate table{width:100%;} .datefr .datecate .content table{border:1px solid #ccc;border-collapse:collapse;} .datefr .datecate .content table tr td{border:1px solid #ccc;text-align:center;color:#666;} .datefr .datecate .content tr td{height: 100%;border-right: 1px solid #ccc;padding: 10px 0;font-size: 14px;color: #666;} .datefr .datecate .content table tr th{height: 48px;background-color: #f6f6f6;font-size: 16px;color: #666;text-align: center;font-weight: 100;border: 1px solid #ccc;} .protab{width:100%;} .protab tr th{background:#e9e9e9;text-align:center;height:48px;line-height:48px;font-size:15px;font-weight:normal;color:#666;} .protab tr td{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#777;} .protab tr td:nth-child(1){border-left:1px solid #e9e9e9;} .protab tr td{height:48px;line-height:48px;padding:10px 30px;} /*云网络*/ .dcenter{height:461px;background:url(../images/datecbg.jpg) no-repeat center;background-size:cover;} .dcenter ul li{width:25%;float:left;padding:125px 0px;color:#fff;height:461px;text-align:center;} .dcenter ul li.dc1{background:url(../images/dc1.jpg) no-repeat left top;} .dcenter ul li.dc2{background:url(../images/dc2.jpg) no-repeat left top;} .dcenter ul li.dc3{background:url(../images/dc3.jpg) no-repeat left top;} .dcenter ul li.dc4{background:url(../images/dc4.jpg) no-repeat left top;} .dcenter ul li p{margin:35px auto 55px;font-size:18px;} .dcenter ul li a{display: block;width:138px;height:40px;border:1px solid #fff;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;line-height:40px;margin:0px auto;} .dcenter ul li a:hover{background:#e50012;border-color:#e50012;} .dcenter ul li h4, .dcenter ul li a{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .dcenter ul li:hover h4{transform:translateY(10px);-webkit-transform:translateY(10px);} .dcenter ul li:hover a{transform:translateY(-10px);-webkit-transform:translateY(-10px);} .dateproduct{background:#f5f5f5;} .date-solution .fl{width:555px;} .date-solution .fl h2{text-align:left;} .date-solution .fl i{margin:20px 0px;} .date-solution .fl p{font-size:15px;line-height:30px;color:#666;margin-bottom:20px;} .date-solution .fl a{display: block;width:155px;height:46px;border:1px solid #e1e1e1;line-height:46px;text-align:center;color:#666;} .date-solution .fl a:hover{background:#e50012;color:#fff;border-color:#e50012;} .datersnav{margin-top:50px;} .datersnav ul{border-bottom:1px solid #e1e1e1;text-align:center;} .datersnav ul li{display:inline-block;color:#777;font-size:16px;margin-left:60px;margin-right:60px;padding-bottom:30px;} .datersnav ul li.on{border-bottom:2px solid #e50012;} .datersnav ul li.on a{color:#e50012;} .dateprolist{margin-top:40px;} .dateprolist dl{overflow:hidden;margin-left:-25px;} .dateprolist dl dd{background:#fff;width:100%;height:230px;float:left;margin-left:0;padding: 30px 0;} .dateprolist dl dd .fl{width: 45%;text-align: center;border-right: 1px solid #e1e1e1;margin: 0 5% 0 0;} .dateprolist dl dd .fl img{/* border-right:1px solid #e1e1e1; *//* padding-right:40px; */max-width: 92%;} .dateprolist dl dd .fr{width:50%;} .dateprolist dl dd h4{font-size:16px;color:#333;} .dateprolist dl dd p{font-size:13px;color:#777;line-height:25px;margin:20px auto;} .dateprolist dl dd a{color:#777;} .dateprolist dl dd a:hover{color:#e50012;} #datepro{padding-bottom:30px;} #datepro .swiper-pagination-bullet-active{background:#e50012;} #datepro .swiper-pagination-bullets{bottom:0px;} .dateprolist dl dd:hover h4{color:#e50012;} .dateprolist dl dd .btn{padding:0 23px 0 0;background:url(../images/icon-go.png) no-repeat right center;} /*全局通用*/ .linei{display: block;width:20px;height:3px;background:#e50012;margin:20px auto;font-style:normal;} .pubcatetit{font-size:30px;color:#333;text-align:center;font-weight:normal;} .pdtb60{padding:60px 0px;} /*通用分类*/ .pubsort{border-bottom:1px solid #e1e1e1;height:63px;} .pubsort ul li{display:inline-block;height:63px;line-height:63px;margin-right:80px;} .pubsort ul li.on,.pubsort ul li:hover{background:url(../images/sort_line.gif) no-repeat center bottom;} .pubsort ul li a{display: block;font-size:16px;} .pubsort ul li a:hover,.pubsort ul li.on a{color:#e50012;} /*投资者保护*/ .proregular .prtvideo{margin-bottom:40px;} .proregular ul{border-left:1px solid #e1e1e1;} .proregular ul li{width:360px;height:122px;border:1px solid #e1e1e1;margin-left:38px;margin-bottom:34px;float:left;padding:23px 33px;} .proregular ul li:hover{border-color:#ec4451;box-shadow:1px 1px 30px #fae2e4;} .proregular ul li .date{width:65px;height:74px;background:#f0f0f0;padding:13px;text-align:center;float:left;margin-right:25px;color:#888;} .proregular ul li .date p{font-size:15px;border-bottom:1px solid #dadada;margin-bottom:5px;padding-bottom:6px;} .proregular ul li .date span{font-size:21px;} .proregular ul li .tit h4{font-size:16px;color:#666;font-weight:normal;margin-bottom:15px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .proregular ul li .tit span{color:#999;} .proregular ul li:hover a{color:#ec4451;} .proregular ul li:hover .date{background:#ff4150;color:#fff;} .proregular ul li:hover .date p{border-color:#ff8c95;} .proregular ul{position:relative;} .proregular ul i{position:absolute;left:-20px;top:50%;display: block;width:36px;height:50px;margin-top:-42px;} .proregular ul h2{font-size:18px;padding-left:50px;margin-bottom:55px;background:url(../images/h2line.jpg) no-repeat 0px center;} .proregular ul h2:after{width:5px;height:18px;background:#ff4150;position: absolute;left:30px;top:5px;content:"";} .proregular .temporary{padding-left:40px;color:#888;font-size:16px;} .proregular ul h2 span{font-weight:normal;float:right;display: block;} .proregular ul h2 span a{font-size:14px;color:#999;} .proregular ul h2 span a:hover{color:#e50012;} /*投资者保护更多页面*/ .regularlist .prtvideo{margin-bottom:40px;} .regularlist ul li{width:360px;height:122px;border:1px solid #e1e1e1;margin-left:38px;margin-bottom:34px;float:left;padding:23px 33px;} .regularlist ul li:hover{border-color:#ec4451;box-shadow:1px 1px 30px #fae2e4;} .regularlist ul li .date{width:80px;height:74px;background:#f0f0f0;padding:13px;text-align:center;float:left;margin-right:25px;color:#888;} .regularlist ul li .date p{font-size:15px;border-bottom:1px solid #dadada;margin-bottom:7px;padding-bottom:8px;} .regularlist ul li .date span{font-size:21px;} .regularlist ul li .tit h4{font-size:16px;color:#666;font-weight:normal;margin-bottom:15px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .regularlist ul li .tit span{color:#999;} .regularlist ul li:hover a{color:#ec4451;} .regularlist ul li:hover .date{background:#ff4150;color:#fff;} .regularlist ul li:hover .date p{border-color:#ff8c95;} .regularlist ul{margin-left:-38px;} .regularlist ul h2{font-size:24px;margin-bottom:55px;text-align:center;color:#333;} .regularlist ul h2:after{width:5px;height:18px;background:#ff4150;position: absolute;left:30px;top:5px;content:"";} .regularlist .temporary{padding-left:40px;color:#888;} .bann img{width:100%;max-width:100%;height:582px;object-fit:cover;} /*移动端适配*/ @media all and (max-width:980px){/*web*/ .bann img{height:300px;object-fit:cover;} /*-- Header --*/ /*.header-cl, .header-container, .Hlogo{height:50px;} .Hlogo{line-height:50px;} .Hlogo img{height:80%;} .Hmenu-btn{display:block;}*/ .bann .bann_txt{width:200px;height:100px;margin-left:-100px;margin-top:-50px;} .bann .bann_txt h2{font-size:36px;margin-top:30px;} .bann .bann_txt h3{font-size:28px;margin-top:20px;margin-bottom:10px;} .bann .bann_txt p{font-size:14px;} .solutioncase{padding:30px 0px;} .pubsort{height:auto;} .pubsort ul li{width:32%;text-align:center;margin-right:0px;height:50px;line-height:50px;} .investor{padding:20px 0px;} .investor ul li{height:auto;overflow:hidden;} .investor .iponote, .investor .ipopic{width:100%;} .investor .iponote{padding:20px;} .investor .iponote i{margin:15px 0px;} .investor .iponote h3{font-size:24px;} .contact_fs li{width:50%;height:210px;border:0px;} .contact_fs li h3{margin:15px 0px;} .map{margin:10px 0px;} .base ul li:first-child{padding:0px;} .base ul li{width:100%;padding:0px;border:0px;margin-top:20px;} .base ul li i{margin:15px 0 15px;} .job-content span.job_post{padding-left:10px;width:20%;} .job-content span.job_num,.job-content span.job_add{width:15%;} .job-content span{font-size:12px;} .firstnews{height:auto;} .firstnews .slidenews,.firstnews .fstlist{width:100%;} .firstnews .fstlist ul{padding:15px;} .nlist ul li .newsnote .notec{padding:10px;} .nlist ul li{height:auto;} .nlist ul li .newsnote .notec h4 a{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;} .nlist ul li .newsnote .notec .time{margin:10px 0px;} .nlist ul li .newsnote .notec p a{margin-top:10px;height:30px;line-height:30px;width:110px;} .nlist ul li .newsnote .notec p.info{height:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;} .newscon{padding:2% 0;} .newscon .news_content{padding:20px 15px;} .newscon .news_content h1{font-size:22px;} .newscon .news_content .time{margin:10px auto;padding-bottom:10px;} .newscon .news_content a.return{height:45px;line-height:45px;margin:20px auto 40px;} .flippage{height:auto;line-height:40px;} .talimg{height:200px;object-fit:cover;} .opportunity ul li{width:100%;margin:0px;margin-top:20px;height:auto;} .opportunity ul li:first-child{margin-top:0px;} .opportunity ul li h4{margin:15px auto;} .welfare .welsay{margin-bottom:20px;} .welfare ul li{margin-bottom:20px;} .welfare ul li p{margin-top:10px;} #ambience .swiper-pagination-bullets{bottom:64px;} #ambience .swiper-button-prev{left:0px;} #ambience .swiper-button-next{right:0px;} .welfare ul li img{max-width:35px;} .recruitment p{font-size:16px;} .recruitment a.join{width:215px;height:45px;line-height:45px;} .holder{padding:20px 0px;} .numberbox{padding:20px 0px;} .numberbox .viplist li{width:94%;height:auto;} .director .ct1,.director .ct2{width:100%;height:auto;padding:20px;margin-bottom:20px;margin-left:0px;} .director{margin-bottom:20px;padding-bottom:5px;} .investortwo .ct1, .investortwo .ct2{width:100%;margin:10px auto;} .investorinfo .centit{margin:15px 10px;line-height:30px;} .bann .bann_note{width:90%;left:0px;margin-left:5%;} .bann .bann_note h3{font-size:24px;margin-bottom:20px;} .iptvbox{margin:20px 0;} .Client{padding:20px 0px;} .iptvbox .note,.Client .note{margin-bottom:20px;} .features ul li{width:100%;margin:0px auto 15px;} .worthcate .worhimg{width:240px;} .userworth .note{padding:20px 10px 0px;} .glbfzbox{position:inherit;} .globalfz{margin-bottom:20px;} .glbfzbox .glblist{width:100%;margin-left:0px;left:0px;height:auto;position:inherit;bottom:10px;} .glbfzbox .glblist ul li{width:98%;margin:0px auto;padding:20px;height:auto;float:none;overflow:hidden;background:none;} .protection .prtvideo{margin-bottom:20px;} .protection ul{margin-left:0px;} .protection ul li{width:100%;margin:0px auto;height:auto;padding:10px 20px;margin-bottom:20px;} .protection ul li .tit h4{white-space:nowrap;height:25px;overflow:hidden;text-overflow:ellipsis;} .datefl{width:100%;} .datefr{width:100%;} .datefr h2{margin:20px 0;} .datefr .datecate .content{padding:10px;} .datefr .datecate .dmenu li{width:33.33333%} .datefr .datecate .content h3{margin:15px auto;} .proregular ul li{margin-left:-1px;margin-bottom:20px;} .proregular ul h2{margin-bottom:20px;} .iptvbox ul li{width:100%;margin:0px auto 20px;} .dcenter ul li{width:50%;padding:30px 20px;height:auto;} .dcenter{height:auto;} .dcenter ul li p{margin:20px auto;font-size:16px;} .datersnav ul{overflow:hidden;} .datersnav ul li{width:33.33333%;float:left;margin:0px 0px;} .date-solution .fl a{margin-bottom:20px;} .datefl dl dt i{left:27px;max-width:100%;width:17px;} .datefl dl dt{padding-left:52px;} .datefl dl dd{padding-left:50px;} .datefl dl dd i{left:40px;} .datefr .datecate{margin-top:30px;} .datefr .datecate .content p.taC{margin:30px 0px;} /*分页*/ .pagination a{width:31px;height:31px;line-height:31px;text-align:center;font-family:'宋体';font-size:16px;margin-left:5px;font-size:16px;} .pagination span{margin-left:5px;color:#c8c8c8;font-size:16px;} .pdtb60{padding:20px 0px;} .job-content h1{font-size:24px;margin-bottom:20px;} .caters{display:none;} } /*iBnr1*/ .iBnr1-box .t1, .iBnr1-box .t2, .iBnr1-box .iBnr1-block, .iBnr2-box, .iBnr2-box .t1, .iBnr2-box .t2, .iBnr3-box{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;} .iBnr1-box .t1, .iBnr1-box .t2, .iBnr1-box .iBnr1-block, .iBnr2-box, .iBnr2-box .t1, .iBnr2-box .t2, .iBnr3-box{opacity:0;} .iBnr3-box .t1{transition-delay:.3s;-webkit-transition-delay:.3s;} .iBnr1-box .t1, .iBnr3-box{transition-delay:.4s;-webkit-transition-delay:.4s;} .iBnr1-box .t2, .iBnr2-box .t1, .iBnr2-box .t2{transition-delay:.6s;-webkit-transition-delay:.6s;} .iBnr2-box .t1{transform:translateX(-100px);-webkit-transform:translateX(-100px);} .iBnr2-box .t2{transform:translateX(100px);-webkit-transform:translateX(100px);} .iBnr1-box .t1{transform:translateY(50px);-webkit-transform:translateY(50px);} .iBnr1-box .t2{transform:translateY(50px);-webkit-transform:translateY(50px);} .iBnr2-box, .iBnr3-box{transform:scale(.8);-webkit-transform:scale(.8);} .iBnr1-box .iBnr1-block{transform:translateY(50px) scale(.9);-webkit-transform:translateY(50px) scale(.9);} .swiper-slide.swiper-slide-active .iBnr1-box .t1, .swiper-slide.swiper-slide-active .iBnr1-box .t2, .swiper-slide.swiper-slide-active .iBnr1-box .iBnr1-block, .swiper-slide.swiper-slide-active .iBnr2-box, .swiper-slide.swiper-slide-active .iBnr2-box .t1, .swiper-slide.swiper-slide-active .iBnr2-box .t2, .swiper-slide.swiper-slide-active .iBnr3-box{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;} .index-bnr .swiper-slide .iBnr-1 .bnr-bg, .index-bnr .swiper-slide .iBnr-2 .bnr-bg, .index-bnr .swiper-slide .iBnr-4 .bnr-bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;} .index-bnr .swiper-slide.swiper-slide-active .iBnr-1 .bnr-bg, .index-bnr .swiper-slide.swiper-slide-active .iBnr-2 .bnr-bg, .index-bnr .swiper-slide.swiper-slide-active .iBnr-4 .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;} /* ------------------------------------vinter修改----------------------------------- */ .Hn2ndnavsize{width: 310px;height: 260px;overflow: initial;} .Hn2nd-vtnavbar li{width: 100% !important;height: 80px;border: none;float: none;background: #f2f2f2;font-size: 0;position: relative;transition:0s;} .Hn2nd-vtnavbar li:nth-child(n+2){margin-top: 10px;} .Hn2nd-vtnavbar li a {display: block;height: 80px;line-height: 80px;text-align: center;font-size: 18px;color: #333;transition:0s;} .Hn2nd-vtnavbar li.ontrue{background: #e50012;} .Hn2nd-vtnavbar li.ontrue a{color: #fff;} .Hn2nd-vtnavbar li a b{display: inline-block;vertical-align: middle;width: 40px;height: 80px;margin-right: 10px;} .Hn2nd-vtnavbar li:nth-child(1) a b{background: url('../images/vtimg/navic1.png') no-repeat center center;} .Hn2nd-vtnavbar li:nth-child(2) a b{background: url('../images/vtimg/navic2.png') no-repeat center center;} .Hn2nd-vtnavbar li:nth-child(3) a b{background: url('../images/vtimg/navic3.png') no-repeat center center;} .Hn2nd-vtnavbar li.ontrue:nth-child(1) a b{background: url('../images/vtimg/navic1H.png') no-repeat center center;} .Hn2nd-vtnavbar li.ontrue:nth-child(2) a b{background: url('../images/vtimg/navic2H.png') no-repeat center center;} .Hn2nd-vtnavbar li.ontrue:nth-child(3) a b{background: url('../images/vtimg/navic3H.png') no-repeat center center;} .Hn2nd-vtnavbar li i{width: 27px;height: 20px;background: url('../images/vtimg/navArr.png') no-repeat;display: none;position: absolute;right: -12px;top: 50%;margin-top: -10px;} .Hn2nd-vtnavbar li.ontrue i{display: block;} .vtnavbar-words{float: left;width: 1010px;} .vtnavbar-words>div.onfalse{display: none;} .csPinfo-dtl table{width: auto;border: 1px solid #cbcbcb;border-width:1px 0px 0px 1px;color: #333;} .csPinfo-dtl td{border: solid #cbcbcb;border-width:0px 1px 1px 0px;padding: 8px 12px;} .csPinfo-dtl tr:first-child td{font-weight: 700;} .csPinfo-dtl td *{line-height: 1.3;} @media all and (max-width:720px) { .csPinfo-dtl .table{width: 100%;overflow-x: auto;} .csPinfo-dtl table{width: 700px;} } @media all and (max-width:1460px) { .vtnavbar-words{width: 840px;} } @media all and (max-width:1300px) { .Hn2ndnavsize{width: 260px;} } @media all and (max-width:1200px) { .vtnavbar-words{width: 700px;} }