:root{ --main: #1459a4; --main2: rgba(20,89,164,.7); } /*特殊字体*/ /* @font-face{ font-family:"AlibabaPuHuiTi_2_55_Regular"; src: url("/themes/default/css/AlibabaPuHuiTi_2_55_Regular.ttf") format("truetype"); } @font-face{ font-family:"AlibabaPuHuiTi_2_85_Bold"; src: url("/themes/default/css/ALIBABAPUHUITI_2_85_BOLD.ttf") format("truetype"); } @font-face{ font-family:"Gilroy_Bold"; src: url("/themes/default/css/Gilroy_Bold.ttf") format("truetype"); } @font-face{ font-family:"Gilroy-Medium"; src: url("/themes/default/css/Gilroy-Medium.otf") format("opentype"); } @font-face{ font-family:"Gilroy-Regular"; src: url("/themes/default/css/Gilroy-Regular.otf") format("opentype"); } @font-face{ font-family:"OSWALD-BOLD"; src: url("/themes/default/css/OSWALD-BOLD.TTF") format("opentype"); } */ *{font-family: 'AlibabaPuHuiTi_2_55_Regular';} ::-webkit-input-placeholder{color: #333;} :-moz-placeholder {color: #333;} ::-moz-placeholder{color: #333;} :-ms-input-placeholder {color: #333;} .text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .text-line.line3,[text-line][line3]{-webkit-line-clamp:3;} .text-line.line4,[text-line][line4]{-webkit-line-clamp:4;} .text-line.line5,[text-line][line5]{-webkit-line-clamp:5;} .cw1620{max-width: 1620px;width: 92%;margin: 0 auto;} /*广告图*/ #inner-swiper .m-pic{width: 100%;} @media (max-width: 750px){ #inner-swiper .pc{display: none;} #inner-swiper .mobile{display: block;} } /*面包屑*/ #bread{box-shadow: 0 2px 20px 6px #f7f9fc;background: #fff;} #bread .s, #bread .d{color: #999999;font-size: 14px;line-height: 26px;} #bread .s{margin: 0 15px;} #bread .home{padding-left: 22px;background: url(/images/home.png) no-repeat left center;} #bread .home:hover{background-image: url(/images/home_2.png);} #bread a.d:hover{color: var(--main);} #bread .d:last-child{color: #333333;} #bread .left{padding: 25px 0;} #bread .cate{width: 60%;} /* #bread .cate .wrapper{ justify-content: flex-end;} */ #bread .cate .item{width: auto;padding: 25px 0;} #bread .cate .item .t{padding: 0 30px;color: #333333;font-size: 16px;} #bread .cate .list2 .item .t{padding: 0 20px;} #bread .cate .item .t:after{content: "";position: absolute;left: 0;right: 0;bottom: -15px;width: 5px;height: 5px;border-radius: 50%;margin: auto;} #bread .cate .item .t:hover{color: var(--main);} #bread .cate .item.cur .t{color: var(--main);} #bread .cate .item.cur .t:after{background: var(--main);} @media (max-width: 1050px){ #bread .cate{display: none;} } @media (max-width: 750px){ #bread .s, #bread .d{font-size: 24px;} } .bold{font-weight: bold;} .cw1620{max-width:1620px;width:92%;margin:auto;} /*头部 header*/ .head{height: 80px;} #header{position: fixed;top: 0;left: 0;background: #1459a4;height: 80px;width: 100%;z-index: 50;} #header .logo{ width: 290px; margin-top: 15px;height: 50px;} #header .hsea{width: 16px;height: 16px;background: url(/images/icon1.png) no-repeat center;margin-top: 32px;} #header .hnav .one-nav{line-height: 80px;height: 80px;border-top: 3px solid transparent;/* margin-right: 60px; */margin-right: 40px;} #header .hnav .one-nav .nav-a{font-size: 16px;color: #fff;} #header .hnav .one-nav.cur{border-top: 3px solid #fff;} #header .hnav .two-nav{min-width: 180px;top: 100%;left: 50%;background: transparent;z-index: 2;display: none;} #header .hnav .two-nav .hnavbg{margin-top: 5px;background: #1459a4;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;/*padding: 15px 0;*/} #header .hnav .two-nav .hnavbg>div{line-height: 40px;text-align: center;white-space:nowrap;} #header .hnav .two-nav .hnavbg>div .tnav-a{ display: block; width: 100%; height: 100%; font-size: 14px; color: #fff; border-radius: 10px;} #header .hnav .two-nav .hnavbg>div:hover .tnav-a{ background-color: #063463;} #header.up{transform: translate3d(0px,-100%,0);} #header.up .hnav .two-nav{display: none !important;} #header .htel{font-size: 16px;color: #fff;line-height: 40px;margin-top: 23px;padding-left: 30px;background: url(/images/float-icon1-h.png) no-repeat left center;} #header .menu{display: none;} .header-bg{display: none;} .side-menu{display: none;} @media (max-width: 1600px){ #header .hnav .one-nav{margin-right: 30px;} } @media (max-width: 1500px){ #header .hnav .one-nav{margin-right: 20px;} } @media (max-width: 1400px){ #header .logo{width: 180px;} } @media (max-width: 1280px){ #header .logo{width: 140px;} #header .hnav .one-nav{margin-right: 15px;} #header .hnav .one-nav .nav-a{font-size: 15px;} #header .htel{font-size: 15px;} } @media (max-width: 1100px){ #header{background: #1459a4;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);} #header .logo{width: 290px;} #header .hsea{width: 50px;height: 50px;background: url(/images/search2.png) no-repeat center;margin-top: 15px;} #header .hnav{display: none;} #header .htel{font-size: 28px;line-height: 40px;margin-top: 20px;padding-left: 40px;} #header .menu{width: 50px;height: 50px;line-height: 50px;margin: 15px 0 30px 40px;background: url(/images/menu.png) no-repeat center;display: block;cursor: pointer;} .header-bg{background: rgba(0,0,0,0.5);z-index: 58;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: 50px;height: 50px;background: url(/images/close.svg) no-repeat center;border-radius: 50%;background-size: 100%;margin-top: 14px;} .side-menu .hd .imgclean{padding: 0 2px;} .side-menu ul > li .navone{display: block;padding: 0 40px;position: relative;line-height: normal;margin-top: 40px;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: 24px;} .side-menu ul > li:nth-last-child(1){margin-bottom: 34px;} .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: 20px;} .side-menu .navtwo .aa:after{display: none;} .side-menu .navul{position: absolute;left: 0;top: 110px; z-index: 2;width: 100%;background: #fff;} .side-menu .navul.ons{z-index: 1;} } @media (max-width: 750px){ .side-menu ul > li .navone a{font-size: 36px;} .side-menu .navtwo .aa{font-size: 32px;} } /*底部 footer*/ #footer{background: #f7f7f7;} #footer .ftop{padding: 105px 0;} #footer .ftop .finf{width: 280px;} #footer .ftop .finf .ft1{font-size: 18px;font-weight: bold;line-height: 20px;margin-bottom: 15px;} #footer .ftop .finf .ft2{font-size: 20px;line-height: 35px;font-family:"Gilroy-Medium";} #footer .ftop .finf .ft3{font-size: 18px;line-height: 24px;font-family:"Gilroy-Regular";margin-bottom: 10px;} #footer .ftop .finf .ft2 .icon, #footer .ftop .finf .ft3 .icon{ margin-right: 10px; width: 20px;} #footer .ftop .finf .ft2 .icon img, #footer .ftop .finf .ft3 .icon img{ max-width: 100%; max-height: 100%;} #footer .ftop .finf .fimg .img{width: 110px;height: 130px;margin-right: 18px;background: #fff;} #footer .ftop .fnav{max-width: calc(100% - 220px);} #footer .ftop .fnav .ful{margin-left: 95px;} #footer .ftop .fnav .ful:nth-child(1){margin-left: 0;} #footer .ftop .fnav a:hover{color: #1459a4;} #footer .ftop .fnav .fone-li{margin-bottom: 15px;} #footer .ftop .fnav .fone-li a{font-size: 18px;line-height: 20px;font-weight: bold;} #footer .ftop .fnav .ftwo-li a{font-size: 14px;line-height: 30px;} #footer .fbot{background: #1561b3;padding: 23px 0;line-height: 22px;} #footer .fbot *{font-size: 14px;color: #f7f7f7;} #footer .fbot .copy{width: calc(100% - 160px);} #footer .fbot .share{width: 160px;} #footer .fbot .share a{display: inline-block;width: 22px;height: 22px;margin-right: 35px;cursor: pointer;} #footer .fbot .share a:nth-child(1){background: url(/images/icon2.png) no-repeat center;} #footer .fbot .share a:nth-child(1):hover{background-image: url(/images/icon2_1.png);} #footer .fbot .share a:nth-child(2){background: url(/images/icon3.png) no-repeat center;} #footer .fbot .share a:nth-child(2):hover{background-image: url(/images/icon3_2.png);} #footer .fbot .share a:nth-child(3){background: url(/images/icon4.png) no-repeat center;} #footer .fbot .share a:nth-child(3):hover{background-image: url(/images/icon4_2.png);} #footer .fbot .share a:nth-last-child(1){margin-right: 0;} @media (max-width: 1680px){ #footer .ftop .fnav{width: 75%;max-width: 75%;} #footer .ftop .fnav .ful{width: 16.57%;margin-left: 0;padding-right: 4%;} #footer .ftop .fnav .ful:last-child{padding-right: 0;} } @media (max-width: 1280px){ #footer .ftop .finf, #footer .ftop .fnav{width: 100%;max-width: 100%;float: none;} #footer .ftop .fnav{border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;padding-bottom: 40px;} #footer .ftop{padding: 80px 0;} } @media (max-width: 1200px){ #footer .fbot .share, #footer .fbot .copy{float: none;width: 100%;text-align: center;} #footer .fbot .copy{margin-bottom: 15px;} } @media (max-width: 1050px){ #footer .ftop{padding: 60px 0;} #footer .ftop .fnav{display: none;} #footer .ftop .finf{text-align: center;} #footer .ftop .finf .fimg .img{float: none;display: inline-block;vertical-align: top;} #footer .ftop .finf .fimg .img:last-child{margin-right: 0;} } @media (max-width: 750px){ #footer{ padding-bottom: 80px;} #footer .fbot{padding: 30px 0;} #footer .fbot .copy{margin-bottom: 20px;} #footer .ftop .finf .ft1, #footer .fbot *, #footer .ftop .finf .ft3{line-height: 36px;font-size: 26px;} #footer .ftop .finf .ft2{font-size: 28px;line-height: 38px;} #footer .fbot .share a{ width: 80px; height: 80px; background-size: 40% !important;} } /*广告 banner*/ #index-swiper{width: 100%;margin: 0 auto;} #index-swiper .wrapper{ align-content: start;} #index-swiper .wrapper .slide{ height: unset;} #index-swiper .wrapper .slide video{ width: 100%; height: 100%; object-fit: cover;} #index-swiper .mourse{right: 70px;width: 20px;height: 29px;top: 0;bottom: 0;margin: auto;z-index: 10;} #index-swiper .mourse .in{width: 20px;height: 29px;background: url(/images/mouse.png) no-repeat center center;} #index-swiper .mourse .in{-webkit-animation-name: mouse;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;} @-webkit-keyframes mouse{ 0%{ margin-top: -5px; } 20%{ margin-top: 0; } 50%{ margin-top: 5px; } 100%{ margin-top: 3px; } } @media (max-width: 750px){ .head2{height: 80px;} #index-swiper .pc{display: none;} #index-swiper .mobile{display: block;} /* #index-swiper .mobile .wrapper{ align-content: start;} #index-swiper .mobile .wrapper .slide{ height: unset;} #index-swiper .mobile .wrapper .slide video{ width: 100%; height: 100%; object-fit: cover;} */ } /*首页 index*/ #index .more{width: 175px;height: 60px;border-radius: 30px;line-height: 60px;text-align: center;display: block;background: #1459a4;} #index .more span{color: #fff;font-size: 14px;display: inline-block;vertical-align: middle;} #index .more b{margin-right: 5px;height: 13px;width: 13px;border: 4px solid #fff;border-radius: 50%;display: inline-block;vertical-align: middle;} #index .more.c1{background: #fff;} #index .more.c1 span{color: #1459a4;} #index .more.c1 b{border: 4px solid #1459a4;} #ind-one{background: url(/images/bg1.jpg) no-repeat center;background-size: cover;padding: 160px 0 63px;} #ind-one .title{padding-left: 20px;border-left: 5px solid #fff;margin-bottom: 13px;} #ind-one .title{font-family: 'AlibabaPuHuiTi_2_85_Bold';font-size: 48px;line-height: 58px;color: #fff;} /*#ind-one .title p:nth-child(1){margin-bottom: 27px;}*/ #ind-one .con .text{width: 25.4325%;margin-top: 45px;} #ind-one .con .item{margin-top: 85px;} #ind-one .con .item .icon{width: 62px;height: 62px;margin-right: 30px;} #ind-one .con .item .txt{width: calc(100% - 92px);} #ind-one .con .item .txt .t1{font-size: 30px;line-height: 30px;color: #fff;margin-bottom: 15px;} #ind-one .con .item .txt .t1 span{font-family:"OSWALD-BOLD";} #ind-one .con .item .txt .t2{font-size: 16px;line-height: 18px;color: rgba(255,255,255,0.5);} #index .more.c1:hover b{ border-color: #fff;} #index .more.c1:hover span{ color: #fff;} @-webkit-keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1;} to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);} } @keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1} to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);} } @-webkit-keyframes warn-2{ 0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);} 5%{opacity:8;} to{opacity:0;-webkit-transform:scale(10);transform:scale(10);} } @keyframes warn-2{ 0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);} 5%{opacity:8;} to{opacity:0;-webkit-transform:scale(10);transform:scale(10);} } #ind-one .con .map{width: 69.8765%;display:block; margin-right: 4.691%;} #ind-one .con .map .scroll{ width:100%; position:relative; margin:auto;} #ind-one .con .map .scroll .map-background{ width:100%; position:relative; z-index:1;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(1){left:70.1%; top:36.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(1) .t{left: -45px;top: -24px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(2){left:61.2%; top:81.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(2) .t{left: -45px;top: -24px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(3){ left:64%; top:82.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(3) .t{left: 16px; top: -23px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(4){left:60%; top:83.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(4) .t{left:-50px; top:-7px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(5){left:79%; top:62.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(5) .t{ left:-42px; top:0px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(6){left:75.5%; top:60.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(6) .t{ left:-46px; top:-20px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(7){left:44%; top:56.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(7) .t{left:36px;top:-10px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(8){left:78%; top:47.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(8) .t{ left:16px; top:-11px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(9){left:63%; top:80.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(9) .t{ left:-5px; top:-20px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(10){left:72%; top:79.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(10) .t{ left:-30px; top:-10px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(11){left:75.5%; top:75.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(11) .t{ left:-27px; top:-8px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(12){left:76.5%; top:67.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(12) .t{ left:18px; top:-3px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(13){left:51.3%; top:60.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(13) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(14){left:60.5%; top:68.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(14) .t{ left:20px; top:-6px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(15){left:63.5%; top:62.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(15) .t{ left:20px; top:-6px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(16){left:72%; top:62.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(16) .t{ left:-6px; top:8px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(17){left:66.5%; top:66.2%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(17) .t{ left:18px; top:-4px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(18){left:77.5%; top:60.4%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(18) .t{ left:-7px; top:-20px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(19){left:77%; top:55.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(19) .t{ left:-32px; top:-6px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(20){left:74%; top:50.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(20) .t{ left:-32px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(21){left:76%; top:49.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(21) .t{ left:16px; top:-2px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(22){left:74.5%; top:48.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(22) .t{ left:2px; top:-20px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(23){left:73.5%; top:46.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(23) .t{ left:-29px; top:-3px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(24){left:70%; top:45.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(24) .t{ left:-28px; top:2px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(25){left:63%; top:48.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(25) .t{ left:20px; top:-7px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(26){left:57.5%; top:51.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(26) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(27){left:61%; top:41.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(27) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(28){left:68%; top:39.1%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(28) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(29){left:72.5%; top:39.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(29) .t{ left:15px; top:-15px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(30){left:25.5%; top:11.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(30) .t{ left:-33px; top:-30px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(31){left:35.5%; top:19.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(31) .t{ right: 20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(32){left:19.5%; top:52.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(32) .t{ right: 36px; top:-10px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(33){left:23.5%; top:52.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(33) .t{ left: 20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(34){left:45%; top:42%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(34) .t{ right: 20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(35){left:48%; top:43%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(35) .t{ left: 20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(36){left:62%; top:34%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(36) .t{ left: -20px; top:-20px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(37){left:59%; top:35%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(37) .t{ right: 20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(38){left:53.2%; top:39%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(38) .t{ left: 20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(39){left:56.5%; top:50.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(39) .t{ right:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(40){left:41.5%; top:74.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(40) .t{ right:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(41){left:37%; top:67.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(41) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(42){left:49%; top:71.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(42) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(43){left:50.5%; top:68.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(43) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(44){left:51.5%; top:81.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(44) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(45){left:87.5%; top:21.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(45) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(46){left:84.5%; top:27%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(46) .t{ left:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(47){left:83.5%; top:34%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(47) .t{ right:20px; top:-5px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(48){left:68.5%; top:41.6%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(48) .t{ left:20px; top:-5px;} #ind-one .con .inside-flag .flag-slide{position:absolute; z-index:3;} #ind-one .con .inside-flag .flag-slide .base{position:relative; z-index:2;} #ind-one .con .inside-flag .flag-slide .base .t{color: #999;} #ind-one .con .inside-flag .flag-slide.cur .base .t{color: rgba(51,51,51,1);} #ind-one .con .inside-flag .flag-slide.cur .base .t{font-size: 18px;font-weight: 700;} #ind-one .con .inside-flag .flag-slide .base .t{font-size: 12px;} #ind-one .con .inside-flag .flag-slide .base .map-icon{ width:9px;height: 6px; background: #999; border-radius:100%; position:relative; margin:auto;} #ind-one .con .inside-flag .flag-slide.cur .base .map-icon{background:rgba(1, 110, 228,1);} #ind-one .con .inside-flag .flag-slide .base .map-icon::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset #016ee4 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #ind-one .con .inside-flag .flag-slide.cur .base .map-icon::before{ animation:warn-2 2s ease-out .1s infinite; -webkit-animation:warn-2 2s ease-out .1s infinite;} @media (max-width: 1600px){ #ind-one{padding: 140px 0 80px;} #ind-one .con .item{margin-top: 60px;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(8){top: 46.5%;} } @media (max-width: 1460px){ #ind-one .con .text{width: 23%;} #ind-one .con .item .txt .t1{font-size: 24px;margin-bottom: 10px;} #ind-one .con .map{width: 72%;margin-right: 3%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(6){left: 73.5%;} #ind-one .con .map .scroll .inside-flag .flag-slide:nth-child(5){left: 76%;} } @media (max-width: 1280px){ #ind-one{padding-top: 80px;} #ind-one .title{font-size: 40px;} #ind-one .con .text{margin-top: 30px;} #ind-one .con .text, #ind-one .con .map{width: 100%;float: none;} #ind-one .con .text{margin-bottom: 60px;margin-top: 0;font-size: 0;} #ind-one .con .item{display: inline-block;vertical-align: top;width: 33%;padding-right: 3%;} #ind-one .con .item .icon{width: 50px;height: 50px;margin-right: 20px;margin-top: 5px;} } @media (max-width: 950px){ #ind-one .con .map{display: none;} #ind-one .con .map2{display: block;width: 100%;} #ind-one .con .item{width: 50%;} } @media (max-width: 750px){ #ind-one .con .item .icon{width: 60px;height: 60px;} #ind-one .con .item .txt .t1{font-size: 28px;} #ind-one .con .item .txt .t2{font-size: 24px;line-height: 36px;} } #ind-two{background: url(/images/bg2.png) no-repeat center;padding: 150px 0;} #ind-two .video{width: 51.2345%;padding-top: 32.716%;overflow: hidden;border-radius: 6px;} #ind-two .video-in span{position: absolute;width: 25px;height: 30px;background: url(/images/icon5.png) no-repeat center;top: calc(50% - 15px);left: calc(50% - 12px);} #ind-two .text{width: 41.9753%;} #ind-two .text .logo{width: 275px;height: 59px;} #ind-two .text .t1{font-size: 38px;line-height: 55px;color: #1459a4;margin: 45px auto 65px;} #ind-two .text .t2{font-size: 16px;line-height: 30px;color: #666666;} #ind-two .text .more{margin-top: 45px;} #ind-two .text .more:hover{background: #1766bb;} @media (max-width: 1680px){ #ind-two .text .t1{font-size: 30px;line-height: 40px;margin-bottom: 40px;} } @media (max-width: 1280px){ #ind-two{padding: 100px 0;} #ind-two .video{width: 55%;padding-top: 35%;} #ind-two .text .logo{height: 45px;width: 210px;} #ind-two .text .t1{margin: 20px 0 25px;font-size: 26px;} #ind-two .text .more{margin-top: 25px;} } @media (max-width: 1050px){ #ind-two{padding: 80px 0;} #ind-two .text, #ind-two .video{width: 100%;float: none;text-align: center;} #ind-two .text .logo{width: 275px;height: 60px;margin: 0 auto;} #ind-two .text .more{margin: 25px auto 80px;} #ind-two .video{width: 87.6%;padding-top: 56%;margin: 0 auto;} } @media (max-width: 850px){ #ind-two .video{width: 100%;padding-top: 64%;} } @media (max-width: 750px){ #ind-two .text .t1{font-size: 28px;line-height: 38px;margin: 40px 0 45px;} #ind-two .text .t2{font-size: 26px;line-height: 36px;} #index .more{width: 200px;height: 65px;line-height: 65px;} #index .more b{margin-right: 15px;} #index .more span{font-size: 26px;} } #ind-three{padding: 80px 0 95px;background: #f6f8fa;} #ind-three .title{padding-left: 25px;border-left: 5px solid #1459a4;margin-bottom: 35px;} #ind-three .title .ti1{font-size: 24px;line-height: 24px;} #ind-three .title .ti2{font-family: 'AlibabaPuHuiTi_2_85_Bold';font-size: 48px;color: #333;line-height: 48px;margin-top: 15px;} #ind-three .title .ti2 span{font-family: 'AlibabaPuHuiTi_2_85_Bold';color: #1459a4;} /* #ind-three .con .slide{background: #1459a4;} #ind-three .con .img{width: 50%;padding-top: 30.8641%;} #ind-three .con .text{width: 50%;padding-top: 30.8641%;} #ind-three .con .text .inline-block{width: 82%;} #ind-three .con .text .t1{font-size: 36px;color: #fff;} #ind-three .con .text .t2{font-size: 16px;color: #fff;line-height: 32px;margin: 45px auto;} #ind-three .con .text .more{margin: 0 auto;} #ind-three .con .text .more:hover{background: #063463;} */ #ind-three .con .item{width: 22.5%; margin-top: 40px; margin-right: 3.1%; box-shadow: 0 0 15px rgba(20, 89,164,0.1); transform-style: preserve-3d; -webkit-perspective: 1000;} #ind-three .con .item:nth-child(4n){margin-right: 0;} #ind-three .con .item .front{ padding: 60px 11% 70px;background: #FFFFFF;position: relative; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;transform: rotateY(0deg); transition: all .4s ease-out; z-index: 5;border-radius: 10px; border-radius: 10px;} #ind-three .con .item .back{ padding: 60px 11% 70px; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/images/pic01.png) no-repeat center center/cover;box-shadow: 0px 5px 38px rgb(0 69 87 / 9%);-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;transform: rotateY(-180deg);-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;z-index: 7;border-radius: 10px;} #ind-three .con .item .icon{margin-bottom: 55px; min-height: 42px;} #ind-three .con .item .tit{font-size: 22px; color: #333333; margin-bottom: 44px;} #ind-three .con .item .wrap{min-height: calc(35px * 3);} #ind-three .con .item .wrap>div{font-size: 16px; color: #999999; line-height: 35px;} #ind-three .con .item .back .tit, #ind-three .con .item .back .wrap>div{color: #fff;} #ind-three .con .item .btn_row{display: flex; margin-top: 55px;} #ind-three .con .item .btn_row .btn{margin-left: 17px;width: 107px; height: 42px; line-height: 42px; text-align: center; border-radius: 5px; border: 1px solid #fff; font-size: 14px; color: #fff;} #ind-three .con .item .btn_row .btn:first-child{margin-left: 0;} #ind-three .con .item .btn_row .btn:hover{background: #fff; color: var(--main);} #ind-three .con .item:hover{ box-shadow: inherit;} #ind-three .con .item:hover .front{z-index: 8;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} #ind-three .con .item:hover .back{z-index: 9;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateY(0deg);-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} #ind-three .con .allbtn{margin: 4.25% auto 0; text-align: center;} #ind-three .con .allbtn .btn1{display: inline-block;min-width: 160px;height: 50px; line-height: 50px; border-radius: 10px;font-size: 16px;padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box; color: #1459a4;border: #1459a4 solid 1px;} #ind-three .con .allbtn .btn1:hover{background: #1459a4; color: #fff;} /* #ind-three .con .swiper-pagination{width: 50%;left: 50%;bottom: 9.876%;} #ind-three .con .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: transparent;border: 1px solid #fff;} #ind-three .con .swiper-pagination .swiper-pagination-bullet-active{background: #fff;} #ind-three .con .anniu{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;box-shadow: 0px -1px 29px 0px rgba(28, 28, 28, 0.2);top: calc(50% - 50px);z-index: 3;} #ind-three .con .prev{background: url(/images/icon7.png) no-repeat center #fff;left: -50px;} #ind-three .con .next{background: url(/images/icon8.png) no-repeat center #fff;right: -50px;} */ @media (max-width: 1460px){ #ind-three .con .text .t2{margin: 25px auto;} #ind-three .con .text .t1{font-size: 28px;} /* #ind-three .con .anniu{width: 80px;height: 80px;} #ind-three .con .prev{left: -40px;} #ind-three .con .next{right: -40px;} */ } @media (max-width: 1280px){ #ind-three .con .text .more{height: 50px;line-height: 50px;} /* #ind-three .con .anniu{width: 60px;height: 60px;} #ind-three .con .prev{left: -30px;} #ind-three .con .next{right: -30px;} #ind-three .title .ti2{font-size: 40px;} */ } @media screen and (max-width: 1024px) { #ind-three .con .item{width: 23.5%; margin-right: 2%;} } @media (max-width: 950px){ #ind-three .con .text .t1{font-size: 26px;} #ind-three .con .text .t2{margin: 20px auto;} } @media (max-width: 890px){ #ind-three .con .text, #ind-three .con .img{width: 100%;float: none;} #ind-three .con .img{padding-top: 61.7%;} #ind-three .con .text{padding-top: 40%;} #ind-three .con .text .t1{font-size: 28px;} #ind-three .con .text .t2{font-size: 24px;margin: 35px auto;} /* #ind-three .con .anniu{width: 80px;height: 80px;background-color: rgba(255,255,255,.6);} #ind-three .con .anniu:hover{background-color: rgba(255,255,255);} #ind-three .con .prev{left: 20px;} #ind-three .con .next{right: 20px;} */ #ind-three .con .item{width: 48%;} #ind-three .con .item .front{padding: 70px 11% 110px;} #ind-three .con .item .tit{font-size: 32px;} #ind-three .con .item .wrap>div{font-size: 24px; line-height: 50px;} #ind-three .con .item .btn_row{flex-direction: column;} #ind-three .con .item .btn_row .btn {margin-left: 0; margin-top: 15px; width: 100%; height: 45px;line-height: 45px; font-size: 24px;} #ind-three .con .allbtn .btn1{min-width: 200px; height: 55px; line-height: 55px; font-size: 24px; } /* #ind-three .con .swiper-pagination{width: 90%;position: static;margin: 40px auto 0;} #ind-three .con .swiper-pagination .swiper-pagination-bullet{margin: 0 10px;width: 12px;height: 12px;border: 1px solid var(--main);} #ind-three .con .swiper-pagination .swiper-pagination-bullet-active{background: var(--main);}*/ } #ind-four{padding: 95px 0;background: #fff;} #ind-four .title{padding-left: 25px;font-family: 'AlibabaPuHuiTi_2_85_Bold';border-left: 5px solid #1459a4;font-size: 48px;color: #333;line-height: 45px;} #ind-four .title span{color: #1459a4;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #ind-four .item1{width: 26.975%;margin-right: 9.5375%;margin-top: 94px;} #ind-four .item2{width: 26.975%;margin-right: 9.5375%;margin-top: 4px;} #ind-four .item3{width: 26.975%;} #ind-four .con .yuan{width: 70px;height: 70px;border-radius: 50%;border: 20px solid #1459a4;z-index: 5;} #ind-four .con .t1{font-size: 30px;color: #1459a4;line-height: 30px;} #ind-four .con .t1 span{color: #1459a4;font-size: 16px;font-family:"Gilroy_Bold";text-transform: uppercase;margin-left: 15px;} #ind-four .con .t2{color: #666;line-height: 30px;font-size: 18px;margin-top: 20px;} #ind-four .item1 .text{margin: 64px 0 0 40px;} #ind-four .item1 .yuan{top: -100px;left: 0;} #ind-four .item2 .text{margin: 0 0 65px 70px;} #ind-four .item2 .yuan{bottom: -100px;left: 0;} #ind-four .item3 .text{margin: 63px 0 0 -35px;} #ind-four .item3 .yuan{top: -100px;left: 0;} @media (max-width: 1280px){ #ind-four .item1{width: 29.975%;margin-right: 4.5375%;} #ind-four .item2{width: 29.975%;margin-right: 6.5375%;} #ind-four .item2 .text{margin-left: 52px;} #ind-four .item3{width: 28.975%;} #ind-four .title{font-size: 40px;} } @media (max-width: 981px){ #ind-four{padding: 80px 0;} #ind-four .title{margin-bottom: 60px;} #ind-four .item1, #ind-four .item2, #ind-four .item3{width: 30%;margin-right: 5%;} #ind-four .con .yuan{width: 60px;height: 60px;} #ind-four .item1 .text{margin: 40px 20px 0;} #ind-four .item1 .yuan{top: -70px;} #ind-four .item2 .text{margin: 0 20px 40px;} #ind-four .item2 .yuan{bottom: -69px;} #ind-four .item3{margin-right: 0;} #ind-four .item3 .text{margin: 60px 20px 0 0;} #ind-four .item3 .yuan{top: -90px;} #ind-four .con .t1{font-size: 24px;} #ind-four .con .t1 span{display: block;margin-left: 0;} } /* @media (max-width: 820px){ #ind-four .con{font-size: 0;} #ind-four .item3, #ind-four .item2, #ind-four .item1{width: 48%;margin-right: 4%;float: none;display: inline-block;vertical-align: top;} #ind-four .item2{margin-right: 0;} #ind-four .item3{margin: 60px auto 0;display: block;} } @media (max-width: 750px){ #ind-four .con{font-size: 0;} #ind-four .item3, #ind-four .item2, #ind-four .item1{width: 100%;margin-right: 0;} #ind-four .item3{margin: 60px auto 0;display: block;} #ind-four .m-pic{text-align: left;} #ind-four .item1{margin-top: 0;margin-bottom: 60px;} }*/ @media(max-width: 750px){ #ind-four .con .t1{font-size: 26px;} #ind-four .con .t1 span, #ind-four .con .t2{font-size: 24px;line-height: 36px;} } #ind-five{background: url(/images/bg3.jpg) no-repeat center;padding: 80px 0 105px;background-size: cover;} #ind-five .title{font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';line-height: 70px;color: #fff;text-align: center;margin-bottom: 100px;} #ind-five .tent{width: 564px;height: 564px;border-radius: 50%;margin: auto;} #ind-five .item{width: 165px;height: 165px;border-radius: 50%;background: url(/images/icon9.png) no-repeat center;box-shadow: 0 10px 20px rgba(20,89,164,0.7);z-index: 5;} #ind-five .item .t1{width: 100%;height: 100%;line-height: 165px;text-align: center;font-size: 22px;color: #fff;} #ind-five .item .t2{width: 305px;height: 170px;padding: 26px 24px;background: rgba(255,255,255,0.2);border-radius: 10px;} #ind-five .item .t2 .con{font-size: 16px;line-height: 30px;color: #fff;height: 120px;overflow: hidden;overflow-y: auto;} #ind-five .item .t2 .con::-webkit-scrollbar {width: 6px;height: 6px;} #ind-five .item .t2 .con::-webkit-scrollbar-track{background: #e5e5e5;border-radius: 25px;} #ind-five .item .t2 .con::-webkit-scrollbar-thumb{background: #1459a4;border-radius: 25px;} #ind-five .item .t2:before{display: block;content:"";position: absolute;width: 28px;height: 23px;} #ind-five .item:hover{background: url(/images/icon10.png) no-repeat center;box-shadow: 0 10px 20px rgba(252,185,26,0.7);} #ind-five .item:hover .t2{background: rgba(255,255,255,1);} #ind-five .item:hover .t2 .con{color: #1459a4;} #ind-five .item1{top: -30px;left: 70px;} #ind-five .item1 .t2{left: -500px;top: 0;} #ind-five .item1 .t2:before{background: url(/images/icon11.png) no-repeat center;top: calc(50% - 12px);right: -18px;} #ind-five .item2{top: 195px;left: -60px;} #ind-five .item2 .t2{left: -465px;top: 0;} #ind-five .item2 .t2:before{background: url(/images/icon11.png) no-repeat center;top: calc(50% - 12px);right: -18px;} #ind-five .item3{bottom: -30px;left: 70px;} #ind-five .item3 .t2{left: -500px;top: 0;} #ind-five .item3 .t2:before{background: url(/images/icon11.png) no-repeat center;top: calc(50% - 12px);right: -18px;} #ind-five .item4{bottom: -30px;right: 70px;} #ind-five .item4 .t2{right: -500px;top: 0;} #ind-five .item4 .t2:before{background: url(/images/icon12.png) no-repeat center;top: calc(50% - 12px);left: -18px;} #ind-five .item5{top: 195px;right: -60px;} #ind-five .item5 .t2{right: -465px;top: 0;} #ind-five .item5 .t2:before{background: url(/images/icon12.png) no-repeat center;top: calc(50% - 12px);left: -18px;} #ind-five .item6{top: -30px;right: 70px;} #ind-five .item6 .t2{right: -500px;top: 0;} #ind-five .item6 .t2:before{background: url(/images/icon12.png) no-repeat center;top: calc(50% - 12px);left: -18px;} @media (max-width: 1680px){ #ind-five{padding-bottom: 160px;} #ind-five .item4 .t2, #ind-five .item6 .t2{right: -300%;} #ind-five .item5 .t2{right: -255%;} #ind-five .item1 .t2, #ind-five .item3 .t2{left: -300%;} #ind-five .item2 .t2{left: -255%;} } @media (max-width: 1600px){ #ind-five .item4 .t2, #ind-five .item6 .t2{right: -255%;} #ind-five .item5 .t2{right: -200%;} #ind-five .item1 .t2, #ind-five .item3 .t2{left: -255%;} #ind-five .item2 .t2{left: -200%;} } @media (max-width: 1460px){ #ind-five .tent{height: 480px;width: 480px;} #ind-five .item1 .t2, #ind-five .item6 .t2{top: -15px;} #ind-five .item{width: 140px;height: 140px;} #ind-five .item2, #ind-five .item5{top: 165px;} #ind-five .item2 .t2, #ind-five .item5 .t2{top: -13px;} #ind-five .item4{bottom: -26px;right: 50px;} #ind-five .item3{bottom: -26px;left: 50px;} #ind-five .item4 .t2{top: -14px;} #ind-five .item3 .t2{top: -14px;} #ind-five .item .t1{line-height: 140px;} #ind-five .item .t2{width: 265px;} #ind-five .item4 .t2, #ind-five .item6 .t2{right: -220%;} #ind-five .item5 .t2{right: -210%;} #ind-five .item1 .t2, #ind-five .item3 .t2{left: -220%;} #ind-five .item2 .t2{left: -210%;} } @media (max-width: 1280px){ #ind-five .title{margin-bottom: 80px;font-size: 40px;} #ind-five .tent{ display: flex; align-content: flex-start; flex-wrap: wrap; height: 400px;width: 400px;} #ind-five .tent:before, #ind-five .tent:after{ display: none;} #ind-five .item{ display: flex; justify-content: flex-start; flex-direction: column; align-content: flex-start;} #ind-five .item .t1{ height: inherit;} #ind-five .item .t2{ padding: 20px; width: 210px;} #ind-five .item .t2 .con{font-size: 14px;line-height: 26px;height: 130px;} #ind-five .item{width: 100px;height: 100px;} #ind-five .item .t1{line-height: 100px;font-size: 16px;} #ind-five .item2, #ind-five .item5{top: 145px;} #ind-five .item4 .t2, #ind-five .item6 .t2{right: -280%;} #ind-five .item5 .t2{right: -235%;} #ind-five .item1 .t2, #ind-five .item3 .t2{left: -280%;} #ind-five .item2 .t2{left: -235%;} #ind-five .item1 .t2, #ind-five .item2 .t2, #ind-five .item5 .t2, #ind-five .item6 .t2{top: -33px;} #ind-five .item2{left: -37px;} #ind-five .item5{right: -37px;} #ind-five .item3 .t2, #ind-five .item4 .t2{top: -34px;} } @media (max-width: 1050px){ #ind-five .title{margin-bottom: 60px;} #ind-five{padding-bottom: 60px;} #ind-five .yuan{display: none;} #ind-five .tent{width: 100%;height: auto;font-size: 0;} #ind-five .item:hover, #ind-five .item{position: static;padding: 0 5%;margin-bottom: 40px;width: 50%;height: inherit;background: transparent;box-shadow: inherit;vertical-align: top;} #ind-five .item .t2{position: static;width: 100%; height: 100%;} #ind-five .item .t2:before{display: none;} #ind-five .item .t1{line-height: 36px;font-size: 26px;margin-bottom: 15px;} #ind-five .item .t2 .con{height: inherit;} } @media (max-width: 750px){ #ind-five .item{padding: 0 3%;} #ind-five .item .t1{line-height: 38px;font-size: 28px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #ind-five .item .t2 .con{font-size: 24px;line-height: 36px;} } #ind-six{background: url(/images/bg4.jpg) no-repeat center;background-size: cover;padding: 150px 0 160px;} #ind-six .bg{background: url(/images/bg5.png) no-repeat center;background-size: cover;} #ind-six .title{padding-left: 25px;font-family: 'AlibabaPuHuiTi_2_85_Bold';border-left: 5px solid #fff;font-size: 48px;color: #fff;line-height: 45px;} #ind-six .con{margin-top: 75px;height: 520px;} #ind-six .con .yuan{width: 16px;height: 16px;border: 4px solid #fcb91a;border-radius: 50%;} #ind-six .con .t1{font-size: 24px;line-height: 28px;color: #fff;} #ind-six .con .t1 span{font-family:"OSWALD-BOLD";margin-right: 6px;} #ind-six .con .t2{font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.7);margin-top: 20px;} #ind-six .item1{width: 345px;top: 240px;left: 0;} #ind-six .item1 .yuan{top: -90px;left: 35px;} #ind-six .item2{width: 285px;top: 10px;left: 320px;} #ind-six .item2 .yuan{left: -37px;top: -20px;} #ind-six .item3{width: 490px;bottom: 0;left: 520px;} #ind-six .item3 .yuan{left: 200px;top: -70px;} #ind-six .item4{width: 350px;top: 20px;left: 790px;} #ind-six .item4 .yuan{left: -120px;top: 50px;} #ind-six .item5{width: 360px;bottom: 45px;right: 0;} #ind-six .item5 .yuan{left: 35px;top: -35px;} #ind-six .item6{width: 260px;top: 70px;right: 0;} #ind-six .item6 .yuan{left: 85px;top: -45px;} @media (max-width: 1680px){ #ind-six .item2{top: 22px;left: 200px;} #ind-six .item3{width: 416px;left: 450px;} #ind-six .item5{width: 330px;right: 50px;} #ind-six .item4{width: 295px;left: 640px;} #ind-six .item4 .yuan{left: -70px;} #ind-six .item6{right: 50px;} } @media (max-width: 1440px){ #ind-six .item3{width: 330px;} #ind-six .item3 .yuan{left: 162px;} #ind-six .item2{left: 137px;} #ind-six .item4{left: 576px;width: 295px;top: 82px;} } @media (max-width: 1350px){ #ind-six{padding: 100px 0;} #ind-six .con{height: auto;font-size: 0;margin-top: 20px;} #ind-six .con .item{position: relative;display: inline-block;vertical-align: top;width: 30%;margin-right: 4%;left: auto;top: auto;bottom: auto;right: auto;margin-top: 60px;} #ind-six .item:nth-child(3n){margin-right: 0;} #ind-six .item .yuan{top: 7px;left: 0;} #ind-six .item .t1{padding-left: 22px;} } @media (max-width: 1280px){ #ind-six{padding: 80px 0;} #ind-six .title{font-size: 40px;} #ind-six .con .t1{font-size: 20px;} } @media (max-width: 750px){ #ind-six .item:nth-child(3n), #ind-six .con .item{width: 50%;padding: 0 3%;margin-right: 0;} #ind-six .item .yuan{top: 11px;left: 30px;} #ind-six .item:nth-child(2n){margin-right: 0;} #ind-six .item .t1{padding-left: 32px;} #ind-six .con .t1{font-size: 26px;line-height: 38px;} #ind-six .con .t2{font-size: 24px;line-height: 36px;} } #ind-seven{background: url(/images/bg5.jpg) no-repeat center;background-size: cover;padding: 185px 0 145px;} #ind-seven .title{padding-left: 25px;;border-left: 5px solid #1459a4;margin-bottom: 75px;} #ind-seven .title .ti1{font-size: 18px;line-height: 18px;color: #666;} #ind-seven .title .ti2{font-family: 'AlibabaPuHuiTi_2_85_Bold';font-size: 48px;color: #333;line-height: 48px;margin-top: 18px;} #ind-seven .title .ti2 span{font-family: 'AlibabaPuHuiTi_2_85_Bold';color: #1459a4;} #ind-seven .more:hover{background: #1766bb;} #ind-seven .isnav{margin: 130px auto 170px;} #ind-seven .isnav .isn{font-size: 18px;color: #666;line-height: 22px;margin-bottom: 45px;} #ind-seven .isnav .isn:nth-last-child(1){margin-bottom: 0;} #ind-seven .isnav .isn.cur{font-size: 20px;color: #1459a4;} #ind-seven .left{width: 505px;} #ind-seven .con{width: calc(100% - 505px);} #ind-seven .container{padding-bottom: 95px;} #ind-seven .swiper-scrollbar{left: 0;width: 100%;background: #dbddd8;} #ind-seven .swiper-scrollbar-drag{background: #1459a4;} #ind-seven .text{margin-top: 45px;} #ind-seven .slide .m-pic:after{padding-top: 62.59%;} #ind-seven .slide .t1{font-size: 18px;line-height: 24px;color: #333;font-family:"Gilroy-Regular";} #ind-seven .slide .t2{font-size: 24px;line-height: 27px;height: 54px;color: #333;margin: 18px auto;} #ind-seven .slide .t3{font-size: 16px;line-height: 35px;height: 70px;color: #999;} #ind-seven .slide:hover .t2{color: #1459a4;} @media(max-width: 1600px){ #ind-seven{padding: 140px 0 100px;} #ind-seven .isnav{margin: 100px 0 120px;} #ind-seven .container{padding-bottom: 80px;} } @media(max-width: 1280px){ #ind-seven{padding: 100px 0;} #ind-seven .isnav{margin: 80px 0;} #ind-seven .isnav .isn{margin-bottom: 30px;} #ind-seven .con{width: 67%;} #ind-seven .left{width: 30%;} #ind-seven .container{padding-bottom: 80px;} } @media(max-width: 981px){ #ind-seven .title .ti2{font-size: 40px;} #ind-seven{padding: 80px 0;} #ind-seven .left, #ind-seven .con{width: 100%;float: none;} #ind-seven .isnav, #ind-seven .more{display: none;} #ind-seven .bot .more, #ind-seven .bot{display: block;} #ind-seven .bot .more{margin: 60px auto 0;} } @media(max-width: 750px){ #ind-seven .slide .t2, #ind-seven .title .ti1{font-size: 26px;line-height: 38px;} #ind-seven .slide .t2{height: 76px;} #ind-seven .slide .t3, #ind-seven .slide .t1{font-size: 24px;line-height: 36px;} #ind-seven .slide .t3{height: 72px;} } /*联系竞技宝官网登录入口*/ #contact{padding-bottom: 100px;} #contact .way{padding: 7.81% 0 10.42%;} #contact .way .wy{width: 25%;min-height: 171px;border-left: 1px solid #e8e8e8;padding: 0 4.375%;} #contact .way .wy:first-child{border-left: none;} #contact .way .wy .ico{width: 45px;height: 37px;background-repeat: no-repeat;background-position: center center;} #contact .way .wy .t{color: #1a1a1a;font-size: 18px;margin: 40px 0 20px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #contact .way .wy .d{color: #1a1a1a;font-size: 16px;line-height: 25px;} #contact .way .wy a.d:hover{color: var(--main);} #contact .way .wy.add .ico{background-image: url(/images/bg_i1.png);} #contact .way .wy.tel .ico{background-image: url(/images/bg_i2.png);} #contact .way .wy.fax .ico{background-image: url(/images/bg_i3.png);} #contact .way .wy.mail .ico{background-image: url(/images/bg_i4.png);} #contact .way .map{width: 100%;height: 640px;margin-top: 80px;} #contact .feedback .top{border-left: 5px solid var(--main);padding-left: 30px;margin-bottom: 70px;} #contact .feedback .top .desc{margin-bottom: 30px;color: #666666;font-size: 18px;} #contact .feedback .top .title{color: var(--main);font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #contact .feedback .top .title .t2{color: #333333;font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #contact .feedback .boxs{padding: 80px 0;background: #fbfbfb;} #contact .feedback .boxs .form{width: 87.5%;margin: 0 auto;} #contact .feedback .boxs .form .rows{margin-bottom: 35px;width: 31.78%;margin-right: 2.33%;} #contact .feedback .boxs .form .rows:nth-child(3n){margin-right: 0;} #contact .feedback .boxs .form .rows .t{margin-bottom: 12px;color: #1a1a1a;font-size: 16px;line-height: 26px;} #contact .feedback .boxs .form .rows .t .st{margin-left: 6px;color: var(--main);font-size: 12px;transform: scale(0.92);line-height: 26px;} #contact .feedback .boxs .form .rows input{width: 100%;height: 50px;line-height: 50px;border: 1px solid #e6e6e6;background: #fff;font-size: 16px;color: #1a1a1a;padding: 0 15px;} #contact .feedback .boxs .form .rows input:hover{border-color: var(--main);} #contact .feedback .boxs .form .rows input::-webkit-input-placeholder{color: #1a1a1a;} #contact .feedback .boxs .form .rows input:-moz-placeholder {color: #1a1a1a;} #contact .feedback .boxs .form .rows input::-moz-placeholder{color: #1a1a1a;} #contact .feedback .boxs .form .rows input:-ms-input-placeholder {color: #1a1a1a;} #contact .feedback .boxs .form .area{width: 100%;margin-bottom: 60px;} #contact .feedback .boxs .form .area textarea{width: 100%;background: #fff;padding: 15px;height: 200px;font-size: 16px;line-height: 26px;resize: none;border: 1px solid #e6e6e6;} #contact .feedback .boxs .form .area textarea:hover{border-color: var(--main);} #contact .feedback .boxs .form .sub{width: 150px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;background: var(--main);} #contact .feedback .boxs .form .sub:hover{background: rgba(20,89,164,.8);} @media (max-width: 1280px){ #contact .way .wy{padding: 0 2%;} #contact .way .wy .t{margin-top: 30px;} } @media (max-width: 1050px){ #contact .way .wy{width: 50%;margin-bottom: 40px;padding: 0 5%;} #contact .way .wy:nth-child(3){border-left: none;} #contact .feedback .top .desc{margin-bottom: 10px;} #contact .feedback .top .title, #contact .feedback .top .title .t2{font-size: 36px;} #contact .feedback .boxs .form .rows{width: 100%;margin-right: 0;} } @media (max-width: 750px){ #contact{padding-bottom: 80px;} #contact .way .wy{margin-bottom: 60px;} #contact .way .wy .t{font-size: 26px;} #contact .way .wy .d{font-size: 24px;line-height: 36px;} #contact .way .map{margin-top: 30px;height: 320px;} #contact .feedback .boxs .form .rows .t, #contact .feedback .top .desc{font-size: 24px;line-height: 36px;} #contact .feedback .boxs{padding: 60px 0;} #contact .feedback .boxs .form .rows textarea, #contact .feedback .boxs .form .rows input{font-size: 24px;} #contact .feedback .boxs .form .rows input{height: 60px;line-height: 60px;} #contact .feedback .boxs .form .area textarea{height: 210px;line-height: 36px;} #contact .feedback .boxs .form .sub{width: 160px;height: 60px;line-height: 60px;font-size: 24px;} } /*实验室设计*/ #design1{padding: 100px 0;} #design1 .cate{padding-left: 26px;border-left: 5px solid var(--main);color: #333333;font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';margin-bottom: 80px;} #design1 .cate .st{color: var(--main);font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #design1 .list .li{width: 31.75%;margin-right: 2.375%;margin-bottom: 2.375%;background: #f6f8fa;} #design1 .list .li:nth-child(3n){margin-right: 0;} #design1 .list .li .bg{width: 100%;height: 0;overflow: hidden;top: 0;left: 0;z-index: 1;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #design1 .list .li .bg .m-pic:after{padding-top: 72.64%;} #design1 .list .li .center{width: 81.69%;padding: 45px 0;margin: 0 auto;z-index: 2;} #design1 .list .li .center .num{font-size: 16px;font-family: 'Gilroy_Bold';margin-bottom: 20px;color: var(--main);} #design1 .list .li .center .ico{width: 58px;height: 58px;} #design1 .list .li .center .name{margin: 25px 0;color: #333333;font-size: 24px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #design1 .list .li .center .name .t2{color: #333333;font-size: 16px;margin-bottom: 2px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #design1 .list .li .center .desc{color: #333333;font-size: 16px;line-height: 36px;} #design1 .list .li:hover .bg{height: 100%;} #design1 .list .li:hover .center .ico .i1{display: none;} #design1 .list .li:hover .center .ico .i2{display: inline-block;} #design1 .list .li:hover .center .num, #design1 .list .li:hover .center .name, #design1 .list .li:hover .center .name .t2, #design1 .list .li:hover .center .desc{color: #fff;} @media (max-width: 1460px){ #design1 .list .li .center .num{margin-bottom: 10px;} #design1 .list .li .center{width: 85%;} #design1 .list .li .center .name{margin: 20px 0;} } @media (max-width: 1280px){ #design1{padding: 80px 0;} #design1 .cate .st, #design1 .cate{font-size: 40px;height: 50px;} /*#design1 .list .li .center{padding: 30px 0;}*/ #design1 .list .li .center .ico{width: 40px;height: 40px;} #design1 .list .li .center .desc{line-height: 30px;} } @media (max-width: 1050px){ #design1 .list .li:nth-child(3n), #design1 .list .li{width: 49%;margin-right: 2%;margin-bottom: 2%;} #design1 .list .li:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ #design1 .list .li:nth-child(3n), #design1 .list .li{width: 100%;margin-right: 0;margin-bottom: 4%;} #design1 .list .li .center .name{font-size: 26px;line-height: 38px;} #design1 .list .li .center .num, #design1 .list .li .center .name .t2, #design1 .list .li .center .desc{font-size: 24px;line-height: 36px;} #design1 .list .li .center .ico{width: 58px;height: 58px;} } /*新闻*/ #news{padding: 100px 0;} #news .top .m-pic:after{padding-top: 35%;} #news .top .item .con{bottom: 0;left: 0;width: 100%;height: 95px;padding: 0px 240px 0 50px;background: rgba(0,0,0,.5);text-align: left;} #news .top .item .con .name{margin-top: 30px;width: 68.57%;color: #ffffff;font-size: 24px;line-height: 36px;height: 36px;font-family: 'SourceHanSansCN_Medium';} #news .top .item .con .date{margin-top: 30px;color: #ffffff;font-size: 20px;line-height: 36px;font-family: 'Gilroy_Bold';} #news .top .pn{width: 95px;height: 95px;z-index: 2;background-color: #fff;background-repeat: no-repeat;background-position: center center;bottom: 0;} #news .top .pn:hover{background-color: var(--main);} #news .top .prev{right: 95px;background-image: url(/images/bg_i14.png);} #news .top .prev:hover{background-image: url(/images/bg_i14_2.png);} #news .top .next{right: 0;background-image: url(/images/bg_i15.png);} #news .top .next:hover{background-image: url(/images/bg_i15_2.png);} #news .news-list{margin-top: 10px;} #news .news-list .info .cw1600{padding: 80px 0;border-bottom: 1px solid #e6e6e6;} #news .news-list .info .day{color: #cccccc;font-size: 70px;font-family: 'Gilroy_Bold';} #news .news-list .info .date{color: #cccccc;font-size: 20px;font-family: 'Gilroy_Bold';} #news .news-list .info .right{width: 80.81%;} #news .news-list .info .img{width: 31.86%;} #news .news-list .info .m-pic:after{padding-top: 62.621%;} #news .news-list .info .con{width: 61.09%;margin-right: 1.55%;} #news .news-list .info .tit{color: #1a1a1a;font-size: 24px;font-family: 'AlibabaPuHuiTi_2_85_Bold';line-height: 36px;max-height: 72px;margin: 10px 0 30px;} #news .news-list .info .desc{color: #999999;font-size: 16px;line-height: 30px;max-height: 60px;} #news .news-list .info .more{left: 37.27%;color: #cccccc;font-size: 16px;bottom: 0;font-family: 'Gilroy_Bold';} #news .news-list .info:hover{background: #fbfbfb;} #news .news-list .info:hover .day, #news .news-list .info:hover .date, #news .news-list .info:hover .tit, #news .news-list .info:hover .more{color: var(--main);} @media (max-width: 1280px){ #news{padding: 80px 0;} #news .news-list .info .more{display: none;} #news .news-list .info .more.m2{display: block;margin-top: 20px;} #news .news-list .info .tit{font-size: 20px;line-height: 30px;max-height: 60px;margin-bottom: 15px;} #news .news-list .info .day{font-size: 40px;text-align: center;} #news .top .item .con{width: 95%;} #news .top .item .con .name{font-size: 18px;width: 76%;} #news .top .item .con{padding-left: 32px;padding-right: 200px;} } @media (max-width: 1024px){ #news .top .pn, #news .top .item .con{height: 75px;} #news .top .pn{width: 75px;} #news .top .prev{right: 75px;} #news .top .item .con .date{margin-top: 19px;} #news .top .item .con .name{margin-top: 18px;} #news .news-list .info .right{margin-right: 3%;} #news .news-list .info .cw1600{padding: 60px 0;} } @media (max-width: 950px){ #news .news-list .info .right{width: 100%;margin-right: 0;float: none;} #news .news-list .info .date{display: none;} #news .news-list .info .date, #news .news-list .info:hover .date{color: #999;font-size: 14px;} #news .news-list .info .img{width: 37%;} #news .news-list .info .con{width: 59%;} #news .news-list .info .right .date{display: block;margin-top: 12px;} } @media (max-width: 750px){ #news .news-list .info .tit{margin-bottom: 10px;} #news .news-list .info .img{width: 45%;} #news .news-list .info .con{width: 52%;margin-right: 0;} #news .news-list .info .tit{margin-top: 0;font-size: 24px;line-height: 36px;height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-line-clamp: 1;display: block!important;} #news .news-list .info .desc{font-size: 24px;line-height: 34px;max-height: 68px;} #news .news-list .info .right .more, #news .view-more, #news .top .item .con .name, #news .top .item .con .date, #news .news-list .info .right .date{font-size: 24px;} #news .top .item .con .date, #news .news-list .info .right .date{font-family: 'Gilroy-Regular';} #news .news-list .info .more.m2{margin-top: 10px;font-size: 22px;} #news .top .item .con{padding-right: 25px;padding-right: 25px;width: 100%;} #news .top .pn{width: 50px;height: 50px;top: 0;bottom: 0;margin: auto;background-color: rgba(255,255,255,.8);border-radius: 10px;-webkit-background-size: 25px auto;background-size: 25px auto;} #news .top .prev{left: 20px;right: auto;} #news .top .next{right: 20px;} } #news-detail {padding: 100px 0;} #news-detail .top{padding-bottom: 30px;border-bottom: 1px solid #eeeeee;} #news-detail .top .title{color: #333333;font-size: 36px;font-family: 'AlibabaPuHuiTi_2_85_Bold';margin-bottom: 35px;} #news-detail .top .dd{color: #666666;font-size: 14px;background-repeat: no-repeat;background-position: left center;line-height: 24px;} #news-detail .top .time{padding-left: 23px;margin-right: 40px;background-image: url(/images/bg_i20.png);} #news-detail .top .views{padding-left: 32px;background-image: url(/images/bg_i21.png);} #news-detail .top a{background-repeat: no-repeat;background-position: center center;width: 24px;height: 24px;margin-left: 15px;} #news-detail .top .share1{background-image: url(/images/share1.png);} #news-detail .top .share1:hover{background-image: url(/images/share1_2.png);} #news-detail .top .share2{background-image: url(/images/share2.png);} #news-detail .top .share2:hover{background-image: url(/images/share2_2.png);} #news-detail .top .share3{background-image: url(/images/share3.png);} #news-detail .top .share3:hover{background-image: url(/images/share3_2.png);} #news-detail .top .share4{background-image: url(/images/share4.png);} #news-detail .top .share4:hover{background-image: url(/images/share4_2.png);} #news-detail .top .share5{background-image: url(/images/share5.png);} #news-detail .top .share5:hover{background-image: url(/images/share5_2.png);} #news-detail .top .share6{background-image: url(/images/share6.png);} #news-detail .top .share6:hover{background-image: url(/images/share6_2.png);} #news-detail .content{padding: 50px 0 80px;} #news-detail .btns .pn{width: 50%;padding: 60px 0;border: 1px solid #f0f0f0;} #news-detail .btns .pn .center{width: 61.67%;} #news-detail .btns .pn .t1{color: #000000;font-size: 18px;margin-bottom: 15px;} #news-detail .btns .pn .t2{color: #000000;font-size: 14px;font-weight: lighter;} #news-detail .btns .next{border-left: none;} #news-detail .btns .prev .center{margin-left: 16.67%;padding-left: 42px;background: url(/images/bg_i18.png) no-repeat left center;} #news-detail .btns .next .center{margin-right: 16.67%;padding-right: 42px;background: url(/images/bg_i19.png) no-repeat right center;} #news-detail .btns [href].pn:hover{border-color: var(--main);background: var(--main);} #news-detail .btns [href].pn:hover .t1, #news-detail .btns [href].pn:hover .t2{color: #fff;} #news-detail .btns [href].prev:hover .center{background-image: url(/images/bg_i18_2.png);} #news-detail .btns [href].next:hover .center{background-image: url(/images/bg_i19_2.png)} @media (max-width: 1280px){ #news-detail{padding: 80px 0;} #news-detail .top{text-align: center;} #news-detail .content{padding: 40px 0;} #news-detail .btns .pn .center{width: 70%;} #news-detail .btns .next .center{margin-right: 15%;padding-right: 32px;} #news-detail .btns .prev .center{margin-left: 15%;padding-left: 32px;} } @media (max-width: 1050px){ #news-detail .top .title{font-size: 30px;} #news-detail .top .dd.fl{display: inline-block;vertical-align: top;float: none;} #news-detail .top .share{float: none;width: 100%;text-align: center;margin-top: 20px;} #news-detail .btns .pn{padding: 40px 0;} } @media (max-width: 981px){ #news-detail .btns .pn{width: 100%;border: 1px solid #f0f0f0;padding: 50px 0;} #news-detail .btns .pn .center{width: 75%;margin: 0 auto;} #news-detail .btns .next .center, #news-detail .btns .prev .center{float: none;} #news-detail .btns .next{margin-top: 30px;} } @media (max-width: 750px){ #news-detail .top .dd{font-size: 24px;} #news-detail .btns .pn .center{width: 85%;} #news-detail .btns .pn .t1{font-size: 26px;} #news-detail .btns .pn .t2{font-size: 24px;} } /*方案*/ #solution{padding: 85px 0 100px;} #solution .info{margin-top: 50px;background-image: url(/images/bg1.png);background-position: right center;-webkit-background-size: 50.625% 100%;background-size: 50.625% 100%;} #solution .info .t{top: -100px;} #solution .info .df{display: flex;align-items: center;} #solution .info .img{width: 49.375%;} #solution .info .img:after{padding-top: 63.29%;} #solution .info .con{width: 50.625%;} #solution .info .con .center{width: 80.25%;margin: 0 auto;padding: 40px 0;} #solution .info .con .ico{width: 70px;height: 70px;margin-right: 15px;} #solution .info .con .name{color: var(--main);font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';line-height: 70px;} #solution .info .con .name .t2{color: #333333;font-family: 'AlibabaPuHuiTi_2_85_Bold';font-size: 48px;} #solution .info .con .desc{margin-top: 45px;font-size: 18px;line-height: 35px;color: #999999;} #solution .info:nth-child(2n) .info{background-position: left center;} #solution .info:nth-child(2n) .img{order: 2;} #solution .info:first-child{margin-top: 0;} @media (max-width: 1440px){ #solution .info .con .name .t2, #solution .info .con .name{font-size: 40px;line-height: 60px;} #solution .info .con .ico{width: 60px;height: 60px;} #solution .info .con .desc{margin-top: 30px;} } @media (max-width: 1280px){ #solution{padding: 80px 0;} #solution .info .con .name .t2, #solution .info .con .name{font-size: 32px;line-height: 48px;} #solution .info .con .ico{width: 48px;height: 48px;} #solution .info .con .desc{font-size: 16px;line-height: 28px;} } @media (max-width: 1050px){ #solution .info .con .center{width: 85%;} #solution .info .con .name .t2, #solution .info .con .name{font-size: 28px;line-height: 40px;} #solution .info .con .ico{width: 40px;height: 40px;} } @media (max-width: 850px){ #solution .info{margin-top: 60px;-webkit-background-size: cover; background-size: cover;} #solution .info .df{display: block;} #solution .info .con, #solution .info .img{width: 100%;} #solution .info .con .center{width: 90%;padding: 60px 0;} #solution .info .con .desc{margin-top: 40px;} } @media (max-width: 750px){ #solution .info .con .desc{font-size: 24px;line-height: 38px;} } /*招聘*/ #join .pub-title{padding-left: 34px;line-height: 48px;border-left: 5px solid var(--main);font-family: 'AlibabaPuHuiTi_2_85_Bold';color: #333333;font-size: 48px;margin-bottom: 80px;} #join .pub-title .t2{color: var(--main);font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} #join .job-boxs, #join .boxs{padding: 100px 0;} #join .boxs .environ .pic{width: 32.25%;margin-right: 1.625%;margin-bottom: 1.625%;} #join .boxs .environ .pic:after{padding-top: 73.64%;} #join .boxs .environ .pic:nth-child(2), #join .boxs .environ .pic:nth-child(5){margin-right: 0;} #join .boxs .environ .p1{width: 66.125%;} #join .boxs .environ .p1:after{padding-top: 35.92%;} #join .job-boxs .top{background: #fafafa;padding: 27px 0;border: 1px solid #e7e8ea;} #join .job-boxs .top .td{color: #333333;font-size: 16px;line-height: 26px;} #join .job-boxs .same{margin-bottom: 10px;} #join .job-boxs .same .td{margin-left: 2.625%;} #join .job-boxs .same .w1{width: 19.25%;} #join .job-boxs .same .w2{width: 15.5%;} #join .job-boxs .same .w3{width: 16.62%;} #join .job-boxs .same .w4{width: 13.9%;} #join .job-boxs .same .w6{width: 32px;margin-right: 2.625%;} #join .job-boxs .list .tp{padding: 27px 0;border: 1px solid #e7e8ea;} #join .job-boxs .list .tp .td{color: #999999;font-size: 16px;line-height: 26px;} #join .job-boxs .list .tp .w1{color: #333333;} #join .job-boxs .list .tp .w5{color: #333333;padding-left: 25px;background: url(/images/bg_i22.png) no-repeat left center;} #join .job-boxs .list .tp .w6{height: 26px;background: url(/images/bg_i23.png) no-repeat center center;} #join .job-boxs .list .tp:hover{background: #f6f9fe;} /*#join .job-boxs .list .tp .w6:hover{transform: rotate(180deg);}*/ #join .job-boxs .list .content{padding: 0 2.625%;width: 100%;height: 0;border: 1px solid transparent;border-top: none;overflow: hidden;} #join .job-boxs .list .content .h{margin: 50px 0 80px;} #join .job-boxs .list .content .editor{width: 79.3%;} #join .job-boxs .list .content .apply{width: 11.87%;margin-left: 7%;text-align: center;height: 66px;line-height: 66px;background: var(--main);font-size: 16px;color: #fff;} #join .job-boxs .list .content .apply:hover{background: var(--main2);} #join .job-boxs .list .job.open .tp{background: #f6f9fe;} #join .job-boxs .list .job.open .tp .w1{font-family: 'AlibabaPuHuiTi_2_85_Bold';} #join .job-boxs .list .job.open .tp .w6{background-image: url(/images/bg_i24.png);} #join .job-boxs .list .job.open .content{border-color: #e7e8ea;} @media (max-width: 1280px){ #join .job-boxs, #join .boxs{padding: 80px 0;} #join .pub-title{margin-bottom: 40px;font-size: 40px;} #join .pub-title .t2{font-size: 40px;} } @media (max-width: 1240px){ #join .job-boxs{padding-top: 60px;} #join .boxs{padding-bottom: 40px;} #join .pub-title{font-size: 36px;} #join .pub-title .t2{font-size: 36px;} } @media (max-width: 1024px){ #join .boxs .environ .pic.p1{width: 100%;margin-right: 0;} #join .boxs .environ .pic:nth-child(2), #join .boxs .environ .pic{width: 48%;margin-right: 4%;margin-bottom: 4%;} #join .boxs .environ .pic:nth-child(3){margin-right: 0;} #join .job-boxs .same .w2, #join .job-boxs .same .w4{display: none;} #join .job-boxs .same .w1{width: 30%;} #join .job-boxs .same .w6{margin-right: 6%;} #join .job-boxs .same .w3{width: 22%;} #join .job-boxs .list .content .con{display: block;margin-bottom: 30px;} #join .job-boxs .list .content .con .dd{font-size: 16px;color: #333;margin-bottom: 12px;} #join .job-boxs .list .content .editor{width: 100%;} #join .job-boxs .list .content .apply{margin-left: 0px;display: block;margin-top: 40px;width: 160px;} } @media (max-width: 750px){ #join .job-boxs{padding-top: 30px;} #join .job-boxs .top .td{font-size: 26px;} #join .job-boxs .same .w3{display: none;} #join .job-boxs .same .w1{width: 53%;} #join .job-boxs .same .w6{width: 60px;text-align: center;} #join .job-boxs .list .content .con .dd, #join .job-boxs .list .tp .td{font-size: 24px;line-height: 36px;} #join .job-boxs .list .tp .w6{height: 36px;} #join .job-boxs .list .content .apply{font-size: 24px;} } /*bim学院*/ #bim .swiper1 .m-pic:after{padding-top: 24.479%;} #bim .swiper2 .m-pic:after{padding-top: 80%;} #bim .bg{width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #bim .con{width: 460px;z-index: 2;top: 0;bottom: 0;left: 6%;margin: auto;height: 218px;} #bim .con .center{padding: 40px;letter-spacing: 5px;} #bim .con .center:before, #bim .con .center:after{content: "";position: absolute;width: 107px;height: 80px;position: absolute;background-repeat: no-repeat;background-position: center center;} #bim .con .center:before{left: 0;top: 0;background-image: url(/images/bim_1.png);} #bim .con .center:after{right: 0;bottom: 0;background-image: url(/images/bim_2.png);} #bim .con .center .tit{color: #333333;font-size: 60px;font-weight: bold;} #bim .con .center .tit .t2{color: var(--main);font-size: 60px;font-weight: bold;} #bim .con .center .en{color: #333333;font-size: 18px;font-family: 'Gilroy-Regular';text-transform: uppercase;margin: 15px 0 20px;} #bim .con .center .desc{color: #333333;font-size: 18px;line-height: 24px;} @media (max-width: 1280px){ #bim .con .center .tit .t2, #bim .con .center .tit{font-size: 48px;} #bim .con .center{padding: 30px;} #bim .con{height: 186px;width: 425px;} } @media (max-width: 1050px){ #bim .con .center .tit .t2, #bim .con .center .tit{font-size: 36px;} #bim .con .center{padding: 25px;} #bim .con{height: 163px;width: 380px;} #bim .swiper1 .m-pic:after{padding-top: 42%;} } @media (max-width: 750px){ #bim .pc{display: none;} #bim .mobile{display: block;} #bim .con{left: 0;right: 0;margin: auto;width: 75%;height: 200px;} #bim .con .center .tit .t2, #bim .con .center .tit{font-size: 48px;} #bim .con .center .en{font-size: 28px;margin: 25px 0;} #bim .con .center .desc{font-size: 26px;} } .college .title{position: relative;font-size: 0px;padding-left: 30px;color: #333333;text-transform: uppercase;margin-bottom: 50px;} .college .title span{display: inline-block;vertical-align: middle;} .college .title .blue{color: #1459a4;} .college .title .en{font-size: 48px;font-family: 'Gilroy_Bold';} .college .title .cn{font-size: 48px;font-family: 'AlibabaPuHuiTi_2_85_Bold';} .college .title:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 5px;height: 44px;background: #1459a4;} #college-1{padding: 100px 0;} #college-1 .cw1600{display: flex;justify-content: space-between;align-items: center;} #college-1 .text-box{width: calc(100% - 6.875% - 38.125%);} #college-1 .text-box .brief{font-size: 18px;line-height: 40px;color: #333333;} #college-1 .pic-frame{width: 38.125%;position: relative;} #college-1 .pic-frame:before{content: '';padding-top: 91.80328%;display: block;} #college-1 .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} @media (max-width: 1280px){ #college-1{padding: 80px 0;} } @media (max-width: 981px){ #college-1 .cw1600{display: block;} #college-1 .pic-frame, #college-1 .text-box{width: 100%;} #college-1 .pic-frame{margin-top: 40px;} #college-1 .pic-frame .pic{height: auto;} #college-1 .pic-frame:before{padding-top: 64%;} } @media (max-width: 750px){ #college-1 .text-box .brief{font-size: 24px;line-height: 36px;} } #college-2{padding: 50px 0 150px;} #college-2 .title{width: 100%;justify-content: center;margin-bottom: 60px;padding-left: 0;text-align: center;} #college-2 .title *{color: #333333!important;} #college-2 .title:before{display: none;} #college-2 .content{display: none;position: relative;} #college-2 .left{width: 50%;padding-right: 20px;border-radius: 18px;} #college-2 .right{width: 50%;padding-left: 20px;border-radius: 18px;} #college-2 .middle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 379px;height: 379px;background: #fff url("/images/college-2-vs-bg.png");background-size: 100% 100%;border-radius: 50%;box-shadow: 0 0 20px 5px #f5f5f5 inset;z-index: 10;} #college-2 .left .text-box{width: 100%;height: 100%;min-height: 550px;padding: 100px 230px 100px 70px;background: linear-gradient(to right,#1459a4,#1a6ac1);border-radius: 20px;box-shadow: 0px 0px 21px 0px rgba(51, 51, 51, 0.07);} #college-2 .left .text-box .name{font-size: 36px;color: #fff;padding-bottom: 30px;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,.3);} #college-2 .left .text-box .en{font-family: 'Gilroy_Bold';font-size: 16px;text-transform: uppercase;} #college-2 .left .text-box .cn{font-family: 'AlibabaPuHuiTi_2_85_Bold';} #college-2 .left .text-box ul li{display: flex;line-height: 30px;padding: 10px 0;} #college-2 .left .text-box ul li .number{width: 35px;font-size: 18px;color: #fff;font-family: 'Gilroy_Bold';} #college-2 .left .text-box ul li .text{width: calc(100% - 35px);font-size: 18px;color: #fff;} #college-2 .right .text-box{width: 100%;height: 100%;min-height: 550px;padding: 100px 70px 100px 230px;background: #fff;border-radius: 20px;box-shadow: 0px 0px 51px 0px rgba(51, 51, 51, 0.1);} #college-2 .right .text-box .name{font-size: 36px;color: #1459a4;padding-bottom: 30px;margin-bottom: 20px;border-bottom: 1px solid rgba(51,51,51,.1);} #college-2 .right .text-box .en{font-family: 'Gilroy_Bold';font-size: 16px;color: #333;text-transform: uppercase;} #college-2 .right .text-box .cn{font-family: 'AlibabaPuHuiTi_2_85_Bold';} #college-2 .right .text-box ul li{display: flex;line-height: 30px;padding: 10px 0;flex-direction: row-reverse;} #college-2 .right .text-box ul li .number{width: 35px;font-size: 18px;color: #333;font-family: 'Gilroy_Bold';text-align: right;} #college-2 .right .text-box ul li .text{width: calc(100% - 35px);font-size: 18px;color: #333;text-align: right;} .adv-part2{padding: 0 0 0;} .adv-part2 .top{margin-bottom: 15px;} .adv-part2 .top .li{margin-left: 50px; padding: 20px 0 0 0; width: 130px; height: 130px; border-radius: 5px; background: #1763b5;} .adv-part2 .top .li:last-child{background: #598abe;} .adv-part2 .top .li:first-child{margin-left: 0; padding: 40px 0 0 0;} .adv-part2 .top .li .icon{margin-bottom: 18px;} .adv-part2 .top .li .txt{font-size: 18px; color: #fff;} .adv-part2 .bot{} .adv-part2 .bot .list{width: 8.375%;} .adv-part2 .bot .list .txt{font-size: 18px; line-height: 50px; margin-bottom: 23px;} .adv-part2 .bot .list .txt:last-child{margin-bottom: 0 ;} .adv-part2 .bot .data-list{width: calc(100% - 8.375%);} .adv-part2 .bot .data-list .data{width: 43.7% !important; margin: 0 !important; padding: 0 !important;} .adv-part2 .bot .data-list .li{margin-bottom: 23px; padding: 0 30px;height: 50px; line-height: 50px; border-radius: 5px; background: #e1e3e6; font-size: 18px; overflow: hidden;} .adv-part2 .bot .data-list .li:last-child{margin-bottom: 0;} .adv-part2 .bot .data-list .li .txt1{position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); color: #1459a4; font-weight: bold;} .adv-part2 .bot .data-list .li .txt2{width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; top: 50%; right: 30px; z-index: 1; transform: translateY(-50%); color: #fff;} .adv-part2 .bot .data-list .left .li .txt2{text-align: right;} .adv-part2 .bot .data-list .right{margin-left: 50px !important;} .adv-part2 .bot .data-list .right .li{flex-direction: row-reverse;} .adv-part2 .bot .data-list .right .li .txt2{right: inherit; left: 30px;} .adv-part2 .bot .data-list .li{position: relative;} .adv-part2 .bot .data-list .li::after {content: "";width: 0; height: 100%;;position: absolute;top: 0;bottom:0;transition: transform .4s ease;z-index: 0; border-radius: 5px;} .adv-part2 .bot .data-list .left .li::after{right: 0;background: #1761b1;} .adv-part2 .bot .data-list .right .li::after{left: 0;background: #598abe;} @media (max-width: 1600px){ #college-2 .right .text-box{padding: 80px 70px 80px 140px;} #college-2 .left .text-box{padding: 80px 140px 80px 70px;} #college-2 .left .text-box .name, #college-2 .right .text-box .name{font-size: 30px;} #college-2 .left .text-box ul li{line-height: 28px;} #college-2 .middle{width: 260px;height: 260px;} } @media screen and (max-width: 1366px) { .adv-part2 .top .li{margin-left: 45px;} .adv-part2 .bot .data-list .right {margin-left: 45px !important;} } @media (max-width: 1280px){ #college-2{padding: 80px 0;} #college-2 .right .text-box{padding: 60px 60px 60px 80px;} #college-2 .left .text-box{padding: 60px 80px 60px 60px;} #college-2 .middle{width: 180px;height: 180px;} #college-2 .left .text-box .name, #college-2 .right .text-box .name{font-size: 26px;} #college-2 .left .text-box .en, #college-2 .right .text-box .en{font-size: 14px;} } @media (max-width: 1024px){ #college-2{padding: 80px 0;} #college-2 .right .text-box{padding: 40px 40px 40px 60px;} #college-2 .left .text-box{padding: 40px 60px 40px 40px;} #college-2 .middle{width: 120px;height: 120px;} #college-2 .middle img{max-height: 60px;max-width: 60px;} #college-2 .left .text-box .name, #college-2 .right .text-box .name{font-size: 20px;} #college-2 .right .text-box ul li{padding: 6px 0;line-height: 26px;} #college-2 .left .text-box ul li .text, #college-2 .left .text-box ul li .number, #college-2 .right .text-box ul li .number, #college-2 .right .text-box ul li .text{font-size: 16px;} #college-2 .right .text-box, #college-2 .left .text-box{min-height: 500px;} .adv-part2 .bot .data-list .data{width: 43.2% !important;} } @media (max-width: 920px){ #college-2 .content{display: none;} #college-2 .right, #college-2 .left{width: 100%;padding: 0;} #college-2 .middle{position: static;width: 200px;height: 200px;margin: 60px auto;transform: inherit;} #college-2 .middle img{max-height: 100%;max-width: 100%;} #college-2 .right .text-box, #college-2 .left .text-box{min-height: inherit;} #college-2 .right .text-box, #college-2 .left .text-box{padding: 60px;} #college-2 .right .text-box ul li .number, #college-2 .right .text-box ul li .text{text-align: left;} #college-2 .right .text-box ul li{flex-direction: inherit;} #college-2 .left .text-box .name, #college-2 .right .text-box .name{font-size: 26px;} #college-2 .left .text-box .en #college-2 .right .text-box .en{font-size: 20px;} #college-2 .left .text-box ul li, #college-2 .right .text-box ul li{padding: 15px 0;} #college-2 .left .text-box ul li .text, #college-2 .left .text-box ul li .number, #college-2 .right .text-box ul li .number, #college-2 .right .text-box ul li .text{font-size: 20px;} .adv-part2 .top .li{background: #598abe; animation: breath 4s infinite linear alternate;} .adv-part2 .top .li.cur{background: #1761b1; animation: inherit;} .adv-part2 .top .li .txt{font-size: 24px;} .adv-part2 .bot .list{width: 16.5%;} .adv-part2 .bot .list .txt{font-size: 24px;} .adv-part2 .bot .data-list{width: calc(100% - 16.5%);} .adv-part2 .bot .data-list .data{width: 100% !important;} .adv-part2 .bot .data-list .left .li::after{right: inherit; left: 0;} .adv-part2 .bot .data-list .right{margin-left: 0 !important;} .adv-part2 .bot .data-list .right .li::after{background: #1761b1;} .adv-part2 .bot .data-list .li .txt2{right: inherit; left: 30px;} .adv-part2 .bot .data-list .li .txt1{right: 30px;} .adv-part2 .bot .data-list .left .li .txt2{text-align: left;} .adv-part2 .bot .data-list .li .txt1, .adv-part2 .bot .data-list .li .txt2{font-size: 24px;} @keyframes breath { 0% {opacity: .6;} 50% {opacity: 1;} to {opacity: .6;} } } @media (max-width: 750px){ #college-2 .left .text-box .name, #college-2 .right .text-box .name{font-size: 28px;} #college-2 .left .text-box .en #college-2 .right .text-box .en{font-size: 24px;} #college-2 .left .text-box ul li, #college-2 .right .text-box ul li{line-height: 36px;} #college-2 .left .text-box ul li .text, #college-2 .left .text-box ul li .number, #college-2 .right .text-box ul li .number, #college-2 .right .text-box ul li .text{font-size: 24px;} #college-2 .left .text-box ul li .number, #college-2 .right .text-box ul li .number{width: 45px;} #college-2 .left .text-box ul li .text, #college-2 .right .text-box ul li .text{width: calc(100% - 45px);} } #college-3{padding: 140px 0 120px;background: #f6f8fa;} #college-3 .tp{top: -140px;} #college-3 .title{margin-bottom: 80px;} #college-3 ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} #college-3 ul li{width: calc((100% - 80px)/ 3);margin-bottom: 40px;min-height: 365px;background: #fff;padding: 60px 50px;position: relative;overflow: hidden;} #college-3 ul li .number{position: absolute;top: 50px;right: 50px;font-size: 16px;color: #1459a4;font-family: 'Gilroy_Bold';} #college-3 ul li .icon{margin-bottom: 30px;width: 70px;height: 70px;position: relative;} #college-3 ul li .name{font-size: 24px;margin-bottom: 20px;position: relative;z-index: 1;} #college-3 ul li .brief{font-size: 16px;line-height: 35px;position: relative;z-index: 1;} #college-3 ul li::before{background: linear-gradient(35deg,#1459a4,#1c71cd); content:''; position:absolute; z-index:0; left:0; right:0; top:0; bottom:0; opacity:0;} #college-3 ul li:hover::before{opacity:1;} #college-3 ul li:hover{border-radius: 20px;} #college-3 ul li:hover .number{color: #fff;} #college-3 ul li:hover .name, #college-3 ul li:hover .brief {color: #fff;} #college-3 ul.one li:nth-child(4), #college-3 ul.two li:nth-child(5){width: calc((100% - 80px)/ 3 * 2 + 40px);} @media (max-width: 1460px){ #college-3 ul li{padding: 30px ;} } @media (max-width: 1280px){ #college-3{padding: 80px 0;} #college-3 .title{margin-bottom: 60px;} #college-3 ul li .name{font-size: 20px;} #college-3 ul li{width: calc((100% - 45px) / 3);} } @media (max-width: 1024px){ #college-3 ul{display: block;font-size: 0;} #college-3 ul.one li:nth-child(4), #college-3 ul li{display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;margin-bottom: 4%;min-height: inherit;} #college-3 ul.one li:nth-child(2n), #college-3 ul li:nth-child(2n){margin-right: 0px;} #college-3 ul.two li:nth-child(5), #college-3 ul li:nth-child(5){width: 100%;margin-right: 0;} } @media (max-width: 950px){ #college-3 ul.one li:nth-child(4), #college-3 ul li{width: 100%;margin-right: 0;} } @media (max-width: 950px){ #college-3 ul li .name{font-size: 28px;line-height: 40px;} #college-3 ul li .number, #college-3 ul li .brief{font-size: 24px;line-height: 36px;} } #college-4{padding: 150px 0 0;} #college-4 .tp{top: -150px;} #college-4 .title{margin-bottom: 70px;} #college-4 .craft-list .li{padding: 100px 0;} #college-4 .craft-list .li:first-child{padding-top: 0px;} #college-4 .craft-list .li .picbox{content: "";position: absolute;top: 0;width: 48.81%;height: 100%;background: url(/images/college-4-bg.png) no-repeat center center/100% 100%;} #college-4 .craft-list .one .picbox{left: 0;} #college-4 .craft-list .two .picbox{right: 0;} #college-4 .craft-list .li .df{display: flex;margin-top: 3.25%;} #college-4 .craft-list .li.oly .df{align-items: center;} #college-4 .craft-list .li .m-pic{width: 48.84%;} #college-4 .craft-list .li .m-pic:after{padding-top: 51.61%;} #college-4 .craft-list .li .con{width: 45.3125%;} #college-4 .craft-list .li .tit{color: #333333;font-size: 36px;line-height: 48px;max-height: 96px;margin-bottom: 40px;} #college-4 .craft-list .li .desc{color: #333333;font-size: 18px;line-height: 28px;} #college-4 .craft-list .li .btns{bottom: 50px;width: 45%;z-index: 2;} #college-4 .craft-list .li .btns .pn{width: 84px;height: 84px;background-color: #fff;background-repeat: no-repeat;background-position: center center;box-shadow: 0 0 24px 2px #efefef;border-radius: 50%;} #college-4 .craft-list .li .btns [tabindex="0"].pn:hover{background-color: var(--main);} #college-4 .craft-list .li .btns .prev{margin-right: 30px;background-image: url(/images/icon-prev-blue.png);} #college-4 .craft-list .li .btns .next{background-image: url(/images/icon-next-blue.png);} #college-4 .craft-list .li .btns [tabindex="0"].prev:hover{background-image: url(/images/icon-prev-white.png);} #college-4 .craft-list .li .btns [tabindex="0"].next:hover{background-image: url(/images/icon-next-white.png);} #college-4 .craft-list .one{background: #fff;} #college-4 .craft-list .one .m-pic{margin-right: 6.25%;} #college-4 .craft-list .one .btns{right: 0;} #college-4 .craft-list .two{background: #f6f8fa;} #college-4 .craft-list .two .btns{left: 0;} #college-4 .craft-list .two .m-pic{order: 2;margin-left: 6.25%;} @media (max-width: 1600px){ #college-4 .craft-list .li .btns{bottom: 30px;} #college-4 .craft-list .li .btns .pn{width: 70px;height: 70px;} } @media (max-width: 1440px){ #college-4{padding-top: 120px;} #college-4 .craft-list .li .tit{font-size: 28px;line-height: 38px;max-height: 76px;margin-bottom: 20px;} #college-4 .craft-list .li .m-pic{width: 48.54%;} #college-4 .craft-list .twp .m-pic{margin-left: 4.75%;} #college-4 .craft-list .one .m-pic{margin-right: 4.85%;margin-left: 0.1%;} #college-4 .craft-list .li .con{width: 46%;} } @media (max-width: 1320px){ #college-4 .craft-list .li .btns{bottom: 10px;} } @media (max-width: 1280px){ .college .title{line-height: 60px;} .college .title .en, .college .title .blue{font-size: 40px;} #college-4{padding-top: 100px;} #college-4 .title{margin-bottom: 50px;} #college-4 .craft-list .container{padding-bottom: 20px;} #college-4 .craft-list .li{padding: 80px 0;} #college-4 .craft-list .li .picbox{height: 70%;} #college-4 .craft-list .one .btns{position: static;text-align: center;width: 100%;right: 0;margin: 50px auto 0;} #college-4 .craft-list .li .btns .prev{margin-right: 50px;} #college-4 .craft-list .li .tit{font-size: 24px;line-height: 36px;max-height: 72px;} } @media (max-width: 950px){ #college-4{padding-top: 80px;} #college-4 .craft-list .li .df{display: block;margin-top: 0;} #college-4 .craft-list .li .m-pic{width: 100%;margin-right: 0;margin-left: 0;background: url(/images/college-4-bg.png) no-repeat center top/100% 100%;} #college-4 .craft-list .li .m-pic:after{padding-top: 56.31%;} #college-4 .craft-list .li .m-pic img{max-height: 83.5%;margin-top: 7.5%;max-width: 99.5%;} #college-4 .craft-list .li .con{margin-top: 20px;width: 100%;} #college-4 .craft-list .li .picbox{display: none;} } @media (max-width: 750px){ #college-4 .craft-list .li .text-line{text-overflow: inherit;display: block !important;overflow: visible;} #college-4 .craft-list .li .tit{font-size: 28px;line-height: 40px;} #college-4 .craft-list .li .desc{font-size: 24px;line-height: 36px;} } /* #college-4 ul li{padding: 100px 0;display: flex;justify-content: center;} #college-4 ul li:first-child{padding: 0 0 100px;} #college-4 ul li:nth-child(2n){background: #f6f8fa;} #college-4 ul li .box{padding: 20px;margin: -20px;overflow: hidden;} #college-4 ul li .container{overflow: unset;} #college-4 ul li .container:after{content: "";position: absolute;top: 0;left: 0;width: 48.81%;height: 100%;background: url(/images/college-4-bg.png) no-repeat center center;} #college-4 ul li:nth-child(2n) .container:after{right: 0;left: auto;} #college-4 ul li .container .slide{margin-right: 40px;display: flex;justify-content: space-between;align-items: center;} #college-4 ul li .container .slide{flex-direction: row-reverse;} #college-4 ul li .container .m-pic{width: 45.625%;} #college-4 ul li .container .m-pic:after{padding-top: 49.31%;} #college-4 ul li .container .pic-frame{width: calc(50% - 20px);background: url("/imagesollege-4-bg.png") no-repeat;background-size: 100% 100%;position: relative;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);border-radius: 10px;overflow: hidden;} #college-4 ul li .container .pic-frame:before{content: '';padding-top: 57.6923%;display: block;} #college-4 ul li .container .pic-frame .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 6.40204% 0 0;} #college-4 ul li .container .text-box{width: 50%;padding: 0 30px 0 80px;margin-bottom: 80px;} #college-4 ul li:nth-child(2n) .container .text-box{padding: 0 80px 0 30px;} #college-4 ul li .container .text-box .name{font-size: 36px;color: #333;font-family: 'AlibabaPuHuiTi_2_85_Bold';margin-bottom: 35px;} #college-4 ul li .container .text-box .brief{font-size: 18px;line-height: 40px;height: 120px;margin-bottom: 30px;} #college-4 ul li .container .btn-box{position: absolute;bottom: calc((100% - 310px)/ 2);left: calc(50% + 80px);display: flex;justify-content: space-between;width: 200px;z-index: 2;} #college-4 ul li:nth-child(2n) .container .btn-box{left: 30px;);} #college-4 ul li .container .btn-box .btn{width: 80px;height: 80px;border-radius: 50%;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);} #college-4 ul li .container .btn-box .prev{background: url("/images/icon-prev-blue.png") center center no-repeat;} #college-4 ul li .container .btn-box .prev:hover{background: url("/images/icon-prev-white.png") center center no-repeat #1459a4;box-shadow: unset;} #college-4 ul li .container .btn-box .next{background: url("/images/icon-next-blue.png") center center no-repeat;} #college-4 ul li .container .btn-box .next:hover{background: url("/images/icon-next-white.png") center center no-repeat #1459a4;box-shadow: unset;} @media (max-width: 1024px) { #college-2 .middle{} } */ /*分页*/ #turn_page {padding-top: 70px;} #turn_page .paging .a{display: inline-block;vertical-align: top;min-width: 60px;height: 60px;line-height: 60px;border: 1px solid #ebeff2;margin: 0 5px 5px;color: #333333;font-size: 14px;font-family: 'Gilroy_Bold';border-radius: 50%;} #turn_page .paging a.a:hover{border-color: var(--main);color: var(--main);} #turn_page .paging .a.cur{color: #fff;border-color: var(--main);background-color: var(--main);} #turn_page .paging .a .i{width: 10px;height: 60px;margin: 0 auto;background-repeat: no-repeat;background-position: center center;} #turn_page .paging .first, #turn_page .paging .last{display: none;} #turn_page .paging .prev{margin-right: 15px;} #turn_page .paging .next{margin-left: 15px;} #turn_page .paging .prev .i{background-image: url(/images/bg_i16.png);} #turn_page .paging a.prev:hover{background: var(--main);} #turn_page .paging a.prev:hover .i{background-image: url(/images/bg_i16_2.png);} #turn_page .paging .next .i{background-image: url(/images/bg_i17.png);} #turn_page .paging a.next:hover{background: var(--main);} #turn_page .paging a.next:hover .i{background-image: url(/images/bg_i17_2.png);} @media (max-width: 750px){ #turn_page .paging .a{font-size: 24px;min-width: 45px;height: 45px;line-height: 45px;margin: 0 10px 10px;} #turn_page .paging .a .i{height: 45px;} } /*成功案例*/ #case{padding: 100px 0;} #case .title-wrap .left{width: 37.5%;font-size: 48px;color: #333;font-weight: bolder;padding-left: 30px;position: relative;line-height: 44px;} #case .title-wrap .left::before{content: '';width: 5px;height: 44px;background: var(--main);position: absolute;left: 0;top: 0;z-index: 1;} #case .title-wrap .left span{color: var(--main);} #case .title-wrap .right{max-width: 60%;} #case .title-wrap .right .select{width: 220px;height: 40px;border-bottom: solid 1px #eaeaea;background: url(/images/n2.png)no-repeat calc(100% - 20px) center;margin-right: 34px;position: relative;margin-top: 10px;} #case .title-wrap .right .select .con{font-size: 14px;color: #333;padding: 0 12px;line-height: 40px;} #case .title-wrap .right .select .con .t2{font-size: 12px;font-family: 'Gilroy-Regular';color: #333333;margin-left: 8px;} #case .title-wrap .right .select .list{position: absolute;left: 0;top: 20px;width: 100%;height: 0;z-index: 1;overflow: hidden;} #case .title-wrap .right .select .list .listwrap{padding: 50px 50px;background: #fff;;} #case .title-wrap .right .select .list .a{font-size: 14px;color: #333;} #case .title-wrap .right .select .list .li{margin-top: 25px;} #case .title-wrap .right .select .list .li:first-child{margin-top: 0;} #case .title-wrap .right .select .list .a:hover{color: var(--main);} #case .title-wrap .right .select.cur {background: url(/images/n3.png)no-repeat calc(100% - 20px) center;border-bottom-color: #13569e;} #case .title-wrap .right .select.cur .list{box-shadow: 0px 0px 20px 0px #d0d1d2;} #case .title-wrap .right .btns{width: 60px;height: 60px;overflow: hidden;background: var(--main) url(/images/n1.png)no-repeat center;border-radius: 50%;} #case .list{margin-top: 20px;} #case .list .item{width: 30%; margin-right: 4%; margin-top: 40px;} #case .list .item:nth-child(3n){margin-right: 0;} #case.case-list .list{margin-top: 20px;} #case.case-list .list .item{width: 22.67%; margin-right: 3.1%;margin-top: 40px; box-shadow: 0 0 15px rgba(20, 89,164,0.1); transform-style: preserve-3d; -webkit-perspective: 1000;} #case.case-list .list .item:nth-child(4n){margin-right: 0;} #case.case-list .list .item .front{ padding: 60px 11% 70px;background: #FFFFFF;position: relative; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;transform: rotateY(0deg); transition: all .4s ease-out; z-index: 5;border-radius: 10px; border-radius: 10px;} #case.case-list .list .item .back{ padding: 60px 11% 70px; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/images/pic01.png) no-repeat center center/cover;box-shadow: 0px 5px 38px rgb(0 69 87 / 9%);-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;transform: rotateY(-180deg);-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;z-index: 7;border-radius: 10px;} #case.case-list .list .item .icon{margin-bottom: 55px; min-height: 42px;} #case.case-list .list .item .tit{font-size: 22px; color: #333333; margin-bottom: 44px;} #case.case-list .list .item .wrap{min-height: calc(35px * 3);} #case.case-list .list .item .wrap>div{font-size: 16px; color: #999999; line-height: 35px;} #case.case-list .list .item .back .tit, #case.case-list .list .item .back .wrap>div{color: #fff;} #case.case-list .list .item .btn_row{display: flex; margin-top: 55px;} #case.case-list .list .item .btn_row .btn{margin-left: 17px;width: 107px; height: 42px; line-height: 42px; text-align: center; border-radius: 5px; border: 1px solid #fff; font-size: 14px; color: #fff;} #case.case-list .list .item .btn_row .btn:first-child{margin-left: 0;} #case.case-list .list .item .btn_row .btn:hover{background: #fff; color: var(--main);} #case.case-list .list .item:hover{ box-shadow: inherit;} #case.case-list .list .item:hover .front{z-index: 8;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} #case.case-list .list .item:hover .back{z-index: 9;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateY(0deg);-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} #case .list .item .bot{margin-top: 40px;} #case .list .item .bot .left{width: calc(100% - 80px);margin-right: 20px;} #case .list .item .bot .left .title{font-size: 20px;color: #333;font-weight: bolder;} #case .list .item .bot .left .meg-wrap{margin-top: 20px;} #case .list .item .bot .left .meg{font-size: 16px;color: #999;margin-right: 30px;} #case .list .item .bot .right{width: 60px;} #case .list .item .bot .right .btns{width: 58px;height: 58px;border: solid 1px #373737;border-radius: 50%;background: url(/images/n5.png)no-repeat center;display: block;} #case .list .item:hover .bot .right .btns{background: var(--main) url(/images/n5_h.png)no-repeat center;border-color: var(--main);} @media (max-width: 1280px){ #case{padding: 80px 0;} #case .title-wrap .left{font-size: 40px;} #case .list .item .bot .left .title{font-size: 18px;} #case .list .item .bot .right{width: 40px;} #case .list .item .bot{margin-top: 30px;} #case .list .item .bot .right .btns{width: 38px;height: 38px;} } @media screen and (max-width: 1200px) { #case.case-list .list .item .icon{margin-bottom: 25px;} #case.case-list .list .item .btn_row{margin-top: 25px;} } @media (max-width: 1100px){ #case .title-wrap .left, #case .title-wrap .right{float: none;width: 100%;} #case .title-wrap .right{margin: 0 auto;width: 570px;max-width: 100%;} #case .title-wrap .left{text-align: center;margin-bottom: 40px;padding-left: 0;padding-bottom: 20px;margin-bottom: 40px;} #case .title-wrap .left:before{content: "";left: 0;right: 0;margin: auto;bottom: 0;top: auto;width: 44px;height: 5px;} } @media (max-width: 950px){ #case .title-wrap .right .select .con{font-size: 16px;} #case .title-wrap .right .select .con .t2{font-size: 14px;} #case .title-wrap .right .select .list .listwrap{padding: 40px;} #case .title-wrap .right .select .list .a{font-size: 16px;line-height: 30px;margin-top: 20px;} #case .list .item:nth-child(3n), #case .list .item, #case.case-list .list .item{width: 48%;margin-right: 4%;margin-top: 6%;} #case .list .item:nth-child(2n){margin-right: 0;} #case.case-list .list .item .front{padding: 70px 11% 110px;} #case.case-list .list .item .tit{font-size: 32px;} #case.case-list .list .item .wrap>div{font-size: 26px; line-height: 50px;} #case.case-list .list .item .btn_row{flex-direction: column;} #case.case-list .list .item .btn_row .btn {margin-left: 0; margin-top: 15px; width: 100%; height: 45px;line-height: 45px; font-size: 24px;} #case .list .item .bot .left{width: 100%;margin-right: 0;float: none;} #case .list .item .bot .right{float: none;margin-top: 20px;} } @media (max-width: 750px){ #case .title-wrap .right{width: 100%;} #case .title-wrap .right .select{margin-right: 20px;} #case .title-wrap .right{width: 633px;} #case .title-wrap .right .select:nth-child(2){width: 312px;} #case .title-wrap .right .select .list .a, #case .title-wrap .right .select .con{font-size: 24px;} #case .title-wrap .right .select .con .t2{font-size: 24px;} #case .list .item .bot .left .title{font-size: 26px;} #case .list .item .bot .left .meg{font-size: 24px;margin-right: 0;width: 100%;float: none;} } #about{width: 100%;} #about .pic{width: 100%;} #about .box{padding: 90px 0 135px;} #about .box .left{width: 58.4375%;} #about .box .left .title{font-size: 36px;color: #1a1a1a;font-family:"AlibabaPuHuiTi_2_85_Bold";} #about .box .left .brief{font-size: 16px;color: #1a1a1a;line-height: 2.1875;margin-top: 35px;} #about .box .right{width: 33.125%;} #about .box .right .li{width: 50%;margin-bottom: 85px;} #about .box .right .li:nth-child(1), #about .box .right .li:nth-child(3){padding-right: 90px;border-right: 1px solid #e6e6e6;} #about .box .right .li:nth-child(2), #about .box .right .li:nth-child(4){padding-left: 90px;} #about .box .right .li:nth-last-child(-n+2){margin-bottom: 0;} #about .box .right .li .num{font-size: 60px;color: #1459a4;font-family: "Gilroy_Bold";} #about .box .right .li .unit{font-size: 20px;color: #1459a4;font-family: "AlibabaPuHuiTi_2_85_Bold";margin: 40px 0 0 5px;} #about .box .right .li .tit{font-size: 18px;color: #1a1a1a;font-family:"AlibabaPuHuiTi_2_85_Bold";margin-top: 10px;} #about .network{padding: 140px 0 105px;background: url(/images/network-bg.jpg) no-repeat center;background-size: cover;} #about .network .left{width: 50%;} #about .network .right{order: 2;width: 50%;padding: 0 65px 0 145px;} #about .network .right .title{font-size: 48px;color: #fff;font-family: "AlibabaPuHuiTi_2_85_Bold";border-left: 5px solid #fff;padding-left: 30px;line-height: 1;} #about .network .right .brief{font-size: 16px;color: #fff;line-height: 2.25;margin-top: 60px;} @media (max-width: 1460px){ #about .box .right{width: 35%;} #about .box .right .li .num{font-size: 40px;} #about .box .right .li .unit{margin-top: 15px;} #about .box .right .li:nth-child(1), #about .box .right .li:nth-child(3){padding-right: 60px;} #about .box .right .li:nth-child(2), #about .box .right .li:nth-child(4){padding-left: 60px;} #about .network .right{padding-left: 80px;} } @media (max-width: 1280px){ #about .network{padding: 80px 0;} #about .network .right .title{font-size: 40px;} #about .network .right .brief{margin-top: 30px;} #about .network .content{display: block;} #about .network .right{width: 100%;padding: 0;} #about .network .map{margin-top: 40px;} #about .network .map img{width: auto;max-width: 100%;} } @media (max-width: 1200px){ #about .box{padding: 80px 0 100px;} #about .box{display: block;} #about .box .right, #about .box .left{width: 100%;} #about .box .right{margin-top: 60px;} #about .box .right {display: block;font-size: 0;} #about .box .right .li{width: 25%;display: inline-block;vertical-align: top;border-left: 1px solid #e6e6e6;padding: 0 3%!important;margin-bottom: 0;} #about .box .right .li:first-child{border-left: none;} #about .box .right .li:nth-child(1), #about .box .right .li:nth-child(3){border-right: none;} #about .box .right .li .tit{min-height: 50px;} } @media (max-width: 981px){ #about .box .right .li .tit{font-size: 16px;} } @media (max-width: 850px){ #about .box .right{width: 80%;margin: 60px auto 0;text-align: center;} #about .box .right .li{width: 50%;margin-bottom: 40px;} #about .box .right .li:nth-child(3){border-left: none;} } @media (max-width: 750px){ #about .box .left .brief{font-size: 24px;line-height: 38px;} #about .box .right{width: 90%;} #about .box .right .li .num{font-size: 48px;} #about .box .right .li .unit{font-size: 26px;} #about .network .right .brief, #about .box .right .li .tit{font-size: 24px;line-height: 36px;min-height: inherit;} } #history{padding: 100px 0 90px;} #history .title{font-size: 48px;color: #333;font-family: "AlibabaPuHuiTi_2_85_Bold";border-left: 5px solid #1459a4;padding-left: 30px;line-height: 1;} #history .title span{color: #1459a4;font-family: "AlibabaPuHuiTi_2_85_Bold";} #history .top{width: 100%;margin-top: 70px;} #history .top .li{display: flex;align-items: center;} #history .top .li .pic{width: 50%;padding-top: 32.143%;} #history .top .li .text{width: 50%;padding-left: 55px;} #history .top .li .text .y{font-size: 260px;color: #f7f7f7;font-family: 'Gilroy_Bold';z-index: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);} #history .top .li .text .desc{z-index: 2;} #history .top .li .text .desc li{margin-bottom: 30px;line-height: 1.6;font-size: 18px;color: #333;padding-left: 20px;position: relative;font-family: "AlibabaPuHuiTi_2_85_Bold";} #history .top .li .text .desc li::before{content: '';width: 6px;height: 6px;background: #1459a4;border-radius: 100%;left: 0;top: 12px;position: absolute;} #history .bot{margin-top: 43px;} #history .bot .container{width: 85%;padding-top: 43px;} #history .bot .line{width: 100%;height: 1px;background: #e1e1e1;left: 0;right: 0;top: 48px;} #history .bot .li{} #history .bot .li .dian{width: 12px;height: 12px;background: #aeaeae;border-radius: 100%;} #history .bot .li .year{font-size: 28px;color: #999;font-family: 'Gilroy_Bold';} #history .bot .li.swiper-slide-thumb-active .dian{width: 23px;height: 23px;background: #1459a4;transform: translateY(-7px);} #history .bot .li.swiper-slide-thumb-active .year{font-size: 36px;color: #1459a4;} #history .bot .prev, #history .bot .next{width: 100px;height: 100px;border-radius: 100%;top: 0;box-shadow: 0 0 20px 8px rgba(0,0,0,.1);z-index: 10;bottom: 0;margin: auto;} #history .bot .prev img:nth-child(1), #history .bot .next img:nth-child(1){display: inline-block;} #history .bot .prev img:nth-child(2), #history .bot .next img:nth-child(2){display: none;} #history .bot .prev{left: 0;} #history .bot .next{right: 0;} #history .bot .prev:hover, #history .bot .next:hover{background-color: #1459a4;} #history .bot .prev:hover img:nth-child(1), #history .bot .next:hover img:nth-child(1){display: none;} #history .bot .prev:hover img:nth-child(2), #history .bot .next:hover img:nth-child(2){display: inline-block;} @media (max-width: 1460px){ #history .bot .prev, #history .bot .next{width: 80px;height: 80px;top: -10px;} } @media (max-width: 1280px){ #history .title{font-size: 40px;} #history{padding: 80px 0;} } @media (max-width: 1200px){ #history .top .li .text .desc li{margin-bottom: 15px;} #history .bot .li .year{font-size: 24px;} #history .bot .container{width: 80%;} } @media (max-width: 1100px){ #history .top .li{display: block;} #history .top .li .pic{margin: auto;width: 100%;padding-top: 60%;} #history .top .li .text{width: 80%;min-height: 200px;padding-left: 0;margin: 30px auto 0;} #history .top .li .text .y{font-size: 160px;left: 0;top: -20px;width: 100%;text-align: center;transform: translate(0,0);} } @media (max-width: 980px){ #history .bot .container{width: 78%;} } @media (max-width: 750px){ #history .title2{font-size: 42px;} #history .top .li .pic{width: 100%;padding-top: 64.286%;} #history .top .li .text{width: 100%;min-height: inherit;} #history .top .li .text .y{left: auto;right: 0;} #history .top .li .text .desc li{font-size: 26px;} #history .top .li .text .desc li::before{width: 10px;height: 10px;top: 20px;} #history .bot .container{width: 75%;padding-top: 65px;} #history .bot .line{top: 70px;} #history .bot .li .year{font-size: 36px;} #history .bot .li.swiper-slide-thumb-active .year{font-size: 42px;} #history .bot .prev .svg, #history .bot .next .svg{width: 26px;height: 26px;} } #honor{padding: 100px 0 150px;background: #fbfbfb;} #honor .title{font-size: 48px;color: #333;font-family: "AlibabaPuHuiTi_2_85_Bold";border-left: 5px solid #1459a4;padding-left: 30px;line-height: 1;} #honor .title span{color: #1459a4;font-family: "AlibabaPuHuiTi_2_85_Bold";} #honor .box .pn{width: 100px;height: 100px;border-radius: 100%;top: 0;box-shadow: 0 0 20px 8px rgba(0,0,0,.1);} #honor .box .prev{left: 0;top: 50%;transform: translateY(-50%);} #honor .box .next{right: 0;top: 50%;transform: translateY(-50%);} #honor .box .pn img:nth-child(1){display: inline-block;} #honor .box .pn img:nth-child(2){display: none;} #honor .box .prev{left: -100px;} #honor .box .next{right: -100px;} #honor .box .pn:hover{background-color: #1459a4;} #honor .box .pn:hover img:nth-child(1){display: none;} #honor .box .pn:hover img:nth-child(2){display: inline-block;} #example{width: calc(100% - 200px);} .example .frame{padding: 20px 0;} .example .frame ul{display: flex;justify-content: start;align-items: center;position: relative;} .example .frame ul .item{ float: none; width: 370px;flex-shrink: 0;/*perspective: 470px;*/transform-style: preserve-3d;position: relative;} .example .frame ul .item .item-in{width: 100%;margin: 0 auto;background: #fff;box-shadow: 0 0 20px 1px rgba(0,0,0,.1);padding: 75px 0 40px;} .example .frame ul .item .m-pic{width: 84.884%;margin: 0 auto;} .example .frame ul .item .m-pic:after{padding-top: 71%;} .example .frame ul .item .t1{padding: 0 20px;margin-top: 40px;color: #333333;font-size: 0px;} /*.example .frame ul .item.active{ margin: 0 -100px;}*/ .example .frame ul .item.active .t1{font-size: 18px;} #example .controls{margin-top: 0;} @media (max-width: 1600px){ #example{width: 85%;} #example{margin-top: 100px;} #example .frame ul .item{width: 400px;} #honor{padding: 100px 0;} #honor .box .pn{width: 80px;height: 80px;} } @media (max-width: 1280px){ #example{margin-top: 80px;} #honor{padding: 80px 0;} #honor .title{font-size: 40px;} } @media(max-width: 950px){ #example{width: 68%;} } @media(max-width: 750px){ #example{margin-top: 60px;} .example .frame ul .item.active .t1{font-size: 24px;} } #team{padding: 100px 0 145px;} #team .title{font-size: 48px;color: #333;font-family: "AlibabaPuHuiTi_2_85_Bold";border-left: 5px solid #1459a4;padding-left: 30px;line-height: 1;} #team .title span{color: #1459a4;font-family: "AlibabaPuHuiTi_2_85_Bold";} #team .content .swi-top .item .mid{width: 100%;padding-top: 127.744%;background: #fff;} #team .content .swi-top .item .left{height: 100%;width: 100%;left: calc(-100% - 48px);background: #fff;display: none;z-index: 2;text-align: left;} #team .content .swi-top .item .left .tit1{font-size: 60px;color: #333;font-family: "AlibabaPuHuiTi_2_85_Bold";} #team .content .swi-top .item .left .tit2{font-size: 18px;color: #333;font-family: "AlibabaPuHuiTi_2_85_Bold";margin: 25px 0;} #team .content .swi-top .item .left .con .li{font-size: 16px;color: #333;line-height: 35px;position: relative;padding-left: 15px;} #team .content .swi-top .item .left .con .li::before{position: absolute;content: "";width: 5px;height: 5px;background: #1459a4;border-radius: 100%;left: 0;top: 17px;} #team .content .swi-top .item .right{height: 100%;width: 100%;right: calc(-100% - 48px);background: #fff;display: none;z-index: 2;text-align: right;} #team .content .swi-top .item .right .tit{font-size: 48px;color: #333;font-family:"Gilroy_Bold";} #team .content .swi-top .item1{padding: 36px 55px;background: #f5f5f5;border-radius: 5px;} #team .content .swi-top .item1 .tit1{font-size: 20px;color: #333;font-weight: 700;} #team .content .swi-top .item1 .tit2{font-size: 14px;color: #333;margin-top: 10px;} #team .content .swi-top .item1 .line{left: 0;right: 0;bottom: 0;height: 5px;background-image: linear-gradient(to right,#207ee3,#145aa5);border-radius: 0 0 5px 5px;} #team .content .swi-top .swiper-slide-active{z-index: 2;} #team .content .swi-top .swiper-slide-active .item{z-index: 2;} #team .content .swi-top .swiper-slide-active .item .left{display: block;} #team .content .swi-top .swiper-slide-active .item .right{display: block;} #team .content .swi-top .swiper-slide-active .item1 .line{display: block;} #team .content .swi-top .btn-box{top: 52%;right: 0;z-index: 2;} #team .content .swi-top .btn-box .prev{background: url(/images/prev-icon.png) no-repeat center #fff;margin-right: 20px;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);} #team .content .swi-top .btn-box .next{background: url(/images/next-icon.png) no-repeat center #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);margin-right: 8px;} #team .content .swi-top .btn-box .btn{width: 85px;height: 85px;border-radius: 100%;} #team .content .swi-top .btn-box .btn:hover{background-color: #1459a4;} #team .content .swi-top .btn-box .prev:hover{background-image: url(/images/prev-icon2.png);} #team .content .swi-top .btn-box .next:hover{background-image: url(/images/next-icon2.png);} @media (max-width: 1460px){ #team .content .swi-top .item .right .tit, #team .content .swi-top .item .left .tit1{font-size: 40px;} } @media (max-width: 1280px){ #team{padding: 80px 0} #team .title{font-size: 40px;margin-bottom: 60px;} #team .content .swi-top{width: 94%;margin: 0 auto;} #team .content .swi-top .item{padding: 0 80px;} #team .content .swi-top .item .left .con .li{font-size: 15px;line-height: 30px;} #team .content .swi-top .btn-box .btn{width: 65px;height: 65px;} #team .content .swi-top .item .left{float: right;position: static;width: 50%;margin-bottom: 40px;} #team .content .swi-top .item .mid{width: 44.17%;padding-top: 54.7%;} #team .content .swi-top .btn-box{position: static;} #team .content .swi-top .btn-box .btn{top: 0;bottom: 0;margin: auto;position: absolute;z-index: 10;} #team .content .swi-top .btn-box .prev{left: 5px;} #team .content .swi-top .btn-box .next{right: 5px;} #team .content .swi-top .item .left .tit1{font-size: 36px;} #team .content .swi-top .item .left .tit3{font-size: 26px;color: #333;display: block;font-family: 'Gilroy_Bold';margin-top: 10px;} } @media (max-width: 1024px){ #team .content .swi-top .item .left .tit1{font-size: 30px;} #team .content .swi-top .item .left .tit3{font-size: 24px;} } @media (max-width: 950px){ #team .content .swi-top .item1{display: none;} #team .content .swi-top .item .left{width: 94%;margin: 0 auto;} #team .content .swi-top .item .left .tit4{font-size: 24px;margin: 15px 0 5px;line-height: 36px;display: block;} #team .content .swi-top .item .mid{display: none;} #team .content .swi-top .item .md2{display: block;float: none;width: 94%;margin: 0 auto 30px;} } @media (max-width: 750px){ #team .content .swi-top .item .md2{padding-top: 65%;} #team .content .swi-top .item .left .con .li, #team .content .swi-top .item .left .tit2{font-size: 24px;line-height: 36px;} } #float{} #float{width:53px; top:50%; transform:translate(0, -50%); right:8px; z-index:10;} #float li{height:53px; line-height:53px; margin:0 0 5px; min-width:53px;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);} #float li .p1{background-color:#f5f5f5; border-radius:4px; right:0;} #float li .p1 .xx{font-size:18px; color:#fff; font-family:'Gilroy_Bold'; display:none;margin-left: 30px;} #float li:not(.not_show):hover .p1{width:234px; background:#1459a4; color:#fff;} #float li:not(.not_show):hover .p1{right:0;} #float li:not(.not_show):hover .p1 .xx{display:inline-block;} #float li.not_show:hover .p1{background:#1459a4; color:#fff;} #float li .code{width:131px; height:131px; background:#fff; right:60px; top:0; border:1px solid #ccc;} #float li:hover .code{display:block;} #float li:nth-child(1):not(.not_show) .p1{background: url(/images/float-icon1.png) no-repeat center #f5f5f5;} #float li:nth-child(1):not(.not_show):hover .p1{background: url(/images/float-icon1-h.png) no-repeat 25px #1459a4;} #float li:nth-child(2) .p1{ background: url(/images/float-icon2.png) no-repeat center #f5f5f5;} #float li:nth-child(2) .p1 .xx{ display: block; margin: 0; width: 100%; height: 100%;} #float li:nth-child(2):hover .p1{background: url(/images/float-icon2-h.png) no-repeat center #1459a4;} #float li:nth-child(3) .p1{background: url(/images/float-icon3.png) no-repeat center #f5f5f5;} #float li:nth-child(3).not_show:hover .p1{background: url(/images/float-icon3-h.png) no-repeat center #1459a4;} #float li:nth-child(4) .p1{background: url(/images/float-icon4.png) no-repeat center #f5f5f5;} #float li:nth-child(4).not_show:hover .p1{background: url(/images/float-icon4-h.png) no-repeat center #1459a4;} @media(max-width: 1680px){ #float{bottom: 10%;top: auto;} } @media(max-width: 750px){ #float{ bottom: 0; width: 100%; height: 80px; transform: translate(0);} #float ul{ display: flex; justify-content: flex-start; flex-direction: row;} #float li{height:80px; line-height:80px;} #float li .p1{ background-size: auto 40% !important;} #float li .p1 .xx{font-size: 24px;} #float li .code{ top: inherit; right: inherit; bottom: 100%; left: 50%; transform: translateX(-50%);} } /*全站搜索*/ #search{width:100%; padding: 160px 0 100px;background: #fafafa;} #search .form{margin-bottom:22px;margin-top: 20px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: var(--main) url(/images/icon1.png) no-repeat center center;color: #fff;font-size: 16px;} #search .list{width:100%; margin-top: 50px;} #search .list .news{margin-bottom: 60px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:25px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: #333; font-size:16px; font-weight:bold;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .list .info li:hover .title{color: var(--main);} @media (max-width: 750px){ #search .form .text{font-size: 26px;} #search .form .submit{width: 75px;font-size: 26px;} #search .list .info .title{font-size: 28px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} }