/*字体大小*/ :root{--12px: 12px;} :root{--14px: 14px;} :root{--16px: 16px;} :root{--18px: 18px;} :root{--20px: 20px;} :root{--22px: 22px;} :root{--24px: 24px;} :root{--26px: 26px;} :root{--28px: 28px;} :root{--30px: 30px;} :root{--34px: 34px;} :root{--40px: 40px;} :root{--50px: 50px;} :root{--60px: 60px;} :root{--70px: 70px;} body,body *{color:#333; font-size: var(--14px);} [body]{overflow:hidden;max-width: 1920px;margin:auto;} /*文本框禁止拖动*/ textarea{resize: none;} #jextalert>[bottom] [aaaa]{background:#e62129 !important;} .cw790{max-width:790px;width: 100%; margin:auto;} .cw1120{max-width:1120px;width: 100%; margin:auto;} .cw1680{max-width:1680px;width: 100%; margin:auto;} .hover-a,.hover-b,.hover-a *{-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;} .hover-a:hover,.hover-a:hover *{color:#e62129 !important;} .hover-b:hover{background:#e62129 !important;} .loc{color:#e62129 !important;} ::-webkit-input-placeholder{color: #666;} :-moz-placeholder {color: #666;} ::-moz-placeholder{color: #666;} :-ms-input-placeholder {color: #666;} [focus].cur{border: 1px solid #e62129 !important;} [focus].cur::-webkit-input-placeholder{color: #000;} [focus].cur:-moz-placeholder {color: #000;} [focus].cur::-moz-placeholder{color: #000;} [focus].cur:-ms-input-placeholder {color: #000;} .f5f{background: #f5f5f5;} .uppe,.uppe *{text-transform:uppercase;} /*特殊字体*/ @font-face{ font-family:"Simpel-Medium-2"; src: url("/static/themes/font/Simpel-Medium-2.otf") format("opentype"); } .sim,[sim]{font-family:"Simpel-Medium-2";} /*鼠标经过效果*/ .hover-line{position: relative;} .hover-line::after{content: "";position: absolute;width: 100%;height: 1px;background: #e62129;left: 0;bottom: -10px;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;} .hover-line:hover::after{transform: scaleX(1);transform-origin: left;background: #e62129;} /*内页标题*/ .inner-title{font-size: var(--30px);text-align: center;text-transform:uppercase;} /*头部 header*/ .header-blank{height: 105px;width: 100%;background: #fff;} .hfix{z-index: 40;top: 0;left: 0;width: 100%;} #header{padding: 0 2.6%;width: 100%;max-width: 1920px;height: 105px;margin: 0 auto;z-index: 40;} #header.cur,#header.in,#header.on{background: #fff;border-bottom: 1px solid #dcdcdc;} #header .logo{width: 238px;height: 25px;margin-top: 40px;} #header .hnav{width: calc(100% - 35%);}/*350px*/ #header .hnav .one-nav{margin-right: 40px;z-index: 20;} #header .hnav .one-nav:last-child {margin-right: 0;} #header .hnav .one-nav:before{display: none;content:"";position: absolute;border: 6px solid transparent;border-bottom-color: #e62129;bottom: 0;left: calc(50% - 3px);} #header .hnav .one-nav:nth-last-child(1){margin-right: 0;} #header .hnav .one-nav .nav-a{margin-top: 45px;font-size: 14px;} #header .hnav .two-nav{min-width: 160px;top: 100%;left: 50%;background: #fff;z-index: 2;box-shadow: 0 40px 40px rgba(0,0,0,0.1);border-top: 1px solid #dcdcdc;display: none;} #header .hnav .two-nav>div{line-height: 50px;text-align: center;white-space:nowrap;padding: 0 15px;} #header .hnav .two-nav>div:hover{background: #f6f6f6;} #header .hnav .tnfix{width: 100%;top: 105px;left: 0;z-index: 40;display: none;} #header .hnav .two-nav-pro{width: 100%;max-width: 1920px;margin: 0 auto;background: #fff;padding: 60px 0;box-shadow: 0 40px 40px rgba(0,0,0,0.1);display: none;} /*#header .hnav .two-nav-pro .tnp{margin-right: 2.857%;width: 12.024%;}*/ #header .hnav .two-nav-pro .tnp{margin-right: 5.857%;width: 19.024%;} #header .hnav .two-nav-pro .tnp.w1{width: 55.357%;} #header .hnav .two-nav-pro .tnp:nth-last-child(2), #header .hnav .two-nav-pro .tnp:nth-last-child(1){margin-right: 0;} #header .hnav .two-nav-pro .tnp .tnpt{padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px solid #e6e6e6;} #header .hnav .two-nav-pro .tnp .tnpt a{font-size: var(--20px);} #header .hnav .two-nav-pro .tnp .tnpt:hover{border-bottom: 1px solid #e62129;} #header .hnav .two-nav-pro .tnp .tnpt:hover a{color: #e62129;} #header .hnav .two-nav-pro .tnp .tp2 a{line-height: 2;color: #666;} #header .hnav .two-nav-pro .tnp .tp1{width: 20%;margin-top: 40px;text-align: center;} #header .hnav .two-nav-pro .tnp .tp1:nth-child(-n+5) {margin-top: 0;} /* #header .hnav .two-nav-pro .tnp .tp1 .icon{width: 50px;height: 50px;margin: 0 auto 15px;} */ #header .hnav .two-nav-pro .tnp .tp1 .icon {display: none;} #header .hnav .two-nav-ser{width: 100%;max-width: 1920px;margin: 0 auto;background: #fff;padding: 60px 0 110px;box-shadow: 0 40px 40px rgba(0,0,0,0.1);display: none;} #header .hnav .two-nav-ser .tnsimg{width: 42.857%;} #header .hnav .two-nav-ser .tnstxt{width: 46.071%;} #header .hnav .two-nav-ser .tnstxt .tns{width: 24.922%;margin-right: 12.617%;} #header .hnav .two-nav-ser .tnstxt .tns.w1{width: 100%;} #header .hnav .two-nav-ser .tnstxt .tns:nth-child(3n), #header .hnav .two-nav-ser .tnstxt .tns:nth-last-child(1){margin-right: 0;} #header .hnav .two-nav-ser .tnstxt .tns .tnst{padding-bottom: 10px;margin-bottom: 65px;border-bottom: 1px solid #e6e6e6;} #header .hnav .two-nav-ser .tnstxt .tns .tnst a{font-size: var(--20px);} #header .hnav .two-nav-ser .tnstxt .tns .tnst:hover{border-bottom: 1px solid #e62129;} #header .hnav .two-nav-ser .tnstxt .tns .tnst:hover a{color: #e62129;} #header .hnav .two-nav-ser .tnstxt .tns:nth-last-child(1) .tnst{margin-bottom: 25px;} #header .hnav .two-nav-ser .tnstxt .tns .ts1 a{line-height: 2;color: #666;margin: 0 25px 15px 0;} #header .hnav .two-nav-ser .tnstxt .tns .ts1:nth-last-child(1) a{margin-right: 0;} #header .hnav .two-nav-ice{width: 100%;max-width: 1920px;margin: 0 auto;background: #fff;padding: 60px 0;box-shadow: 0 40px 40px rgba(0,0,0,0.1);display: none;} /*#header .hnav .two-nav-ice .tniimg{width: 14.285%;}*/ #header .hnav .two-nav-ice .tniimg{width: 12.5%;} /* #header .hnav .two-nav-ice .tniimg .icon{width: 70px;height: 70px;margin: 0 auto 35px;} */ #header .hnav .two-nav-ice .tniimg .icon {display: none;} #header .hnav .two-nav-abo{width: 100%;max-width: 1920px;margin: 0 auto;background: #fff;padding: 60px 0 110px;box-shadow: 0 40px 40px rgba(0,0,0,0.1);display: none;} #header .hnav .two-nav-abo .tnsimg{width: 42.857%;} #header .hnav .two-nav-abo .tnstxt{width: 40%;} #header .hnav .two-nav-abo .tnstxt .tns{width: 28.571%;margin-right: 7.1435%;} #header .hnav .two-nav-abo .tnstxt .tns.w1{width: 100%;} #header .hnav .two-nav-abo .tnstxt .tns:nth-child(3n){margin-right: 0;} #header .hnav .two-nav-abo .tnstxt .tns .tnst{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;} #header .hnav .two-nav-abo .tnstxt .tns .tnst a{font-size: var(--20px);} #header .hnav .two-nav-abo .tnstxt .tns .tnst:hover{border-bottom: 1px solid #e62129;} #header .hnav .two-nav-abo .tnstxt .tns .tnst:hover a{color: #e62129;} #header .hnav .two-nav-abo .tnstxt .tns .ts1 a{line-height: 2;color: #666;margin: 0 25px 15px 0;} #header .hnav .two-nav-abo .tnstxt .tns .ts1:nth-last-child(1) a{margin-right: 0;} #header .hnav .one-nav:hover .nav-a{color: #e62129;} #header .hnav .one-nav:hover:before{display: block;} #header .hnav .one-nav:hover .two-nav{display: block;} #header .hnav .one-nav:hover .tnfix{display: block;} #header .hnav .one-nav:hover .two-nav-pro{display: block;} #header .hnav .one-nav:hover .two-nav-ser{display: block;} #header .hnav .one-nav:hover .two-nav-ice{display: block;} #header .hnav .one-nav:hover .two-nav-abo{display: block;} /*#header .hattr{width: 112px;}*/ #header .hattr .hmem{width: 15px;background: url(/images/icon1.png) no-repeat center;} #header .hattr .hmem.on{width: auto;background: url(/images/icon3.png) no-repeat center right;line-height: 104px;padding-right: 14px;} #header .hattr .hmem .hmem-nav{width: 160px;top: 100%;left: calc(50% - 80px);background: #fff;z-index: 2;box-shadow: 0 40px 40px rgba(0,0,0,0.1);border-top: 1px solid #dcdcdc;display: none;} #header .hattr .hmem .hmem-nav:before{display: block;content:"";position: absolute;border: 6px solid transparent;border-bottom-color: #e62129;top: -12px;left: calc(50% - 3px);} #header .hattr .hmem .hmem-nav>div{line-height: 50px;text-align: center;} #header .hattr .hmem .hmem-nav>div:hover{background: #f6f6f6;} #header .hattr .hmem:hover .hmem-nav{display: block;} #header .hattr .hsea{width: 17px;height: 17px;background: url(/images/icon2.png) no-repeat center;margin: 44px 24px 0;} #header .hattr .hmsg{ display: block; margin: 44px 24px 0 0; width: 17px; height: 17px;} #header .hattr .hmsg .count{ top: -8px; right: -5px; width: 15px; height: 15px; line-height: 15px; background: #f00; color: #fff; font-size: 12px; text-align: center; border-radius: 50%;} #header .hattr .lang{width: 47px;height: 17px;/*background: url(/images/icon3.png) no-repeat top 7px right;*/margin-top: 44px;} #header .hattr .lang .langlist{min-width: 100px;top: 110%;left: calc(50% - 50px);background: #fff;z-index: 2;display: none;} #header .hattr .lang .langlist>a{line-height: 30px;text-align: center;white-space:nowrap;padding: 0 15px;display: block;} #header .hattr .lang .langlist>a:hover{background: #f6f6f6;} #header .hattr .lang:hover .langlist{display: block;} .header-bg{display: none;} #header.mobile{display: none;} .side-menu{display: none;} /*二级导航*/ .mini-nav{border-bottom: 1px solid #e5e5e5;} .mini-nav .mini-pro{background: #fff;} .mini-nav .mini-pro .container{width: 100%;} /* .mini-nav .mini-pro .slide{width: 10%;display: inline-block;border-bottom: 2px solid #fff;height: 238px;} */ .mini-nav .mini-pro .slide{width: 10%;display: inline-block;border-bottom: 2px solid #fff;padding: 30px 0;margin-right: 20px;} .mini-nav .mini-pro .slide:last-child {margin-right: 0;} /* .mini-nav .mini-pro .slide .icon{width: 90px;height: 90px;margin: 65px auto 5px;} */ .mini-nav .mini-pro .slide .icon{width: 50px;height: 50px;margin: 30px auto 5px;} .mini-nav .mini-pro .slide .a1{text-align: center;} .mini-nav .mini-pro .slide.cur,.mini-nav .mini-pro .slide:hover{border-bottom: 2px solid #e60012;} .mini-nav .mini-pro .slide.cur .a1,.mini-nav .mini-pro .slide:hover .a1{color: #e60012;} .mini-nav .mini-con{height: 60px;line-height: 60px;} .mini-nav .mini-one{margin-right: 60px;} .mini-nav .mini-one:nth-last-child(1){margin-right: 0;} .mini-nav .mini-two{margin-left: 40px;position: relative;} .mini-nav .mini-two:before{display: block;content: "";position: absolute;width: 1px;height: 24px;background: #e5e5e5;top: calc(50% - 12px);left: -20px;} .mini-nav .mini-two .minia2{color: #888;margin-right: 25px;border-bottom: 2px solid #fff;} .mini-nav .mini-two .minia2.cur{color: #333;border-bottom: 2px solid #e62129;} .mini-nav .mini-two .minia2:nth-last-child(1){margin-right: 0;} #header .hnav .two-nav-pro .new_products_class {width: 100% !important;} /*底部 footer*/ #footer{background: #222;padding-top: 75px;} #footer .ftop{padding-bottom: 100px;} #footer .ftop .fnav{width: 70.5%;} #footer .ftop .fnav .fnavo{width: 20%;padding-right: 1%;} #footer .ftop .fnav .fna1{margin-bottom: 25px;min-height: 37px;} #footer .ftop .fnav .fna1 a{color: #fff;} #footer .ftop .fnav .fna2 a{color: rgba(255,255,255,0.5);font-size: var(--12px);line-height: 26px;} /* #footer .ftop .fnav .fnavo:nth-child(4) .fna1, #footer .ftop .fnav .fnavo:nth-child(5) .fna1, #footer .ftop .fnav .fnavo:nth-child(6) .fna1{margin-bottom: 40px;} */ #footer .ftop .finf{width: 25%;} #footer .ftop .finf .ft1{color: #fff;margin-bottom: 25px;} #footer .ftop .finf .ft2{font-size: var(--12px);color: rgba(255,255,255,0.65);} #footer .ftop .finf .ft3{font-size: var(--26px);color: #e72129;margin: 10px auto;} #footer .ftop .finf .ft4{font-size: var(--12px);color: rgba(255,255,255,0.65);margin-bottom: 23px;} #footer .ftop .fshare{ display: flex; justify-content: start; align-items: center; margin-top: 40px;} #footer .ftop .fshare>*{width: 25px;height: 25px;margin-right: 20px;cursor: pointer;} #footer .ftop .fshare [wechat]{background: url(/images/icon18.png) no-repeat center left 0;} #footer .ftop .fshare [toutiao]{background: url(/images/icon18.png) no-repeat center left -46px;} #footer .ftop .fshare [facebook]{background: url(/images/icon18.png) no-repeat center left -88px;} /*#footer .ftop .fshare [youtube]{background: url(/images/icon18.png) no-repeat center left -130px;}*/ #footer .ftop .fshare [twitter]{background: url(/images/x.svg) no-repeat center / 80% auto;} #footer .ftop .fshare [youtube]{background: url(/images/icon18.png) no-repeat center left -172px;} #footer .ftop .fshare [livechat]{ width: 120px; height: 40px; background: url(/images/chat.png) no-repeat center;} #footer .ftop .fshare .img{width: 110px;height: 110px;padding: 8px;background: #fff;border-radius: 5px;bottom: calc(100% + 15px);left: calc(50% - 55px);display: none;} #footer .ftop .fshare [wechat]:before, #footer .ftop .fshare [toutiao]:before{display: none;content: "";position: absolute;border: 3px solid transparent;border-top-color: #fff;bottom: calc(100% + 9px);left: calc(50% - 3px);} #footer .ftop .fshare [wechat]:hover:before, #footer .ftop .fshare [toutiao]:hover:before, #footer .ftop .fshare [wechat]:hover .img, #footer .ftop .fshare [toutiao]:hover .img{display: block;} #footer .fcon{padding: 31px 0px;border-top: 1px solid #2d2d2d;border-bottom: 1px solid #2d2d2d;line-height: 30px;} #footer .fcon .ft1{color: rgba(255,255,255,0.5);font-size: var(--12px);width: 60px;} #footer .fcon .ft2{width: calc(100% - 60px);} #footer .fcon .ft2 a{color: rgba(255,255,255,0.5);font-size: var(--12px);margin-right: 26px;position: relative;} #footer .fcon .ft2 a:before{content: "";display: block;position: absolute;width: 1px;height: 14px;background: rgba(255,255,255,0.5);top: calc(50% - 7px);right: -13px;} #footer .fcon .ft2 a:nth-last-child(1){margin-right: 0;} #footer .fcon .ft2 a:nth-last-child(1):before{display: none;} #footer .fbot{padding: 31px 0;line-height: 30px;} #footer .fbot .copy{width: calc(100% - 110px);} #footer .fbot .copy, #footer .fbot .copy *{color: rgba(255,255,255,0.5);font-size: var(--12px);} #footer .fbot .flang{padding-left: 28px;background: url(/images/icon19.png) no-repeat center left;color: rgba(255,255,255,0.5);font-size: var(--12px);} /*广告图*/ #inner-swiper .hr-top-bg{left: 66.458%;} #inner-swiper .hr-top-bg .tit1{font-size: var(--30px);margin-bottom: 20px;} #inner-swiper .hr-top-bg .a1{width: 180px;height: 60px;line-height: 60px;color: #fff;background: url(/images/icon31.png) no-repeat center right 40px #e72129;padding: 0 66px 0 39px;margin-top: 55px;} #inner-swiper .index-top-bg .tit1{font-size: var(--70px);color: #e62129;} #inner-swiper .index-top-bg .tit2{font-size: var(--20px);color: #4b545c;margin: 20px auto 55px;} #inner-swiper .index-top-bg .a1{padding-right: 65px;color: #4b545c;font-size: var(--18px);background: url(/images/icon14.png) no-repeat center right;width: 145px;margin: 0 auto;display: none;} #inner-swiper .swiper-pagination{bottom: 40px;} #inner-swiper .swiper-pagination-bullet{background: transparent;opacity: 1;} #inner-swiper .swiper-pagination-bullet-active{background: transparent;} #inner-swiper .swiper-pagination-bullet.circle-bar-btn::before{background: #fff;width: 9px;height: 9px;margin: -4px 0 0 -4px;} #inner-swiper .swiper-pagination-bullet.circle-bar-btn.swiper-pagination-bullet-active::before{background: transparent;} #inner-swiper .mobile_cont .swiper-pagination {display: none;} @media screen and (min-width:750px) { #inner-swiper .mobile_cont .slide {display: none;} #inner-swiper .mobile_cont .mobile_slide {display: block;} } @media screen and (max-width:750px) { #inner-swiper .mobile_cont .slide {display: block;} #inner-swiper .mobile_cont .mobile_slide {display: none;} } /*首页 index*/ #index .one{padding: 110px 0px 0px;} #index .one .w1{width: 49.107%;} #index .one .w2{width: 48.121%;} #index .one .item1{padding-top: 48.214%;margin-bottom: 1.785%;} #index .one .item2{padding-top: 47.272%;margin-bottom: 3.636%;} #index .one .item3{padding-top: 47.272%;margin-bottom: 3.636%;} #index .one .item4{padding-top: 23.214%;margin-bottom: 3.636%;} #index .one .item5{padding-top: 23.214%;margin-bottom: 1.785%;} #index .one div[class*="item"] .text{z-index: 2;} #index .one .itw1{width: 90%;margin: 0 auto;} #index .one .itw2{width: 34.485%;margin: 0 6.666% 0 58.849%;} #index .one .itw3{width: 82.367%;margin: 0 auto;} #index .one .itw4{width: 34.485%;margin: 0 58.849% 0 6.666%;} #index .one .more{width: 130px;text-align: left;background: url(/images/icon14.png) no-repeat center right;} #index .one .item1 .t1{margin-top: 80px;font-size: var(--40px);} #index .one .item1 .t2{margin: 15px auto 20px;font-size: var(--20px);line-height: 1.2;} #index .one .item1 .t3{color: #777;line-height: 24px;height: 48px;} #index .one .item1 .more{margin: 60px auto 0;} /*#index .one .item2 .t1{font-size: var(--40px);}*/ #index .one .item2 .t1{font-size: var(--30px);} #index .one .item2 .t2{font-size: var(--20px);line-height: 1.2;margin: 12px auto 20px;} #index .one .item2 .t3{color: #777;line-height: 24px;height: 48px;} #index .one .item2 .more{margin-top: 40px;} #index .one .item3 .t1{font-size: var(--26px);color: #fff;} #index .one .item3 .t2{font-size: var(--20px);line-height: 1.2;color: #fff;margin: 10px auto 20px;} #index .one .item4 .more, #index .one .item5 .more{width: 130px;} #index .one .item3 .more{background: url(/images/icon31.png) no-repeat center right;color: #fff;margin-bottom: 26px;} #index .one .item3 .text{bottom: -40px;} #index .one .item3:hover .text{bottom: 0;} #index .two .slide{overflow: hidden;} #index .two .slide>div{padding-top: 56.25%;} #index .two .anniu-ff{height: 0;top: 50%;z-index: 5;width: 100%;left: 0;} #index .two .anniu{width: 12px;height: 20px;cursor: pointer;} #index .two .next{margin-right: 30px;background: url(/images/icon78.png) no-repeat center;} #index .two .prev{margin-left: 30px;background: url(/images/icon77.png) no-repeat center;} #index .two .text .list{top: 0;left: 0;width: 100%;z-index: 10;} #index .two .text .list{opacity: 0;} #index .two .text .list.cur{opacity: 1;} #index .two .text .list .t1{font-size: var(--40px);color: #fff;margin: 60px auto 10px;} #index .two .text .list .t2{font-size: var(--20px);color: #fff;} #index .two .text .list .t1, #index .two .text .list .t2{transform: translate3d(0, 30px, 0);-webkit-transition:all 800ms ease 0s;transition:all 800ms ease 0s;outline:none;} #index .two .text .list.cur .t1, #index .two .text .list.cur .t2{transform: translate3d(0, 0, 0);} #index .three{padding: 95px 0 105px;} #index .three .con{margin-top: 80px;padding-top: 38.69%;} #index .three .video{height: 94px;width: 94px;border: 2px solid #000;border-radius: 50%;line-height: 20px;left: 26%;z-index: 2;text-align: center;padding: 24px 12px 0px;overflow: hidden;top: 50%;transform: translateY(-50%);} #index .three .text{z-index: 3;top: 0;bottom: 0;right: 0;width: 36.011%;} #index .three .text .list{margin-bottom: 55px;} #index .three .text .list .icon{width: 60px;height: 60px;margin-right: 55px;} #index .three .text .list .t1{font-size: var(--16px);line-height: 1.875;color: #000;max-width: calc(100% - 115px);} #index .three .text .list .t1 .tit {font-size: 26px;} #index .three .text .more{color: #e62129;font-size: var(--18px);padding-right: 33px;background: url(/images/icon15.png) no-repeat center right;width: 163px;margin-left: 115px;} #index .four{padding: 95px 0;background: #f5f5f5;} #index .four .container{margin: 95px auto 0;} #index .four .slide{width: 30%;margin-right: 4%;} #index .four .t1{margin-top: 20px;font-size: var(--16px);} #index .four .anniu{width: 60px;height: 60px;line-height: 60px;border-radius: 50%;background: #e3e3e3;top: 25.21%;z-index: 2;} #index .four .prev{left: 0;} #index .four .next{right: 0;} #index .four .more{width: 210px;height: 60px;line-height: 60px;color: #fff;background: url(/images/icon31.png) no-repeat center right 40px #e72129;margin: 75px auto 0;padding: 0 66px 0 39px;} @media (max-width: 1536px){ #index .three .text .list{margin-bottom: 30px;} } @media (max-width: 1440px){ #index .three .text .list{margin-bottom: 15px;} #index .three .text .list .t1 .tit {font-size: 20px;} #index .three .text{width: 40%;} } @media screen and (min-width:750px) { #index .three .con.mobile_about .img {display: none;} #index .three .con.mobile_about .mobile_img {display: block;} } @media screen and (max-width:750px) { #index .three .con.mobile_about .img {display: block;} #index .three .con.mobile_about .mobile_img {display: none;} } .subscribe .center{margin: 0 auto; width: 1000px;} .revise .center{width: 275px;} .subscribe{width:100%;/*background:#f4f4f4;*/ margin:0px 0px 90px 0px;} .revise{margin:0px 0px 0px 0px; padding: 50px 100px 0px 0px;} .revise .rig input[type='text']{color: #fff;} .subscribe .left{background: url('/images/email.jpg') no-repeat left center;width: calc(100% - 300px); height: 77px;padding:0 0 0 80px;} .subscribe .left .p1{font-size: 20px;color: #474747;font-weight: bold;line-height: 35px;} .subscribe .left .p2{color: #474747;line-height: 20px; width: 80%;} .subscribe .left .p2 a{color: #e62129;} .subscribe .rig{margin:15px 0 0;} .subscribe .rig input[type='text']{width:180px;height: 33px;border:1px solid #dfdfdf;line-height: 30px;padding:0 8px;} .subscribe .rig input[type='submit']{border:none;width: 90px;height: 32px;background: #e62129;color: #fff;cursor: pointer; font-size: 13px;} .revise .rig input[type='submit']{height: 35px;} /*产品中心-网上商城*/ #store{height: 950px;background: url(/images/store-bg.jpg) no-repeat center;background-size: cover;} #store .item{width: 325px;height: 500px;background: rgba(255,255,255,.2);border-radius: 45px;padding: 60px 40px 0;margin: 0 40px;} #store .item .icon{width: 100px;margin: auto;} #store .item .tit{margin: 30px 0 20px 0;color: #fff;} #store .item .detail{min-width: 100px;height: 34px;line-height: 34px;background: #e62129;color: #fff;margin-bottom: 40px;border-radius: 5px;} #store .item .qrcode{width: 120px;margin: auto;} #store .item .brief{margin-top: 13px;color: #fff;} /*行业解决方案*/ #solution{padding: 80px 0 120px 0;max-width: 1920px;} #solution .content{margin-top: 90px;} #solution .content .list{width: 100%;} #solution .content .list .text{width: 50%;padding-top: 46.428%;} #solution .content .list .text .cons{text-align: left;margin-right: 25%;} #solution .content .list .text .tit{font-size: var(--24px);} #solution .content .list .text .con{color: #888;line-height: 26px;margin: 36px 0 75px 0;} #solution .content .list .text .more{background: url(/images/detail-icon.png) no-repeat center right 6px;padding-right: 45px;color: #000;} #solution .content .list .pic{width: 50%;right: 0;} #solution .content .list:nth-child(2n) .cons{margin-right: 0;margin-left: 25%;} #solution .content .list:nth-child(2n) .pic{left: 0;} /*解决方案详情*/ #solution-detail #banner{width: 100%;} #solution-detail #banner .text{padding-left: 13.541%;} #solution-detail #banner .text .tit{font-size: var(--30px);color: #fff;margin-bottom: 25px;} #solution-detail #banner .text .con{color: #fff;line-height: 24px;} #solution-detail .wrap1{padding: 100px 0;} #solution-detail .wrap1 .pic{width: 50%;left: 0;} #solution-detail .wrap1 .text{width: 50%;padding-top: 46.428%;} #solution-detail .wrap1 .text .cons{margin-left: 175px;} #solution-detail .wrap1 .text .tit{font-size: var(--24px);margin-bottom: 40px;} #solution-detail .wrap1 .text .con{color: #888;line-height: 26px;} #solution-detail .wrap2{background: #f5f5f5;padding: 70px 0 100px 0;} #solution-detail .wrap2 .content{margin-top: 60px;} #solution-detail .wrap2 .content .item{width: 23.928%;margin: 0 1.429% 20px 0;min-height: 335px;overflow: hidden;background: #fff;padding: 60px;border-bottom: 2px solid #e62129;} #solution-detail .wrap2 .content .item:nth-child(4n){margin-right: 0;} #solution-detail .wrap2 .content .item .tit{font-size: var(--20px);margin-bottom: 30px;} #solution-detail .wrap2 .content .item .con{line-height: 24px;color: #777;} #solution-detail .wrap3{padding: 100px 0;} #solution-detail .wrap3 .bg{margin-bottom: 100px;} #solution-detail .wrap3 .bg .text{} #solution-detail .wrap3 .bg .text .tit{font-size: var(--30px);color: #fff;margin-bottom: 18px;} #solution-detail .wrap3 .bg .text .btn{min-width: 120px;height: 40px;line-height: 40px;font-size: var(--16px);color: #fff;background: #e62129;} #solution-detail .wrap3 .like{width: 120px;height: 120px;border: 1px solid #ccc;border-radius: 100%;background: url(/images/zan-icon40.png) no-repeat center 25px;margin: 60px auto 0;} #solution-detail .wrap3 .like .num{color: #ccc;margin-top: 85px;} #solution-detail .wrap3 .like.cur{border-color: #e62129;background: url(/images/zan-icon40-h.png) no-repeat center 25px;} #solution-detail .wrap3 .like.cur .num{color: #e62129;} #solution-detail .wrap4{background: #f5f5f5;padding: 80px 0 100px 0;} #solution-detail .wrap4 .tips{color: #666;margin: 23px 0 60px 0;} #solution-detail .wrap4 .tips a{color: #e62129;} #solution-detail .wrap4 .form-box{width: 40%;margin: 0 auto;} #solution-detail .wrap4 .form-box .inp{width: 100%;height: 60px;border: 1px solid #e5e5e5;padding-left: 25px;color: #999;margin-bottom: 20px;background: #fff;} #solution-detail .wrap4 .form-box .textarea{width: 100%;height: 300px;border: 1px solid #e5e5e5;padding: 22px 25px 22px;color: #999;margin-bottom: 50px;resize: none;background: #fff;} #solution-detail .wrap4 .form-box .submit{min-width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: var(--16px);color: #fff;background: #e62129;margin: 0 auto;} #solution-detail .wrap5{padding: 80px 0 120px 0;} #solution-detail .wrap5 .form-box{width: 80%;margin: 80px auto 0;} #solution-detail .wrap5 .form-box .textarea{width: 100%;height: 190px;padding: 40px 35px;border: 1px solid #e5e5e5;color: #999;} #solution-detail .wrap5 .form-box .btn{margin-top: 20px;} #solution-detail .wrap5 .form-box .tips{color: #666;margin: 18px 20px 0 0;} #solution-detail .wrap5 .form-box .tips a{color: #e62129;} #solution-detail .wrap5 .form-box .submit{min-width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: var(--16px);color: #fff;background: #e62129;} #solution-detail .wrap5 .msg-box{width: 80%;margin: 60px auto 0;} #solution-detail .wrap5 .msg-box .list{background: #f5f5f5;padding: 50px 60px;margin-bottom: 20px;} #solution-detail .wrap5 .msg-box .list .name{color: #e62129;margin-right: 15px;line-height: 22px;} #solution-detail .wrap5 .msg-box .list .addr{color: #888;margin-right: 15px;line-height: 22px;} #solution-detail .wrap5 .msg-box .list .time{color: #888;line-height: 22px;} #solution-detail .wrap5 .msg-box .list .msg{margin-top: 12px;} /*大数据LECO-公用样式 维修企业 dataleco*/ #dataleco>div.bgc1{background: #ffffff !important;} #dataleco>div.bgc2{background: #f5f5f5 !important;} #real-time-data{padding: 75px 0 120px;} #real-time-data .con{margin: 95px auto 0;width: 75%;} #real-time-data .con .item{width: 50%;text-align: center;} #real-time-data .con .item .t2{margin-top: 10px;} #real-time-data .con .item .t2 span{color: #e62129;font-size: var(--40px);padding: 0 6px 0 35px;line-height: 1.5;background: url(/images/icon79.png) no-repeat center left;} #dis-map{background: #f5f5f5;padding: 75px 0 0;} #dis-map iframe{width: 100%;height: 960px;} #reg-rank{padding: 75px 0 100px;} #reg-rank .con{margin-top: 55px;border: 1px solid #e5e5e5;border-radius: 3px;} #reg-rank .con .tit{border-bottom: 1px solid #e5e5e5;line-height: 38px;background: #fff;} #reg-rank .con .list{border-bottom: 1px solid #e5e5e5;line-height: 38px;background: #fff;} #reg-rank .con .list:nth-last-child(1){border-bottom: none;} #reg-rank .con .list:nth-child(2n+1){background: #fafafa;} #reg-rank .con .list:nth-child(1) .w1, #reg-rank .con .list:nth-child(2) .w1, #reg-rank .con .list:nth-child(3) .w1{color: #e62129;} #reg-rank .con .w1{width: 16.571%;border-right: 1px solid #e5e5e5;padding: 10px 2.14%;} #reg-rank .con .w2{width: 16.642%;border-right: 1px solid #e5e5e5;padding: 10px 2.14%;} #reg-rank .con .w3{width: 16.714%;border-right: 1px solid #e5e5e5;padding: 10px 2.14%;} #reg-rank .con .w4{width: 50.073%;padding: 10px 2.14%;} #reg-rank .con .pbar{width: 57.14%;position: relative;height: 8px;margin-top: 15px;border-radius: 4px;background: #e5e5e5;margin-right: 20px;overflow: hidden;} #reg-rank .con .pbar span{display: block;position: absolute;background: #e62129;top: 0;left: 0;border-radius: 4px;height: 100%;width: 90%;} #act-rank{background: #f5f5f5;padding: 75px 0 110px;} #act-rank .con{margin-top: 55px;} #act-rank .img{width: 47.857%;} #act-rank .text{width: 47.857%;background: #fff;border: 1px solid #e5e5e5;border-radius: 2px;padding: 1.571% 2.857% 1.071%;} #act-rank .text .tit{border-bottom: 1px solid #e5e5e5;line-height: 36px;} #act-rank .text .tit div{font-size: var(--16px);} #act-rank .text .list{border-top: 1px solid #e5e5e5;line-height: 36px;padding: 9px 0;} #act-rank .text .list:nth-child(1) .w1, #act-rank .text .list:nth-child(2) .w1, #act-rank .text .list:nth-child(3) .w1{color: #e62129;} #act-rank .text .w1{width: 10.374%;padding: 10px 0;} #act-rank .text .w2{width: 31.122%;padding: 10px 0;} #act-rank .text .w3{width: 20.068%;padding: 10px 0;} #act-rank .text .w4{width: 38.436%;padding: 10px 0;} #act-rank .text .w5{width: 16.667%;padding: 10px 0;} #act-rank .text .w6{width: 34.523%;padding: 10px 0;} #act-rank .text .pbar{width: 70.79%;position: relative;height: 8px;margin-top: 15px;border-radius: 4px;background: #e5e5e5;margin-right: 10px;overflow: hidden;} #act-rank .text .pbar span{display: block;position: absolute;background: #e62129;top: 0;left: 0;border-radius: 4px;height: 100%;width: 90%;} #act-rank .right{width: 47.857%;border-radius: 3px;background: #fff;} #act-rank .right .con{padding: 8.58% 2%;margin-top: 0;} #act-rank .right iframe{width: 100%;height: 431px;} #act-rank .left{width: 47.857%;border: 1px solid #e5e5e5;border-radius: 3px;} #act-rank .left .con{padding: 4.477% 8.58% 5.671%;margin-top: 0;} #act-rank .left .list{border-bottom: 1px solid #e5e5e5;line-height: 38px;padding: 30px 0px 23px;} #act-rank .left .list:nth-last-child(1){border-bottom: none;} #act-rank .left .list .w1{width: 8.538%;} #act-rank .left .list .w2{width: 15.749%;} #act-rank .left .list .w3{width: 75.713%;} #act-rank .left .list:nth-child(1) .w1, #act-rank .left .list:nth-child(2) .w1, #act-rank .left .list:nth-child(3) .w1{color: #e62129;} #act-rank .left .list .t1{left: 70%;top: -18px;margin-left: -30px;} #act-rank .left .list .pbar{width: 100%;position: relative;height: 8px;margin-top: 15px;border-radius: 4px;background: #e5e5e5;margin-right: 10px;overflow: hidden;} #act-rank .left .list .pbar span{display: block;position: absolute;background: #e62129;top: 0;left: 0;border-radius: 4px;height: 100%;width: 70%;} #growth-trend{background: #fff;padding: 80px 0 120px;} #growth-trend iframe{width: 100%;height: 670px;margin: 55px auto 0;border: 1px solid #e5e5e5;border-radius: 3px;background: #fff;} #latest-entry{padding: 80px 0px 100px;background: #f5f5f5;} #latest-entry .con{margin-top: 60px;background: #fff;border: 1px solid #e5e5e5;} #latest-entry .tit{border-bottom: 1px solid #e5e5e5;line-height: 38px;} #latest-entry .list{border-bottom: 1px solid #e5e5e5;line-height: 38px;} #latest-entry .list:nth-last-child(1){border-bottom: none;} #latest-entry .list:nth-child(2n+1){background: #fafafa;} #latest-entry .list:nth-child(1) .w1, #latest-entry .list:nth-child(2) .w1, #latest-entry .list:nth-child(3) .w1{color: #e62129;} #latest-entry .w1{width: 16.571%;padding: 10px 2.14%;} #latest-entry .w2{width: 16.642%;padding: 10px 2.14%;border-left: 1px solid #e5e5e5;} #latest-entry .w3{width: 16.714%;padding: 10px 2.14%;border-left: 1px solid #e5e5e5;} #latest-entry .w4{width: 16.714%;padding: 10px 2.14%;border-left: 1px solid #e5e5e5;} #latest-entry .w5{width: 33.359%;padding: 10px 2.14%;border-left: 1px solid #e5e5e5;} #share-trend{padding: 80px 0px 100px;background: #fff;} #share-trend>div .con{background: #fff;} #share-trend .left{width: 47.857%;} #share-trend .left .con{border: 1px solid #e5e5e5;border-radius: 3px;margin-top: 55px;padding: 4.477% 9.701% 5.671%;} #share-trend .left .list{border-bottom: 1px solid #e5e5e5;line-height: 38px;padding: 28px 0px 16px;} #share-trend .left .list:nth-last-child(1){border-bottom: none;} #share-trend .left .list .w1{width: 8.538%;} #share-trend .left .list .w2{width: 15.749%;} #share-trend .left .list .w3{width: 75.713%;} #share-trend .left .list:nth-child(1) .w1, #share-trend .left .list:nth-child(2) .w1, #share-trend .left .list:nth-child(3) .w1{color: #e62129;} #share-trend .left .list .t1{left: 70%;top: -18px;margin-left: -30px;} #share-trend .left .list .pbar{width: 100%;position: relative;height: 8px;margin-top: 15px;border-radius: 4px;background: #e5e5e5;margin-right: 10px;overflow: hidden;} #share-trend .left .list .pbar span{display: block;position: absolute;background: #e62129;top: 0;left: 0;border-radius: 4px;height: 100%;width: 70%;} #share-trend .right{width: 47.857%;} #share-trend .right .con{border: 1px solid #e5e5e5;border-radius: 3px;margin-top: 55px;padding: 9.701% 2%;} #share-trend .right iframe{width: 100%;height: 431px;} #share-trend .right iframe.h1{height: 486px;} #share-trend .text{background: #fff;border: 1px solid #e5e5e5;border-radius: 3px;margin-top: 55px;padding: 5.97% 8.955% 7.462%;} #share-trend .text .tit{border-bottom: 1px solid #e5e5e5;line-height: 38px;} #share-trend .text .tit div{font-size: var(--16px);} #share-trend .text .li{border-top: 1px solid #e5e5e5;line-height: 38px;} #share-trend .text .li:nth-child(1) .w1, #share-trend .text .li:nth-child(2) .w1, #share-trend .text .li:nth-child(3) .w1{color: #e62129;} #share-trend .text .w1{width: 21.535%;padding: 10px 0;} #share-trend .text .w2{width: 25.280%;padding: 10px 0;} #share-trend .text .w3{width: 32.584%;padding: 10px 0;} #share-trend .text .w4{width: 20.601%;padding: 10px 0;} /*关于我们-新闻列表*/ #news{padding: 80px 0;} #news .content{margin-top: 80px;} #news .content .item{width: 30.357%;margin: 0 4.4645% 45px 0;} #news .content .item .pic{width: 100%;padding-top: 70.422%;} #news .content .item:nth-child(3n){margin-right: 0;} #news .content .item .msg .date{color: #888;margin: 18px 0;} #news .content .item .msg .tit{font-size: var(--20px);line-height: 30px;height: 60px;overflow: hidden;} #news .content .item:hover .msg .tit{color: #e62129;} /*社交媒体*/ #social-media{padding: 80px 0 100px 0;background: #f5f5f5;} #social-media .content{margin-top: 80px;} #social-media .content .item{width: 18.214%;margin-right: 2.2325%;background: #fff;padding-top: 18.214%;} #social-media .content .item:nth-child(5n){margin-right: 0;} #social-media .content .item .tit{margin-top: 50px;} #social-media .content .item .text .icon:nth-child(2){display: none;} /*#social-media .content .item:hover .text{display: none;}*/ #social-media .content .item:hover .qrcode{display: block;} #social-media .content .item:hover .text .icon:nth-child(1){display: none;} #social-media .content .item:hover .text .icon:nth-child(2){display: block;} /*关于我们-新闻详情*/ #news-detail{padding: 80px 0 120px 0;} #news-detail .cont{margin-top: 30px;} #news-detail .cont .date,#news-detail .cont .views,#news-detail .cont .num{color: #888;} #news-detail .content{padding: 80px 0 140px 0;border-top: 1px solid #e5e5e5;margin-top: 60px;} #news-detail .line .line1{width: 38%;left: 0;top: 50%;height: 1px;background: #e5e5e5;} #news-detail .line .line2{width: 38%;right: 0;top: 50%;height: 1px;background: #e5e5e5;} #news-detail .like{width: 120px;height: 120px;border: 1px solid #ccc;border-radius: 100%;background: url(/images/zan-icon40.png) no-repeat center 25px;margin: 0 auto 0;} #news-detail .like .num{color: #ccc;margin-top: 85px;} #news-detail .like.cur{border-color: #e62129;background: url(/images/zan-icon40-h.png) no-repeat center 25px;} #news-detail .like.cur .num{color: #e62129;} #news-detail .btn{margin-top: 80px;height: auto;overflow: visible;} #news-detail .btn .next{margin: 20px 0;} #news-detail .btn .back:hover{color: #e62129;} #news-detail .btn .prev:hover{color: #e62129;} #news-detail .btn .next:hover{color: #e62129;} /*详情分享*/ #share-box{width: 40px;height: 486px;} #share-box .tit1{margin-bottom: 40px;} #share-box .share .item{margin-bottom: 28px;} #share-box .share .item .icon:nth-child(2){display: none;} #share-box .share .item:hover .icon:nth-child(1){display: none;} #share-box .share .item:hover .icon:nth-child(2){display: block;} #share-box .tit2{margin-bottom: 20px;} #share-box .like1 .icon{width: 34px;height: 36px;background: url(/images/zan-icon34.png) no-repeat center;} #share-box .like1 .num{color: #e5e5e5;margin-top: 8px;text-align: center;} #share-box .like1.cur .icon{background: url(/images/zan-icon34-h.png) no-repeat center;} #share-box .like1.cur .num{color: #e62129;} /*关于我们-企业公告*/ #announce{padding: 80px 0;} #announce .content{margin: 40px 0 60px 0;} #announce .content .list{padding: 35px 0;border-bottom: 1px solid #e5e5e5;} #announce .content .list::after{bottom: 0;transition: transform .6s ease;} #announce .content .list .time{width: 12.5%;} #announce .content .list .time .md{font-size: var(--30px);} #announce .content .list .time .y{font-size: var(--16px);} #announce .content .list .tit{width: 87.5%;font-size: var(--16px);margin-top: 15px;padding-right: 30px;background: url(/images/detail-icon.png) no-repeat right 6px;} #announce .content .list:hover .time .md{color: #e62129;} #announce .content .list:hover .time .y{color: #e62129;} #announce .content .list:hover .tit{color: #e62129;background: url(/images/detail-icon-h.png) no-repeat right 6px;} /*投资者关系-股票资讯*/ #stock{padding: 80px 0 120px 0;} #stock .content{margin-top: 80px;} #stock .content table{border: 1px solid #e5e5e5;width: 100%;vertical-align: middle;} #stock .content table tr{background: #fff;} #stock .content table tr:nth-child(2n){background: #f5f5f5;} #stock .content table td{border: 1px solid #e5e5e5;padding: 40px 50px;} #stock .content table .txt1{color: #666;margin-bottom: 10px;} #stock .content table td:nth-child(1) .txt1{margin-bottom: 15px;} #stock .content table .txt2{font-size: var(--16px);line-height: 1.8;} #stock .content table .txt2.num{font-size: var(--30px);} #stock .content table .txt2 .num1{font-size: var(--30px);color: #e62129;} #stock .content table .txt2.fl{width: calc(50% - 25px);} #stock .content table .txt2.fl:nth-child(2){margin-left: 50px;} /*投资者关系-财务报告*/ #years{width: 175px;} #years .years{width: 175px;height: 220px;overflow: hidden;} #years .years .con{width: 100%;padding-left: 32px;position: absolute;} #years .years .con .line{width: 1px;height: 100%;background: #e0e0e0;top: 6px;left: 6px;} #years .years .con .l-item{font-size: var(--16px);color: #888;position: relative;margin-bottom: 25px;} #years .years .con .l-item.active{font-size: var(--24px);color: #e62129;} #years .years .con .l-item.active::before{width: 11px;height: 11px;background: #e62129;top: 10px;left: -31px;} #years .years .con .l-item::before{position: absolute;content: "";width: 9px;height: 9px;background: #e0e0e0;border-radius: 100%;top: 6px;left: -30px;} #financial{padding: 80px 0 120px 0;} #financial .content{margin-top: 80px;} #financial .content .right{width: 81.072%;} #financial .content .right .list{padding-bottom: 80px;} #financial .content .right .year{width: 22.707%;font-size: var(--50px);} #financial .content .right .cont{width: 77.293%;} #financial .content .right .cont .item{width: 225px;margin-right: 65px;} #financial .content .right .cont .item .tit{min-width: 80px;height: 40px;line-height: 40px;background: #333;color: #fff;border-radius: 5px;text-align: center;margin-right: 30px;} #financial .content .right .cont .item .down{padding-left: 38px;background: url(/images/download-icon.png) no-repeat left;line-height: 40px;} #financial .content .right .cont .item .pic{margin-top: 20px;} /*投资者关系-公告&通报*/ #notice{padding: 80px 0 120px 0;} #notice .content{margin-top: 80px;} #notice .content .right{width: 81.072%;} #notice .content .right .year{font-size: var(--50px);width: 14.41%;} #notice .content .right .year_cont{width: 85.59%;} #notice .content .right .right_cont{margin-bottom: 120px;} #notice .content .right .right_cont:last-child{margin-bottom: 0;} #notice .content .right .year_cont .list{padding: 40px 0;border-bottom: 1px solid #e5e5e5;} #notice .content .right .year_cont .list:first-child{padding-top: 0;} #notice .content .right .year_cont .list .le{width: calc(100% - 80px);padding-right: 20px;} #notice .content .right .year_cont .list .le .date{margin-bottom: 16px;} #notice .content .right .year_cont .list .le .tit{font-size: var(--16px);} #notice .content .right .year_cont .list .down{width: 80px;padding-left: 38px;background: url(/images/download-icon.png) no-repeat left;line-height: 40px;margin-top: 20px;} #notice .content .right .year_cont .list:hover .le .tit{color: #e62129;} /*合作伙伴-供应商*/ #supplier .text{width: 50%;text-align: left;padding-left: 25%;} #supplier .text li{margin-top: 20px;} #supplier .text li:nth-child(1){margin-top: 0;} #supplier .text .tit{font-size: var(--30px);color: #fff;margin-bottom: 40px;} #supplier .text .detail{min-width: 180px;height: 60px;line-height: 60px;text-align: center;color: #fff;background: #e62129;padding: 0 20px;} #supplier .text .detail .ico{width: 26px;height: 6px;background: url(/images/detail-iconfff.png) no-repeat center;margin: 27px 0 0 20px;} /*distributor 合作伙伴-经销商*/ #butor{padding: 75px 0px 110px;} #butor.single-next{padding-top: 0;} #butor .con{margin: 75px auto 0;} #butor.single-next .con{margin-top: 0;} #butor .bsearch{height: 60px;line-height: 60px;margin-bottom: 60px;} #butor .bsearch .bsli{width: 20.571%;} #butor .bsearch .bsli .bst1{width: 30.314%;padding-right: 15px;text-align: right;} #butor .bsearch .bsli select{height: 60px;border: 1px solid #e5e5e5;width: 69.686%;} #butor .bsearch .bsin{/*width: 34%;*/width: 61.713%;float: left;height: 60px;line-height: 60px;border: 1px solid #e5e5e5;} #butor .bsearch .bsin input{width: calc(100% - 50px);padding-left: 15px;} #butor .bsearch .bsin label{width: 17px;background: url(/images/icon58.png) no-repeat center;margin-right: 19px;} #butor .tent .address{width: 34%;height: 650px;} #butor .tent .address .tit{padding: 0 0 15px 20px;border-bottom: 1px solid #e5e5e5;} #butor .tent .address .addcon{height: 615px;} #butor .tent .address .addcon .mCSB_scrollTools{width: 12px;background: #e5e8e7;opacity: 1;} #butor .tent .address .addcon .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 12px;background: url(/images/icon75.png) no-repeat center #000;border-radius: 0;} #butor .tent .address .addli{padding: 15px 0 15px 25px;border-bottom: 1px dashed #e5e5e5;margin-right: 45px;} #butor .tent .address .adt1{font-size: var(--16px);margin-bottom: 12px;} #butor .tent .address .adt1 span{font-size: var(--16px);color: #e72129;margin-right: 5px;} #butor .tent .address .adt2{color: #666;line-height: 1.57;} #butor .tent .map{width: 61.713%;height: 650px;background: #f3f3f3;} /*合作伙伴-合伙人*/ #partner{height: 950px;background: url(/images/partner-bg.jpg) no-repeat center;background-size: cover;} #partner .item{width: 325px;min-height: 500px;background: rgba(255,255,255,.2);border-radius: 45px;padding: 100px 40px 0;margin: 0 40px;} #partner .item .tit{font-size: var(--30px);color: #fff;} #partner .item .con{color: #fff;line-height: 24px;margin: 35px 0 100px 0;} #partner .item .detail{color: #fff;min-width: 180px;height: 60px;line-height: 60px;background: #e62129;border-radius: 30px;} #partner .item .detail .ico{width: 26px;height: 6px;background: url(/images/detail-iconfff.png) no-repeat center;margin: 27px 0 0 20px;} /*合作伙伴-战略合作伙伴*/ #str-partner{padding: 80px 0 120px 0;} #str-partner .content{margin: 80px 0 20px;} #str-partner .content .item{width: 21.785%;margin: 0 4.286% 60px 0;border: 1px solid #e5e5e5;padding: 0 45px;border-radius: 5px;} #str-partner .content .item:nth-child(4n){margin-right: 0;} #str-partner .content .item .pic{padding-top: 50%;} #str-partner .content .item .con{color: #666;line-height: 24px;padding: 30px 0;border-top: 1px dashed #e5e5e5;} #str-partner .content .item:hover{box-shadow: 0 0 30px 0 rgba(0,0,0,.1);border: 1px solid transparent;} /*投资者关系-企业治理*/ #governance .wrap1{padding: 80px 0 100px 0;} #governance .wrap1 .content{margin-top: 80px;} #governance .wrap1 .content .item{width: 22.857%;margin: 0 2.857% 40px 0;background: #fff;border: 1px solid #e5e5e5;padding: 35px 30px;} #governance .wrap1 .content .item:nth-child(4n){margin-right: 0;} #governance .wrap1 .content .item .name{font-size: var(--16px);} #governance .wrap1 .content .item .con{color: #666;margin-top: 16px;} #governance .wrap2{padding: 80px 0 100px 0;background: #f5f5f5;} #governance .wrap2 .content{margin-top: 80px;} #governance .wrap2 .content .list{margin-bottom: 0px;} #governance .wrap2 .content .item1{width: 25%;padding-top: 25px;margin-bottom: 0;} #governance .wrap2 .content .item1 .tit{font-size: var(--18px);margin-bottom: 20px;} #governance .wrap2 .content .item1 .down{color: #e62129;padding-left: 36px;background: url(/images/pdf-icon.png) no-repeat left;line-height: 28px;} #governance .wrap2 .content .right{width: 75%;} #governance .wrap2 .content .right .item{width: 30.476%;margin: 0 4.286% 4.286% 0;background: #fff;border: 1px solid #e5e5e5;padding: 35px 30px;} #governance .wrap2 .content .right .item:nth-child(3n){margin-right: 0;} #governance .wrap2 .content .right .item .name{font-size: var(--16px);} #governance .wrap2 .content .right .item .con{color: #666;margin-top: 16px;} #governance .wrap3{padding: 80px 0 100px 0;} #governance .wrap3 .content{margin-top: 80px;} #governance .wrap3 .content .con{width: 200px;height: 200px;margin: 0 auto;} #governance .wrap3 .content .con .tit{color: #e62129;margin-top: 18px;} #governance .wrap3 .content .con .btn--outline{width: 200px;height: 200px;} #governance .angle{width: 14px;height: 14px;background: url(/images/angle-icon.png) no-repeat center; bottom: 0;right: 0;} @keyframes rect{0% {border-top: 1px solid red;}25% {border-right: 1px solid red;}50% {border-bottom: 1px solid red;}100% {border-left: 1px solid red;}} .rect{position: relative;} .rect::after{position: absolute;content: "";width: 100%;height: 100%;border: 1px solid transparent;left: 0;top: 0;} .rect:hover::after{animation: rect 5s linear;} /*投资者关系-投资者活动*/ #activity .wrap1{padding: 80px 0 100px 0;} #activity .wrap1 .content{margin-top: 60px;} #activity .content .list{padding: 60px 0;border: 1px solid #e5e5e5;margin-bottom: 20px;background: #fff;} #activity .content .list .time{width: 21.25%;border-right: 1px solid #e5e5e5;padding-left: 75px;} #activity .content .list .time .md{font-size: var(--30px);} #activity .content .list .time .y{font-size: var(--16px);margin-top: 8px;} #activity .content .list .text{width: 78.75%;padding-left: 105px;} #activity .content .list .text .txt1{font-size: var(--24px);color: #e62129;} #activity .content .list .text .txt2{color: #666;margin-top: 20px;} #activity .content .list .angle{width: 14px;height: 14px;background: url(/images/angle-icon.png) no-repeat center; bottom: 0;right: 0;} #activity .wrap2{padding: 80px 0 100px 0;background: #f5f5f5;} #activity .wrap2 .content{margin-top: 60px;} /*人力资源-群英荟*/ #elite .wrap1{padding: 80px 0;} #elite .wrap1 .inner-title{color: #e62129;} #elite .wrap1 .brief{font-size: var(--16px);margin-top: 40px;} #elite .wrap1 .content{margin-top: 80px;} #elite .wrap1 .content .list{border: 1px solid #e5e5e5;height: 202px;overflow: hidden;margin-bottom: 40px;} #elite .wrap1 .content .list .num{left: 30px;top: 30px;font-size: var(--60px);opacity: .1;} #elite .wrap1 .content .list .tit{width: 25%;padding: 0 30px 0 125px;text-align: left;left: 0;} #elite .wrap1 .content .list .t{font-size: var(--24px);color: #e62129;} #elite .wrap1 .content .list .con{width: 75%;text-align: left;right: 0;padding-right: 50px;} #elite .wrap1 .content .down-icon{margin-bottom: 40px;} #elite .wrap1 .content .down-icon:last-child{display: none;} #elite .wrap1 .brief2{font-size: var(--20px);margin-top: 80px;text-decoration: underline;color: #e62129;line-height: 36px;} #elite .wrap2{padding: 80px 0 120px 0;background: #f5f5f5;} #elite .wrap2 .brief{font-size: var(--20px);color: #e62129;margin-top: 30px;} #elite .wrap2 .qrcode{width: 240px;height: 240px;background: #fff;margin: 80px auto 40px;} /*人力资源-招贤纳士*/ #recruitment>div:nth-child(2n+1){background: #fff;padding: 80px 0 100px 0;} #recruitment>div:nth-child(2n){background: #f5f5f5;padding: 80px 0 100px 0;} #recruitment .form-box{margin-top: 80px;} #recruitment .form-box .select{width: 140px;height: 50px;border-bottom: 2px solid #595857;padding-left: 5px;font-size: var(--16px);color: #444;margin-right: 20px;} #recruitment .form-box .inp{width: 540px;height: 50px;border-bottom: 2px solid #595857;padding-left: 5px;font-size: var(--16px);color: #999;margin-right: 20px;text-align: left;} #recruitment .form-box .inp input{width: 100%;} #recruitment .form-box .search{min-width: 110px;height: 50px;background: #e60012;color: #fff;padding: 0 20px;} #recruitment .form-box .search input{color: #fff;} #recruitment .content{margin-top: 80px;} #recruitment .content .list .job .top-li{border-bottom: 1px solid #e1e1e1;padding: 32px 0;line-height: 34px;} #recruitment .content .list .job .top-li .p1{width: 15.714%;padding-left: 60px;} #recruitment .content .list .job .top-li .p2{width: 35.428%;padding-left: 80px;} #recruitment .content .list .job .top-li .p3{width: 16.857%;} #recruitment .content .list .job .top-li .p4{width: 23.928%;} #recruitment .content .list .job .top-li .p5{width: 8.073%;} #recruitment .content .list-tit .job .top-li{font-size: var(--16px);color: #888;padding: 26px 0;background: #fafafa;border: 1px solid #e1e1e1;border-top: 1px solid #595857;} #recruitment .content .list-con .job .top-li{font-size: var(--16px);color: #444;} #recruitment .content .list-con .job .top-li .p1{color: #696969;border-right: 1px solid #e1e1e1;} #recruitment .content .list-con .job .top-li .p5{color: #696969;} #recruitment .content .list-con .job .con{padding: 50px 0 74px 60px;background: #fafafa;} #recruitment .content .list-con .job .con .box .tit{font-size: var(--18px);color: #333;margin-bottom: 30px;} #recruitment .content .list-con .job .con .box .des{color: #888;line-height: 26px;} #recruitment .content .list-con .job .con .b1{margin-bottom: 70px;} #recruitment .content .list-con .job .con .b2{margin-bottom: 60px;} #recruitment .content .list-con .job .con .note{color: #e60012;line-height: 26px;} #recruitment .content .list-con .job .top-li:hover{background: #fafafa;} #recruitment .content .list-con .job .top-li.on{background: #fafafa;} /*人力资源-企业文化*/ #culture .wrap1{padding-top: 80px;} #culture .wrap1 .content{margin-top: 50px;} #culture .wrap1 .content .left{width: 45.5%;padding: 10.714% 50px 0 45px;overflow: hidden;} #culture .wrap1 .content .left .txt1{font-size: var(--20px);} #culture .wrap1 .content .left .txt2{font-size: var(--40px);text-transform: uppercase;margin: 20px 0 35px 0;} #culture .wrap1 .content .left .txt3{color: #666;line-height: 30px;margin-bottom: 50px;} #culture .wrap1 .content .left .txt4{margin-bottom: 45px;} #culture .wrap1 .content .left .recruit{padding-right: 92px;background: url(/images/detail-icon.png) no-repeat right 6px;} #culture .wrap1 .content .left .recruit::before{content: "";position: absolute;width: 100%;height: 1px;background: #e5e5e5;left: 0;bottom: -10px;} #culture .wrap1 .content .left .recruit:hover{color: #e62129;background: url(/images/detail-icon-h.png) no-repeat right 6px;} #culture .wrap1 .content .right{width: 54.5%;} #culture .wrap2{padding: 80px 0 108px 0;background: #f5f5f5;} #culture .wrap2 .brief{color: #888;margin-top: 25px;} #culture .wrap2 .content{margin-top: 80px;} #culture .wrap2 .content .item{width: 31.428%;margin: 0 2.858% 40px 0;background: #fff;padding: 40px 40px 55px;} #culture .wrap2 .content .item:nth-child(3n){margin-right: 0;} #culture .wrap2 .content .item .tit{font-size: var(--18px);color: #e62129;margin-bottom: 25px;} #culture .wrap2 .content .item .con{color: #666;line-height: 24px;min-height: 96px;} #culture .wrap2 .content .item .icon{bottom: 40px;right: 40px;} #culture .wrap2 .content .item:hover{box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} #culture .wrap3{padding: 80px 0 120px 0;} #culture .wrap3 .content{margin-top: 80px;} #culture .wrap3 .content .left{width: calc(50% - 1px );padding-top: 40%;} #culture .wrap3 .content .right{width: calc(50% - 1px );} #culture .wrap3 .content .right .pic:nth-child(1){width: 100%;padding-top: 39.914%;margin-bottom: 2px;} #culture .wrap3 .content .right .pic:nth-child(2){width: calc(50% - 1px );padding-top: 39.914%;} #culture .wrap3 .content .right .pic:nth-child(3){width: calc(50% - 1px );padding-top: 39.914%;} /*honor 关于我们-企业荣誉 关于我们-质量体系*/ #honor{padding: 75px 0 120px;} #honor .con{margin: 75px auto 20px;} #honor .item{width: 23.928%;margin: 0 1.4293% 1.4293% 0;border: 1px solid #e5e5e5;background: #fff;} #honor .item:nth-child(4n){margin-right: 0;} #honor .item .img{width: 80%;padding-top: 90%;margin: 40px auto;} #honor .item .text{width: 80%;margin: 0 auto 25px;color: #666;line-height: 1.8;} /*about 关于我们*/ #about .one{padding: 75px 0;background: #fff;} #about .one .con{margin-top: 75px;} #about .one .left{width: 25%;} #about .one .shares .t1{color: #666;} #about .one .shares .t2{font-size: var(--30px);} #about .one .icon{margin-top: 130px;} #about .one .icon .list{width: 50%;} #about .one .icon .item{margin-top: 75px;} #about .one .icon .list:nth-child(1) .item:nth-child(1){margin-top: 0;} #about .one .icon .item .icom{width: 70px;height: 70px;} #about .one .icon .t3{line-height: 30px;} #about .one .icon .t4,#about .one .icon .t4 span{font-size: var(--26px);} #about .one .right{width: 75%;} #about .one .right .t5,#about .one .right .t8{color: #666;line-height: 2;} #about .one .right .img{margin: 70px auto;padding-top: 56.19%;} #about .one .right .t6{font-size: var(--30px);} #about .one .right .t7{line-height: 1.7;margin: 30px auto 50px;} #about .one .right .a1{width: 60px;height: 60px;border-radius: 50%;margin: 0 auto;background: url(/images/icon31.png) no-repeat center #e72129;} #about .two{padding: 75px 0px 85px;background: #f5f5f5;} #about .two .tit{margin: 70px auto;} #about .two .tit .container{max-width: 100%;} #about .two .tit .slide{width:auto;display: inline-block;margin-right: 55px;border-bottom: 2px solid #f5f5f5;line-height: 1.6;} #about .two .tit .slide{font-size: var(--20px);} #about .two .tit .slide.cur{border-bottom: 2px solid #e62129;color: #e62129;} #about .two .tit .slide:nth-last-child(1){margin-right: 0;} #about .two .tent{padding: 80px 0;background: #fff;position: relative;} #about .two .tent:before, #about .two .tent:after{content: "";display: block;position: absolute;width: 100px;height: 100%;z-index: 1;top: 0;} #about .two .tent:before{left: 0;background: linear-gradient(to left,rgba(247,247,247,0) 0,#f7f7f7 100%);background: -webkit-gradient(linear,right top,left top,from(rgba(247,247,247,0)),to(#f7f7f7));} #about .two .tent:after{right: 0;background: linear-gradient(to right,rgba(247,247,247,0) 0,#f7f7f7 100%);background: -webkit-gradient(linear,left top,right top,from(rgba(247,247,247,0)),to(#f7f7f7));} #about .two .tent .item{z-index: 2;} #about .two .tent .container{padding-bottom: 75px;} #about .two .tent .container:before, #about .two .tent .container:after{content: "";display: block;position: absolute;width: 100px;height: 100%;z-index: 1;top: 0;} #about .two .tent .container:before{left: 0;background: linear-gradient(to left,rgba(247,247,247,0) 0,#f7f7f7 100%);background: -webkit-gradient(linear,right top,left top,from(rgba(247,247,247,0)),to(#f7f7f7));} #about .two .tent .container:after{right: 0;left: unset;background: linear-gradient(to right,rgba(247,247,247,0) 0,#f7f7f7 100%);background: -webkit-gradient(linear,left top,right top,from(rgba(247,247,247,0)),to(#f7f7f7));} #about .two .tent .anniu{width: 60px;height: 60px;border-radius: 50%;top: 200px;z-index: 2;} #about .two .tent .next{background: url(/images/icon31.png) no-repeat center #e3e3e3;right: 10px;} #about .two .tent .prev{background: url(/images/icon42.png) no-repeat center #e3e3e3;left: 10px;} #about .two .tent .next:hover{background: url(/images/icon31.png) no-repeat center #e72129;} #about .two .tent .prev:hover{background: url(/images/icon42.png) no-repeat center #e72129;} #about .two .tent .slide{width: 23.21%;margin-left: 5.714%;position: relative;padding-top: 33px;} #about .two .tent .slide:nth-last-child(1){margin-right: 100px;} #about .two .tent .slide:before{content: "";display: block;position: absolute;width: 124.615%;height: 2px;background: #e5e5e5;top: 6px;left: 0;} #about .two .tent .slide .yuan{position: absolute;width: 14px;height: 14px;border-radius: 50%;left: 0;top: 0;z-index: 3;background: #e62129;} #about .two .tent .slide .t1{font-size: var(--30px);margin-bottom: 35px;} #about .two .tent .slide .t2{color: #666;line-height: 2;} #about .two .tent .swiper-container-horizontal > .swiper-scrollbar{width: 500px;left: calc(50% - 250px);background: #e5e5e5;} #about .two .tent .swiper-scrollbar-drag{background: #e62129;} #about .three{padding: 75px 0px 85px;background: #fff;} #about .three .container{margin: 25px auto 10px;padding: 50px 0;} #about .three .slide{width: 990px;background: #fff;box-shadow: 0 0 20px #eee;} #about .three .slide .item{padding: 80px 25% 55px;position: relative;} #about .three .slide .img{width: 485px;height: 320px;margin: 0 auto 80px;} #about .three .slide .t1{font-size: var(--26px);} #about .three .slide .t2{margin-top: 10px;} #about .three .slide .item:before, #about .three .slide .item:after{content: "";display: block;position: absolute;width: 33px;height: 28px;z-index: 2;} #about .three .slide .item:before{background: url(/images/icon43.png) no-repeat center;left: 40px;top: 40px;} #about .three .slide .item:after{background: url(/images/icon44.png) no-repeat center;right: 40px;bottom: 40px;} #about .three .more{width: 180px;height: 60px;line-height: 60px;margin: 0 auto;background: url(/images/icon31.png) no-repeat center right 40px #e72129;padding: 0 66px 0 39px;color: #fff;} #about .three .anniu{width: 60px;height: 60px;border-radius: 50%;top: calc(50% - 30px);z-index: 2;} #about .three .next{background: url(/images/icon31.png) no-repeat center #e3e3e3;right: calc(14.285% - 30px);} #about .three .prev{background: url(/images/icon42.png) no-repeat center #e3e3e3;left: calc(14.285% - 30px);} #about .three .next:hover{background: url(/images/icon31.png) no-repeat center #e72129;} #about .three .prev:hover{background: url(/images/icon42.png) no-repeat center #e72129;} #about .four{padding: 75px 0px 80px;background: #f5f5f5;} #about .four .container{margin: 75px auto 60px;} #about .four .slide{width: 25%;background: #fff;} #about .four .img{width: 68.656%;padding-top: 97.014%;margin: 15px auto;} #about .four .t1{color: #666;margin-bottom: 25px;} #about .four .more{width: 180px;height: 60px;line-height: 60px;margin: 0 auto;background: url(/images/icon31.png) no-repeat center right 40px #e72129;padding: 0 66px 0 39px;color: #fff;} #about .four .anniu{width: 60px;height: 60px;border-radius: 50%;top: calc(50% - 30px);z-index: 2;} #about .four .next{background: url(/images/icon31.png) no-repeat center #e3e3e3;right: -120px;} #about .four .prev{background: url(/images/icon42.png) no-repeat center #e3e3e3;left: -120px;} #about .four .next:hover{background: url(/images/icon31.png) no-repeat center #e72129;} #about .four .prev:hover{background: url(/images/icon42.png) no-repeat center #e72129;} /*content 联系我们*/ #contact .one .list{padding: 75px 0 80px;background: #fff;} #contact .one .list:nth-child(2n){background: #f5f5f5;} #contact .one .list .con{margin-top: 70px;} #contact .one .list .item{width: 45%;margin: 0 5% 5% 0;} #contact .one .list .item:nth-child(3n){margin-right: 0;} #contact .one .list .item .t1{font-size: var(--20px);line-height: 1.5;padding-bottom: 15px;margin-bottom: 25px;border-bottom: 1px solid #dcdcdc;} #contact .one .list .item .t2{font-size: var(--16px);line-height: 35px;} #contact .one .list .item:nth-child(1) .t2, #contact .one .list .item:nth-child(2) .t2{font-size: var(--30px);} #contact .one .list .map{width: 100%;height: 650px;} #contact .two{padding: 80px 0 120px;background: #fff;} #contact .two .con{margin-top: 30px;} #contact .two .list{padding: 40px 0;border-bottom: 1px solid #e5e5e5;} #contact .two .list .t1{width: 37.5%;padding-right: 5.857%;line-height: 2;} #contact .two .list .t2{width: calc(62.5% - 110px);line-height: 2;} #contact .two .list .t2 p{font-weight: bold;} #contact .two .list .t3{width: 110px;text-align: right;background: url(/images/icon53.png) no-repeat center left;line-height: 32px;} #contact .two .list .map{width: 100%;height: 500px;margin-top: 40px;display: none;} #contact .two .list.cur,#contact .two .list:hover{border-bottom: 1px solid #e62129;} #contact .two .list.cur .t2, #contact .two .list.cur .t2 p, #contact .two .list:hover .t2, #contact .two .list:hover .t2 p{color: #e62129;} #contact .two .list.cur .t3, #contact .two .list:hover .t3{color: #e62129;background: url(/images/icon54.png) no-repeat center left;} #contact .two .list.cur .map{display: block;} /*video 关于我们-宣传视频*/ #video-cate{padding: 75px 0 90px;} #video-cate .con{margin-top: 75px;} #video-cate .con .video-html{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap;} #video-cate .con .video-html .item{ margin: 35px 2.8571% 0 0; width: 31.4286%;} #video-cate .con .video-html .item:nth-child(3n){ margin-right: 0;} #video-cate .con .video-html .item:nth-child(-n+3){ margin-top: 0;} #video-cate .con .video-html .item .img{ display: flex; justify-content: center; align-items: center;} #video-cate .con .video-html .item .img img{ max-width: 100%; max-height: 100%;} #video-cate .con .video-html .item .img .bot{ display: flex; justify-content: space-between; align-items: center; bottom: 0; left: 0; padding: 0 20px; width: 100%; height: 62px;} #video-cate .con .video-html .item .img .bot .count{ display: flex; justify-content: start; align-items: center; font-size: 16px; color: #fff;} #video-cate .con .video-html .item .img .bot .btn{ display: flex; justify-content: start; align-items: center; padding: 0; height: auto; font-size: 14px; color: #fff; opacity: 0;} #video-cate .con .video-html .item .img .bot .count svg{ margin-right: 11px;} #video-cate .con .video-html .item .img .bot .btn svg{ margin: -5px 0 0 20px;} #video-cate .con .video-html .item .text{ margin-top: 18px; width: 100%; line-height: 30px; font-size: var(--16px); text-align: center;} #video-cate .con .video-html .item:hover .text{ color: #e60012;} #video-cate .con .video-html .item:hover .img .bot .btn{ opacity: 1;} #video{ display: flex; justify-content: space-between; align-items: start; padding: 90px 0;} /*#video .con{margin-top: 75px;}*/ #video .left{ display: flex; align-items: baseline; flex-direction: column; width: 175px;} #video .left .item{ margin-top: 18px; line-height: 42px; border-bottom: 2px solid transparent; font-size: 18px; color: #333;} #video .left .item:first-child{ margin-top: 0;} #video .left .item:hover{ color: #e60012;} #video .left .item.cur{ color: #e60012; border-color: #e60012;} #video .con{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; width: calc(100% - 175px);} #video .con .item{ margin: 0 2.1224% 45px 0; width: 31.9184%;} #video .con .item:nth-child(3n){ margin-right: 0;} /*#video .con .item .img{ display: flex; position: relative; height: 220px;}*/ #video .con .item .img img{ max-width: 100%;} #video .con .item .img .time{line-height: 26px;height: 26px;border-radius: 2px;color: #fff;background: #000;padding: 0 10px;top: 20px;right: 20px;} #video .con .item .img .zan{ display: flex; justify-content: start; align-items: center; bottom: 20px; left: 20px; z-index: 1; height: 18px;} #video .con .item .img .zan svg{ margin-right: 7px;} #video .con .item .img .zan span{ padding-top: 3px; color: #fff;} #video .con .item .img .zan.cur svg path{ fill: #e60012;} #video .con .item .img .anniu{width: 50px;height: 50px;border-radius: 50%;background: url(/images/icon16.png) no-repeat center;top: calc(50% - 25px);right: calc(50% - 25px);opacity: 0;} #video .con .item .text{ margin-top: 15px; line-height: 27px; font-size: 16px; color: #333; text-align: center;} #video .con .item .text .a1{font-size: var(--16px);width: calc(100% - 70px);} #video .con .item:hover .img .anniu{opacity: 1;} #video .con .item:hover .text{ color: #e60012;} #video .con .more{width:100%;text-align:center; margin:30px auto !important;font-size: var(--20px);color: #666;} #video .con .item.item_more .img{ display: flex; justify-content: center; align-items: center; height: 220px; background: #f5f5f5;} #video .con .item.item_more .img .more_icon{ width: 72px; height: 72px; border: 2px solid #c4c4c4; border-radius: 50%;} #video .con .item.item_more .img .more_icon:before, #video .con .item.item_more .img .more_icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; background: #7a7a7a; transform: translate(-50%, -50%);} #video .con .item.item_more .img .more_icon:before{ width: 2px; height: 30px;} #video .con .item.item_more .img .more_icon:after{ width: 30px; height: 2px;} #video_pop{ top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);} #video_pop .video_pop_in{ top: 50%; left: 50%; transform: translate(-50%, -50%);} #video_pop .video_pop_in .video_con{ padding: 28px 60px 50px; max-height: 900px; background: #fff;} #video_pop .video_pop_in .video_con .close{ top: 20px; right: -43px;} #video_pop .video_pop_in .video_con .one .title_outer{ display: flex; justify-content: space-between; align-items: center;} #video_pop .video_pop_in .video_con .one .title_outer .left .inner-title{ line-height: 40px; font-size: 30px; color: #333;} #video_pop .video_pop_in .video_con .one .title_outer .left .attr{ margin-top: 10px; line-height: 24px;} #video_pop .video_pop_in .video_con .one .title_outer .left .attr span{ margin-right: 25px; font-size: 14px; color: #888;} #video_pop .video_pop_in .video_con .one .title_outer .rig{ display: flex; justify-content: end; align-items: center;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn{ display: flex; align-items: center; margin-left: 20px; height: 45px; border: 1px solid #e5e5e5; cursor: pointer;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn:first-child{ margin-left: 0;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn .tit{ display: flex; justify-content: center; align-items: center; padding: 0; width: 120px; font-size: 14px; color: #333;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn svg{ margin-right: 20px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.cur{ background-color: #e62129; border-color: #e62129;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.cur .tit font{ color: #fff;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.cur svg path{ fill: #fff;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .share_list{ top: -2px; left: -1px; width: calc(100% + 2px); background: #fff; opacity: 0; box-shadow: 0 0 32px rgba(0, 0, 0, .1); pointer-events: none;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .share_list .share_tit{ display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 45px; font-size: 14px; color: #333;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list{ padding: 27px 0; width: 100%;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list:before{ display: block; content: ''; position: absolute; top: 0; left: 50%; width: 78px; height: 1px; background: #e5e5e5; transform: translateX(-50%);} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a { display: block; margin-top: 30px; height: 40px; cursor: pointer;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="wechat"]{ margin-top: 0; background: url(/images/share.png) no-repeat center top 0;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="sina"]{background: url(/images/share.png) no-repeat center top -62px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="qq"]{background: url(/images/share.png) no-repeat center top -124px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="twitter"]{background: url(/images/share.png) no-repeat center top -191px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="linkedin"]{background: url(/images/share.png) no-repeat center top -253px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="wechat"]:hover{background: url(/images/share1.png) no-repeat center top 0;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="sina"]:hover{background: url(/images/share1.png) no-repeat center top -62px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="qq"]:hover{background: url(/images/share1.png) no-repeat center top -124px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="twitter"]:hover{background: url(/images/share1.png) no-repeat center top -191px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="linkedin"]:hover{background: url(/images/share1.png) no-repeat center top -253px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share:hover .share_list{ pointer-events: visible; opacity: 1;} #video_pop .video_pop_in .video_con .one .con{ margin-top: 28px; max-height: 600px;} #video_pop .video_pop_in .video_con .one .con video{ height: 600px;} #video_pop .video_pop_in .video_con iframe{ max-height: 900px;} #tiktok{width: 80px;height: 80px;background: #e62129;color: #fff;bottom: 10%;right: 1%;display: block;z-index: 40;text-align: center;font-size: var(--16px);padding-top: 20px;border-radius: 10px;} /*video-detail 关于我们-宣传视频详情页*/ #video-detail{padding: 75px 0 110px;} #video-detail .one{margin-bottom: 60px;} #video-detail .one .attr{margin: 30px auto 55px;} #video-detail .one .attr span{color: #888;margin-right: 30px;} #video-detail .one .attr span:nth-last-child(1){margin-right: 0;} #video-detail .suspen{width: 40px;height: 503px;} #video-detail .suspen .sht{text-align: center;} #video-detail .suspen .share{margin-bottom: 40px;} #video-detail .suspen .share a{display: block;cursor: pointer;height: 40px;margin-top: 30px;} #video-detail .suspen .share a[jqshare="wechat"]{background: url(/images/share.png) no-repeat center top 0;} #video-detail .suspen .share a[jqshare="sina"]{background: url(/images/share.png) no-repeat center top -62px;} #video-detail .suspen .share a[jqshare="qq"]{background: url(/images/share.png) no-repeat center top -124px;} #video-detail .suspen .share a[jqshare="twitter"]{background: url(/images/share.png) no-repeat center top -191px;} #video-detail .suspen .share a[jqshare="linkedin"]{background: url(/images/share.png) no-repeat center top -253px;} #video-detail .suspen .share a[jqshare="wechat"]:hover{background: url(/images/share1.png) no-repeat center top 0;} #video-detail .suspen .share a[jqshare="sina"]:hover{background: url(/images/share1.png) no-repeat center top -62px;} #video-detail .suspen .share a[jqshare="qq"]:hover{background: url(/images/share1.png) no-repeat center top -124px;} #video-detail .suspen .share a[jqshare="twitter"]:hover{background: url(/images/share1.png) no-repeat center top -191px;} #video-detail .suspen .share a[jqshare="linkedin"]:hover{background: url(/images/share1.png) no-repeat center top -253px;} #video-detail .suspen .dzan{margin-top: 15px;color: #e5e5e5;background: url(/images/icon50.png) no-repeat center top;padding-top: 43px;text-align: center;} #video-detail .suspen .dzan.cur, #video-detail .suspen .dzan:hover{color: #333;background: url(/images/icon51.png) no-repeat center top;} #video-detail .two .container{padding-bottom: 80px;} #video-detail .two .slide{width: 25%;} #video-detail .two .t1{margin-top: 20px;} #video-detail .two .anniu{width: 60px;height: 60px;line-height: 60px;border-radius: 50%;background: #e3e3e3;top: 90px;z-index: 2;} #video-detail .two .prev{left: -31px;} #video-detail .two .next{right: -31px;} #video-detail .two .swiper-scrollbar{height: 6px;background: #e5e5e5;} #video-detail .two .swiper-scrollbar .swiper-scrollbar-drag{height: 14px;margin-top: -4px;border-radius: 7px;background: url(/images/icon76.png) no-repeat center #e62129;} /*download 下载与升级*/ #download .one{padding: 75px 0 40px;background: #fff;} #download .one .con{margin-top: 75px;} #download .one .item{width: 23.928%;margin: 0 1.429% 3.928% 0;} #download .one .item:nth-child(4n){margin-right: 0;} #download .one .item .tent{border: 1px solid #e5e5e5;border-radius: 3px;padding: 18px;margin-top: 15px;} #download .one .item .img{width: 116px;height: 116px;} #download .one .item .text{width: 52.861%;height: 116px;} #download .one .item .text .t2{width: 100%;height: 40px;line-height: 40px;border-radius: 3px;background: #111;} /* #download .one .item .text .t2:nth-child(2){margin-top: 10px;} */ #download .one .item .text .t2{margin-bottom:10px;} #download .one .item .text .t2:last-child{margin-bottom:0;} #download .one .item .text .t2 span{color: #fff;font-size: var(--14px);display: inline-block;vertical-align: middle;} #download .one .item .text .t2 img{display: inline-block;vertical-align: middle;margin-right: 9px;} #download .two{padding: 75px 0 80px;background: #f5f5f5;} #download .two .con{margin-top: 75px;} #download .two .list{margin-bottom: 20px;background: #fff;padding: 60px;} #download .two .down{height: 50px;line-height: 50px;background: url(/images/icon26.png) no-repeat center left 20px #e62129;padding:0 20px 0 60px;color: #fff;} #download .two .txt1{width: 28.9%;margin-right: 6.25625%;} #download .two .txt2{width: 50%;} #download .two .t1{font-size: var(--18px);color: #e62129;margin-bottom: 10px;} #download .two .t2{color: #888;} #download .two .t3{line-height: 2;} #download .two .t4{line-height: 2;color: #888;} /*service 服务中心*/ #service{padding: 100px 0 20px;background: #fff;} #service .list{margin-bottom: 100px;} #service .list .img{width: 75%;padding-top: 35.714%;} #service .list .text{width: 17.85%;padding-top: 35.714%;} #service .list .t1{font-size: var(--30px);line-height: 1.2;} #service .list .a1{display: block;width: 180px;height: 60px;line-height: 60px;color: #fff;padding: 0 66px 0 38px;background: url(/images/icon31.png) no-repeat center right 40px #e72129;margin: 40px 0 80px;} #service .list .t2{font-size: var(--16px);margin-bottom: 15px;} #service .list div[star-off-on]{width: 180px;height: 26px;} #service .list div[star-off-on]>div{margin-right: 10px;} #service .list .t3{line-height: 26px;margin-left: 10px;font-size: var(--16px);width: 24px;} .score-bg{z-index: 50;background: rgba(0,0,0,0.3);} .score-tan{background: #fff;width: 700px;height: 450px;top: calc(50% - 225px);left: calc(50% - 350px);z-index: 52;} .score-tan .guanbi{width: 24px;height: 24px;background: url(/images/icon28.png) no-repeat center;top: 20px;right: 20px;} .score-tan .t1{font-size: var(--20px);margin-bottom: 50px;} .score-tan div[star-off-on]{width: 180px;height: 26px;} .score-tan div[star-off-on]>div{margin-right: 10px;} .score-tan .t2{line-height: 26px;margin-left: 10px;font-size: var(--16px);width: 24px;} .score-tan .submit{display: block;width: 180px;height: 60px;line-height: 60px;color: #fff;padding: 0 66px 0 38px;background: url(/images/icon31.png) no-repeat center right 40px #e72129;margin: 70px auto 0;} /*products 产品中心*/ #products .con{background: #f5f5f5;padding: 40px 0 60px;} #products .one{padding: 40px 0;} #products .one .tent{margin-top: 45px;} #products .one .item{width: 100%;padding: 3.571% 7%;background: #fff;margin-bottom: 1.43%;} #products .one .item:hover{box-shadow: 0 0 32px rgba(0,0,0,0.1);} #products .one .item .img{width: 42.857%;padding-top: 38.392%;float: right;} #products .one .item .text{width: 42.857%;float: left;margin-top: 6%;} #products .one .item .a1{font-size: var(--30px);} #products .one .item .t1{font-size: var(--20px);margin: 15px auto 30px;} #products .one .item .t2{color: #777;line-height: 24px;height: 120px;margin-bottom: 52px;} #products .one .item .a2{line-height: 1.8;padding-right: 40px;background: url(/images/icon14.png) no-repeat center right;} #products .one .item .a2:hover{color: #e60012;background: url(/images/icon15.png) no-repeat center right;font-size: var(--16px);} #products .one .item:nth-child(10n+7), #products .one .item:nth-child(10n+8), #products .one .item:nth-child(10n+9), #products .one .item:nth-child(10n+10){width: 49.285%;} #products .one .item:nth-child(10n+7), #products .one .item:nth-child(10n+9){margin-right: 1.43%;} #products .one .item:nth-child(10n+7) .img, #products .one .item:nth-child(10n+8) .img, #products .one .item:nth-child(10n+9) .img, #products .one .item:nth-child(10n+10) .img{float: none;width: 100%;padding-top: 91.489%;} #products .one .item:nth-child(10n+7) .text, #products .one .item:nth-child(10n+8) .text, #products .one .item:nth-child(10n+9) .text, #products .one .item:nth-child(10n+10) .text{float: none;width: 100%;} #products .one .item:nth-child(10n+7) .a1, #products .one .item:nth-child(10n+8) .a1, #products .one .item:nth-child(10n+9) .a1, #products .one .item:nth-child(10n+10) .a1{font-size: var(--24px);} #products .one .item:nth-child(10n+7) .t1, #products .one .item:nth-child(10n+8) .t1, #products .one .item:nth-child(10n+9) .t1, #products .one .item:nth-child(10n+10) .t1{font-size: var(--16px);} #products .one .item:nth-child(10n+7) .t2, #products .one .item:nth-child(10n+8) .t2, #products .one .item:nth-child(10n+9) .t2, #products .one .item:nth-child(10n+10) .t2{margin-bottom: 15px;} #products .two{padding: 40px 0;} #products .two .tent{margin-top: 45px;} #products .two .item{width: 49.285%;margin: 0 1.43% 1.43% 0;background: #fff;} #products .two .item:nth-child(2n){margin-right: 0;} #products .two .item .img{width: 100%;padding-top: 50.724%;} #products .two .item .text{padding: 45px 60px 55px;} #products .two .item .t1{font-size: var(--24px);} #products .two .item .t2{color: #777;line-height: 24px;height: 72px;margin: 25px auto 55px;} #products .two .item .a1{line-height: 1.8;padding-right: 40px;background: url(/images/icon14.png) no-repeat center right;} #products .three{padding: 40px 0;} #products .three .tent{margin-top: 45px;} #products .three .item{width: 49.285%;margin: 0 1.43% 1.43% 0;} #products .three .item:nth-child(2n){margin-right: 0;} #products .three .item .img{width: 100%;padding-top: 56.521%;} #products .three .item .icon{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;background: url(/images/icon17.png) no-repeat center;top: calc(50% - 25px);left: calc(50% - 25px);} #products .three .item .t1{font-size: var(--16px);margin-top: 15px;} #products .three .item .icon:hover{background: url(/images/icon16.png) no-repeat center;} /*single 单页*/ #single{padding: 80px 0;background: #fff;} #single .con{margin-top: 70px;} /*register 注册*/ #register{padding: 80px 0;background: #f7f7f7;} #register .logo{width: 238px;height: 25px;margin: 0 auto;} #register .con{margin: 50px auto 65px;background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 0 20px #ccc;} #register .con .img{width: 55.357%;padding-top: 60.714%;} #register .con .text{width: 44.643%;padding-top: 60.714%;} #register .text .form-box{padding: 0 15%;width: 100%;} #register .text .title{font-size: var(--30px);} #register .text form{margin: 35px auto;} #register .text .inp-box{height: 48px;line-height: 48px;margin-bottom: 20px;border: 1px solid #dbdbdb;border-radius: 5px;background: #fbfbfb;position: relative;overflow: hidden;} #register .text .inp-box input[type="text"], #register .text .inp-box input[type="password"]{height: 100%;width: 100%;padding-left: 15px;} #register .text .inp-box input[type="text"].w1{width: calc(100% - 73px);/*padding-left: 88px;*/} #register .text .inp-box span{position: absolute;z-index: 2;height: 100%;top: 0;right: 0;width: 50px;background: #fbfbfb;color: #ccc;text-align: center;} #register .text .inp-box p{position: absolute;z-index: 2;height: 100%;top: 0;left: 0;width: 72px;background: #fbfbfb;color: #999;text-align: center;border-right: 1px solid #dbdbdb;} #register .text .inp-box .yzm{position: absolute;z-index: 2;width: 110px;height: 36px;line-height: 36px;top: 5px;right: 5px;border-radius: 5px;background: #e62129;color: #fff;text-align: center;} #register .text .inp-box .yzm.disable{ background: #ccc;} #register .text .inp-box .yzm span.s{ position: static; width: inherit; height: inherit; background: none; font-size: 14px; color: #fff;} #register .text .inp-box [send-sms]{position: absolute;z-index: 2;width: 110px;height: 36px;line-height: 36px;top: 5px;right: 5px;border-radius: 5px;background: #e62129;color: #fff;text-align: center;} #register .text div[drag-code]{width: 100%;height: 50px;line-height: 50px;background: #e4e7e9;margin-bottom: 20px;} #register .text div[drag-code] [t]{color: #888;} #register .text .submit-box{display: block;} #register .text .submit-box, #register .text .prev, #register .text .next{height: 50px;line-height: 50px;width: 100%;background: #e62129;color: #fff;text-align: center;border-radius: 5px;font-size: var(--18px);} #register .text .prev{margin-bottom: 20px;} #register .text .remember{display: block;margin: 30px auto;font-size: var(--12px);color: #888;} #register .text .remember a{font-size: var(--12px);} #register .text .remember input{margin-right: 5px;} #register .text .txt .t2{color: #e62129;text-decoration: underline;} #register .bot-url{margin-bottom: 10px;} #register .bot-url a{color: #666;margin-right: 20px;} #register .bot-url a:nth-last-child(1){margin-right: 0;} #register .copyright,#register .copyright *{color: #888;} #register .text .tit{margin: 55px auto 30px;} #register .text .tit .ti1{width: 50%;border-bottom: 1px solid #e6e6e6;padding-bottom: 15px;font-size: var(--16px);color: #777;text-align: center;} #register .text .tit .ti1.cur{color: #e62129;border-bottom: 1px solid #e62129;} #register .text .pass{margin-bottom: 45px;} #register .text .pass .isrem input{margin-right: 5px;} #register .text .pass .isrem label{color: #666;} #register .text .pass a{color: #e62129;} /*member 会员中心*/ #member{padding: 80px 0px 120px;background: #f5f5f5;} #member .left{width: 18.571%;background: #fff;margin-left: 2.714%;} #member .left .mftit{height: 60px;line-height: 60px;border-bottom: 1px solid #f5f5f5;font-size: var(--16px);padding-left: 58px;background: url(/images/icon66.png) no-repeat center left 24px;} #member .left .mfcon{padding: 13px 0 13px 58px;} #member .left .mfcon .mfa{color: #666;line-height: 40px;} #member .left .mfcon .mfa.cur{color: #e62129;} #member .con{width: 74.285%;margin-right: 2.714%;} #member .change{padding: 80px 0px 275px;background: #fff;} #member .change .title{font-size: var(--24px);text-align: center;} #member .change .tent{width: 380px;margin: 45px auto 0;} #member .change .tent input.inp{display: block;height: 48px;width: 100%;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 20px;padding: 0 13px;} #member .con .tent .submit-box{display: block;height: 50px;line-height: 50px;width: 100%;background: #e62129;color: #fff;text-align: center;border-radius: 5px;font-size: var(--18px);margin-top: 30px;} #member .personal{padding: 80px 0px 100px;background: #fff;} #member .personal .title{font-size: var(--24px);text-align: center;} #member .personal .tent{width: 380px;margin: 45px auto 0;} #member .personal .inp-box{height: 48px;width: 100%;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 20px;position: relative;} #member .personal .inp-box.disabled{background: #fbfbfb;} #member .personal .inp-box span{float: left;display: block;padding: 0 15px;line-height: 48px;color: #999;} #member .personal .inp-box input.inp{float: left;display: block;height: 48px;width: 270px;padding-left: 5px;font-size: var(--16px);} #member .personal .inp-box input.inpt{height: 48px;width: 100%;padding-left: 13px;} #member .personal .inp-box [send-sms]{position: absolute;z-index: 2;width: 110px;height: 36px;line-height: 36px;top: 5px;right: 5px;border-radius: 5px;background: #e62129;color: #fff;text-align: center;} #member .right>div{background: #fff;margin-bottom: 10px;} #member .right .one{padding: 40px 0;} #member .right .one .item1{width: calc(35.096% - 1px);height: 200px;border-right: 1px solid #ededed;} #member .right .one .t1{font-size: var(--20px);margin-bottom: 20px;} #member .right .one .a1{color: #e62129;text-decoration: underline;} #member .right .one .item2{width: 64.904%;padding: 35px 40px 0;} #member .right .one .item2 .li{margin-bottom: 20px;} #member .right .one .t2{font-size: var(--18px);color: #666;line-height: 32px;padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px solid #ededed;} #member .right .one .t3{color: #888;width: 21%;} #member .right .one .t4{color: #888;width: 32%;} #member .right .one .a2{color: #666;text-decoration: underline;} #member .right .title{font-size: var(--16px);line-height: 60px;padding-left: 38px;border-bottom: 1px solid #f5f5f5;} #member .right .licon{padding: 45px 40px;} #member .right .two .tent{padding: 60px 0 80px;} #member .right .two .input{width: 100%;margin: 0 auto 20px;} #member .right .two .input .tit{width: 15%;text-align: right;line-height: 60px;margin-right: 1.923%;} #member .right .two .input input{width: 67.307%;height: 58px;border: 1px solid #dbdbdb;border-radius: 6px;padding-left: 20px;} #member .right .two .input input.w1{width: 32.692%;margin-right: 1.923%;} #member .right .two .submit-box{display: block;height: 60px;line-height: 60px;width: 220px;background: #e62129;color: #fff;text-align: center;border-radius: 6px;font-size: var(--18px);margin: 60px 0 0 16.923%;} #member .right .licon li{line-height: 1.8;margin-bottom: 20px;position: relative;padding-left: 13px;} #member .right .licon li:before{width: 6px;height: 6px;border-radius: 50%;left: 0;top: calc(50% - 3px);background: #999;position: absolute;display: block;content: "";} #member .right .licon .t1{width: calc(100% - 160px);} #member .right .licon .t2{width: 140px;color: #999;} /*vote 投票*/ #vote .one{padding: 80px 0;background: #fff;} #vote .one .con{margin-top: 25px;} #vote .one .t1{line-height: 2;margin-bottom: 75px;text-align: center;} #vote .one .t1 a{color: #e62129;text-decoration: underline;} #vote .one .input{width: 75%;margin: 0 auto 20px;} #vote .one .input .tit{width: 18.476%;text-align: right;line-height: 60px;margin-right: 1.809%;} #vote .one .input input{width: 66.666%;height: 58px;border: 1px solid #dbdbdb;border-radius: 6px;padding-left: 20px;} #vote .one .input input.w1{width: 32.38%;margin-right: 1.906%;} #vote .one .submit-box{display: block;height: 60px;line-height: 60px;width: 220px;background: #e62129;color: #fff;text-align: center;border-radius: 6px;font-size: var(--18px);margin: 60px auto 0;} #vote .two{padding: 75px 0 60px;background: #f5f5f5;} #vote .two .con{margin-top: 80px;} #vote .item{width: 48.571%;margin: 0 2.858% 2.858% 0;background: #fff;border: 1px solid #e5e5e5;border-radius: 3px;padding: 58px;} #vote .item:nth-child(2n){margin-right: 0;} #vote .item .t1{color: #888;margin-bottom: 25px;} #vote .item .t2{font-size: var(--18px);margin-bottom: 5px;} #vote .item .t6{color: #666;} #vote .item .tent{margin: 45px auto;} #vote .item .t4{font-size: var(--18px) !important;color: #e62129;line-height: 35px;} #vote .item .t4 span{display: inline-block;vertical-align: middle;font-size: var(--30px);color: #e62129;margin-right: 20px;} #vote .item .t5{font-size: var(--18px) !important;color: #0183fe;line-height: 35px;} #vote .item .t5 span{display: inline-block;vertical-align: middle;font-size: var(--30px);color: #0183fe;margin-left: 20px;} #vote .item .tiao{position: relative;border-radius: 5px;margin: 15px auto 20px;} #vote .item .tiao p{position: absolute;display: block;width: 10px;height: 10px;background: url(/images/icon74.png) no-repeat center;top: 0;left: calc(50% - 5px);} #vote .item .tiao span:nth-child(1){background: #e62129;height: 10px;width: 50%;} #vote .item .tiao span:nth-child(2){background: #0183fe;height: 10px;width: 50%;} #vote .item .anniu{width: 120px;height: 44px;line-height: 44px;text-align: center;color: #fff;border-radius: 22px;} #vote .item .anniu:nth-child(1){background: #e62129;} #vote .item .anniu:nth-child(2){background: #0183fe;} #vote .three{padding: 80px 0;background: #fff;} #vote .three .con{margin-top: 80px;} #vote .three .item .t4{color: #737373;} #vote .three .item .t4 span{color: #737373;} #vote .three .item .t5{color: #686868;} #vote .three .item .t5 span{color: #686868;} #vote .three .item .tiao span:nth-child(1){background: #737373;} #vote .three .item .tiao span:nth-child(2){background: #686868;} #vote .three .item .anniu:nth-child(1){background: #737373;} #vote .three .item .anniu:nth-child(2){background: #686868;} .vote-bg{background: rgba(0,0,0,0.3);z-index: 50;} .vote-tan{background: #fff;z-index: 51;top: calc(50% - 225px);left: calc(50% - 350px);width: 700px;height: 450px;border-radius: 5px;} .vote-tan .guanbi{width: 24px;height: 24px;top: 20px;right: 20px;position: absolute;background: url(/images/icon28.png) no-repeat center;} .vote-tan .icon{width: 100px;height: 100px;background: url(/images/icon37.png) no-repeat center;margin: 77px auto 50px;} .vote-tan .t1{font-size: var(--20px);line-height: 1.6;text-align: center;} .vote-tan .vbtn{width: 220px;margin: 60px auto 0;} .vote-tan .vbtn a{width: 100px;line-height: 60px;height: 60px;color: #fff;text-align: center;border-radius: 10px;background: #e62129;} /*query 服务中心-服务查询*/ #query #years .years{height: 260px;} #query #years .years .con .l-item{font-size: var(--14px);} #query #years .years .con .l-item.active{font-size: var(--16px);} #query .one{padding: 80px 0 40px;} #query .one .content{margin-top: 60px;} #query .two{padding: 80px 0;} #query .three{padding: 80px 0;} #query .four{padding: 80px 0;} #query .five{padding: 80px 0;} #query .six{padding: 80px 0;} #query .right{width: 83.571%;} #query .right .tit{width: 20.512%;font-size: var(--20px);} #query .right .t1{color: #ea2222;line-height: 2;} #query .right .t2{line-height: 2;} #query .right .tent{width: 79.488%;border-top: 2px solid #333;padding-top: 30px;} #query .right .input{margin-top: 30px;height: 60px;} #query .right .input input{width: 77.837%;height: 60px;padding-left: 19px;border: 1px solid #e5e5e5;background: #fff;} #query .right .input label{width: 18.918%;height: 60px;line-height: 60px;text-align: center;background: #ea2222;color: #fff;font-size: var(--16px);} #query .right .sertext{margin-top: 40px;border: 1px solid #e5e5e5;font-size: var(--16px);color: #666;padding: 30px;background: #fff;line-height: 1.5;} #query .right .tent .txt .w1{width: 200px;margin-right: 20px;} #query .right .tent .txt .t3{font-size: var(--20px);color: #fff;line-height: 1.5;text-align: left;} #query .right .tent .txt .a1{width: 140px;height: 50px;line-height: 50px;text-align: center;background: #ea2222;color: #fff;font-size: var(--16px);margin-top: 15px;} /*products-detail 产品详情*/ #pro-detail .top{line-height: 30px;height: 30px;padding: 35px 0px;} #pro-detail .top *{color: #999;} #pro-detail .cen{margin: 30px auto 80px;} #pro-detail .cen .img{width: 41.428%;} #pro-detail .cen .img .container{border: 1px solid #f0f0f0;} #pro-detail .cen .img .pdzan{width: 32px;height: 32px;overflow: hidden;border-radius: 50%;top: 30px;left: 30px;z-index: 2;background: url(/images/icon20.png) no-repeat center;} #pro-detail .cen .img .container .swiper-pagination-bullets{bottom: 30px;} #pro-detail .cen .img .container .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;background: transparent;border: 1px solid #6d6d6d;margin: 0 8px;opacity: 1;} #pro-detail .cen .img .container .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #e62129;border: 1px solid #e62129;} #pro-detail .cen .img .attr{margin-top: 20px;line-height: 20px;} #pro-detail .cen .img .share{padding-left: 28px;color: #888;background: url(/images/icon21.png) no-repeat center left;margin-right: 30px;z-index: 2;} #pro-detail .cen .img .share .share-con{width: 272px;background: #fff;top: 100%;left: 0;z-index: 3;border: 1px solid #f0f0f0;padding: 10px;height: 60px;} #pro-detail .cen .img .share .share-con a{width: 40px;height: 40px;margin: 0 5px;display: inline-block;overflow: hidden;} #pro-detail .cen .img .share .share-con a[jqshare='wechat']{background: url(/images/share1.png) no-repeat center top;} #pro-detail .cen .img .share .share-con a[jqshare='sina']{background: url(/images/share1.png) no-repeat center top -62px;} #pro-detail .cen .img .share .share-con a[jqshare='qq']{background: url(/images/share1.png) no-repeat center top -124px;} #pro-detail .cen .img .share .share-con a[jqshare='twitter']{background: url(/images/share1.png) no-repeat center top -190px;} #pro-detail .cen .img .share .share-con a[jqshare='linkedin']{background: url(/images/share1.png) no-repeat center top -250px;} #pro-detail .cen .img .share .share-con a[jqshare='facebook']{background: url(/images/share/facebook.png) no-repeat center;background-size: cover;} #pro-detail .cen .img .share:hover .share-con{display: block;} #pro-detail .cen .img .dzan{padding-left: 28px;background: url(/images/icon22.png) no-repeat center left;} #pro-detail .cen .img .dzan,#pro-detail .cen .img .dzan span{color: #888;line-height: 20px;} #pro-detail .cen .img .dzan:hover, #pro-detail .cen .img .dzan:hover span, #pro-detail .cen .img .dzan.cur, #pro-detail .cen .img .dzan.cur span{color: #e62129;} #pro-detail .cen .img .dzan.cur{background: url(/images/icon23.png) no-repeat center left;} #pro-detail .cen .text{border-top: 2px solid #c4c4c4;width: 38.571%;margin: 0 3.572%;} #pro-detail .cen .text h2{margin-top: 28px;font-size: var(--20px);} #pro-detail .cen .text .t1{color: #777;margin: 10px auto 20px;} #pro-detail .cen .text .t2{line-height: 1.7;} #pro-detail .cen .text .txt{margin-top: 40px;padding-top: 20px;border-top: 1px solid #f0f0f0;min-height: 290px;min-height: 40px;} #pro-detail .cen .text .t3{color: #888;width: 90px;line-height: 1.7;} #pro-detail .cen .text .t4{width: calc(100% - 90px);color: #777;line-height: 1.7;} #pro-detail .cen .text .a1{ margin-right: 20px; width: 200px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: var(--16px);background: #e62129;} #pro-detail .cen .rele{border-top: 2px solid #c4c4c4;width: 12.857%;} #pro-detail .cen .rele .tit{font-size: var(--16px);padding: 20px 0;} #pro-detail .cen .rele .container{margin-bottom: 20px;width: 100%;height: 507px;} #pro-detail .cen .rele .btn1{width: 50%;box-sizing: border-box;border: 1px solid #f0f0f0;height: 38px;background-repeat: no-repeat;background-position: center center;} #pro-detail .cen .rele .btn1.prev{border-right: none;background-image: url(/images/icon24.png);} #pro-detail .cen .rele .btn1.next{background-image: url(/images/icon25.png);} #pro-detail .cen .rele .pro-item .img{background: #f8f8f8;width: 100%;padding-top: 100%;} #pro-detail .cen .rele .pro-item .img img{width: 80%;} #pro-detail .cen .rele .pro-item .t1{margin: 5px auto;} #pro-detail .cen .rele .pro-item .t2{color: #777;} #pro-detail .bot .titnav{height: 47px;line-height: 47px;border-bottom: 1px solid #666;background: #fff;} #pro-detail .bot .titnav .container{max-width: 100%;} #pro-detail .bot .titnav .slide{width: 158px;height: 47px;} #pro-detail .bot .titnav .tna{width: 158px;height: 47px;border: 1px solid #eaeaea;background: #f8f8f8;border-bottom-color: #666;} #pro-detail .bot .titnav .tna:hover, #pro-detail .bot .titnav .tna.cur{background: #fff;border: 1px solid #666;border-bottom-color: #fff;color:#e62129;} #pro-detail .bot .con{margin-top: 70px;} #pro-detail .bot .con .w1{width: 15.714%;font-size: var(--20px);line-height: 1.8;} #pro-detail .bot .con .w2{width: 84.286%;padding-bottom: 90px;margin-bottom: 90px;border-bottom: 1px solid #e5e5e5;} #pro-detail .bot .con>div:nth-last-child(1) .w2{border-bottom: 0;margin-bottom: 0;} #pro-tra a{width: 250px;height: 60px;line-height: 60px;text-align: center;color: #fff;background: #e62129;} #pro-data .data{height: 36px;line-height: 36px;} #pro-detail .bot .con .down{width: 250px;height: 60px;line-height: 60px;color: #fff;background: url(/images/icon26.png) no-repeat center left 92px #e62129;padding-left: 130px;} /*下载文件弹窗*/ #pro-detail .bot .con .down-bg{background: rgba(0,0,0,0.3);z-index: 50;} #pro-detail .bot .con .down-tan{z-index: 51;width: 1400px;background: #fff;left: calc(50% - 700px);padding: 50px 80px 80px;top: 0;border-radius: 5px;} #pro-detail .bot .con .down-tan .guanbi{width: 24px;height: 24px;top: 20px;right: 20px;background: url(/images/icon28.png) no-repeat center;} #pro-detail .bot .con .down-tan .dttit{line-height: 52px;height: 52px;border-bottom: 1px solid #e5e5e5;} #pro-detail .bot .con .down-tan .dttit *{font-size: var(--16px);} #pro-detail .bot .con .down-tan .dw1{width: 9.032%;padding-left: 20px;} #pro-detail .bot .con .down-tan .dw2{width: 10%;} #pro-detail .bot .con .down-tan .dw3{width: 33.79%;} #pro-detail .bot .con .down-tan .dw4{width: 14.516%;} #pro-detail .bot .con .down-tan .dw5{width: 22.58%;} #pro-detail .bot .con .down-tan .dw6{width: 10.082%;} #pro-detail .bot .con .down-tan .dtli{line-height: 52px;height: 52px;border-bottom: 1px solid #e5e5e5;} #pro-detail .bot .con .down-tan .dt8{background: url(/images/icon27.png) no-repeat center left;} #pro-detail .bot .con .down-tan .dt12 .xiazai{height: 38px;line-height: 38px;background: #e62129;border-radius: 3px;margin-top: 7px;color: #fff;padding: 0px 18px;display: inline-block;} /*下载文件弹窗 end*/ #pro-detail .bot .posal .tit{color: #e62129;margin-bottom: 15px;} #pro-detail .bot .posal input[type="text"]{height: 58px;width: 48.983%;padding-left: 24px;border: 1px solid #e5e5e5;} #pro-detail .bot textarea{border: 1px solid #e5e5e5;width: 100%;padding-top: 15px;text-indent: 24px;line-height: 1.7;margin: 20px auto;height: 198px;} #pro-detail .bot label{width: 250px;height: 60px;line-height: 60px;background: #e62129;color: #fff;text-align: center;margin-right: 30px;} #pro-detail .bot .tip{line-height: 60px;color: #666;} #pro-detail .bot .tip a{color: #e62129;} #pro-detail .bot .comme textarea{margin-top: 0;height: 188px;padding-top: 25px;} #pro-detail .bot .comme label{margin-right: 0;margin-left: 30px;width: 200px;height: 50px;line-height: 50px;font-size: var(--16px);} #pro-detail .bot .ment{margin-top: 60px;} #pro-detail .bot .ment .meli{padding: 50px 60px;margin-bottom: 20px;background: #f5f5f5;} #pro-detail .bot .ment .meli .met1{color: #e62129;margin-right: 18px;} #pro-detail .bot .ment .meli .met2{color: #888;margin-right: 18px;} #pro-detail .bot .ment .meli .met3{color: #888;} #pro-detail .bot .ment .meli .mecon{margin-top: 10px;} /*全站搜索*/ .global-search{width:100%; padding-bottom:40px;} .global-search .form{margin-bottom:22px;margin-top: 20px;} .global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: var(--16px);} .global-search .form .submit{height: 49px;width: 59px;border:1px solid #bb966a;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #e62129 url(/images/search2.png) no-repeat center center;color: #fff;font-size: var(--16px);} .global-search .list{width:100%; margin-bottom:50px;} .global-search .list .info .cate{padding-left:15px;} .global-search .list .info li{padding:20px 0; border-bottom:1px solid #ddd;} .global-search .list .info li:first-child{border-top:1px solid #ddd;} .global-search .list .info .t1{margin-right:16px; line-height:22px; color:#e62129; font-size:var(--16px); font-weight:bold;} .global-search .list .info .day,.global-search .list .info .cate{color:#888; font-size:var(--16px); margin-right:20px;} .global-search .list .info .day{margin:0;} .global-search .list .info .desc{min-height:60px; overflow:hidden; margin-top:1.375%; color:#888; line-height:32px;} /*video 关于我们-宣传视频*/ #video-cate{padding: 75px 0 90px;} #video-cate .con{margin-top: 75px;} #video-cate .con .video-html{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap;} #video-cate .con .video-html .item{ margin: 35px 2.8571% 0 0; width: 31.4286%;} #video-cate .con .video-html .item:nth-child(3n){ margin-right: 0;} #video-cate .con .video-html .item:nth-child(-n+3){ margin-top: 0;} #video-cate .con .video-html .item .img{ display: flex; justify-content: center; align-items: center;} #video-cate .con .video-html .item .img img{ max-width: 100%; max-height: 100%;} #video-cate .con .video-html .item .img .bot{ display: flex; justify-content: space-between; align-items: center; bottom: 0; left: 0; padding: 0 20px; width: 100%; height: 62px;} #video-cate .con .video-html .item .img .bot .count{ display: flex; justify-content: start; align-items: center; font-size: 16px; color: #fff;} #video-cate .con .video-html .item .img .bot .btn{ display: flex; justify-content: start; align-items: center; padding: 0; height: auto; font-size: 14px; color: #fff; opacity: 0;} #video-cate .con .video-html .item .img .bot .count svg{ margin-right: 11px;} #video-cate .con .video-html .item .img .bot .btn svg{ margin: -5px 0 0 20px;} #video-cate .con .video-html .item .text{ margin-top: 18px; width: 100%; line-height: 30px; font-size: var(--16px); text-align: center;} #video-cate .con .video-html .item:hover .text{ color: #e60012;} #video-cate .con .video-html .item:hover .img .bot .btn{ opacity: 1;} #video{ display: flex; justify-content: space-between; align-items: start; padding: 90px 0;} /*#video .con{margin-top: 75px;}*/ #video .left{ display: flex; align-items: baseline; flex-direction: column; width: 200px;} #video .left .item{ margin-top: 18px; line-height: 42px; border-bottom: 2px solid transparent; font-size: 18px; color: #333;} #video .left .item:first-child{ margin-top: 0;} #video .left .item:hover{ color: #e60012;} #video .left .item.cur{ color: #e60012; border-color: #e60012;} #video .con_o { display: flex; justify-content: start; align-items: start; flex-wrap: wrap; width: calc(100% - 230px);} #video .con_o .con {width: 100%;} #video .con .item{ margin: 0 2.1224% 45px 0; width: 31.9184%;} #video .con .item:nth-child(3n){ margin-right: 0;} #video .con .item .img img{max-width: 450px;} #video .con .item .img .time{line-height: 26px;height: 26px;border-radius: 2px;color: #fff;background: #000;padding: 0 10px;top: 20px;right: 20px;} #video .con .item .img .zan{ display: flex; justify-content: start; align-items: center; bottom: 20px; left: 20px; z-index: 1; height: 18px;} #video .con .item .img .zan svg{ margin-right: 7px;} #video .con .item .img .zan span{ padding-top: 3px; color: #fff;} #video .con .item .img .zan.cur svg path{ fill: #e60012;} #video .con .item .img .anniu{width: 50px;height: 50px;border-radius: 50%;background: url(/images/icon16.png) no-repeat center;top: calc(50% - 25px);right: calc(50% - 25px);opacity: 0;} #video .con .item .text{ margin-top: 15px; line-height: 27px; font-size: 16px; color: #333; text-align: center;} #video .con .item .text .a1{font-size: var(--16px);width: calc(100% - 70px);} #video .con .item:hover .img .anniu{opacity: 1;} #video .con .item:hover .text{ color: #e60012;} #video .con .more{width:100%;text-align:center; margin:30px auto !important;font-size: var(--20px);color: #666;} #video .con .item.item_more .img{ display: flex; justify-content: center; align-items: center; height: 220px; background: #f5f5f5;} #video .con .item.item_more .img .more_icon{ width: 72px; height: 72px; border: 2px solid #c4c4c4; border-radius: 50%;} #video .con .item.item_more .img .more_icon:before, #video .con .item.item_more .img .more_icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; background: #7a7a7a; transform: translate(-50%, -50%);} #video .con .item.item_more .img .more_icon:before{ width: 2px; height: 30px;} #video .con .item.item_more .img .more_icon:after{ width: 30px; height: 2px;} #video_pop{ top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);} #video_pop .video_pop_in{ top: 50%; left: 50%; transform: translate(-50%, -50%);} #video_pop .video_pop_in .video_con{ padding: 28px 60px 50px; max-height: 900px; background: #fff;} #video_pop .video_pop_in .video_con .close{ top: 20px; right: -43px;} #video_pop .video_pop_in .video_con .one .title_outer{ display: flex; justify-content: space-between; align-items: center;} #video_pop .video_pop_in .video_con .one .title_outer .left .inner-title{ line-height: 40px; font-size: 30px; color: #333;} #video_pop .video_pop_in .video_con .one .title_outer .left .attr{ margin-top: 10px; line-height: 24px;} #video_pop .video_pop_in .video_con .one .title_outer .left .attr span{ margin-right: 25px; font-size: 14px; color: #888;} #video_pop .video_pop_in .video_con .one .title_outer .rig{ display: flex; justify-content: end; align-items: center;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn{ display: flex; align-items: center; margin-left: 20px; height: 45px; border: 1px solid #e5e5e5; cursor: pointer;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn:first-child{ margin-left: 0;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn .tit{ display: flex; justify-content: center; align-items: center; padding: 0; width: 120px; font-size: 14px; color: #333;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn svg{ margin-right: 20px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.cur{ background-color: #e62129; border-color: #e62129;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.cur .tit font{ color: #fff;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.cur svg path{ fill: #fff;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .share_list{ top: -2px; left: -1px; width: calc(100% + 2px); background: #fff; opacity: 0; box-shadow: 0 0 32px rgba(0, 0, 0, .1); pointer-events: none;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .share_list .share_tit{ display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 45px; font-size: 14px; color: #333;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list{ padding: 27px 0; width: 100%;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list:before{ display: block; content: ''; position: absolute; top: 0; left: 50%; width: 78px; height: 1px; background: #e5e5e5; transform: translateX(-50%);} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a { display: block; margin-top: 30px; height: 40px; cursor: pointer;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="wechat"]{ margin-top: 0; background: url(/images/share.png) no-repeat center top 0;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="sina"]{background: url(/images/share.png) no-repeat center top -62px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="qq"]{background: url(/images/share.png) no-repeat center top -124px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="twitter"]{background: url(/images/share.png) no-repeat center top -191px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="linkedin"]{background: url(/images/share.png) no-repeat center top -253px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="wechat"]:hover{background: url(/images/share1.png) no-repeat center top 0;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="sina"]:hover{background: url(/images/share1.png) no-repeat center top -62px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="qq"]:hover{background: url(/images/share1.png) no-repeat center top -124px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="twitter"]:hover{background: url(/images/share1.png) no-repeat center top -191px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share .list a[jqshare="linkedin"]:hover{background: url(/images/share1.png) no-repeat center top -253px;} #video_pop .video_pop_in .video_con .one .title_outer .rig .tit_btn.share:hover .share_list{ pointer-events: visible; opacity: 1;} #video_pop .video_pop_in .video_con .one .con{ margin-top: 28px;} #video_pop .video_pop_in .video_con iframe{ max-height: 900px;} #tiktok{width: 80px;height: 80px;background: #e62129;color: #fff;bottom: 10%;right: 1%;display: block;z-index: 40;text-align: center;font-size: var(--16px);padding-top: 20px;border-radius: 10px;} /*video-detail 关于我们-宣传视频详情页*/ #video-detail{padding: 75px 0 110px;} #video-detail .one{margin-bottom: 60px;} #video-detail .one .attr{margin: 30px auto 55px;} #video-detail .one .attr span{color: #888;margin-right: 30px;} #video-detail .one .attr span:nth-last-child(1){margin-right: 0;} #video-detail .suspen{width: 40px;height: 503px;} #video-detail .suspen .sht{text-align: center;} #video-detail .suspen .share{margin-bottom: 40px;} #video-detail .suspen .share a{display: block;cursor: pointer;height: 40px;margin-top: 30px;} #video-detail .suspen .share a[jqshare="wechat"]{background: url(/images/share.png) no-repeat center top 0;} #video-detail .suspen .share a[jqshare="sina"]{background: url(/images/share.png) no-repeat center top -62px;} #video-detail .suspen .share a[jqshare="qq"]{background: url(/images/share.png) no-repeat center top -124px;} #video-detail .suspen .share a[jqshare="twitter"]{background: url(/images/share.png) no-repeat center top -191px;} #video-detail .suspen .share a[jqshare="linkedin"]{background: url(/images/share.png) no-repeat center top -253px;} #video-detail .suspen .share a[jqshare="wechat"]:hover{background: url(/images/share1.png) no-repeat center top 0;} #video-detail .suspen .share a[jqshare="sina"]:hover{background: url(/images/share1.png) no-repeat center top -62px;} #video-detail .suspen .share a[jqshare="qq"]:hover{background: url(/images/share1.png) no-repeat center top -124px;} #video-detail .suspen .share a[jqshare="twitter"]:hover{background: url(/images/share1.png) no-repeat center top -191px;} #video-detail .suspen .share a[jqshare="linkedin"]:hover{background: url(/images/share1.png) no-repeat center top -253px;} #video-detail .suspen .dzan{margin-top: 15px;color: #e5e5e5;background: url(/images/icon50.png) no-repeat center top;padding-top: 43px;text-align: center;} #video-detail .suspen .dzan.cur, #video-detail .suspen .dzan:hover{color: #333;background: url(/images/icon51.png) no-repeat center top;} #video-detail .two .container{padding-bottom: 80px;} #video-detail .two .slide{width: 25%;} #video-detail .two .t1{margin-top: 20px;} #video-detail .two .anniu{width: 60px;height: 60px;line-height: 60px;border-radius: 50%;background: #e3e3e3;top: 90px;z-index: 2;} #video-detail .two .prev{left: -31px;} #video-detail .two .next{right: -31px;} #video-detail .two .swiper-scrollbar{height: 6px;background: #e5e5e5;} #video-detail .two .swiper-scrollbar .swiper-scrollbar-drag{height: 14px;margin-top: -4px;border-radius: 7px;background: url(/images/icon76.png) no-repeat center #e62129;} @media screen and (max-width: 1790px){ .cw1680{width: 95%;} } @media screen and (max-width:1680px){ .cw1400{width: 94%;} #solution .content .list .text{padding-top: 40.3%;} #solution-detail .wrap1 .text{padding-top: 40.3%;} } @media screen and (max-width:1440px){ #solution .content .list .text{padding-top: 36%;} #solution .content .list .text .cons{padding-left: 60px;} #solution-detail .wrap1 .text{padding-top: 36%;} #pro-detail .bot .con .down-tan{width: 90%;left: 5%;padding: 30px;} } @media screen and (max-width:1366px) { #index .three .con {padding-top: 55.69%;} #index .three .con .img img {object-fit: cover;} } @media screen and (max-width:1300px){ #download .one .item{width: 32%;margin: 0 2% 3.928% 0;} #download .one .item:nth-child(4n){margin-right: 2%;} #download .one .item:nth-child(3n){margin-right: 0;} #notice .content .right .year{font-size: var(--40px);} #header .hnav{width: calc(100% - 350px);} } @media screen and (max-width:1200px){ .cw1120{width: 94%;} #header .hnav{width: calc(100% - 350px);} /* #index .three .video{top: 13%;} */ #index .three .text{width: 43%;} #index .three .text .list{margin-bottom: 25px;} #index .three .text .list .icon{margin-right: 25px;} #index .three .text .list .t1{max-width: calc(100% - 85px);} #index .three .text .more{margin-left: 85px;width: 120px;} .mini-nav .mini-pro .slide{width: 12.5%;} #header{display: none;} #header.mobile{display: block;z-index: 46;padding: 0;} #header .hattr{width: auto;} #header .hattr .hmem{width: 60px;height: 60px;background: url(/images/touxiang.png) no-repeat center;background-size: cover;margin: 23px 20px 0;} #header .hattr .hsea{width: 50px;height: 50px;background: url(/images/sousuo.png) no-repeat center;background-size: cover;margin: 28px 20px 0;} #header .hattr .menu{width: 50px;height: 50px;background: url(/images/menu.png) no-repeat center;background-size: cover;margin: 28px 20px 0;} #header .hattr .lang{width: 50px;height: 50px;margin: 28px 20px 0;background: none;display: none;} #header .hattr .lang a{font-size: 40px;} } @media screen and (max-width:1100px){ .header-bg{background: rgba(0,0,0,0.5);z-index: 48;width: 100%;position:fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;} .header-bg.on{display: block;} .side-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-property: transform;-webkit-transition-property: -webkit-transform;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;display: block;} .side-menu.show{transform: translateX(0);-webkit-transform: translateX(0);} .side-menu .inner{position: absolute;left: 0;top: 0;width: 80%;height: 100%;padding-top: 34px;background: #fff;overflow-x: hidden;overflow-y: auto;border: solid 1px #ededed;border-top: none;} .side-menu .hd{padding: 0 32px;overflow: hidden;justify-content: space-between;-webkit-justify-content: space-between;} .side-menu .hd .icon-fork{width: 45px;height: 45px;background: url(/images/close.svg) no-repeat center;border-radius: 50%;background-size: 100%;margin-top: 1px;} .side-menu .hd .logos img{width: 238px;height: 25px;} .side-menu .hd .imgclean{padding: 0 2px;} .side-menu ul > li .navone{display: block;padding: 0 40px;position: relative;line-height: normal;margin-top: 32px;color: #000;} .side-menu ul > li .navone.you:after{display: block;width: 8px;height: 14px;background: url(/images/rights_n.jpg) no-repeat center;position: absolute;right: 38px;top: 16px;z-index: 1;content: '';background-size: 100%;} .side-menu ul > li .navone a{font-size: var(--24px);} .side-menu .navtwo{background: #fff;display: none;} .side-menu .navtwo .aa{display: block;padding: 0 40px;position: relative;line-height: normal;margin-top: 32px;color: #000;padding-left: 56px; color: #000;opacity: 0.56;font-size: var(--20px);} .side-menu .navtwo .aa:after{display: none;} .side-menu .navul{position: absolute;left: 0;top:90px; z-index: 2;width: 100%;background: #fff;} .side-menu .navul.ons{z-index: 1;} #header.mobile .header-menu{margin-top: 28px;position: static;width: 100%;} #footer .ftop .fnav{float: none;width: 100%;} #footer .ftop .fnav .fnavo{width: 100%;float: none;margin-bottom: 25px;border-bottom: 1px solid #fff;margin-left: 0;} #footer .ftop .fnav .fnavo .fna1{margin-bottom: 25px;} #footer .ftop .fnav .fnavo:nth-child(4) .fna1, #footer .ftop .fnav .fnavo:nth-child(5) .fna1, #footer .ftop .fnav .fnavo:nth-child(6) .fna1{margin-bottom: 25px;} #footer .ftop .fnav .fnavo .fnli{margin-bottom: 25px;display: none;} #footer .ftop .fnav .fnavo .fnli .fna2{line-height: 45px;} #footer .ftop .finf{float: none;width: 100%;margin-top: 50px;} #footer .ftop .fshare .icon{display: inline-block;float: none;} #footer .fcon{line-height: 45px;} #footer .fbot{line-height: 45px;} #footer .fbot .copy{float: none;text-align: center;width: 100%;} #footer .fbot .flang{float: none;text-align: center;width: 100%;padding-left: 0;background: none;} #register .con .img{display: none;} #register .con .text{width: 100%;padding-top: 0;padding: 80px 0;float: none;} #register .con .text .absolute{position: static;} #register .text .form-box{padding: 0 40px;} } @media screen and (max-width:750px){ .cw1400{width: 90%;} .cw1200{width: 90%;} .cw1120{width: 90%;} :root{--12px: 24px;} :root{--14px: 26px;} :root{--16px: 28px;} :root{--18px: 30px;} :root{--20px: 32px;} :root{--22px: 34px;} :root{--24px: 36px;} :root{--26px: 38px;} :root{--28px: 40px;} :root{--30px: 42px;} :root{--34px: 42px;} :root{--40px: 46px;} :root{--50px: 50px;} :root{--60px: 50px;} :root{--70px: 50px;} /*全站搜索*/ .global-search .form .submit{width: 75px;} .global-search .list .info .title{line-height: 1.6;} .global-search .list .info .day, .global-search .list .info .cate{line-height: 1.6;} .global-search .list .info .desc{line-height: 1.6;} #footer .fcon .ft1{float: none;width: 100%;} #footer .fcon .ft2{float: none;width: 100%;} #inner-swiper .index-top-bg{left: 5%;right: 5%;} #inner-swiper .index-top-bg .tit1{line-height: 1.5;} #inner-swiper .index-top-bg .tit2{line-height: 1.5;} #inner-swiper .index-top-bg .a1{width: 190px;} #inner-swiper .hr-top-bg{left: 5%;right: 5%;width: 90%;} #inner-swiper .hr-top-bg .a1{width: 220px;} #index .one .w1{width: 100%;float: none;} #index .one .w2{width: 48.121%;} #index .one .t1{line-height: 1.8;} #index .one .t2,#index .one .t3{display: none !important;} #index .one .more{width: 155px;} #index .one .item1{padding-top: 100%;margin-bottom: 3%;} #index .one .item4{padding-top: 47.272%;margin-bottom: 3%;} #index .one .item5{padding-top: 47.272%;margin-bottom: 3%;} #index .one .item4 .more, #index .one .item5 .more{width: 190px;} #index .one .item3 .text{bottom: 0;} #index .four .slide{width: 100%;margin-right: 4%;} #index .four .more{width: 220px;} #index .four .anniu{top: 35%;} #index .three .con{padding-top: 0;} #index .three .img{position: static;width: 100%;} #index .three .video{height: 150px;width: 150px;line-height: 32px;left: 60%;top: 5%;padding: 36px 12px 0px;} #index .three .text{position: static;width: 100%;height: auto;margin-top: 25px;} #index .three .text .list .icon{margin-top: 25px;} #index .three .text .more{width: 170px;} .subscribe .rig .form-submit .text{width: 465px; height: 55px !important; margin-bottom: 10px;} #index .subscribe{margin: 35px 0px 30px 0px;} .subscribe .rig{margin: 15px 0 15px;} .subscribe .rig .form-submit-g{display: flex; margin-top: 280px; } .subscribe .rig input[type='submit']{height: 55px; width: 205px; font-size: 26px; } #index .subscribe .left .p1 {font-size: 32px;} #index .subscribe .center{display: contents;} .mini-nav .mini-pro .slide{width: 33.3%;} #index .subscribe .left{margin-bottom: 20px; width: 100%;} #index .subscribe .left .p2{line-height: 40px; margin-top: 30px;} .subscribe .rig input[type='text']{width: 425px; height: 55px; margin-bottom: 10px;} .revise .rig input[type='submit']{height: 55px; font-size: 26px; width: -webkit-fill-available; } #footer .ftop{padding-bottom: 30px;} #products .one .item{width: 100% !important;float: none;padding: 5%;margin-bottom: 5%;} #products .one .item .img{float: none;width: 100%;padding-top: 91.489%;} #products .one .item .text{float: none;width: 100%;} #products .one .item .a1{font-size: var(--24px);} #products .one .item .t1{font-size: var(--16px);} #products .one .item .t2{line-height: 1.6;height: auto;margin-bottom: 15px;display: block !important;} #products .two .item{width: 100%;margin: 0 0 5% 0;float: none;} #products .two .item .text{padding: 30px;} #products .two .item .t2{line-height: 1.6;height: auto;display: block !important;margin: 25px auto;} #products .three .item{width: 100%;margin: 0 0 5% 0;float: none;} #pro-detail .top{line-height: 1.6;height: auto;} #pro-detail .cen .img{width: 100%;float: none;margin-bottom: 30px;} #pro-detail .cen .img .attr{line-height: 50px;} #pro-detail .cen .img .dzan,#pro-detail .cen .img .dzan span{line-height: 50px;} #pro-detail .cen .text{border-top: 2px solid #c4c4c4;width: 100%;margin: 0 auto;} #pro-detail .cen .text .txt{min-height: 0;} #pro-detail .cen .text .t3{width: 100%;float: none;} #pro-detail .cen .text .t4{width: 100%;float: none;} #pro-detail .cen .text .a1{height: 60px;line-height: 60px;margin-top: 25px;} #pro-detail .cen .rele{display: none;} #pro-detail .bot .titnav{height: 60px;line-height: 60px;} #pro-detail .bot .titnav .slide{width: auto;height: 60px;} #pro-detail .bot .titnav .tna{width: auto;height: 60px;padding: 0 20px;} #pro-detail .bot .con .w1{width: 100%;float: none;margin-bottom: 25px;} #pro-detail .bot .con .w2{width: 100%;float: none;padding-bottom: 40px;margin-bottom: 40px;} #pro-detail .bot .con .down{width: 250px;padding-left: 90px;background: url(/images/icon26.png) no-repeat center left 50px #e62129;} /*下载文件弹窗*/ #pro-detail .bot .con .down-tan{width: 90%;left: 5%;padding: 30px;} #pro-detail .bot .con .down-tan .guanbi{top: 15px;right: 15px;} #pro-detail .bot .con .down-tan .dw1{display: none;} #pro-detail .bot .con .down-tan .dw2{display: none;} #pro-detail .bot .con .down-tan .dw3{width: 80%;} #pro-detail .bot .con .down-tan .dw4{display: none;} #pro-detail .bot .con .down-tan .dw5{display: none;} #pro-detail .bot .con .down-tan .dw6{width: 20%;} #pro-detail .bot .con .down-tan .dtli{line-height: 70px;height: 70px;} #pro-detail .bot .con .down-tan .dt12 .xiazai{height: 56px;line-height: 56px;padding: 0px 20px;} /*下载文件弹窗 end*/ #pro-detail .bot .posal input[type="text"]{height: 70px;width: 100%;float: none;margin: 15px auto;} #pro-detail .bot textarea{margin: 15px auto 30px;height: 250px;} #pro-detail .bot label{width: 100%;height: 70px;line-height: 70px;margin-right: 0;float: none;display: block;} #pro-detail .bot .tip{float: none;} #pro-detail .bot .comme textarea{height: 250px;} #pro-detail .bot .comme label{margin-right: 0;margin-left: 0;width: 100%;height: 70px;line-height: 70px;} #pro-detail .bot .ment .meli{padding: 20px 30px;} .mini-nav .mini-con{display: none;} #mobile-mini-nav .container{max-width: 100%;} #mobile-mini-nav .slide{width:auto;display: inline-block;margin-right: 50px;border-bottom: 3px solid #fff;height: 75px;line-height: 75px;} #mobile-mini-nav .slide a{font-size: var(--20px);} #mobile-mini-nav .slide.cur{border-bottom: 3px solid #e62129;} #mobile-mini-nav .slide.cur a{color: #e62129;} #solution .content .list{margin-bottom: 40px;} #solution .content .list .text{width: 100%;float: none;padding-top: 0;} #solution .content .list .text .cons{margin-right: 0;position: static;padding-left: 0;} #solution .content .list .text .con{line-height: 1.6;margin: 20px auto;} #solution .content .list .pic{width: 100%;position: static;margin-bottom: 20px;} #solution .content .list:nth-child(2n) .cons{margin-right: 0;margin-left: 0;} #solution-detail #banner .text{padding-left: 5%;} #solution-detail #banner .text .con{line-height: 1.6;} #solution-detail .wrap1{padding: 80px 0;} #solution-detail .wrap1 .pic{width: 100%;left: 0;position: static;} #solution-detail .wrap1 .text{width: 100%;padding-top: 0;} #solution-detail .wrap1 .text .cons{margin-left: 0;position: static;margin-top: 20px;} #solution-detail .wrap1 .text .tit{margin-bottom: 20px;} #solution-detail .wrap1 .text .con{line-height: 1.6;} #solution-detail .wrap2{padding: 70px 0;} #solution-detail .wrap2 .content .item{width: 100%;margin: 0 0 5% 0;min-height: 0;padding: 30px;} #solution-detail .wrap2 .content .item .con{line-height: 1.6;} #solution-detail .wrap3{padding: 70px 0;} #solution-detail .wrap3 .bg{margin-bottom: 40px;} #solution-detail .wrap3 .bg .pic{display: none;} #solution-detail .wrap3 .bg .text{position: static;} #solution-detail .wrap3 .bg .text .tit{color: #333;margin-bottom: 30px;} #solution-detail .wrap3 .bg .text .btn{height: 60px;line-height: 60px;border-radius: 0;} #solution-detail .wrap3 .like{margin: 40px auto 0;} #solution-detail .wrap3 .like .num{margin-top: 75px;} #solution-detail .wrap4{padding: 80px 0;} #solution-detail .wrap4 .tips{margin: 30px 0;} #solution-detail .wrap4 .form-box{width: 100%;} #solution-detail .wrap4 .form-box .inp{height: 70px;} #solution-detail .wrap4 .form-box .textarea{padding: 20px;} #solution-detail .wrap4 .form-box .submit{height: 70px;line-height: 70px;} #solution-detail .wrap5{padding: 80px 0;} #solution-detail .wrap5 .form-box{width: 100%;margin: 40px auto 0;} #solution-detail .wrap5 .form-box .textarea{width: 100%;height: 250px;padding: 30px;} #solution-detail .wrap5 .form-box .btn{padding: 0;border-radius: 0;height: auto;} #solution-detail .wrap5 .form-box .tips{margin: 20px 0 0;float: none;} #solution-detail .wrap5 .form-box .submit{width: 100%;height: 70px;line-height: 70px;float: none;} #solution-detail .wrap5 .msg-box{width: 100%;margin: 40px auto 0;} #solution-detail .wrap5 .msg-box .list{padding: 20px 30px;} #solution-detail .wrap5 .msg-box .list .name{line-height: 1.6;} #solution-detail .wrap5 .msg-box .list .addr{line-height: 1.6;} #solution-detail .wrap5 .msg-box .list .time{line-height: 1.6;} #store{height: auto;padding: 60px 0 30px;} #store .item{width: 100%;height: auto;padding: 40px;margin: 0 0 30px;} #store .item .detail{height: 50px;line-height: 50px;padding: 0 20px;} #service{padding: 80px 0 20px;} #service .list{margin-bottom: 80px;} #service .list .img{width: 100%;padding-top: 47.619%;float: none;} #service .list .text{width: 100%;padding-top: 0;float: none;margin-top: 30px;} #service .list .text .absolute{position: static;} #service .list .a1{width: 230px;margin: 40px 0;} .score-tan .submit{width: 230px;} #download .one .item{width: 49%;margin: 0 2% 4% 0;} #download .one .item:nth-child(4n){margin-right: 2%;} #download .one .item:nth-child(3n){margin-right: 2%;} #download .one .item:nth-child(2n){margin-right: 0;} #download .one .item .text .t2 span{display: none;} #download .two .list{padding: 30px;} #download .two .down{width: 150px;height: 60px;line-height: 60px;float: none;margin: 30px 0;} #download .two .txt1{width: 100%;margin-right: 0;float: none;} #download .two .txt2{width: 100%;float: none;} #download .two .t3{line-height: 1.5;} #download .two .t4{line-height: 1.5;} #vote .one .input{width: 100%;} #vote .one .input .tit{width: 100%;margin-right: 0;float: none;text-align: left;} #vote .one .input input{width: 100%;float: none;height: 68px;} #vote .one .input input.w1{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;} #vote .one .input input.w1:nth-last-child(1){margin-left: 0;} #vote .item{width: 100%;margin: 0 0 3% 0;padding: 30px;float: none;} #vote .item .anniu{width: 140px;height: 50px;line-height: 50px;border-radius: 25px;} .vote-tan .vbtn{width: 320px;} .vote-tan .vbtn a{width: 150px;} #years{display: none;} #query .right{width: 100%;float: none;} #query .right .tit{width: 100%;float: none;} #query .right .tent{width: 100%;float: none;margin-top: 30px;} #query .right .input{height: auto;} #query .right .input input{width: 100%;height: 65px;float: none;} #query .right .input label{width: 100%;height: 65px;line-height: 65px;float: none;margin-top: 20px;} #query .right .tent .txt .w1{width: auto;margin-right: 40px;} #query .right .tent .txt .a1{width: 150px;height: 50px;line-height: 50px;} #about .one .left{width: 100%;float: none;} #about .one .right{width: 100%;float: none;} #about .one .shares{text-align: center;} #about .one .icon{margin: 30px auto;} #about .one .icon .item{margin: 0 auto 15px;text-align: center;} #about .one .icon .item .icom{margin: 0 auto;} #about .one .icon .t3{line-height: 1.5;} #about .one .right .img{padding-top: 0;} #about .one .right .img .absolute{position: static;} #about .one .right .text{margin-top: 30px;} #about .two .tent:before, #about .two .tent:after{display: none;} #about .two .tent .slide{width: 100%;margin-left: 0;margin-right: 8%;padding: 33px 3% 0;} #about .two .tent .slide:nth-last-child(1){margin-right: 8%;} #about .two .tent .slide .yuan{left: 3%;} #about .three .slide .item:before, #about .three .slide .item:after{display: none;} #about .three .anniu{top: calc(40% - 30px);} #about .three .slide .t2{overflow: visible;text-overflow: clip;white-space: pre-wrap;} #about .three .more{width: 220px;} #about .four .more{width: 220px;} #about .four .anniu{display: none;} #about .four .slide{width: 50%;} #about .four .t1{margin: 0 auto 25px;width: 90%;overflow: visible;text-overflow: clip;white-space: pre-wrap;} #about .four .img{width: 90%;} #honor .item{width: 49%;margin: 0 2% 2% 0;} #honor .item:nth-child(4n){margin-right: 2%;} #honor .item:nth-child(2n){margin-right: 0;} #honor .item .text{width: 90%;line-height: 1.5;} #news .content .item{width: 100%;margin: 0 0 5% 0;float: none;} #news .content .item .msg .tit{line-height: 1.5;height: auto;overflow: visible;} #social-media .content{text-align: center;font-size: 0;} #social-media .content .item{width: 32%;margin:0 2% 2% 0;padding-top: 32%;float: none;display: inline-block;} #social-media .content .item:nth-child(3n){margin-right: 0;} #announce .content .list .time{width: 180px;float: none;} #announce .content .list .time .md{font-size: var(--24px);float: right;} #announce .content .list .time .y{font-size: var(--24px);float: left;} #announce .content .list .tit{width: 100%;padding-right: 0;background: none;} #announce .content .list:hover .tit{color: #e62129;background: none;} #news-detail .content{padding: 60px 0;} #news-detail .like{width: 150px;height: 150px;} #news-detail .line .line1,#news-detail .line .line2{display: none;} #news-detail .like .num{margin-top: 90px;} #news-detail .btn{padding: 0;margin-top: 50px;} #share-box{width: 100%;height: auto;float: none;margin-top: 50px;} #share-box .tit1{margin: 0 25px 0 0;} #share-box .share .item{margin: 0 25px 0 0;} #share-box .share .item:hover .icon:nth-child(1){display: block;} #video .con .item{width: 100%;margin-bottom: 30px;} #video .con .item .img .time{line-height: 40px;height: 40px;padding: 0 20px;} #video-detail .suspen{width: 100%;height: auto;margin-top: 30px;} #video-detail .suspen .sht{text-align: center;margin-right: 30px;} #video-detail .suspen .share{margin-bottom: 40px;} #video-detail .suspen .share a{float: left;margin: 0 30px 0 0;width: 40px;} #video-detail .suspen .share a[jqshare="wechat"]{background: url(/images/share1.png) no-repeat center top 0;} #video-detail .suspen .share a[jqshare="sina"]{background: url(/images/share1.png) no-repeat center top -62px;} #video-detail .suspen .share a[jqshare="qq"]{background: url(/images/share1.png) no-repeat center top -124px;} #video-detail .suspen .share a[jqshare="twitter"]{background: url(/images/share1.png) no-repeat center top -191px;} #video-detail .suspen .share a[jqshare="linkedin"]{background: url(/images/share1.png) no-repeat center top -253px;} #video-detail .two .slide{width: 50%;} #video-detail .two .t1{overflow: visible;text-overflow: clip;white-space: pre-wrap;} #contact .one .list .item{width: 100%;margin: 0 0 5% 0;float: none;} #contact .two .list .t1{width: 100%;padding-right: 0;float: none;} #contact .two .list .t2{width: 100%;float: none;} #contact .two .list .t2 p{font-weight: bold;} #contact .two .list .t3{width: 160px;line-height: 2;float: none;} #stock .content{width: 100%;overflow: scroll;} #stock .content table{width: 2000px;overflow: scroll;} #stock .content table td{padding: 25px;} #financial .content .right{width: 100%;float: none;} #financial .content .right .year{width: 100%;float: none;margin-bottom: 30px;} #financial .content .right .cont{width: 100%;float: none;} #financial .content .right .cont .item{width: 48%;margin-right: 4%;} #financial .content .right .cont .item:nth-child(2n){margin-right: 0;} #financial .content .right .cont .item .tit{height: 50px;line-height: 50px;margin-right: 20px;padding: 0 15px;} #financial .content .right .cont .item .down{line-height: 50px;} #notice .content .right{width: 100%;float: none;} #notice .content .right .year{display: none;} #notice .content .right .year_cont{width: 100%;float: none;} #notice .content .right .right_cont{margin-bottom: 60px;} #notice .content .right .year_cont .list .le{width: 100%;padding-right: 0;float: none;} #notice .content .right .year_cont .list .down{width: 120px;float: none;} #governance .wrap1 .content .item{width: 100%;margin: 0 0 4% 0;padding: 25px;float: none;} #governance .wrap2{padding: 60px 0;} #governance .wrap2 .content{margin-top: 60px;} #governance .wrap2 .content .item1{width: 100%;margin-bottom: 25px;float: none;} #governance .wrap2 .content .item1 .down{line-height: 40px;} #governance .wrap2 .content .right{width: 100%;float: none;} #governance .wrap2 .content .right .item{width: 100%;margin: 0 0 4% 0;padding: 25px;float: none;} #governance .wrap3{padding: 60px 0;} #governance .wrap3 .content{margin-top: 60px;} #activity .wrap1{padding: 80px 0;} #activity .content .list{padding: 30px;} #activity .content .list .time{width: 140px;padding-left: 0;float: none;border-right: 0;margin-bottom: 10px;} #activity .content .list .time .md{font-size: var(--16px);float: right;} #activity .content .list .time .y{font-size: var(--16px);margin-top: 0;float: left;} #activity .content .list .text{width: 100%;padding-left: 0;float: none;} #activity .wrap2{padding: 80px 0;} #partner{height: auto;padding: 60px 0 30px;} #partner .item{width: 90%;height: auto;padding: 40px;margin: 0 auto 30px;min-height: 0;float: none;} #partner .item .con{line-height: 1.6;margin: 30px auto;} #partner .item .detail{height: 60px;line-height: 60px;padding: 0 20px;} #str-partner .content .item{width: 49%;margin: 0 2% 2% 0;padding: 0 30px;} #str-partner .content .item:nth-child(4n){margin-right: 2%;} #str-partner .content .item:nth-child(2n){margin-right: 0;} #str-partner .content .item .con{line-height: 1.6;} #supplier .text{width: 100%;padding-left: 0;float: none;} #butor .bsearch{height: auto;} #butor .bsearch .bsli{width: 100%;float: none;margin-bottom: 5%;} #butor .bsearch .bsli .bst1{width: 120px;} #butor .bsearch .bsli select{width: calc(100% - 120px);} #butor .bsearch .bsin{width: calc(100% - 120px);margin-left: 120px;} #butor .tent .address{width: 100%;float: none;margin-bottom: 80px;} #butor .tent .map{width: 100%;float: none;} #elite .wrap1 .content .list{height: auto;overflow: visible;padding: 40px;} #elite .wrap1 .content .list .absolute{position: static;} #elite .wrap1 .content .list .tit{width: 100%;padding: 0;margin: 30px auto;} #elite .wrap1 .content .list .con{width: 100%;padding-right: 0;} #elite .wrap1 .brief2{margin-top: 50px;line-height: 1.5;} #recruitment .form-box .select{width: 100%;height: 60px;border: 2px solid #595857;margin-right: 0;display: block;} #recruitment .form-box .inp{width: 100%;height: 60px;border: 2px solid #595857;margin-right: 0;display: block;margin: 20px auto;} #recruitment .form-box .inp input{width: 100%;height: 100%;display: block;} #recruitment .form-box .search{min-width: 210px;height: 60px;} #recruitment .content .list .job .top-li{line-height: 60px;} #recruitment .content .list .job .top-li .p1{display: none;} #recruitment .content .list .job .top-li .p2{width: 50%;padding-left: 30px;} #recruitment .content .list .job .top-li .p3{display: none;} #recruitment .content .list .job .top-li .p4{width: 30%;} #recruitment .content .list .job .top-li .p5{width: 20%;} #recruitment .content .list-con .job .con{padding: 30px;} #recruitment .content .list-con .job .con .box .des{line-height: 1.5;} #recruitment .content .list-con .job .con .note{line-height: 1.5;} #culture .wrap1 .content .left{width: 100%;padding: 30px;overflow: visible;float: none;margin-bottom: 40px;} #culture .wrap1 .content .left .txt3{line-height: 1.5;} #culture .wrap1 .content .left .recruit{background: url(/images/detail-icon.png) no-repeat right 12px;} #culture .wrap1 .content .left .recruit:hover{background: url(/images/detail-icon-h.png) no-repeat right 12px;} #culture .wrap1 .content .right{width: 100%;float: none;} #culture .wrap2 .content .item{width: 100%;margin: 0 0 5% 0;padding: 40px;float: none;} #culture .wrap2 .content .item .con{line-height: 1.5;min-height: 0;} #culture .wrap3 .content .left{width: 100%;padding-top: 80%;float: none;} #culture .wrap3 .content .right{width: 100%;float: none;} #register .text form{margin: 50px auto;} #register .text .inp-box{height: 68px;line-height: 68px;margin-bottom: 30px;} #register .text .inp-box span{width: 80px;} #register .text .inp-box [send-sms]{width: 200px;height: 56px;line-height: 56px;} #register .text .submit-box, #register .text .prev, #register .text .next{height: 70px;line-height: 70px;} #register .text .prev{margin-bottom: 40px;} #register .text .remember{margin: 40px auto;} #register .bot-url{margin-bottom: 30px;} #register .copyright,#register .copyright *{line-height: 1.5;} #register .text .tit{margin: 55px auto;} #register .text .tit .ti1{padding-bottom: 25px;} #member{padding: 80px 0;} #member .left{width: 100%;margin-left: 0;float: none;margin-bottom: 30px;} #member .con{width: 100%;margin-right: 0;float: none;} #member .left .mftit{height: 70px;line-height: 70px;} #member .left .mfcon{padding: 20px 58px;} #member .left .mfcon .mfa{line-height: 60px;} #member .change{padding: 80px 0px;} #member .change .tent{width: 90%;} #member .change .tent input.inp{height: 68px;margin-bottom: 30px;} #member .con .tent .submit-box{height: 70px;line-height: 70px;margin-top: 40px;} #member .personal .tent{width: 90%;} #member .personal .inp-box{height: 68px;margin-bottom: 30px;} #member .personal .inp-box span{line-height: 68px;} #member .personal .inp-box input.inp{height: 68px;width: 70%;} #member .personal .inp-box input.inpt{height: 68px;width: 100%;padding-left: 13px;} #member .personal .inp-box [send-sms]{width: 200px;height: 56px;line-height: 56px;} #member .right>div{margin-bottom: 30px;} #member .right .one{padding: 40px;} #member .right .one .item1{width: 100%;height: auto;border-right: 0;float: none;} #member .right .one .item2{width: 100%;padding: 0;float: none;margin-top: 40px;} #member .right .one .t2{line-height: 1.5;} #member .right .one .t3{width: 30%;} #member .right .one .t4{width: 40%;} #member .right .title{line-height: 70px;} #member .right .two .tent{padding: 40px;} #member .right .two .input .tit{width: 100%;text-align: left;margin-right: 0;} #member .right .two .input input{width: 100%;height: 68px;float: none;} #member .right .two .input input.w1{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;} #member .right .two .submit-box{margin: 20px auto;} #member .right .licon{padding: 40px;} #member .right .licon li{padding-left: 0;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #f5f5f5;} #member .right .licon li:before{display: none;} #member .right .licon .t1{width: 100%;float: none;overflow: visible;text-overflow: clip;white-space: pre-wrap;} #member .right .licon .t2{width: 100%;float: none;} /*大数据LECO-公用样式 维修企业 dataleco*/ #real-time-data .con{width: 100%;} #real-time-data .con .item{width: 50%;} #dis-map iframe{height: 550px;} #reg-rank .con .w1{width: 15%;} #reg-rank .con .w2{width: 22%;} #reg-rank .con .w3{width: 26%;} #reg-rank .con .w4{width: 37%;} #reg-rank .con .pbar{display: none;} #act-rank .img{width: 100%;float: none;} #act-rank .text{width: 100%;float: none;padding: 2%;margin-bottom: 5%;} #act-rank .text .pbar{display: none;} #act-rank .text .w1{width: 11%;} #act-rank .text .w2{width: 39%;} #act-rank .text .w3{width: 30%;} #act-rank .text .w4{width: 20%;} #act-rank .text .w5{width: 24%;} #act-rank .text .w6{width: 45%;} #act-rank .right{width: 100%;float: none;margin-top: 5%;} #act-rank .right .con{padding: 2%;} #act-rank .left{width: 100%;float: none;margin-bottom: 5%;} #act-rank .left .con{padding: 3%;} #latest-entry .w1{width: 13%;} #latest-entry .w2{width: 17%;border-left: none;} #latest-entry .w3{width: 20%;border-left: none;} #latest-entry .w4{width: 15%;border-left: none;} #latest-entry .w5{width: 35%;border-left: none;} #share-trend .left{width: 100%;float: none;} #share-trend .right{width: 100%;float: none;margin-top: 5%;} #share-trend .left .con{padding: 3%;} #share-trend .right .con{padding: 2%;} #share-trend .text{padding: 3%;} #share-trend .text .w1{width: 15%;} #share-trend .text .w2{width: 25%;} #share-trend .text .w3{width: 25%;} #share-trend .text .w4{width: 35%;} #video .left .item{ font-size: 26px;} #video .con .item .text{ font-size: 26px;} } .chat_pop{ right: 0; top: 35%; z-index: 10;}