/* @font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');} */ /* @font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');} */ html,body{padding: 0;margin: 0;font-family: Arial;font-size: 16px;color: #000;background: #fafafa; /*min-width: 1200px;*/ /* overflow-x: hidden; */} .wrap{margin: 0 auto;max-width: 1344px;} ul{padding: 0;margin: 0;} ul li{list-style: none;} .fl{float: left;} .fr{float: right;} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} img{max-width: 100%;} input:focus,button:focus,textarea:focus{outline: none;} .ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} p{margin: 0;} i,em{font-style: initial;} .imgH{overflow: hidden;} .imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; } .imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .flexcen{display: flex;justify-content: center;align-items: center;} .flexsta{display: flex;justify-content: flex-start;align-items: center;} .flexend{display: flex;justify-content: flex-end;align-items: center;} .flexbet{display: flex;justify-content: space-between;align-items: center;} .flexaro{display: flex;justify-content: space-around;align-items: center;} /**导航菜单**/ header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;height: initial;transition: all .5s; } header .headerTop{background-image: linear-gradient(to right, rgb(212,212,212,0.5), rgb(212,212,212,0.1) 75%, rgb(212,212,212,0.3));background-color: #000; } header .headerTop .wrap{height: 56px;color: #fff; } header .wrap{max-width: 100%;padding: 0 4.9vw; } header .header-container{position: relative;border-bottom: 2px solid rgb(212,212,212,0.5);background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .01) 15.44%, rgba(0, 0, 0, .01) 85.3%, rgba(0, 0, 0, 0));backdrop-filter: blur(40px); } header .logo{} header .logo a{height: 86px;display:flex;justify-content:center;align-items:center;} header .logo img{max-height: 40%;filter: invert(100%); } /* header .rightDiv{text-align: center;} header .rightDiv .menu>ul{display: inline-block!important;} header .rightDiv .menu>ul>li{float: left;margin:0 35px;} header .rightDiv .menu>ul>li>a{height: 90px;text-align: left;color: #000;position: relative;font-size: 20px;display: flex;justify-content: center;align-items: center; } header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{color: #006afe; } */ /* header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left:0;margin-left: 0; background: #fff;height: 2px;bottom: 32px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;} header .rightDiv .menu>ul>li:hover>a::after, header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);} */ header .langDiv{height: 86px; } header .langDiv a{color: #333;font-weight: bold; } header.show{transform: translateY(-56px); } header.hide{transform: translateY(-152px); } body.on-fixed header.show{transform: translateY(-56px);background: #fff; } body header.show{transform: translateY(0); } header .mbtn {width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;left: 0;display: none;z-index: 2;} header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;} .menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .menu #menu-button{display:none} .menu{width:auto;} #menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} .menu>ul>li{float:left;position: relative;} .menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} .menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff} /*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/ .menu ul ul{position:absolute;background: #fff;text-align: left; width: max-content;min-width: 200px; top: 100%;left:50%;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);transform: translateX(-50%);} /* .menu ul ul::before{content: "";width: 16px;height: 16px;background: url(../img/ssj.png) no-repeat center center;position: absolute;left: 50%;top: -8px;transform: translateX(-50%);z-index: 0; } */ /*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/ /*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; } .menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/ .menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; } .menu>ul>li li a{line-height: 50px;text-align: center;display: block;color: #1d1d1d;font-size: 16px;position: relative;z-index: 1;border-bottom: 1px solid rgba(102,102,102,.2);font-weight: bold; } .menu>ul>li li a:hover{color: #0129ff; } /****底部***/ .footerDiv{color: rgba(255,255,255,1); } .footerDiv .hdDiv{padding: 70px 0 80px;background: #000; } .footerDiv .hdDiv .wrap{align-items: flex-start; } .footerDiv .hdDiv .hlDiv{width: 60%; } .footerDiv .hdDiv .titleDiv{margin-bottom: 35px; } .footerDiv .hdDiv .hlDiv .shareDiv{flex-wrap: wrap; } .footerDiv .hdDiv .hlDiv .shareDiv a{width: 46px;height: 46px;border-radius: 50%;background: rgba(255,255,255,.2);margin-right: 10px;margin-bottom: 10px; } .footerDiv .hdDiv .hlDiv .shareDiv a img{width: 22px; } .footerDiv .hdDiv .hlDiv .shareDiv a:hover{background: rgba(255,255,255,.4); } .footerDiv .hdDiv .hrDiv{width: 36.5%;flex-wrap: wrap; } .footerDiv .hdDiv .hrDiv .formDiv {width: 100%; } .footerDiv .hdDiv .hrDiv form{width: 100%; } .footerDiv .hdDiv .hrDiv form input{width: calc(100% - 115px);background: transparent;border: 1px solid #fff;border-radius: 24px;padding: 0 20px;height: 44px;color: #fff; } .footerDiv .hdDiv .hrDiv form button{width: 100px;height: 44px;background: #fff;border-radius: 22px;color: #000;border: 0;cursor: pointer; } .footerDiv .hdDiv .hrDiv .formDiv p{font-size: 12px;margin-top: 20px; } .footerDiv .bdDiv{padding: 30px 0;font-size: 14px;background: #0055cc; } .footerDiv .bdDiv a{color: rgba(255,255,255,.5); } .footerDiv .bdDiv a:hover{color: #fff; } /*::-webkit-scrollbar { width: 2px; height: 2px; } ::-webkit-scrollbar-track { border-radius: 4px; background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0E50D1; }*/ /********************************* 首页 **********************************/ .main{margin-top: 56px; } /*banner轮播*/ .index-banner{width: 100%;position:relative; } .index-banner video{position: relative;height: 686px;width: 100%;object-fit: cover;object-position: 40% 50%;} .index-banner .wrap{position: absolute;width: 100%;z-index: 2;top: 86px;left: 50%;transform: translateX(-50%);height: calc(100% - 86px); } .index-banner .textDiv{z-index: 2;position: relative;color: #000;width: 50%;text-align: left; } .index-banner .textDiv .p1{display: inline-block;padding: 5px 15px;background: #f2e2ff;color: #6a3794;font-size: 14px;text-transform: uppercase;font-weight: 500; } .index-banner .textDiv .p2{color: #000;line-height: 1;font-weight: bold;margin: 10px 0 20px; } .index-banner .textDiv .p3{margin-bottom: 20px; } .index-banner .bgb{background-image: linear-gradient(to top, rgb(250,250,250,1) ,rgb(250,250,250,0.8) , rgb(250,250,250,0));position: absolute;left: 0;bottom: 0;width: 100%;height: 32px;z-index: 10; } .saoma img{width: 120px;margin-left: 20px; } /* .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 30.52vw;background: none no-repeat center;background-size: cover;} .index-banner .img .wrap{position: relative;} */ .indexTitle{position: relative; } .indexTitle.tc{text-align: center;} .indexTitle span{display: block;color: #000;line-height: 1; } .indexTitle p{margin-top: 20px; } .indexTitle.cfff span{color: #fff;} .f90{font-size: 90px;} .f58{font-size: 58px;} .f56{font-size: 56px;} .f52{font-size: 52px;} .f50{font-size: 50px;} .f48{font-size: 48px;} .f45{font-size: 45px;} .f42{font-size: 42px;} .f40{font-size: 40px;} .f38{font-size: 38px;} .f36{font-size: 36px;} .f34{font-size: 34px;} .f32{font-size: 32px;} .f30{font-size: 30px;} .f28{font-size: 28px;} .f27{font-size: 27px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f23{font-size: 23px;} .f22{font-size: 22px;} .f20{font-size: 20px;} .f18{font-size: 18px;} .f17{font-size: 17px;} .bold{font-weight: bold; } .imgOver{position: relative; } .imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgOver .pic img{width: 100%;height: 100%;object-fit: cover; } .imgObj{position: relative; } .imgObj .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgObj .pic img{max-width: 95%;max-height: 95%;object-fit: contain; } .indexDiv1{padding: 100px 0;overflow: hidden; } .indexDiv1 .row>div{margin-top: 40px; } .indexDiv1 .row>div .conDiv{overflow: hidden;height: 100%;border: 1px solid #e5e5e5;background: #fff; } .indexDiv1 .row>div .conDiv .imgDiv{padding-top: 63.22%;overflow: hidden; } .indexDiv1 .row>div .conDiv .textDiv{padding: 30px;text-align: center;position: relative; } .indexDiv1 .row>div .conDiv .textDiv span{margin: 0 0 20px;display: block;font-weight: bold;line-height: 1.2; } .indexDiv2{overflow: hidden;padding: 50px 0; } .indexDiv2 .ExpertList{margin-top: 50px;position: relative;} .indexDiv2 .ExpertList>div{width: 100%;overflow: hidden;height: 60px; } .indexDiv2 .ExpertList ul { width: 100%; position: relative; } .indexDiv2 .ExpertList ul li { height: initial; float: left; list-style: none; width: initial;padding: 0 40px; } .indexDiv2 .ExpertList::before{content: "";width: 200px;height: 100%;background-image: linear-gradient(to right, #fafafa,rgb(250,250,250,0));position: absolute;left: 0;top: 0;z-index: 11; } .indexDiv2 .ExpertList::after{content: "";width: 200px;height: 100%;background-image: linear-gradient(to left, #fafafa,rgb(250,250,250,0));position: absolute;right: 0;top: 0;z-index: 11; } .indexDiv3{padding: 100px 0;overflow: hidden; } .indexDiv3 .bdDiv{margin: 100px 0; } .indexDiv3 .bdDiv .flexDiv{flex-direction: row-reverse; } .flexDiv .imgDiv{width: 44%;border: 1px solid #e5e5e5;position: relative; } .flexDiv .imgDiv::before{content: "";width: 14px;height: 30px;border-top: 1px solid #a3a3a3;border-left: 1px solid #a3a3a3;position: absolute;left: -8px;top: -8px; } .flexDiv .imgDiv::after{content: "";width: 14px;height: 30px;border-bottom: 1px solid #a3a3a3;border-right: 1px solid #a3a3a3;position: absolute;right: -8px;bottom: -8px; } .flexDiv .textDiv{width: 44%; } .flexDiv .textDiv span{padding: 2px 8px;background: #e5e5e5;color: #262626;display: inline-block;font-size: 14px; } .flexDiv .textDiv .title{margin: 15px 0;color: #000;line-height: 1.2; } .flexDiv .textDiv .p{max-width: 500px; } .flexDiv .textDiv ul{margin-top: 35px; } .flexDiv .textDiv ul li{margin-top: 15px; } .flexDiv .textDiv ul li svg{stroke: #000;margin-right: 10px; } .indexDiv3 .rowDiv{border: 1px solid #e5e5e5;position: relative; } .indexDiv3 .rowDiv .pointer{position: absolute;width: 8px;height: 8px;background: #a3a3a3;z-index: 1; } .indexDiv3 .rowDiv .pointer:nth-child(1){left: -4px;top: -4px; } .indexDiv3 .rowDiv .pointer:nth-child(2){right: -4px;top: -4px; } .indexDiv3 .rowDiv .pointer:nth-child(3){right: -4px;bottom: -4px; } .indexDiv3 .rowDiv .pointer:nth-child(4){left: -4px;bottom: -4px; } .indexDiv3 .rowDiv .imgDiv::before{display: none; } .indexDiv3 .rowDiv .imgDiv::after{display: none; } .indexDiv3 .rowDiv .imgDiv{border: 0; } .indexDiv4{padding: 100px 0;overflow: hidden; } .indexDiv4 .bdDiv{position: relative;margin-top: 90px; } .indexDiv4 .bdDiv svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 32px;fill: #000; } .indexDiv4 .row{margin: 0 -50px; } .indexDiv4 .row>div{padding: 0 50px; } .indexDiv4 .row>div .conDiv{height: 100%;position: relative;border: 1px solid #e5e5e5; } .indexDiv4 .row>div .conDiv .clDiv{width: 33.3%; } .indexDiv4 .row>div .conDiv .clDiv .imgDiv{height: 234px;transform: translateY(-40px); } .indexDiv4 .row>div .conDiv .textDiv{width: 66%;padding: 30px 30px 30px 0; } .indexDiv4 .row>div .conDiv .textDiv p{margin-top: 15px; } .indexDiv5{padding: 80px 0;overflow: hidden; } .indexDiv5 .row>div{margin-top: 40px; } .indexDiv5 .row>div .conDiv{height: 100%;position: relative;border: 1px solid #e5e5e5; } .indexDiv5 .row>div .conDiv:after{content: "";width: 14px;height: 30px;border-bottom: 1px solid #a3a3a3;border-right: 1px solid #a3a3a3;position: absolute;right: -1px;bottom: -1px; } .indexDiv5 .row>div .conDiv .imgDiv{padding-top: 67.8%; } .indexDiv5 .row>div .conDiv .textDiv{padding: 20px; } .indexDiv5 .row>div .conDiv .textDiv p{margin-top: 10px; } .indexDiv6{padding: 100px 0;overflow: hidden; } .indexDiv6 .videoDiv video{width: 100%;display: block; } .indexDiv6 .hdDiv{margin: 100px 0; } .indexDiv6 .hdDiv .row{margin: 0 -40px; } .indexDiv6 .hdDiv .row>div{border-right: 1px solid #e5e7eb;padding: 40px; } .indexDiv6 .hdDiv .row>div .conDiv{height: 100%; } .indexDiv6 .hdDiv .row>div:last-child{border-right: 0; } .indexDiv6 .hdDiv .row>div .title{margin-bottom: 15px;font-weight: bold; } .indexDiv6 .hdDiv .row>div .title img{margin-right: 10px; } .indexDiv6 .bdDiv{padding: 80px 40px;color: #fff; } .indexDiv6 .bdDiv .row{margin: 0 -7px; } .indexDiv6 .bdDiv .row>div{margin-top: 40px;padding: 0 7px; } .indexDiv6 .bdDiv .row>div .conDiv{backdrop-filter:blur(8px);height: 100%;padding: 15px 24px 20px;border: 1px solid rgba(255, 255, 255,0.3); } .indexDiv6 .bdDiv .row>div .conDiv .title{font-weight: bold;line-height: 1;min-height: 40px; } .indexDiv6 .bdDiv .row>div .conDiv p{color: #e5e5e5; } .indexDiv7{padding: 100px 0;overflow: hidden; } .indexDiv7 .bdDiv .row{margin: 0 -60px; } .indexDiv7 .bdDiv .row>div{padding: 0 60px;margin-top: 60px; } .indexDiv7 .bdDiv .row>div:nth-child(1){border-right: 1px solid #e5e7eb; } .indexDiv7 .bdDiv .row>div .conDiv{text-align: center; } .indexDiv7 .bdDiv .row>div .conDiv .title{font-weight: bold;} .indexDiv7 .bdDiv .row>div .conDiv .imgDiv{padding-top: 50.71%;margin: 30px 0; } .indexDiv8{padding: 100px 0;overflow: hidden; } .indexDiv8 .bdDiv{align-items: stretch;margin-top: 40px; } .indexDiv8 .bdDiv .blDiv{width: 47.92%; } .indexDiv8 .bdDiv .blDiv ul li{margin-bottom: 20px;padding: 12px 24px;background-image: linear-gradient(to right, rgb(0,0,0,0.1), rgb(0,0,0,0));position: relative;text-align;overflow: hidden;font-weight: 600;cursor: pointer; } .indexDiv8 .bdDiv .blDiv ul li p{width: calc(100% - 50px); } .indexDiv8 .bdDiv .blDiv ul li.on::before{content: "";width: 30px;height: 100%;background: radial-gradient(ellipse, #000, transparent);filter: blur(12px);position: absolute;left: -24px;z-index: 1; } .indexDiv8 .bdDiv .blDiv ul li.on::after{content: "";width: 2px;height: 100%;background: #000;position: absolute;left: 0;top: 0;z-index: 10; } .indexDiv8 .bdDiv .blDiv ul li:hover{background-image: linear-gradient(to right, rgb(0,0,0,0.2), rgb(0,0,0,0)); } .indexDiv8 .bdDiv .blDiv ul li svg{stroke: #525252;transform: rotate(-90deg); } .indexDiv8 .bdDiv .brDiv{width: 47.92%; } .indexDiv8 .bdDiv .brDiv .tabsCon{display: none; } .indexDiv8 .bdDiv .brDiv .tabsCon.on{display: block; } .indexDiv8 .tishi{margin-top: 70px;font-size: 12px;text-align: center; } @media (max-width:1420px) { header .wrap{padding: 0 30px; } .wrap{padding: 0 50px;width: 100%;} .f90{font-size: 80px;} .f58{font-size: 50px;} .f56{font-size: 46px;} .f52{font-size: 44px;} .f50{font-size: 42px;} .f48{font-size: 40px;} .f45{font-size: 38px;} .f40{font-size: 36px;} .f38{font-size: 34px;} .f36{font-size: 32px;} .f34{font-size: 30px;} .f32{font-size: 29px;} .f30{font-size: 28px;} .f28{font-size: 26px;} .f27{font-size: 25px;} .f26{font-size: 24px;} .f24{font-size: 22px;} .f22{font-size: 20px;} header .rightDiv .menu>ul>li{margin: 0 1.5vw; } header .rightDiv .menu>ul>li>a{font-size: 16px; } /* .indexDiv2 .row{margin: 0 -4vw; } .indexDiv2 .row>div{padding: 0 4vw; } */ } @media (max-width:1220px) { .f90{font-size: 70px;} .f58{font-size: 48px;} .f56{font-size: 44px;} .f52{font-size: 42px;} .f50{font-size: 40px;} .f48{font-size: 38px;} .f45{font-size: 36px;} .f40{font-size: 34px;} .f38{font-size: 32px;} .f36{font-size: 30px;} .f34{font-size: 28px;} .f32{font-size: 27px;} .f30{font-size: 26px;} .f28{font-size: 24px;} .f27{font-size: 23px;} .f26{font-size: 22px;} .f24{font-size: 21px;} .f22{font-size: 19px;} header .rightDiv .menu>ul>li{margin-right: 0;margin-left: 35px; } } @media (max-width:1100px) { } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ .wrap{padding: 0 20px;width: 100%;} .menu{width:100%} .menu ul{width:100%;display: block;} .menu>ul>li>a{padding: 0 20px;} .menu.align-center>ul,.menu.align-right ul ul{text-align:left} .menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.1);} /*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/ /*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/ .menu ul li a,.menu ul ul li a{width:100%} .menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block} .menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0} .menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333} .indexHeader .menu ul ul li a{color:#fff;} .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff} .on-fixed .indexHeader .menu ul ul li a{color:#333;} .on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333} .menu ul ul ul li a{padding-left:40px} .menu ul ul, .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0} .menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none} #menu-line{display:none} .menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase} .menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#333} .menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #333;border-bottom:2px solid #fff} .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer} .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99} /*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer} .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99} .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/ /*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer} .on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/ .menu .submenu-button.submenu-opened:after{display:none} .menu ul ul{background: transparent;border-bottom:none;padding: 0;} .menu ul ul ul{top: 0;} .menu li:hover>ul{left: auto;margin-left: auto;} .menu ul ul .wrap{padding:0 15px;} .menu ul ul .hd{display: none;} .menu ul ul .bd{padding: 0;} header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;border: 0; } /*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/ .on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;} header:before{display: none;} header { position: fixed !important; z-index: 999; top: 0; left: auto; right: 0; width: 100%; height: 50px; transition: right 300ms !important; } header .header-container{height: 50px;} header .logo a{height: 50px;width: initial;} header .logo a img{max-height: 60%;} header .mbtn {display: block;} body.on-menu header{background: #fff;} body.on-menu.on-fixed header{background: #fff;} body.on-menu header .mbtn{z-index: 1;} header .rightDiv .menu { float: right; position: fixed; top: 50px; left: 0; width: 100%; height: calc(100% - 50px); padding-top: 0; background-color: #fff; /*border-bottom: 1px solid #f8f8f847;*/ transition: left 300ms; left: -100%; padding: 0; overflow-y: auto; } .on-fixed header .rightDiv .menu{ background-color: #fff; } header .rightDiv .menu ul{float: initial;height: initial;} /*header .rightDiv .menu ul.open{background: #000;}*/ header .rightDiv .menu ul li { padding: 0; margin: 0; /*border-bottom: 1px solid #f8f8f847;*/ float: initial; position: relative; } header .rightDiv .menu ul li a { display: block; line-height: 50px; height: 50px; text-align: left; font-size: 16px; } header .rightDiv .menu>ul {display: block;padding-top: 0;} body.on-menu header .rightDiv .menu {left: 0;} body.on-menu .main {left: 0;} header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;} header .rightDiv .menu>ul>li>a::after{display: none;} header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;} header .rightDiv .menu>ul>li>a span{line-height: 50px;} .menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;} /* header .rightDiv .menu>ul>li>a{color: #333;} */ .main {position: relative;right: 0;transition: left 300ms !important; margin-top: 50px;} header .rightDiv .otherDiv{height: 50px;justify-content: center;float: initial; } header .rightDiv .searchDiv{margin: 0 auto;} header .rightDiv .ssDiv .dImg{display: none;} header .rightDiv .ssDiv .hImg{display: block;} .menu ul ul .ul span{margin-top: 0;} /* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */ header .rightDiv .menu>ul>li li{border: 0;} header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;} /*.twoMenuDiv.onFixed{top: 50px;} .twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/ .menu ul ul:before{display: none!important;} .menu ul ul:after{display: none!important;;} .menu ul ul a{padding: 0 15px;margin: 0;} .menu li:hover>ul{transform: translate(0);} header .rightDiv .menu ul li .ulDiv{display: block;} .menu ul ul{height: initial;} .menu ul ul .ul{display: block;padding: 10px 30px 0;} .menu ul ul .ul li:nth-child(2){margin-left: 0;} /* .menu ul ul .ul span{color: #fff;} */ .menu ul ul .ul a{/* color: #fff; */margin-top: 0;} header .wrap{padding: 0 15px; } header .languageDiv{height: 50px;z-index: 2; } header .logo{width: 100%;text-align: center; } /* .index-banner .textDiv{padding-left: 70px; } */ .f90{font-size: 60px;} .f58{font-size: 46px;} .f56{font-size: 42px;} .f52{font-size: 40px;} .f50{font-size: 38px;} .f48{font-size: 36px;} .f45{font-size: 34px;} .f40{font-size: 32px;} .f38{font-size: 30px;} .f36{font-size: 28px;} .f34{font-size: 26px;} .f32{font-size: 25px;} .f30{font-size: 24px;} .f28{font-size: 22px;} .f27{font-size: 21px;} .f26{font-size: 21px;} .f24{font-size: 20px;} .f23{font-size: 19px;} .f20{font-size: 19px;} .f22{font-size: 18px;} header .langDiv{position: absolute;right: 15px;top: 0;height: 50px; } } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { .hidden-xs{display: none;} .visible-xs{display: block;} .floatRightDiv{display: none;} .wrap{padding: 0 15px;width: 100%;} .f90{font-size: 40px;} .f58{font-size: 24px;} .f56{font-size: 23px;} .f52{font-size: 22px;} .f50{font-size: 22px;} .f48{font-size: 20px;} .f45{font-size: 28px;} .f40{font-size: 26px;} .f38{font-size: 23px;} .f36{font-size: 21px;} .f34{font-size: 20px;} .f32{font-size: 16px;} .f30{font-size: 21px;} .f28{font-size: 20px;} .f27{font-size: 19px;} .f26{font-size: 19px;} .f24{font-size: 18px;} .f23{font-size: 17px;} .f22{font-size: 17px;} .f20{font-size: 16px;} .f18{font-size: 16px;} .f17{font-size: 16px;} /* .index-banner .img{height: 40vw; } .index-banner .swiper-button-prev, .index-banner .swiper-button-next{width: 25px;background-size: 10px; } .index-banner .textDiv a{width: 100px;height: 24px;font-size: 12px;margin: 0 auto; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; } .index-banner .swiper-pagination-bullet{width: 8px;height: 8px; } */ .index-banner .wrap{position: relative;margin-top: -30vw;top: 0; } .index-banner .textDiv {width: 100%;text-align: center; } .index-banner .textDiv .p1{font-size: 18px; } .index-banner .textDiv .p2{font-size: 12px; } .index-banner .bgb{display: none; } .index-banner .saoma{justify-content: center; } .indexTitle{text-align: center; } .indexDiv1{padding: 50px 0; } .indexDiv1 .row>div{margin-top: 30px; } .indexDiv2 .ExpertList{margin-top: 30px; } .indexDiv2 .ExpertList ul li{padding: 0 20px; } .indexDiv3{padding: 50px 0; } .flexDiv {display: block; } .flexDiv .imgDiv{width: 100%; } .flexDiv .textDiv{width: 100%;margin-top: 30px; } .indexDiv3 .bdDiv{margin: 50px 0; } .indexDiv4{padding: 50px 0 10px; } .indexDiv4 .bdDiv{margin-top: 0; } .indexDiv4 .row>div{margin: 40px 0; } .indexDiv5 .row>div{margin-top: 30px; } .indexDiv5{padding: 40px 0; } .indexDiv6{padding: 40px 0; } .indexDiv6 .hdDiv{margin: 50px 0; } .indexDiv6 .hdDiv .row>div{padding: 20px 40px;border: 0; } .indexDiv6 .bdDiv{padding: 40px 20px; } .indexDiv6 .bdDiv .row>div{margin-top: 20px; } .indexDiv6 .bdDiv .row>div .conDiv{padding: 15px 10px; } .indexDiv6 .bdDiv .row>div .conDiv .title{min-height: 30px; } .indexDiv7{padding: 50px 0; } .indexDiv7 .bdDiv .row>div{margin-top: 40px; } .indexDiv7 .bdDiv .row>div:nth-child(1){border-right: 0;border-bottom: 1px solid #e5e7eb;padding-bottom: 40px; } .indexDiv8{padding: 50px 0; } .indexDiv8 .bdDiv{display: block; } .indexDiv8 .bdDiv .blDiv{width: 100%; } .indexDiv8 .bdDiv .brDiv{width: 100%; } .indexDiv8 .tishi{margin-top: 50px; } .footerDiv .hdDiv{padding: 30px 0; } .footerDiv .hdDiv .wrap{flex-wrap: wrap; } .footerDiv .hdDiv .hlDiv{width: 100%;} .footerDiv .hdDiv .titleDiv{margin-bottom: 20px; } .footerDiv .hdDiv .hrDiv{width: 100%;margin-top: 20px; } .footerDiv .bdDiv{font-size: 14px;padding: 15px 0;text-align: center; } @media (max-width:320px) { } }