body,body *{color:#333; font-size:16px} [body]{overflow:hidden; max-width:1920px; margin: 0 auto;} #m-header{ display: none;} #m-nav{ display: none;} #m-footer{ display: none;} .mb{ display: none;} /*鐗规畩瀛椾綋*/ @font-face{ font-family:"GILROY-REGULAR"; src: url("/static/themes/font/GILROY-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"Gilroy-Bold"; src: url("/static/themes/font/Gilroy-Bold.ttf") format("opentype"); } @-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);} } /*澶撮儴*/ #header{width: 100%;left: 0;top: 0;height: 120px;border-bottom: 1px solid rgba(255,255,255,.2);background: rgba(0,0,0,.2);z-index: 10;} #header .logo{padding: 39px 0 0 75px; max-width: 250px; max-height: 44px;} #header .logo img{ max-width: 100%; max-height: 100%;} #header .nav{line-height: 118px;} #header .nav .one-nav{margin-right: 62px;} #header .nav .one-nav.on{border-bottom: 2px solid #fff;} #header .nav .one-nav.on .one-a{color: rgba(255,255,255,1);font-weight: 700;} #header .nav .one-nav .one-a{color: rgba(255,255,255,.7);} #header .nav .one-nav:hover{border-bottom: 2px solid #fff;} #header .nav .one-nav:hover .one-a{color: rgba(255,255,255,1);font-weight: 700;} #header .nav .one-nav:hover .two-nav{ display: block;} #header .nav .one-nav .two-nav{ display: none; top: 100%; left: 50%; padding-top: 20px; background: url(/images/drop_icon.png) no-repeat center top 5px; transform: translateX(-50%);} #header .nav .one-nav .two-nav .two-nav-in{ padding: 20px 30px; background: #fff; border-radius: 10px;} #header .nav .one-nav .two-nav .two-nav-in .nav-item{ margin-top: 9px; width: 100%; line-height: 36px; white-space: nowrap; text-align: center;} #header .nav .one-nav .two-nav .two-nav-in .nav-item:first-child{ margin-top: 0;} #header .nav .one-nav .two-nav .two-nav-in .nav-item.cur, #header .nav .one-nav .two-nav .two-nav-in .nav-item:hover{/* font-weight: bold;*/ font-size: 16px; color: #3052e8;} #header .search{width: 20px;height: 120px;line-height: 120px;background: url(/images/search.png) no-repeat center;} .search_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); opacity: 0; pointer-events: none; z-index: 1000; transform: scale(1.5);} .search_outer.show{ opacity: 1; pointer-events: visible; transform: scale(1);} .search_outer .search_in{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 650px; height: 100%;} .search_outer .search_in .close{position: absolute;top: 100px;right: 100px;cursor: pointer;} .search_outer .search_in .search_form{ width: 100%; border-bottom: 1px solid #e4e4e4;} .search_outer .search_in .search_form input[name=Keyword]{ padding-right: 60px; width: 100%; height: 96px; line-height: 96px; font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-webkit-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-ms-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form .submit{ right: 0; top: 50%; width: 24px; height: 24px; background: url(/images/search.png) no-repeat center center;cursor: pointer; transform: translateY(-50%);} @media (max-width: 756px){ .search_outer .search_in .search_form input[name=Keyword]{padding-right: 20%;} .search_outer .search_in .search_form .submit{width: 18%;height: 60px;} } #header .link{width: 173px;height: 100%;background: url(/images/link.png) no-repeat center #3052e8;margin-left: 74px;} /*banner*/ #index-swiper{width: 100%;} #index-swiper .swiper-pagination-bullets{width: auto;bottom: 18.375%;left: 7.15%;} #index-swiper .swiper-pagination-bullets .swiper-pagination-bullet.circle-bar-btn::before{width: 8px;height: 8px;background: #ffffff;margin: 1px 0 0 -4px;} #index-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active.circle-bar-btn::before{background: transparent;} #index-swiper .video-box{top: 50%;right: 3%;z-index: 2;} #index-swiper .video-box .video{width: 78px;height: 78px;border-radius: 100%;border: 3px solid #2d52f2;position: relative;margin: 0 auto;} #index-swiper .video-box .video img{width: 100%;} #index-swiper .video-box .video::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset 0 0 5px #fff; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} #index-swiper .video-box .video .play{font-size: 12px;color: #fff;top: 25px;left: 22px;font-weight: 700;} #index-swiper .video-box .text{font-size: 14px;font-weight: 700;background: #fff;height: 28px;line-height: 28px;border-radius: 14px;padding: 0 20px;margin-top: 15px;} #inner-swiper .con{ display: flex; justify-content: center; align-items: start; flex-direction: column; top: 0; left: 50%; z-index: 1; width: 1600px; height: 100%; transform: translateX(-50%);} #inner-swiper .con .cn{ width: 100%; line-height: 75px; font-size: 48px; color: #fff; font-weight: bold; text-align: left;} #inner-swiper .con .en{ width: 100%; line-height: 42px; font-size: 18px; color: #fff; text-align: left;} /*棣栭〉*/ .index-title{} .index-title .title-cn{font-size: 48px;font-weight: 700;} .index-title .title-en{font-family:"GILROY-REGULAR";font-size: 30px;color: #2d52f2;text-transform: uppercase;} .ind-more{ margin-top: 57px; font-size: 14px;width: 194px;height: 48px;line-height: 48px;border: 1px solid #ccc;text-align: center;border-radius: 24px;} #ind-about{padding: 100px 0;} #ind-about .left{width: 57.9375%;} #ind-about .left .title-cn{margin-right: 25px;} #ind-about .left .tit{font-size: 20px;font-weight: 700;margin: 130px 0 20px 0;} #ind-about .left .brief{line-height: 28px;/*margin-bottom: 60px;*/height: 112px;overflow: hidden;} #ind-about .left .cont{margin-top: 130px;} #ind-about .left .cont .item{margin-right: 100px;} #ind-about .left .cont .item .t{font-size: 42px;color: #2d52f2;font-family:"Gilroy-Bold";} #ind-about .left .cont .item .t2{color: #181d24;font-weight: 700;margin-top: 23px;} #ind-about .pic{bottom: 0;right: 0;width: 50%;} #ind-scope{padding: 100px 0;background: url(/images/ind-scope-bg.jpg) no-repeat center; background-size: auto 100%; /*background-size: cover;*/} #ind-scope .title-cn{color: #fff;margin-bottom: 22px;} #ind-scope .title-en{color: #fff;} #ind-scope .content{margin-top: 140px;} #ind-scope .content .left{padding: 60px 0 0 70px;width: 25.3125%;} #ind-scope .content .left .item{margin-bottom: 85px;} #ind-scope .content .left .item .icon{width: 47px;height: 47px;margin-right: 20px;} #ind-scope .content .left .item .tit{font-size: 18px;color: #fff;} #ind-scope .content .inside-mapArea{width: 74.6875%;display:block; margin:auto;} #ind-scope .content .inside-mapArea .scroll{ width:100%; position:relative; margin:auto;} #ind-scope .content .inside-mapArea .scroll .map-background{ width:100%; position:relative; z-index:1;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(1){left:70.6%; top:36.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(1) .t{left: -45px;top: -24px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(2){left:61.7%; top:82%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(2) .t{left: -45px;top: -24px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(3){ left:64.5%; top:83%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(3) .t{left: 16px; top: -23px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(4){left:60.5%; top:84%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(4) .t{left:-50px; top:-7px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(5){left:79.5%; top:63%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(5) .t{ left:-42px; top:0px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(6){left:76%; top:60.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(6) .t{ left:-46px; top:-20px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(7){left:44.5%; top:57%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(7) .t{left:36px;top:-10px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(8){left:78.5%; top:48%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(8) .t{ left:16px; top:-11px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(9){left:63.5%; top:81%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(9) .t{ left:-5px; top:-20px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(10){left:72.5%; top:80%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(10) .t{ left:-30px; top:-10px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(11){left:76%; top:75.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(11) .t{ left:-27px; top:-8px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(12){left:77%; top:68%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(12) .t{ left:18px; top:-3px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(13){left:51.8%; top:61%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(13) .t{ left:20px; top:-5px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(14){left:61%; top:69%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(14) .t{ left:20px; top:-6px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(15){left:64%; top:62.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(15) .t{ left:20px; top:-6px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(16){left:72.5%; top:62.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(16) .t{ left:-6px; top:8px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(17){left:67%; top:66.6%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(17) .t{ left:18px; top:-4px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(18){left:78%; top:60.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(18) .t{ left:-7px; top:-20px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(19){left:77.5%; top:55.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(19) .t{ left:-32px; top:-6px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(20){left:74.5%; top:51%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(20) .t{ left:-32px; top:-5px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(21){left:76.5%; top:50%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(21) .t{ left:16px; top:-2px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(22){left:75%; top:48.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(22) .t{ left:2px; top:-20px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(23){left:74%; top:47%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(23) .t{ left:-29px; top:-3px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(24){left:70.5%; top:46%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(24) .t{ left:-28px; top:2px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(25){left:63.5%; top:48.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(25) .t{ left:20px; top:-7px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(26){left:58%; top:49%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(26) .t{ left:20px; top:-5px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(27){left:61.5%; top:42%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(27) .t{ left:20px; top:-5px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(28){left:68.5%; top:39.5%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(28) .t{ left:20px; top:-5px;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(29){left:73%; top:40%;} #ind-scope .content .inside-mapArea .scroll .inside-flag .flag-slide:nth-child(29) .t{ left:15px; top:-15px;} #ind-scope .content .inside-flag .flag-slide{ position:absolute; z-index:3;} #ind-scope .content .inside-flag .flag-slide .base{/* cursor:pointer;*/ position:relative; z-index:2;} #ind-scope .content .inside-flag .flag-slide .base .t{color: rgba(255,255,255,.7);} #ind-scope .content .inside-flag .flag-slide.cur .base .t{color: rgba(255,255,255,1);} #ind-scope .content .inside-flag .flag-slide.cur .base .t{font-size: 18px;font-weight: 700;} #ind-scope .content .inside-flag .flag-slide .base .t{font-size: 12px;} #ind-scope .content .inside-flag .flag-slide .base .map-icon{ width:9px;height: 6px; background:rgba(255,255,255,.7); border-radius:100%; position:relative; margin:auto;} #ind-scope .content .inside-flag .flag-slide.cur .base .map-icon{background:rgba(255,255,255,1);} #ind-scope .content .inside-flag .flag-slide .base .map-icon::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset #fff 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #ind-scope .content .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;} #ind-it{padding: 100px 0;} #ind-it .content{margin-top: 60px;} #ind-it .content .item{margin-bottom: 8px;border-radius: 8px;overflow: hidden;} #ind-it .content .item.mar-r{margin-right: .5%;} #ind-it .content .item.item1{width: 24.5%;} #ind-it .content .item.item1 .bg{padding-top: 151.02%;} #ind-it .content .item.item2{width: 24.5%;} #ind-it .content .item.item2 .bg{padding-top: 74.5%;} #ind-it .content .item.item3{width: 49.5%;} #ind-it .content .item.item3 .bg{padding-top: 36.9%;} #ind-it .content .item .cont{} #ind-it .content .item .text{z-index: 2;width: 80%;height: 100%;margin: auto;} #ind-it .content .item .text .icon{width: 56px;height: 51px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-100%);transition: all .3s cubic-bezier(.4,0,.2,1) 0s;} #ind-it .content .item .text .tit{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,100%);transition: all .3s cubic-bezier(.4,0,.2,1) 0s;font-weight: 700;font-size: 18px; white-space: nowrap;} #ind-it .content .item .text .p{position: absolute;top: 50%;left: 0;transform: translateY(65px);opacity: 0;transition: all .3s cubic-bezier(.4,0,.2,1) 0s;} #ind-it .content .item .text .p .brief{color: #fff;line-height: 30px;margin-bottom: 55px;font-size: 18px;} #ind-it .content .item .text .p .detail{font-size: 14px;color: #fff;background: url(/images/detail-icon.png) no-repeat right;padding-right: 22px;} @media screen and (min-width:1024px){ #ind-it .content .item:hover .cont{background: rgba(37,87,217,.9);} #ind-it .content .item:hover .text .icon{left: 0;transform: translate(0,-152%);} #ind-it .content .item:hover .text .tit{left: 0;transform: translate(0,50%);margin-top: -75px;margin-left: 65px;font-weight: 700;} #ind-it .content .item:hover .text .p{opacity: 1;transform: translateY(0);} } #ind-solu{background: url(/images/ind-solu-bg1.jpg) no-repeat center;background-size: cover;padding: 95px 0 85px;} #ind-solu .title-cn{color: #fff;margin-bottom: 22px;} #ind-solu .title-en{color: #fff;} #ind-solu .content{margin-top: 65px;} #ind-solu .content .left-cont{width: 16.875%;} #ind-solu .content .left-cont .item{padding: 23px 0 23px 8px;color: #fff;} #ind-solu .content .left-cont .item.cur{background-image: linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,0));} #ind-solu .content .left-cont .item .icon{width: 26px;height: 25px;margin-right: 15px;} #ind-solu .content .right-cont{width: 83.125%;} #ind-solu .content .right-cont .left{width: 67.424%;padding: 40px 85px 0;} #ind-solu .content .right-cont .left .tit1{font-size: 24px;color: #fff;font-weight: 700;} #ind-solu .content .right-cont .left .brief{color: #fff;line-height: 35px;margin: 32px 0 115px;} #ind-solu .content .right-cont .left .tit2{font-size: 14px;color: #fff;} #ind-solu .content .right-cont .left .container{border: 1px solid #54575a;margin-top: 28px;} #ind-solu .content .right-cont .left .item{width: 25%;padding-top: 10.555%;border-right: 1px solid #54575a;} #ind-solu .content .right-cont .right{width: 32.576%;} #ind-solu .content .right-cont .right .pic{width: 100%;padding-top: 124.48%;} #ind-solu .content .right-cont .right .pic::after{position: absolute;width: 185px;height: 185px;background: #2d52f2;top: -50px;right: -55px;content: "";z-index: -1;} #ind-news{padding: 100px 0;background: #f7f8fa;} #ind-news .title-cn{margin-right: 25px;} #ind-news .ind-more{ margin-top: 15px;} #ind-news .content{margin-top: 58px;} #ind-news .content .left{width: 34.375%;margin-right: 2.5%;} #ind-news .content .left .item{} #ind-news .content .left .item .pic{padding-top: 54.927%;} #ind-news .content .left .con{background: #2d52f2;padding: 40px 30px 35px 36px;} #ind-news .content .left .con .time{font-size: 14px;color: #fff;font-family:"Gilroy-Bold";} #ind-news .content .left .con .tit{color: #fff;margin: 15px 0 20px;font-weight: 700;} #ind-news .content .left .con .des{font-size: 14px;color: #fff;line-height: 25px;max-height: 50px;overflow: hidden;} #ind-news .content .right{width: 63.125%;background: #fff;} #ind-news .content .right .cont{height: 500px;} #ind-news .content .right .con{padding: 30px 0;width: 90%;margin: 0 auto;border-bottom: 1px solid #e2e2e2;} #ind-news .content .right .con .c{width: calc(100% - 80px);padding-right: 30px;} #ind-news .content .right .con .c .tit{font-weight: 700;margin-bottom: 15px;} #ind-news .content .right .con .c .des{font-size: 14px;line-height: 24px;} #ind-news .content .right .con .time{width: 80px;margin-top: 20px;font-size: 14px;font-family:"Gilroy-Bold";} #ind-news .content .right .cont .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background: #ddd;width: 2px;} #ind-news .content .right .cont .mCSB_dragger .mCSB_dragger_bar{background: #2d52f2;width: 2px;} #ind-news .content .right .con:hover .c .tit, #ind-news .content .right .con:hover .c .des, #ind-news .content .right .con:hover .time{color: #2d52f2;} #ind-partner{padding: 100px 0;} #ind-partner .title-cn{margin-bottom: 22px;} #ind-partner .content{margin-top: 40px;} /* #ind-partner .content .container{padding: 5px;} */ #ind-partner .content .slide{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; overflow: visible;} #ind-partner .content .slide .item{ display: flex; justify-content: center; align-items: center; width: 20%; height: 136px; border: 1px solid #f2f2f2; border-top: 0; border-right: 0;} #ind-partner .content .slide .item img{ max-width: 90%;} #ind-partner .content .slide .item:hover{ box-shadow: 0 0 21px rgba(45, 82, 242, .15); z-index: 1;} #ind-partner .content .slide .item:nth-child(-n+5){ border-top: 1px solid #f2f2f2;} #ind-partner .content .slide .item:nth-child(5n){ border-right: 1px solid #f2f2f2;} #ind-partner .content .slide .item:last-child{ border-right: 1px solid #f2f2f2;} #ind-partner .content .prev{width: 24px;height: 26px;background: url(/images/prev.png) no-repeat center;opacity: .5;top: 50%;left: -90px;transform: translateY(-50%);} #ind-partner .content .next{width: 24px;height: 26px;background: url(/images/next.png) no-repeat center;opacity: .5;top: 50%;right: -90px;transform: translateY(-50%);} #ind-partner .content .prev:hover{opacity: 1;} #ind-partner .content .next:hover{opacity: 1;} #ind-contact{padding: 120px 0 90px 0;background: url(/images/contact-bg.png) no-repeat center;background-size: cover;position: relative;} #ind-contact .text{position: relative;z-index: 3;} #ind-contact .tit{font-size: 48px;color: #fff;font-weight: 700;margin-bottom: 32px;} #ind-contact .ind-more{border: 2px solid rgba(255,255,255,.2);height: 50px;color: #fff;} #ind-contact canvas{position: absolute;left: 0;top: 0;} /* 闈㈠寘灞戝鑸 */ #sec_main{ bottom: 0; left: 0; z-index: 5; width: 100%;height: 60px;border-bottom: 1px solid #e5e5e5;} #sec_main .secondary{width: 1600px;margin: 0 auto;height: auto;line-height:60px; display: flex;justify-content: space-between;align-items: center;} #sec_main .secondary .left{width: 50%;} #sec_main .secondary .left a{margin-right: 15px;color: #999;font-size: 16px;} #sec_main .secondary .left span{margin-right: 10px;color: #999;font-size: 16px;} #sec_main .secondary .left a:last-child{color: #333;} #sec_main .secondary .left a:nth-child(odd):hover{color: #3052e8;} #sec_main .secondary .cate-nav{width: 50%;} #sec_main .secondary .cate-nav ul{list-style: none;white-space:nowrap;float: right;} #sec_main .secondary .cate-nav ul .cate-item{color: #b6b6b6;box-sizing: border-box;float: left;text-align: center; font-size: 18px;font-weight: bold;margin-right: 90px;} #sec_main .secondary .cate-nav ul .cate-item:last-child{margin-right: 0px;} #sec_main .secondary .cate-nav ul .cate-item.cur, #sec_main .secondary .cate-nav ul .cate-item:hover{border-bottom: 2px solid #3052e8;} #sec_main .secondary .cate-nav ul .cate-item.cur .cate-item-a, #sec_main .secondary .cate-nav ul .cate-item:hover .cate-item-a{color: #3052e8;} /*.new-main #sec_main .secondary .left span:last-child:hover{ color: #333;}*/ #inner-swiper #sec_main{ border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 0;} /* 鍚堜綔浼欎即 */ .part-main{width: 100%;} .part-main .part-item {width: 100%;margin: 0 auto;padding: 100px 0;} .part-main .part-item:nth-child(odd){ background: #fafafa;} .part-main .part-item .fina_main{width: 1600px;margin: 0 auto;} .part-main .part-item .tit {margin-bottom: 45px;text-align: center;} .part-main .part-item .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .part-main .part-item .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;} .part-main .part-item .parts {width: 100%;display: flex; justify-content: flex-start;flex-wrap: wrap;} .part-main .part-item .parts .images{width: 20%;height: 134px;border: 1px solid #f2f2f2;background-color: #fff;text-align: center; line-height: 140px;} .part-main .part-item .parts .images:hover{ box-shadow: 0 0 21px rgba(45, 82, 242, .15); z-index: 1;} /* .part-main .technology {padding: 100px 0;background-color: #fafafa;} .part-main .technology .tech_main {width: 90%;margin: 0 auto;} .part-main .technology .tit {margin-bottom: 45px;text-align: center;} .part-main .technology .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .part-main .technology .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;} .part-main .technology .parts {width: 100;display: flex; justify-content: flex-start;flex-wrap: wrap;} .part-main .technology .parts .images{width: 19.6875%;height: 134px;border: 1px solid #f2f2f2;background-color: #fff;text-align: center;line-height: 134px;} .part-main .technology .parts .images:hover{ box-shadow: 0 0 21px rgba(45, 82, 242, .15); z-index: 1;} */ /* 鍏充簬鎴戜滑 */ .about-main{width: 100%;} .about-main .com_introduction {width: 1600px; margin: 0 auto; padding: 100px 0;} .about-main .com_introduction .tit {margin-bottom: 45px;text-align: center;} .about-main .com_introduction .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .about-main .com_introduction .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;} .about-main .com_introduction .introduce{width: 100%;display: flex;justify-content: space-between; align-items: flex-end;} .about-main .com_introduction .introduce .int_left{ margin-right: 42px; width: 50%;} .about-main .com_introduction .introduce .int_left .images .name_cn{font-size: 30px;font-weight:bold;top: 75px;} .about-main .com_introduction .introduce .int_left .images .name_cn::before{content:"";width: 80px;display: inline-block;border-top: 2px solid #3052e8;position: relative;top: -7px;margin-right: 20px;} .about-main .com_introduction .introduce .int_left .brief_cn{ margin: 8px 0 0 21px; padding: 25px 50px 0 78px; font-size: 18px; line-height: 28px; background: url(/images/about/about_back.png) no-repeat top left;margin-bottom: 40px;} .about-main .com_introduction .introduce .int_left .achievement {width: 100%;padding-left: 80px;display: flex;justify-content: space-between;} .about-main .com_introduction .introduce .int_left .achievement .ach {width: 18.5714%;} .about-main .com_introduction .introduce .int_left .achievement .ach .numadd{display: flex;align-content: center;margin-bottom: 20px;} .about-main .com_introduction .introduce .int_left .achievement .ach .numadd .num{color: #3052e8;font-size: 40px;font-weight: bold;} .about-main .com_introduction .introduce .int_left .achievement .ach .numadd .add{color: #3052e8;font-size: 40px;font-weight: bold;} .about-main .com_introduction .introduce .int_left .achievement .ach .explain{line-height: 25px;font-size: 15px;font-weight: bold;} .about-main .com_introduction .introduce .int_right{ margin: 0 7.3125% 34px 0; width: 39.625%;} .about-main .com_introduction .introduce .int_right:before{ display: block; content: ''; position: absolute; top: 28px; left: 28px; width: 100%; height: 100%; background: #3052e8; border-radius: 20px; box-shadow: -20px 10px 50px rgba(0, 0, 0, 0.3);} .about-main .com_introduction .introduce .int_right .images{ width:100%; overflow: hidden; border-radius: 20px; overflow: hidden;} .about-main .com_introduction .introduce .int_right .images img{max-width: 100%;max-height:100%;} .col_f{color: #fff;} .about-main .com_culture {width: 100%;background-color: #fafafa;} .about-main .com_culture .cul_main{ width: 83.3333%;margin: 0 auto;padding: 100px 0;} .about-main .com_culture .cul_main .tit {margin-bottom: 45px;text-align: center;} .about-main .com_culture .cul_main .tit .title_cn{ font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .about-main .com_culture .cul_main .tit .title_en{ font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;} .about-main .com_culture .cul_main .culture-list{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .about-main .com_culture .cul_main .culture-list a{width: 49.3134%;} .about-main .com_culture .cul_main .culture-list a .culture{height: 307px;margin-bottom: 25px;box-sizing: border-box;} .about-main .com_culture .cul_main .culture-list a .culture .bg {width: 100%;height:100%;} .about-main .com_culture .cul_main .culture-list a .culture .bg .images{ width: 100%;height:100%;} .about-main .com_culture .cul_main .culture-list a .culture .bg .images:after{ padding-top: 39.0089%;} .about-main .com_culture .cul_main .culture-list a .culture .bg .images img{max-width:100%;max-height: 100%;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont{ top: 0; left: 0; width: 100%;height: 100%; z-index: 1;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1{width: 90%; display:flex; justify-content: space-between; align-items: center; bottom: 48px;padding-left: 75px;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .left{display: flex;align-content: center;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .left img{ max-width: 52px; max-height: 52px;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .left .brief {font-size: 36px; font-weight: bold;line-height: 50px;margin-left: 20px;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .more {font-size: 20px;opacity:1;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{bottom: 62px;right: 83px;opacity:0;} .about-main .com_culture .cul_main .culture-list a .culture:hover .bg .cont{background: rgba(37,87,217,.7);border-radius: 12px;} .about-main .com_milepost {width:75.5209%;margin: 0 auto;padding: 100px 0;} .about-main .com_milepost .tit {margin-bottom: 45px;text-align: center;} .about-main .com_milepost .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .about-main .com_milepost .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;} /* .about-main .com_milepost .main {width: 100%;display: flex; justify-content: space-between;} .about-main .com_milepost .main .left {width:30%;border-right: 1px dashed #3052e8;} .about-main .com_milepost .main .left .container .slide{color: #ccc;font-size:55px;font-weight: bold;} .about-main .com_milepost .main .left .container .slide.swiper-slide-active{color: #3052e8;} .about-main .com_milepost .main .left .sw{display: flex;} .about-main .com_milepost .main .left .sw .btn-list{width: 40px;} .about-main .com_milepost .main .left .sw .btn-list .btna{top: 0px;right: 45px;} .about-main .com_milepost .main .left .sw .btn-list .btnb{bottom: 0px;right: 45px;} .about-main .com_milepost .main .left .icon {top: 38%;right: -45px;} .about-main .com_milepost .main .right {width: 55%;display: flex; justify-content: space-between;} .about-main .com_milepost .main .right .cont {width: 100%;padding-top: 50px;} .about-main .com_milepost .main .right .cont .year{font-size: 49px;font-weight: bold;border-bottom: 1px solid #3052e8;padding-bottom: 30px;margin-bottom: 23px;} .about-main .com_milepost .main .right .cont .list .list-info{font-size: 18px;line-height: 28px;margin-bottom: 30px;} .about-main .com_milepost .main .right .cont .list .list-info::before{content: '';display: inline-block;width: 10px;height: 10px;margin-right: 14px;background: url(/images/oof.png) no-repeat top left;} .about-main .com_milepost .main .right .images {margin-right: 50px;} */ .about-main .com_milepost .con{ display: flex; justify-content: space-between; align-content: center; margin-top: 68px;} .about-main .com_milepost .con .left{ width: 25.6297%; height: 500px; background: url(/images/history_bg_icon.png) repeat-y top right 46px;} .about-main .com_milepost .con .left:before{ display: block; content: ''; position: absolute; top: 0; right: 12.5%/*47px*/; height: 100%; border-right: 1px dashed #3052e8;} .about-main .com_milepost .con .left .year{ width: 100%; height: 100%;} .about-main .com_milepost .con .left .year .container{ width: 100%; height: 100%;} .about-main .com_milepost .con .left .year .l-item{ line-height: 100px; font-size: 55px; color: #e1e1e1; font-family: "Gilroy-Bold"; font-weight: bold;} .about-main .com_milepost .con .left .year .l-item .icon{ display: flex; justify-content: center; align-items: center; top: 50%; right: 0; width: 95px; height: 95px; border: 1px solid #3052e8; opacity: 0; border-radius: 50%; transform: translateY(-50%);} .about-main .com_milepost .con .left .year .l-item .icon img{ z-index: 1;} .about-main .com_milepost .con .left .year .l-item .icon:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 62px; height: 62px; background: #3052e8; border-radius: 50%; transform: translate(-50%, -50%);} .about-main .com_milepost .con .left .year .l-item .icon .icon-in{ width: 135px; right: 50%; height: 2px; background: #3052e8;} .about-main .com_milepost .con .left .year .l-item .icon .icon-in:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; background: #3052e8; border-radius: 50%; transform: translateY(-50%);} .about-main .com_milepost .con .left .year .l-item.swiper-slide-active{ color: #3052e8;} .about-main .com_milepost .con .left .year .l-item.swiper-slide-active .icon{ opacity: 1;} .about-main .com_milepost .con .left .year .btn{right: 90px;z-index: 999;} .about-main .com_milepost .con .left .year .prev{top: 40px;} .about-main .com_milepost .con .left .year .next{bottom: 40px;transform: rotate(180deg);} .about-main .com_milepost .con .right{ width: 61.8519%;} .about-main .com_milepost .con .right .r-item{ display: flex; justify-content: space-between; align-items: center; width: 100%;} .about-main .com_milepost .con .right .r-item .text{ width: 57.9641%} .about-main .com_milepost .con .right .r-item .text .y{ padding-bottom: 19px; line-height: 54px; border-bottom: 1px solid #3052e8; font-size: 49px; color: #333; font-family:"Gilroy-Bold";} .about-main .com_milepost .con .right .r-item .text .y:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ecd9cc;} .about-main .com_milepost .con .right .r-item .text .desc{ padding: 0 80px 0 20px;} .about-main .com_milepost .con .right .r-item .text .desc ul{ margin-top: 26px; width: 100%;} .about-main .com_milepost .con .right .r-item .text .desc ul li{ margin-top: 21px; width: 100%; line-height: 25px; font-size: 14px; color: #333; list-style: disc;} .about-main .com_milepost .con .right .r-item .text .desc ul li:first-child{ margin-top: 0;} .about-main .com_milepost .con .right .r-item .img{ width: calc(100% - 57.9641%);} /*澶т簨璁?/ .about-main .history-list{margin-top: 60px;} .about-main .history-list .li{ display: flex; justify-content: space-between; align-content: center; flex-direction: row-reverse; width: 100%;padding-top: 34px;background: url(/images/b2.png) no-repeat center -48px;} .about-main .history-list .li:first-child{padding-top: 74px;background: url(/images/q1.png) no-repeat center top;} .about-main .history-list .li .m-pic{width: 50%;border-left: 1px solid #f3f3f3;} .about-main .history-list .li .m-pic:after{padding-top: 35%;} .about-main .history-list .li .con2{width: 39.16%;margin-left: 5.42%;margin-top: 2.5%;} .about-main .history-list .li .con2 .year{color: #3052e8;font-size: 60px;margin-bottom: 6.45%;} .about-main .history-list .li .con2 .desc{color: #666666;font-size: 16px;line-height: 26px;} .about-main .history-list .li:nth-child(2n){ flex-direction: row;} .about-main .history-list .li:nth-child(2n) .m-pic{float: left;border-right: 1px solid #f3f3f3;border-left: none;} .about-main .history-list .li:nth-child(2n) .con2{float: right;margin-left: 0;margin-right: 5.42%;} .about-main .page{position: relative;padding-top: 79px;height: 30px;margin: 0 auto;color: #666;font-size: 16px;width: 100%;} .about-main .page:before{content: "";position: absolute;top:0;left: 0;right: 0;margin: auto;background: #f3f3f3;width: 1px;height: 60px;} .about-main .page.in{background: url(/images/loading.gif) no-repeat center bottom/30px;} @media (max-width: 1050px){ .about-main .history-list .li .con2 .year{font-size: 40px;margin-bottom: 5%;} } @media (max-width: 950px){ .about-main .history-list .li:nth-child(2n) .con2{margin-top: 1.5%;} .about-main .history-list .li .con2 .year{font-size: 36px;margin-bottom: 2%;} } @media (max-width: 850px){ .about-main .history-list .li:nth-child(2n) .con2, .about-main .history-list .li .con2, .about-main .history-list .li:nth-child(2n) .z-pic, .about-main .history-list .li .z-pic{float: none;margin: 0 auto;} } /* 鎷涜仒 */ .job-main {width: 100%;} .job-main .job-list {width: 1600px;margin: 0 auto;padding: 100px 0;} .job-main .job-list .tit {margin-bottom: 45px;text-align: center;} .job-main .job-list .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .job-main .job-list .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;margin-bottom: 50px;} .job-main .job-list .job-info {width: 100%;} .job-main .job-list .job-info .info{ margin-bottom: 10px;} .job-main .job-list .job-info .info .description{width: 100%;height: 80px; line-height: 80px;border: 1px solid #ccc; cursor: pointer;display: flex;justify-content: space-around;} .job-main .job-list .job-info .info .description .job_name{ width: 100px;} .job-main .job-list .job-info .info .description .job_add{margin-top: 10px;} .job-main .job-list .job-info .info .description .job_time{ display: flex; align-items: center;} .job-main .job-list .job-info .info .description .job_time .time{ margin-left: 10px;} .job-main .job-list .job-info .info:hover .description{background: rgba(217,232,250,.9);} .job-main .job-list .job-info .info .job_info {width: 100%;height: auto; padding: 45px 70px; display: none;} .job-main .job-list .job-info .info .job_info .info_desc{margin-bottom: 35px;} .job-main .job-list .job-info .info .job_info .info_desc:nth-of-type(2){margin-bottom: 0px} .job-main .job-list .job-info .info .job_info .info_desc .info_title{font-size: 18px;line-height:28px; margin-bottom: 15px;} .job-main .job-list .job-info .info .job_info .info_desc .duty{line-height:30px; font-size: 16px; color:#666666;} .job-main .job-list .job-info .info .job_info .info_desc .require{line-height:30px; font-size: 16px; color:#666666;} .job-main .job-list .job-info .info .job_info .btn_list {bottom: 50px;right: 75px;} .job-main .job-list .job-info .info .job_info .btn_list .btns {width: 182px; height: 52px;line-height: 52px; border: 1px solid #2d52f2;border-radius: 35px;color: #2d52f2; text-align: center; float: left; margin-right: 15px;} .job-main .job-list .job-info .info .job_info .btn_list .btns:hover{background-color: #2d52f2;} .job-main .job-list .job-info .info .job_info .btn_list .btns .btn1{color: #2d52f2;} .job-main .job-list .job-info .info .job_info .btn_list .btns .btn2{color: #2d52f2;} .job-main .job-list .job-info .info .job_info .btn_list .btns:hover .btn1{color: #fff;} .job-main .job-list .job-info .info .job_info .btn_list .btns:hover .btn2{color: #fff;} .job-main .job-bot { display: flex; justify-content: center; align-items: center; width: 100%; height: 379px;} /* .job-main .job-bot .img{bottom: 0;} */ .job-main .job-bot .bot_text{ padding-left: 65px; width: 1600px;} .job-main .job-bot .bot_text .bot_tit{font-size: 36px; font-weight: bold; line-height: 56px;margin-bottom: 28px;} .job-main .job-bot .bot_text .bot_tit{font-size: 36px; font-weight: bold; line-height: 56px;margin-bottom: 28px;} .job-main .job-bot .bot_text .p1{font-size: 16px; line-height: 26px;margin-bottom: 20px;} .job-main .job-bot .bot_text .p1 span{color: #2d52f2; font-weight: bold; font-size: 24px;} .job-main .job-bot .bot_text .p2{font-size: 16px; line-height: 26px;} .job-main .job-bot .bot_text .p2 a{font-weight: bold; font-size: 24px;} .job-main .rec-info{width: 73.6067%;height: 700px;margin: 100px auto; background: #fafafa;} .job-main .rec-info .follow{width: 100%;text-align: center;} .job-main .rec-info .follow .image{padding-top: 210px;} .job-main .rec-info .follow .coming{font-weight: bold;font-size:32px;line-height: 70px;} .job-main .rec-info .follow .following{font-size: 32px;line-height: 70px;} .pop-job, .pop-rec{ top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; transform: translateY(-200%);} .pop-job.animate, .pop-rec.animate{ transform: translateY(0);} .pop-job .pop-job-con{ top: 50%; left: 50%; width: 1000px; background: #fff; transform: translate(-50%, -50%);padding: 42px 0;} .pop-rec .pop-rec-con{ top: 50%; left: 50%; width: 1000px; background: #fff; transform: translate(-50%, -50%);padding: 42px 0;} .pop-rec .pop-rec-con .center, .pop-job .pop-job-con .center{width: 100%;} .pop-rec .pop-rec-con .center .close, .pop-job .pop-job-con .center .close{position: absolute;top: -36px;right: 12px;width: 40px;height: 40px;background: url(/images/search-close.png) no-repeat center center/20px auto;} .pop-job .pop-job-con .con-tit{text-align: center; font-size: 30px; line-height: 40px; margin-bottom: 20px;} .pop-job .pop-job-con .con-job{text-align: center; font-size: 18px;line-height:27px;margin-bottom:25px;} .pop-job .pop-job-con .con-job span{color: #2d52f2;} .pop-job .pop-job-con .con-table .input{ padding: 0 20px; width: 72.7273%; border: 1px solid #ccc;} .pop-job .pop-job-con .con-table{width: 100%;display: flex;justify-content: space-around; margin-bottom: 43px;} .pop-job .pop-job-con .con-table .left{width: 36.3636%;} .pop-job .pop-job-con .con-table .left .in-name{display: flex;justify-content: space-between;height: 42px;margin-bottom: 15px; line-height: 42px; } .pop-job .pop-job-con .con-table .left .in-name:last-child{justify-content: start;} .pop-job .pop-job-con .con-table .left .in-name .file-btn{/*width: 125px;*/margin-left: 10px;} .pop-job .pop-job-con .con-table .left .in-name .name{width: 25%; text-align: right;} .pop-job .pop-job-con .con-table .right{width: 36.3636%;} .pop-job .pop-job-con .con-table .right .in-name{display: flex;justify-content: space-between;height: 42px;margin-bottom: 15px; line-height: 42px; } .pop-job .pop-job-con .con-table .right .in-name:first-child{justify-content: start;} .pop-job .pop-job-con .con-table .right .in-name .name{width: 25%; text-align: right;} .pop-job .pop-job-con .con-table .right .in-name .che{margin-left: 38px;} .pop-job .pop-job-con .con-table .right .in-name .che input{margin-right: 43px;margin-left: 7px;} .pop-job .pop-job-con .sub { text-align: center;font-size: 16px; line-height: 26px; font-weight: bold;margin-bottom: 20px;} .pop-job .pop-job-con .sub input{ margin-right: 12px;} .pop-job .pop-job-con .bt input[type=submit]{ margin: 0 auto; width: 182px; height: 52px;line-height: 52px; border: 1px solid #2d52f2;border-radius: 35px; background: #2d52f2; text-align: center; font-size: 14px; color: #fff; cursor: pointer;} .pop-rec .pop-rec-con .con-tit{text-align: center; font-size: 30px; line-height: 40px; margin-bottom: 30px;} .pop-rec .pop-rec-con .con-job{text-align: center; font-size: 18px;line-height:27px;margin-bottom:43px;} .pop-rec .pop-rec-con .con-job span{color: #2d52f2;} .pop-rec .pop-rec-con .con-table .input{ padding: 0 20px; width: 72.7273%; border: 1px solid #ccc;} .pop-rec .pop-rec-con .con-table{width: 100%;display: flex;justify-content: space-around; margin-bottom: 43px;} .pop-rec .pop-rec-con .con-table .left{width: 36.3636%;} .pop-rec .pop-rec-con .con-table .left .in-name{display: flex;justify-content: space-between;height: 42px;margin-bottom: 25px; line-height: 42px; } .pop-rec .pop-rec-con .con-table .left .in-name:last-child{justify-content: start;} .pop-rec .pop-rec-con .con-table .left .in-name .file-btn{/*width: 125px;*/margin-left: 10px;} .pop-rec .pop-rec-con .con-table .left .in-name .name{width: 25%; text-align: right;} .pop-rec .pop-rec-con .con-table .right{width: 36.3636%;} .pop-rec .pop-rec-con .con-table .right .in-name{display: flex;justify-content: space-between;height: 42px;margin-bottom: 25px; line-height: 42px; } .pop-rec .pop-rec-con .con-table .right .in-name .name{width: 25%; text-align: right;} .pop-rec .pop-rec-con .con-table .right .in-name .che{margin-left: 38px;} .pop-rec .pop-rec-con .con-table .right .in-name .che input{margin-right: 43px;margin-left: 7px;} .pop-rec .pop-rec-con .sub {text-align: center;font-size: 16px; line-height: 26px; font-weight: bold;margin-bottom: 35px;} .pop-rec .pop-rec-con .sub input{ margin-right: 12px;} .pop-rec .pop-rec-con .bt input[type=submit]{ margin: 0 auto; width: 182px; height: 52px;line-height: 52px; border: 1px solid #2d52f2;border-radius: 35px; background: #2d52f2; text-align: center; font-size: 14px; color: #fff; cursor: pointer} /* 鑱旂郴鎴戜滑 */ .contact-main {width: 100%;} .contact-main .service {width: 1400px;margin: 0 auto;padding: 100px 0;} .contact-main .service .tit {margin-bottom: 45px;text-align: center;border-bottom: 2px solid #ccc;} .contact-main .service .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .contact-main .service .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;margin-bottom: 50px;} .contact-main .service .main_network {margin-bottom: 90px;} .contact-main .service .main_network .top {width: 100%;display: flex;} .contact-main .service .main_network .top .left {width: 54.2083%;margin-top: 30px;} .contact-main .service .main_network .top .left .name_cn{font-size: 24px;font-weight: bold;line-height: 36px;padding-left: 15px;} .contact-main .service .main_network .top .left .bod{margin: 15px 0;} .contact-main .service .main_network .top .left .mail{padding-left: 15px;display: flex;line-height: 27px;margin-bottom: 27px;} .contact-main .service .main_network .top .left .mail .mail_tit{width: 15%;font-size: 14px;} .contact-main .service .main_network .top .left .mail .mail_num{font-size: 22px; font-weight: bold; color: #3052e8;line-height: 27px;} .contact-main .service .main_network .top .left .address{padding-left: 15px;display: flex;line-height: 27px;} .contact-main .service .main_network .top .left .address .address_tit{width: 15%;font-size: 14px;} .contact-main .service .main_network .top .left .address .address_cn{font-size: 16px; line-height: 25px; color: #929292;} .contact-main .service .main_network .bottom { width: 100%; height: 400px;} .contact-main .service .main_network .bottom .map{ height: 400px;} .contact-main .service .main_network .bottom .images img{max-width: 100%;max-height: 100%;} .contact-main .service .other_network .other_tit{font-size: 24px; font-weight: bold; line-height: 35px;padding-bottom: 35px;border-bottom: 2px solid #ccc;} .contact-main .service .other_network .list .info {border-bottom: 2px solid #ccc;} .contact-main .service .other_network .list .info:last-child {border-bottom: 0;} .contact-main .service .other_network .list .info .infoDesc{ width: 100%; height: 145px; cursor: pointer; display: flex;} .contact-main .service .other_network .list .info .infoDesc .city{width: 100%;margin-right: 4%; line-height:145px;font-size: 18px; font-weight: bold} .contact-main .service .other_network .list .info .infoDesc .address{/*line-height:145px;*/margin-left: 3%;display: inline-block;vertical-align: top;font-size: 16px;color: #929292;font-weight: normal;} .contact-main .service .other_network .list .info .infoDesc .address span{font-weight: bold;color: #000;} .contact-main .service .other_network .list .info .infoDesc .map{width: 100px; height: 85px;border: 1px solid #ccc;border-radius: 10px;margin-top: 30px;text-align: center;} .contact-main .service .other_network .list .info .infoDesc .map .images{margin-top: 15px;} .contact-main .service .other_network .list .info .infoDesc .map .map_en {color: #3052e8;font-size: 16px;font-family: "GILROY-REGULAR";} .contact-main .service .other_network .list .cur {border-bottom: 0;} .contact-main .service .other_network .list .cur .infoDesc .map{background-color: #3052e8;} .contact-main .service .other_network .list .cur .infoDesc .map .map_en{color: #fff;} .contact-main .service .other_network .list .map_img{ width: 100%; height: 0;overflow: hidden;} .contact-main .service .other_network .list .map_img .map{ padding-bottom: 65px; height: 400px;} .contact-main .service .other_network .list .cur .map_img{ height: 400px;} /* 鏂伴椈璧勮 */ .new-main {width: 100%;} .new-main .news-list {width: 1200px;margin: 0 auto;padding: 100px 0;} .new-main .news-list .tit {margin-bottom: 45px;text-align: center;} .new-main .news-list .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .new-main .news-list .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;margin-bottom: 50px;} .new-main .news-list .news_swiper { width: 100%; margin: 0 auto;} .new-main .news-list .news_swiper .news-box{ margin-top: 50px; height: 11px; line-height: 0; text-align: center;} .new-main .news-list .news_swiper .news-box .swiper-pagination-bullet{ margin-left: 19px; width: 11px; height: 11px; border-radius: 50%;} .new-main .news-list .news_swiper .news-box .swiper-pagination-bullet:first-child{ margin-left: 0;} .new-main .news-list .news_swiper .wrapper {height: 376px;} .new-main .news-list .news_swiper .wrapper .slide{width: 100%;height:auto; display: flex;justify-content: space-between;} .new-main .news-list .news_swiper .wrapper .slide .image{ display: flex; justify-content: center; align-items: center; width:39.1667%;} .new-main .news-list .news_swiper .wrapper .slide .image img{ min-height: inherit;} .new-main .news-list .news_swiper .wrapper .slide .text{width: 55.8333%;} .new-main .news-list .news_swiper .wrapper .slide .text .new_tit{font-size: 24px; font-weight: bold;line-height: 34px;margin-top: 80px;margin-bottom:14px} .new-main .news-list .news_swiper .wrapper .slide .text .cont{height: 58px;font-size: 18px; line-height: 29px; color: #333;margin-bottom: 56px;} .new-main .news-list .news_swiper .wrapper .slide .text .more{font-size: 18px;line-height: 22px;color: #ccc;} .swiper-pagination {bottom: 0;} .new-main .news-list .news_swiper .btn-list{} .new-main .news-list .news_swiper .btn-list .btn{ top: 50%; width: 19px; height: 37px; transform: translateY(-50%);} .new-main .news-list .news_swiper .btn-list .prev{ left: -70px;} .new-main .news-list .news_swiper .btn-list .next{ right: -70px; transform: rotate(180deg);} .new-main .news-list .news_swiper .btn-list .btn img:last-child{ z-index: 1;} .new-main .news-list .news_swiper .btn-list .btn.swiper-button-disabled img:last-child{ display: none;} .new-main .news-list .news-info { margin: 36px auto 0; width: 100%;} .new-main .news-list .news-info .news {width: 100%; display: flex; justify-content: space-between;padding: 58px 0;border-top: 1px solid #ccc;padding-left: 20px;} .new-main .news-list .news-info .news .date{width: 7.8369%; } .new-main .news-list .news-info .news .date .day{font-weight: bold;font-size: 54px;color: #ccc;} .new-main .news-list .news-info .news .date .year{font-weight: bold;font-size: 16px;color: #ccc;} .new-main .news-list .news-info .news .new_img{ display: flex; justify-content: center; align-items: start; flex-direction: column; width: 27.5311%;} .new-main .news-list .news-info .news .new_img img{ min-height: auto;} .new-main .news-list .news-info .news .cont_main{width: 52.8419%;} .new-main .news-list .news-info .news .cont_main .time{ display: none;} .new-main .news-list .news-info .news .cont_main .cont_tit{font-size: 24px; font-weight: bold;line-height: 34px;margin-bottom:14px} .new-main .news-list .news-info .news .cont_main .cont{ width: 80%; height: 58px;font-size: 18px; line-height: 29px; color: #333;margin-bottom: 56px;} .new-main .news-list .news-info .news .cont_main .more{font-size: 18px;line-height: 22px;color: #ccc;} .new-main .news-list .news-info .news:first-child{border-top: 0;} @media screen and (min-width: 1024px){ .new-main .news-list .news-info .news:hover{background-color: #f7f7f7;} .new-main .news-list .news-info .news:hover .date .day, .new-main .news-list .news-info .news:hover .date .year, .new-main .news-list .news-info .news:hover .cont_main .cont_tit, .new-main .news-list .news-info .news:hover .cont_main .more{color: #3052e8;} } #turn_page{ display: flex; justify-content: center; align-items: center; margin-top: 50px;} #turn_page .word{ display: none;} #turn_page span, #turn_page a, #turn_page font{ font-size: 12px; border: 1px solid #e5e5e5; box-sizing: border-box;} #turn_page .page_item_current{ background: #3052e8; border-color: #3052e8;} #turn_page img{ width: auto;} #turn_page .prev img{ margin-right: 10px;} #turn_page .next img{ margin-left: 10px;} #turn_page .page_button, #turn_page .page_noclick{ padding: 0 26px; width: auto;} #turn_page font.page_item{ border: 0;} #turn_page .page-form{ display: flex; justify-content: start; align-items: center; margin-left: 20px;} #turn_page .page-form .count{ font-size: 14px; color: #666;} #turn_page .page-form .page{ display: flex; justify-content: center; align-items: center; margin-left: 8px; font-size: 14px; color: #666;} #turn_page .page-form .page input[type=text]{ margin: 0 4px; width: 40px; height: 40px; border: 1px solid #e5e5e5; font-size: 14px; color: #666; text-align: center;} #turn_page .page-form .btn{ margin-left: 10px; width: 60px; height: 40px; line-height: 0; border: 1px solid #e5e5e5;} #turn_page .page-form .btn input[type=submit]{ width: 100%; height: 100%; line-height: 40px; font-size: 14px; color: #666; cursor: pointer;} /* 鏂伴椈璇︽儏 */ .detail-main{width: 100%;} .detail-main .detail{width: 1200px;margin: 0 auto;padding: 100px 0;} .detail-main .detail .detail-info {margin-bottom: 87px;} .detail-main .detail .detail-info .info_top {padding-bottom: 30px;border-bottom: 1px solid #ccc;margin-bottom:40px} .detail-main .detail .detail-info .info_top .title_cn{font-size: 36px; font-weight: bold;line-height: 48px;margin-bottom: 56px;} .detail-main .detail .detail-info .info_top .bot{width: 100%;display: flex; justify-content: space-between;} .detail-main .detail .detail-info .info_top .bot .left{width: 50%;display: flex;} .detail-main .detail .detail-info .info_top .bot .left .time{ display: flex; justify-content: start; align-items: center; color: #666666;margin-right: 35px;font-size: 14px; line-height:18px} .detail-main .detail .detail-info .info_top .bot .left .view{ display: flex; justify-content: start; align-items: center; color: #666666;font-size: 14px; line-height:18px} .detail-main .detail .detail-info .info_top .bot .left .time img, .detail-main .detail .detail-info .info_top .bot .left .view img{ margin-right: 6px;} .detail-main .detail .detail-info .info_top .bot .right{ display: flex; justify-content: start; align-items: center;} .detail-main .detail .detail-info .info_top .bot .right span{margin-right: 20px;} .detail-main .detail .detail-info .info_top .bot .right a{ width: 21px; height: 17px; margin-right: 10px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='wechat']{background: url(/images/icon76.png) no-repeat center left 0;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='sina']{background: url(/images/icon76.png) no-repeat center left -35px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='facebook']{background: url(/images/icon76.png) no-repeat center left -69px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='twitter']{background: url(/images/icon76.png) no-repeat center left -102px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='linkedin']{background: url(/images/icon76.png) no-repeat center right 0;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='wechat']:hover{background: url(/images/icon89.png) no-repeat center left 0;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='sina']:hover{background: url(/images/icon89.png) no-repeat center left -35px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='facebook']:hover{background: url(/images/icon89.png) no-repeat center left -69px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='twitter']:hover{background: url(/images/icon89.png) no-repeat center left -102px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='linkedin']:hover{background: url(/images/icon89.png) no-repeat center right 0;} .detail-main .detail .detail-info .info{line-height:36px;font-size: 18px;} .detail-main .detail .detail-info .info .img{margin: 35px 0;} .detail-main .detail .detail-page {width: 100%; height: 185px;display: flex; align-content: start;} .detail-main .detail .detail-page .btn{ display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #ccc;} .detail-main .detail .detail-page .btn:first-child{ border-right: 0;} .detail-main .detail .detail-page .btn .img{ font-size: 30px;} .detail-main .detail .detail-page .btn .word{ width: 256px;} .detail-main .detail .detail-page .btn .word .p1{ font-size: 18px; font-weight: bold;} .detail-main .detail .detail-page .btn.prev .word{ margin-left: 75px; text-align: right;} .detail-main .detail .detail-page .btn.next .word{ margin-right: 75px;} .detail-main .detail .detail-page .btn:hover{background-color: #fafafa;} .detail-main .detail .detail-page .btn:hover .word .p1, .detail-main .detail .detail-page .btn:hover .img{ color: #3052e8;} /* .detail-main .detail .detail-page .pre{width: 50%;border: 1px solid #ccc;} .detail-main .detail .detail-page .pre .img{top: 50%; left: 85px;} .detail-main .detail .detail-page .pre .word{top: 60px; right: 75px;} .detail-main .detail .detail-page .pre .word .p1{font-size: 18px; font-weight: bold; text-align: right;} .detail-main .detail .detail-page .next{width: 50%;border: 1px solid #ccc;} .detail-main .detail .detail-page .next .img{top: 50%; right: 75px;} .detail-main .detail .detail-page .next .word{top: 60px; left: 85px;} .detail-main .detail .detail-page .next .word .p1{font-size: 18px; font-weight: bold} .detail-main .detail .detail-page .pre:hover{background-color: #fafafa;} .detail-main .detail .detail-page .pre:hover .word .p1{color: #3052e8;} .detail-main .detail .detail-page .next:hover{background-color: #fafafa;} .detail-main .detail .detail-page .next:hover .word .p1{color: #3052e8;} */ /* 鍛樺伐鍏虫€€ */ .staff-main {width: 100%;} .staff-main .welfare .benefits {width: 1600px;margin: 0 auto;padding: 100px 0;} .staff-main .welfare .benefits .tit {margin-bottom: 45px;text-align: center;} .staff-main .welfare .benefits .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .staff-main .welfare .benefits .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;margin-bottom: 50px;} .staff-main .welfare .benefits .benefits-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .staff-main .welfare .benefits .benefits-list .item{width: 19.375%;box-shadow: 5px 10px 10px 0px #ededed;;margin-bottom: 15px;border-radius: 12px; overflow: hidden;} .staff-main .welfare .benefits .benefits-list .item .images .icon{ top: 50%;left: 50%; transform: translate(-50%, -50%);} .staff-main .welfare .benefits .benefits-list .item .text{height: 53px;line-height: 53px;font-size: 18px; font-weight: bold;text-align: center;} .staff-main .developing{ padding: 73px 0 100px 0; width: 100%; height: 858px; background: url(/images/staff/app_bg.jpg) bottom left no-repeat; background-size: cover;} .staff-main .developing .tit{ text-align: center;} .staff-main .developing .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .staff-main .developing .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;margin-bottom: 50px;} .staff-main .developing .app{width: 1600px;margin: 0 auto;} .staff-main .developing .app_img{ margin-top: 95px; text-align: center;} /* 淇℃伅鍜ㄨ */ .message-main {width: 100%;} .message-main .message {width: 1200px;margin: 0 auto;padding: 100px 0;} .message-main .message .tit {margin-bottom: 45px;text-align: center;} .message-main .message .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .message-main .message .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;margin-bottom: 50px;} .message-main .message .form-main{width: 100%;} .message-main .message .form-main .welcom { margin-bottom: 90px; height: 189px;} .message-main .message .form-main .welcom .text{top: 46px;left: 93px; } .message-main .message .form-main .welcom .text .p1 span{color: #fff;line-height: 55px; font-size:36px; font-weight: bold; } .message-main .message .form-main .welcom .text .p1 span:nth-of-type(2){color:rgba(255,255,255,0.4);margin-left:30px} .message-main .message .form-main .welcom .text .p2{line-height:45px; font-size: 24px; font-weight: bold; color: #fff;} .message-main .message .form-main .form{width: 100%;display: flex;justify-content: space-between;} .message-main .message .form-main .form .left{width: 49.2857%;} .message-main .message .form-main .form .left .slogan {width: 90%;font-size: 25px; line-height: 42px;margin-bottom: 67px;} .message-main .message .form-main .form .left .slogan .img{top: 50px;left: 175px;} .message-main .message .form-main .form .left .contact .input{ padding: 0 20px;} .message-main .message .form-main .form .left .contact .call {margin-bottom: 31px;} .message-main .message .form-main .form .left .contact .call .p1{width: 100%; display: flex; align-content: center;margin-bottom: 25px;} .message-main .message .form-main .form .left .contact .call .p1 .call_cn{font-size: 18px; font-weight: bold; color: #3052e8;margin-left: 10px; line-height: 36px;} .message-main .message .form-main .form .left .contact .call .num{font-weight: bold;font-size: 30px;line-height: 43px;} .message-main .message .form-main .form .left .contact .email {margin-bottom: 60px;} .message-main .message .form-main .form .left .contact .email .p1{width: 100%; display: flex; align-content: center;margin-bottom: 25px;} .message-main .message .form-main .form .left .contact .email .p1 .email_cn{font-size: 18px; font-weight: bold; color: #3052e8;margin-left: 10px; line-height: 36px;} .message-main .message .form-main .form .left .contact .email .num{font-weight: bold;font-size: 30px;line-height: 43px;} .message-main .message .form-main .form .left .contact .address .p1{width: 100%; display: flex; align-content: center;margin-bottom: 25px;} .message-main .message .form-main .form .left .contact .address .p1 .address_cn{font-size: 18px; font-weight: bold; color: #3052e8;margin-left: 10px; line-height: 36px;} .message-main .message .form-main .form .left .contact .address .num{font-weight: bold;font-size: 24px;line-height: 43px;} .message-main .message .form-main .form .right{width: 50.5714%;} .message-main .message .form-main .form .right .name {margin-bottom: 21px;} .message-main .message .form-main .form .right .name .pla{width: 100%;} .message-main .message .form-main .form .right .name .pla span:nth-of-type(1){color: red;} .message-main .message .form-main .form .right .name .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} .message-main .message .form-main .form .right .input{ padding: 0 20px; width: 100%; height: 52px; line-height:52px; border: 1px solid #ececec; border-radius: 7px;} .message-main .message .form-main .form .right .input::-webkit-input-placeholder {color: #ccc;} .message-main .message .form-main .form .right .name .input{width: 100%; height: 52px; line-height:52px; border: 1px solid #ececec; border-radius: 7px;} .message-main .message .form-main .form .right .number {margin-bottom: 21px;} .message-main .message .form-main .form .right .number .pla{width: 100%;} .message-main .message .form-main .form .right .number .pla span:nth-of-type(1){color: red;} .message-main .message .form-main .form .right .number .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} .message-main .message .form-main .form .right .mail {margin-bottom: 21px;} .message-main .message .form-main .form .right .mail .pla{width: 100%;} .message-main .message .form-main .form .right .mail .pla span:nth-of-type(1){color: red;} .message-main .message .form-main .form .right .mail .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} .message-main .message .form-main .form .right .com_name {margin-bottom: 21px;} .message-main .message .form-main .form .right .com_name .pla{width: 100%;} .message-main .message .form-main .form .right .com_name .pla span{font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} .message-main .message .form-main .form .right .info {margin-bottom: 21px;} .message-main .message .form-main .form .right .info .pla{width: 100%;} .message-main .message .form-main .form .right .info .pla span:nth-of-type(1){color: red;} .message-main .message .form-main .form .right .info .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} .message-main .message .form-main .form .right .info .input{ padding: 10px 20px; width: 100%; height: 140px; line-height: 1.8; border: 1px solid #ececec; border-radius: 7px;resize: none;} .message-main .message .form-main .form .right .bot {display: flex;justify-content:space-between;align-items: flex-end} .message-main .message .form-main .form .right .bot .submit{width: 183px; height:55px; text-align: center; line-height: 56px;background: #3052e8;cursor: pointer; border-radius: 30px; font-size: 0;} .message-main .message .form-main .form .right .bot .submit input[type=submit]{color: #fff; cursor: pointer;} .message-main .message .form-main .form .right .bot .req{color: #6e6e6e;} .message-main .message .form-main .form .right .bot .req span{color: red;} /*搴曢儴*/ #footer{padding: 95px 0 115px 0;background: #001739;} #footer .left{} #footer .left .nav{} #footer .left .nav .one-a{font-size: 14px;color: #fff;margin-right: 58px;} #footer .left .tel{font-size: 30px;color: #2d52f2;font-family:"Gilroy-Bold";margin: 36px 0 20px 0;} #footer .left .t{font-size: 14px;color: #fff;line-height: 26px;} #footer .left .t *{font-size: 14px;color: #fff;line-height: 26px;} #footer .left .h{line-height: 30px;} #footer .left .link{margin-top: 60px;} #footer .left .link .link-a{margin-right: 18px;} #footer .right{} #footer .right .qrcode{margin-left: 58px;margin-top: 70px;} #footer .right .qrcode .pic{width: 130px;height: 130px;/*background: #fff;*/} #footer .right .qrcode .tit{font-size: 14px;color: #999;margin-top: 25px;} .resource-main{ padding: 100px 0;} .resource-main .list{ width: 100%;} .resource-main .list .item{ display: flex; justify-content: space-between; align-items: center; margin-top: 100px;} .resource-main .list .item:first-child{ margin-top: 0;} .resource-main .list .item .img, .resource-main .list .item .txt{ width: 50%;} .resource-main .list .item .img img{ width: 100%;} .resource-main .list .item .txt .txt-in{ margin-left: 5%; width: 77.174%;} .resource-main .list .item .txt .tit{ width: 100%; line-height: 68px; font-size: 48px; color: #333; font-weight: bold;} .resource-main .list .item .txt .brief{ margin-top: 35px; width: 100%; line-height: 40px; font-size: 18px; color: #1a1a1a;} .resource-main .list .item:nth-child(even){ flex-direction: row-reverse;} .resource-main .list .item:nth-child(even) .txt{ text-align: right;} .resource-main .list .item:nth-child(even) .txt .txt-in{ margin: 0 5% 0 0; text-align: right;} .pro-main{ margin: 0 auto 100px;} .pro-main .pro-top{ margin: 0 auto 100px; padding: 90px 0 0; width: 1400px;} .pro-main .pro-top .pro-tit{ width: 100%;} .pro-main .pro-top .pro-tit .tit-cn{ width: 100%; line-height: 68px; font-size: 48px; color: #333; font-weight: bold; text-align: center;} .pro-main .pro-top .pro-tit .tit-en{ margin-top: 14px; width: 100%; line-height: 36px; font-size: 24px; color: #009ff4; font-family: "GILROY-REGULAR"; text-align: center;} .pro-main .pro-top .list{ display: flex; justify-content: start; flex-wrap: wrap; align-items: start; margin-top: 40px; width: 100%;} .pro-main .pro-top .list .item{ margin: 24px 1.6% 0 0; width: 23.7857%; border-radius: 8px; overflow: hidden;} .pro-main .pro-top .list .item:nth-child(-n+4){ margin-top: 0;} .pro-main .pro-top .list .item:nth-child(4n){ margin-right: 0;} .pro-main .pro-top .list .item .txt{ display: flex; align-items: flex-end; bottom: 0; left: 0; margin: 0 auto; padding: 0 9.6096% 48px; width: 100%; height: 340px; background-image: linear-gradient(to top, rgba(1, 73, 210, .8), rgba(1, 73, 210, 0) 85%);} .pro-main .pro-top .list .item .txt .txt-in{ width: 100%;} .pro-main .pro-top .list .item .txt .txt-in .tit-cn{ width: 100%; line-height: 30px; font-size: 20px; color: #fff; font-weight: bold;} .pro-main .pro-top .list .item .txt .txt-in .tit-en{ margin-top: 10px; width: 100%; line-height: 22px; font-size: 16px; color: #fff; font-family: "GILROY-REGULAR";} .pro-main .pro-bot{ width: 100%;} .pro-main .pro-bot .tab-tit{ width: 100%; height: 130px; background: #f7f7f7;} .pro-main .pro-bot .tab-tit .tab-tit-in{ margin: 0 auto; width: 1400px; height: 100%;} .pro-main .pro-bot .tab-tit .tab-tit-in .container .wrapper{ justify-content: center;} .pro-main .pro-bot .tab-tit .swiper-container{ height: 100%;} .pro-main .pro-bot .tab-tit .tab-item{ display: flex; justify-content: center; align-items: center; padding: 0 30px; height: 100%; border-radius: 10px;} .pro-main .pro-bot .tab-tit .tab-item .num{ font-size: 64px; color: #bcbcbc; font-family: "Gilroy-Bold";} .pro-main .pro-bot .tab-tit .tab-item .cate-tit{ margin-left: 30px;} .pro-main .pro-bot .tab-tit .tab-item .tit-cn{ line-height: 30px; font-size: 20px; color: #333; font-weight: bold;} .pro-main .pro-bot .tab-tit .tab-item .tit-en{ margin-top: 5px; line-height: 21px; font-size: 14px; color: #666; font-family: "GILROY-REGULAR";} .pro-main .pro-bot .tab-tit .tab-item.cur{ background-image: linear-gradient(to bottom, #1cb0f7, #073250);} .pro-main .pro-bot .tab-tit .tab-item.cur .num, .pro-main .pro-bot .tab-tit .tab-item.cur .tit-cn, .pro-main .pro-bot .tab-tit .tab-item.cur .tit-en{ color: #fff;} .pro-main .btn-list{ display: flex; justify-content: center; align-items: center; margin: 0 auto; padding-top: 100px; width: 100%; height: 230px; border-top: 1px solid #f2f2f2;} .pro-main .btn-list .btn-item{ display: flex; justify-content: space-between; align-content: center; width: 490px; height: 100%; background: #fafafa; border-radius: 10px; overflow: hidden;} .pro-main .btn-list .btn-item:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #0048d2; transition: all .5s;} .pro-main .btn-list .btn-item:first-child{ margin-right: 54px;} .pro-main .btn-list .btn-item .btn-txt{ display: flex; justify-content: center; align-items: start; flex-direction: column; padding-left: 19.6561%; width: calc(100% - 16.9388%);} .pro-main .btn-list .btn-item .btn-txt .tit-cn{ width: 100%; line-height: 34px; font-size: 24px; color: #333; font-weight: bold;} .pro-main .btn-list .btn-item .btn-txt .tit-en{ margin-top: 6px; line-height: 20px; font-size: 14px; color: #333; font-family: "GILROY-REGULAR";} .pro-main .btn-list .btn-item .btn-icon{ display: flex; justify-content: center; align-items: center; width: 16.9388%; background: #f2f2f2;} .pro-main .btn-list .btn-item .btn-icon .icon{ display: flex; justify-content: center; align-items: center; width: 29px; height: 29px; background: rgba(0, 72, 210, .2); border-radius: 50%;} .pro-main .btn-list .btn-item .btn-icon .icon:before{ display: inline-block; content: ''; width: 21px; height: 21px; background: #0048d2; border-radius: 50%; transition: all .5s;} .pro-main .btn-list .btn-item:hover{ background: #0048d2;} .pro-main .btn-list .btn-item:hover:before{ background: #e73100;} .pro-main .btn-list .btn-item:hover .btn-txt .tit-cn, .pro-main .btn-list .btn-item:hover .btn-txt .tit-en{ color: #fff;} .pro-main .btn-list .btn-item:hover .btn-icon{ background: #336ddb;} .pro-main .btn-list .btn-item:hover .btn-icon .icon{ background: rgba(255, 255, 255, .2);} .pro-main .btn-list .btn-item:hover .btn-icon .icon:before{ background: #fff;} .mod-item{ padding: 100px 0;} .mod-item:nth-child(even){ background: #fafafa;} .mod-item .mod-item-in{ margin: 0 auto; width: 1400px;} .mod-item .item-tit{ width: 100%;} .mod-item .item-tit .tit-cn{ width: 100%; line-height: 67px; font-size: 48px; color: #333;} .mod-item .item-tit .tit-en{ margin-top: 14px; width: 100%; line-height: 38px; font-size: 24px; color: #009ff4; font-family: "GILROY-REGULAR";} .mod-item .pg-btn-list{ display: flex; justify-content: space-between; align-items: center; bottom: 27px; right: 41px; z-index: 1; width: 163px; height: 70px;} .mod-item .pg-btn-list .pg-btn-item{ width: 70px; height: 70px; border: 1px solid #fff; border-radius: 50%;} .mod-item .pg-btn-list .pg-btn-item.next{ transform: rotate(180deg);} .mod-item .pg-btn-list .pg-btn-item img{ top: 50%; left: 50%; transform: translate(-50%, -50%);} .mod-item .pg-btn-list .pg-btn-item img:last-child{ opacity: 0;} .mod-item .pg-btn-list .pg-btn-item:hover{ background: #fff;} .mod-item .pg-btn-list .pg-btn-item:hover img:last-child{ opacity: 1;} .mod-one{ height: 700px;} .mod-one .mod-item-in{ display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%;} .mod-one .mod-item-in .text{ padding: 0 4.1667% 0 8.8541%; width: 50%;} .mod-one .mod-item-in .text .tit{ width: 100%; line-height: 67px; font-size: 48px; color: #333; font-weight: bold;} .mod-one .mod-item-in .text .brief{ margin-top: 34px; width: 100%; line-height: 40px; font-size: 18px; color: #1a1a1a;} .mod-one .mod-item-in .img{ padding-left: 2.0834%; width: calc(50%);} .mod-two .mod-item-in{ text-align: center;} .mod-two .mod-item-in .mb-pic{ display: none;} .mod-two .mod-item-in .pc-pic, .mod-two .mod-item-in .mb-pic{ max-width: 100%;} .mod-thr .mod-item-in{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 1600px;} .mod-thr .mod-item-in .left{ width: 47.875%;} .mod-thr .mod-item-in .left .container .slide img{ max-width: 100%;} .mod-thr .mod-item-in .right{ width: 45.375%;} .mod-thr .mod-item-in .right .pg-list{ margin-top: 100px; width: 100%; height: 380px;} .mod-thr .mod-item-in .right .pg-list .pg-item{ display: flex; justify-content: start; align-items: start; margin-top: 28px; width: 100%;} .mod-thr .mod-item-in .right .pg-list .pg-item:first-child{ margin-top: 0;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-num{ width: 67px; height: 67px; line-height: 61px; border: 3px solid #cedbf6; font-size: 18px; color: #0048d2; font-weight: bold; font-family: "Gilroy-Bold"; text-align: center; border-radius: 50%;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt{ margin-left: 25px; width: 500px;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt .pg-tit{ margin-bottom: 14px; width: 100%; line-height: 30px; font-size: 20px; color: #333;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt .pg-brief{ width: 100%; height: auto; line-height: 32px; font-size: 18px; color: #989898;} .mod-thr .mod-item-in .right .pg-list .pg-item.cur .pg-num, .mod-thr .mod-item-in .right .pg-list .pg-item:hover .pg-num{ border-color: #0048d2;} .mod-thr .mod-item-in .right .pg-list .pg-item.cur .pg-txt .pg-tit, .mod-thr .mod-item-in .right .pg-list .pg-item:hover .pg-txt .pg-tit{ color: #0048d2; font-weight: bold;} .mod-for .mod-item-in{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 1600px;} .mod-for .mod-item-in .left{ width: 47.875%;} .mod-for .mod-item-in .left .container .slide img{ max-width: 100%;} .mod-for .mod-item-in .right{ width: 45.375%;} .mod-for .mod-item-in .right .pg-list{ margin-top: 100px; width: 100%; height: 380px;} .mod-for .mod-item-in .right .pg-list .pg-list-in{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap;} .mod-for .mod-item-in .right .pg-list .pg-item{ display: flex; justify-content: start; align-items: center; margin-top: 28px; width: 50%;} .mod-for .mod-item-in .right .pg-list .pg-item:nth-child(-n+2){ margin-top: 0;} .mod-for .mod-item-in .right .pg-list .pg-item .pg-num{ width: 67px; height: 67px; line-height: 61px; border: 3px solid #cedbf6; font-size: 18px; color: #0048d2; font-weight: bold; font-family: "Gilroy-Bold"; text-align: center; border-radius: 50%;} .mod-for .mod-item-in .right .pg-list .pg-item .pg-txt{ margin-left: 25px; width: 70%;} .mod-for .mod-item-in .right .pg-list .pg-item .pg-txt .pg-tit{ width: 100%; line-height: 30px; font-size: 20px; color: #333;} .mod-for .mod-item-in .right .pg-list .pg-item .pg-txt .pg-brief{ margin-top: 14px; width: 100%; height: 64px; line-height: 32px; font-size: 18px; color: #989898;} .mod-for .mod-item-in .right .pg-list .pg-item.cur .pg-num, .mod-for .mod-item-in .right .pg-list .pg-item:hover .pg-num{ border-color: #0048d2;} .mod-for .mod-item-in .right .pg-list .pg-item.cur .pg-txt .pg-tit, .mod-for .mod-item-in .right .pg-list .pg-item:hover .pg-txt .pg-tit{ color: #0048d2; font-weight: bold;} #mCSB_1_scrollbar_vertical{ display: block !important;} .mCSB_scrollTools .mCSB_draggerContainer{ width: 2px; background: #eaeaea;} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; background: #0048d2 !important;} .mod-fiv{ width: 100%; max-height: 1040px; background: url(/images/pro_info_bg0.png) no-repeat center / cover !important;} .mod-fiv .mod-item-in{ width: 1600px;} .mod-fiv .item-tit .tit-cn, .mod-fiv .item-tit .tit-en{ color: #fff;} .mod-fiv .icon-list{ margin-top: 70px;} .mod-fiv .icon-list .wrapper{ align-content: start;} .mod-fiv .icon-list .icon-item{ width: 30.4375%; height: auto; background: #fff; border-radius: 10px;} .mod-fiv .icon-list .icon-item:after{ padding-top: 60.9858%;} .mod-fiv .icon-list .icon-item .icon-con{ display: flex; justify-content: center; align-items: start; flex-direction: column; top: 0; left: 0; padding: 30px 20px 30px 47px; width: 100%; height: 100%;} .mod-fiv .icon-list .icon-item .icon-con .icon{ display: flex; justify-content: center; align-items: center; height: 70px;} .mod-fiv .icon-list .icon-item .icon-con .icon img{ position: static;} .mod-fiv .icon-list .icon-item .icon-con .tit{ margin-top: 20px; line-height: 30px; font-size: 20px; color: #0048d2; font-weight: bold;} .mod-fiv .icon-list .icon-item .icon-con .brief{ margin-top: 15px; width: 100%;/* max-height: 56px;*/ height: 84px; line-height: 28px; font-size: 18px; color: #989898;} .mod-six .part-item { margin: 70px auto 0; width: 100%;} .mod-six .part-item:nth-child(odd){ background: #fafafa;} .mod-six .part-item .fina_main{width: 80%;margin: 0 auto;} .mod-six .part-item .tit {margin-bottom: 45px;text-align: center;} .mod-six .part-item .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;} .mod-six .part-item .tit .title_en{font-family:"GILROY-REGULAR";font-size: 24px;color: #3052e8;text-transform: uppercase;line-height: 27px;} .mod-six .part-item .parts {width: 100%;display: flex; justify-content: flex-start;flex-wrap: wrap;} .mod-six .part-item .parts .images{width: 20%;height: 134px;border: 1px solid #f2f2f2;background-color: #fff;text-align: center; line-height: 140px;} .mod-six .part-item .parts .images:hover{ box-shadow: 0 0 21px rgba(45, 82, 242, .15); z-index: 1;} /*.mod-sev{ border-bottom: 1px solid #f2f2f2;}*/ .mod-sev .item-tit{ text-align: center;} .mod-sev .list{ display: flex; justify-content: center; align-items: start; flex-wrap: wrap; margin-top: 70px; width: 100%;} .mod-sev .list .item{ margin: 50px 7.1% 0 0; width: 14.2858%;} .mod-sev .list .item:nth-child(5n){ margin-right: 0;} .mod-sev .list .item:nth-child(-n+5){ margin-top: 0;} .mod-sev .list .item .img{ width: 100%; border: 1px solid #d6d6d6; border-radius: 50%;} .mod-sev .list .item .tit{ margin-top: 24px; width: 100%; line-height: 27px; font-size: 16px; color: #333; text-align: center;} /* 1680聽1440聽1366聽1280聽1200聽1024聽750 */ @media screen and (max-width: 1680px) { .cw1600{ max-width: 1400px;} #inner-swiper .con{ width: 1400px;} /* 绀句細鎷涜仒 */ .job-main .job-list{ width: 1400px;} .job-main .job-bot .bot_text{ top: 100px;} /* 淇℃伅 */ .message-main .message .form-main .form .left .slogan .img{ left: 235px;} #sec_main .secondary{ width: 1400px;} /* 鍏充簬鐫挎湇 */ .about-main .com_introduction{ width: 1400px;} .about-main .com_introduction .introduce{ align-items: center;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1{ padding-left: 30px;} /* 鍛樺伐鍏虫€€ */ .staff-main .welfare .benefits, .staff-main .developing .app{ width: 1400px;} /* 浜у搧鏈嶅姟 */ /*.mod-one .mod-item-in .text{ margin: 0 4.1667% 0 2%; width: 36.9792%;}*/ .mod-thr .mod-item-in, .mod-for .mod-item-in, .mod-fiv .mod-item-in{ width: 1400px;} .mod-one .mod-item-in .text .tit{ font-size: 36px;} .mod-thr .mod-item-in .right .pg-list{ margin-top: 80px;} } @media screen and (max-width: 1457px) { .cw1600{ max-width: 1200px;} #inner-swiper .con{ width: 1200px;} #sec_main .secondary{ width: 1200px;} #header .nav .one-nav{ margin-right: 30px;} .mod-item.mod-fiv{ padding: 50px 0;} .mod-thr .mod-item-in .right .pg-list, .mod-for .mod-item-in .right .pg-list{ margin-top: 30px;} .mod-thr .mod-item-in .right .pg-list{ height: 350px;} .mod-thr .mod-item-in .right .pg-list .pg-item{ margin-top: 20px;} .mod-for .mod-item-in .right .pg-list{ height: 360px;} /* 棣栭〉 */ .mod-one .mod-item-in .text{ padding: 0 2.1667% 0 3.8541%;} .mod-one .mod-item-in .text .tit{ font-size: 32px;} #ind-about .left .cont .item{ margin-right: 80px;} #ind-it .content .item .text .p .brief{ margin-bottom: 20px; line-height: 24px; font-size: 14px;} /* 浜у搧涓庢湇鍔 */ .pro-main .pro-bot .tab-tit .tab-tit-in, .mod-item .mod-item-in, .pro-main .pro-top, .mod-thr .mod-item-in, .mod-for .mod-item-in, .mod-fiv .mod-item-in{ width: 1200px;} .mod-one .mod-item-in{ width: 100%;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt{ width: 75%;} /* 绀句細鎷涜仒 */ .job-main .job-list {width: 1200px;} .job-main .job-bot .bot_text {top: 50px;left: 150px;} /* 鍏充簬鐫挎湇 */ .about-main .com_introduction{ width: 1200px;} .about-main .com_introduction .introduce .int_right .images {margin: 0; width: 100%;margin-top: 165px;} .about-main .com_culture .cul_main .culture-list a .culture{height: 260px;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{right: 50px;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1{ align-items: start; flex-direction: column;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .left{ margin-bottom: 30px;} .about-main .com_milepost {width: 1200px;} .about-main .com_milepost .main .right .cont .list .list-info{display: flex;} .about-main .com_milepost .main .right .cont .list .list-info::before {margin-top: 11px;} /* 鏂伴椈鍒楄〃 */ .new-main .news-list{ width: 1024px;} /* 鏂伴椈璇︽儏 */ .detail-main .detail{width: 1200px;} .detail-main .detail .detail-page .pre .img {top: 48%;left: 40px;} .detail-main .detail .detail-page .next .img {top: 48%;right: 40px;} /* 鍚堜綔浼欎即 */ .part-main .part-item .fina_main{ width: 1200px;} /* 鍛樺伐鍏虫€€ */ .staff-main .welfare .benefits, .staff-main .developing .app{ width: 1200px;} /* 淇℃伅 */ .message-main .message{width: 1200px;} .message-main .message .form-main .form .left .slogan .img{left: 235px;} /* 鑱旂郴鎴戜滑 */ .contact-main .service{ width: 1200px;} .mod-fiv .icon-list .icon-item:after{ padding-top: 80.9858%;} .mod-fiv .icon-list .icon-item .icon-con{ padding: 20px;} } @media screen and (max-width:1240px){ } @media screen and (max-width: 1240px) { .cw1600{ max-width: 1024px;} #inner-swiper .con{ width: 1024px;} #sec_main .secondary{ width: 1024px;} #header .logo{ padding-left: 10px;} #header .nav .one-nav{ margin-right: 20px;} #header .link{ margin-left: 40px;} .mod-for .mod-item-in .right .pg-list{ height: 285px;} /* 棣栭〉 */ #ind-about .left .cont .item{ margin-right: 50px;} #ind-about .pic{ width: 46%;} #ind-it .content .item .text .p .brief{ margin-bottom: 10px;} /* 鍏充簬鐫挎湇 */ .about-main .com_introduction{ width: 1024px;} .about-main .com_introduction .introduce{ flex-direction: column-reverse;} .about-main .com_introduction .introduce .int_left{ margin: 50px 0 0; width: 100%;} .about-main .com_introduction .introduce .int_right{ margin: 0; width: 100%; text-align: center;} .about-main .com_introduction .introduce .int_right:before{ display: none;} .about-main .com_milepost{ width: 1024px;} /* 浜у搧涓庢湇鍔 */ .pro-main .pro-bot .tab-tit .tab-tit-in, .mod-item .mod-item-in, .pro-main .pro-top, .mod-two .mod-item-in, .mod-thr .mod-item-in, .mod-for .mod-item-in, .mod-fiv .mod-item-in{ width: 1024px;} .mod-one .mod-item-in{ width: 100%;} .mod-one .mod-item-in .text{ padding: 0 0 0 1%;} .mod-one .img{ width: 60%;} .mod-one .mod-item-in .text .tit{ font-size: 30px;} .mod-one .mod-item-in .text .brief{ margin-top: 0;} .mod-thr .mod-item-in .right .pg-list{ margin-top: 30px; height: 285px;} .mod-for .mod-item-in .right .pg-list .pg-list-in{ flex-direction: column;} .mod-for .mod-item-in .right .pg-list .pg-item:nth-child(2){ margin-top: 28px;} .mod-for .mod-item-in .right .pg-list .pg-item{ width: 100%;} .mod-fiv .icon-list .icon-item .icon-con .tit{ margin-top: 10px; font-size: 18px;} .mod-fiv .icon-list .icon-item .icon-con .brief{ font-size: 16px;} .mod-six .part-item .parts .images{ width: 25%;} /* 绀句細鎷涜仒 */ .job-main .job-list {width: 1024px;} /* 鍚堜綔浼欎即 */ .part-main .part-item .fina_main{ width: 1024px;} /* 鍛樺伐鍏虫€€ */ .staff-main .welfare .benefits, .staff-main .developing .app{ width: 1024px;} /* 鏂伴椈鍒楄〃 */ .new-main .news-list{ width: 1024px;} .new-main .news-list .news_swiper .news-box{ margin-top: 0;} .new-main .news-list .news_swiper .btn-list{ display: none;} /* 鏂伴椈璇︽儏 */ .detail-main .detail{ width: 1024px;} /* 淇℃伅 */ .message-main .message{width: 1024px;} .message-main .message .form-main .form .left .slogan .img{left: 332px;} /* 鑱旂郴鎴戜滑 */ .contact-main .service{ width: 1024px;} .mod-fiv .icon-list .icon-item:after{ padding-top: 86.9858%;} } @media screen and (max-width: 1040px) { .cw1600{ max-width: 750px;} #inner-swiper .con{ width: 750px;} #header{ display: none;} body #header-blank{ height: 90px;} body #m-header{ display: block; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 90px; background: rgba(0, 0, 0, .8);} #m-header .m-header-in{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 92%; height: 100%;} #m-header .nav-btn{ width: 52px; height: 38px;} #m-header .logo{ width: 20%;} #m-header .burger{ position: relative; cursor: pointer;} #m-header .x, #m-header .y, #m-header .z{ margin-top: 10px; background: #fff; border-radius:2px;} #m-header .x{ margin-top: 0;} #m-header .x, #m-header .y, #m-header .z{ width: 52px; height: 6px;} #m-header .form{ width: 50px; height: 50px;} #m-header .form img{ width: 100%; height: 100%; cursor: pointer;} #m-header .form form{ top: 85px; right: -30px; width: 420px; height: 0; background: rgba(255,255,255,.8); overflow: hidden; border-radius: 50px;} #m-header .form.open form{ height: 50px; border: 1px solid #ddd;} #m-header .form .sub, #m-header .form .text{height: 50px;line-height: 50px;} #m-header .form .text{margin: 0 25px;width: 280px;color: #333;font-size: 24px;} #m-header .form .sub{width: 70px;color: #666;font-size: 24px; border-left: 1px solid #fff;text-align: center;} #m-nav{ display: block; top: 90px; left: 0; z-index: 10; width: 100%; height: 100%; background: #fff; transform: translateX(-100%); overflow-y: auto;} #m-nav.open{ transform: translateX(0);} #m-nav .m-nav-in{ width: 100%;} #m-nav .m-nav-in .nav-item{ width: 100%; border-bottom: 1px solid #ccc;} #m-nav .m-nav-in .nav-item .one-nav{ display: flex; justify-content: space-between; align-items: center; padding: 0 50px; width: 100%;} #m-nav .m-nav-in .nav-item .one-nav .one-a{ width: 100%; height: 80px; line-height: 80px; font-size: 28px;} #m-nav .m-nav-in .nav-item .one-nav .icon{ width: 80px; height: 80px; cursor: pointer; transition: all .5s;} #m-nav .m-nav-in .nav-item .one-nav .icon:before, #m-nav .m-nav-in .nav-item .one-nav .icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; background: #333; transform: translate(-50%, -50%);} #m-nav .m-nav-in .nav-item .one-nav .icon:before{ width: 30px; height: 2px;} #m-nav .m-nav-in .nav-item .one-nav .icon:after{ width: 2px; height: 30px; transition: all .3s;} #m-nav .m-nav-in .nav-item.open .one-nav .icon:after{ transform: translate(-50%, -50%) rotate(90deg);} #m-nav .m-nav-in .nav-item .m-nav-list{ width: 100%; height: 0; overflow: hidden;} #m-nav .m-nav-in .nav-item .m-nav-list-in{ width: 100%;} #m-nav .m-nav-in .nav-item .m-nav-list-in .m-nav-item-a{ padding: 0 100px; width: 100%; line-height: 60px; border-top: 1px solid #ccc; font-size: 24px;} #sec_main .secondary{ width: 750px;} /* 棣栭〉 */ #ind-about{ padding: 50px 0;} #ind-about .left{ width: 100%;} #ind-about .left .tit{ margin: 30px 0;} #ind-about .ind-more{ margin-top: 20px;} #ind-about .left .cont{ margin-top: 30px;} #ind-about .pic{ display: none;} /*#ind-scope{ padding: 50px 0;}*/ #ind-scope .content{ margin-top: 50px;} #ind-scope .content .left{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; float: none;} #ind-scope .content .left .item{ margin: 50px 0 0; width: 50%;} #ind-scope .content .left .item:nth-child(-n+2){ margin-top: 0;} #ind-scope .content .left{ padding: 0; width: 100%;} #ind-scope .content .inside-mapArea{ display: none;} #ind-solu .content .right-cont .left{ padding-right: 0; width: 100%; box-sizing: border-box;} #ind-solu .content .right-cont .tab-item{ display: none;} #ind-solu .content .right-cont .right{ display: none;} #ind-partner .content .slide .item{ height: 90px;} #ind-news .content .left, #ind-news .content .right{ float: none; width: 100%;} #ind-news .content .right{ margin-top: 30px;} /* 鍏充簬鐫挎湇 */ .about-main .com_introduction{ width: 750px;} .about-main .com_milepost{ width: 750px;} .about-main .com_introduction .introduce .int_left .brief_cn{ margin: 8px 0 40px; padding: 25px 0 0;} .about-main .com_introduction .introduce .int_left .achievement{ padding-left: 0;} .about-main .com_introduction .introduce .int_left .achievement .ach .numadd{ justify-content: center;} .about-main .com_introduction .introduce .int_left .achievement .ach .explain{ text-align: center;} .about-main .com_introduction .introduce .int_right .images{ margin-top: 0;} .about-main .history-list .li img{ max-width: 70%;} /* 浜у搧涓庢湇鍔 */ .pro-main .pro-bot .tab-tit .tab-tit-in, .mod-item .mod-item-in, .pro-main .pro-top, .mod-two .mod-item-in, .mod-thr .mod-item-in, .mod-for .mod-item-in, .mod-fiv .mod-item-in, .pro-main .btn-list{ width: 750px;} /*.mod-fiv .icon-list .icon-item{ padding: 30px 0;}*/ .mod-fiv .icon-list .icon-item .icon-con{ padding: 30px;} .mod-fiv .icon-list .icon-item .icon-con .icon img{ max-height: 70%;} .mod-fiv .icon-list .icon-item .icon-con .tit{ margin-top: 0; font-size: 16px;} .mod-fiv .icon-list .icon-item .icon-con .brief{ margin-top: 8px; font-size: 12px;} .mod-six .part-item .parts .images img{ max-width: 80%;} .mod-one{ height: auto;} .mod-one .mod-item-in{ justify-content: center; flex-direction: column-reverse;} .mod-one .mod-item-in .img{ width: 100%; text-align: center;} .mod-one .mod-item-in .img img{ max-width: 100%;} .mod-one .mod-item-in .text{ margin-top: 20px; width: 100%; text-align: center;} .mod-one .mod-item-in .text .brief{ margin-top: 0;} .mod-for .mod-item-in, .mod-thr .mod-item-in{ flex-direction: column;} .mod-for .mod-item-in .left, .mod-thr .mod-item-in .left{ width: 100%;} .mod-for .mod-item-in .right, .mod-thr .mod-item-in .right{ margin-top: 20px; width: 100%;} .mod-for .mod-item-in .right .pg-list, .mod-thr .mod-item-in .right .pg-list{ margin-top: 30px;} .mod-fiv{ height: auto;} .pro-main .pro-bot .tab-tit{ height: 235px;} .pro-main .pro-bot .tab-tit .tab-item{ flex-direction: column;} .pro-main .pro-bot .tab-tit .tab-item .cate-tit{ margin-left: 0;} /* 浜哄姏璧勬簮 */ .resource-main .list .item .txt .tit{ font-size: 36px;} .resource-main .list .item .txt .brief{ margin-top: 20px; line-height: 35px;} /* 绀句細鎷涜仒 */ .job-main .job-list {width: 750px;} .job-main .job-list .job-info .info .description .job_address{width: 20%;} .job-main .job-list .job-info .info .job_info {padding: 50px 70px;} .job-main .job-list .job-info .info .job_info .btn_list{bottom: 0;} .job-main .job-bot .bot_text .bot_tit { font-size: 30px;margin-bottom: 0px} .job-main .job-bot .bot_text .p1{margin-bottom: 10px;} .pop-job .pop-job-con{ width: 750px;} .pop-job .pop-job-con .con-table .left, .pop-job .pop-job-con .con-table .right{ width: 46.3636%;} .pop-rec .pop-rec-con{ width: 750px;} /* 鍚堜綔浼欎即 */ .part-main .part-item .fina_main{ width: 750px;} .part-main .part-item .parts .images{ width: 25%;} .staff-main .welfare .benefits{ padding: 60px 0;} /* 鍛樺伐鍏虫€€ */ .staff-main .welfare .benefits, .staff-main .developing .app{ width: 750px;} .staff-main .developing{ height: 630px;} .staff-main .welfare .benefits .benefits-list{ justify-content: start;} .staff-main .welfare .benefits .benefits-list .item{ margin-right: 1%; width: 24%;} .staff-main .welfare .benefits .benefits-list .item:nth-child(4n){ margin-right: 0;} /* 鏂伴椈鍒楄〃 */ .new-main .news-list{ width: 750px;} .new-main .news-list .news_swiper .wrapper{ height: auto;} .new-main .news-list .news_swiper .wrapper .slide{ flex-direction: column;} .new-main .news-list .news_swiper .wrapper .slide .image{ width: 100%;} .new-main .news-list .news_swiper .wrapper .slide .text{ width: 100%;} .new-main .news-list .news_swiper .wrapper .slide .text .new_tit{ margin-top: 20px;} .new-main .news-list .news_swiper .wrapper .slide .text .cont{ margin-bottom: 30px;} .new-main .news-list .news-info .news{ flex-direction: column; padding: 0; padding: 30px 0;} .new-main .news-list .news-info .news .date{ display: none;} .new-main .news-list .news-info .news .new_img{ width: 100%;} .new-main .news-list .news-info .news .cont_main{ margin-top: 30px; width: 100%;} .new-main .news-list .news-info .news .cont_main .time{ display: block; margin-bottom: 30px;} .new-main .news-list .news-info .news .cont_main .cont{ margin-bottom: 20px;} /* 鏂伴椈璇︽儏 */ .detail-main .detail{ width: 750px;} /* 淇℃伅 */ .message-main .message{ padding: 50px 0; width: 750px;} .message-main .message .form-main .welcom{ margin-bottom: 20px;} .message-main .message .form-main .form{ flex-direction: column;} .message-main .message .form-main .form .left, .message-main .message .form-main .form .right{ width: 100%;} .message-main .message .form-main .form .left .slogan{ margin-bottom: 30px; width: 100%;} .message-main .message .form-main .form .left .slogan .img{ display: none;} .message-main .message .form-main .form .left .contact .p1{ margin-bottom: 0 !important;} .message-main .message .form-main .form .left .contact .call, .message-main .message .form-main .form .left .contact .email{ margin-bottom: 30px;} .message-main .message .form-main .form .right{ margin-top: 30px;} /* 鑱旂郴鎴戜滑 */ .contact-main .service{ width: 750px;} } @media screen and (max-width: 768px) { body, body *{ font-size: 24px;} .cw1600{ max-width: 92%;} #inner-swiper .con{ width: 92%;} #inner-swiper .con .cn{ height: auto; line-height: 1.8;} #inner-swiper .con .en{ height: auto; line-height: 1.8; font-size: 21px;} .pc{ display: none;} .mb{ display: block;} #index-swiper .swiper-pagination-bullets{ display: none;} #footer{ display: none;} #m-footer{ display: block; padding-bottom: 50px; background: #001739;} #m-footer .f-nav{ margin: 0 auto; width: 92%;} #m-footer .f-nav .f-nav-item{ width: 100%; border-bottom: 1px solid #ccc;} #m-footer .f-nav .f-nav-item .f-nav-one{ display: flex; justify-content: start; align-items: start; width: 100%;} #m-footer .f-nav .f-nav-item .f-nav-one .f-one-a{ width: calc(100% - 80px); height: 80px; line-height: 80px; font-size: 24px; color: #fff;} #m-footer .f-nav .f-nav-item .f-nav-one .icon{ width: 80px; height: 80px; transition: all .5s;} #m-footer .f-nav .f-nav-item .f-nav-one .icon:before, #m-footer .f-nav .f-nav-item .f-nav-one .icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; background: #fff; transform: translate(-50%, -50%);} #m-footer .f-nav .f-nav-item .f-nav-one .icon:before{ width: 30px; height: 2px;} #m-footer .f-nav .f-nav-item .f-nav-one .icon:after{ width: 2px; height: 30px; transition: all .3s;} #m-footer .f-nav .f-nav-item .f-nav-two{ width: 100%; height: 0; overflow: hidden;} #m-footer .f-nav .f-nav-item .f-nav-two .f-two-a{ padding: 0 30px; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #fff; font-size: 20px; color: #fff;} #m-footer .f-nav .f-nav-item.open .f-nav-one .icon:after{ transform: translate(-50%, -50%) rotate(90deg);} #m-footer .f-right{ display: flex; justify-content: space-around; align-items: start; margin-top: 50px;} #m-footer .f-right .qrcode .tit{ margin-top: 15px; font-size: 24px; color: #fff;} #m-footer .f-bot{ margin: 50px auto 0; width: 92%;} #m-footer .f-bot div, #m-footer .f-bot div a{ font-size: 24px; color: #fff;} #m-footer .f-bot div{ line-height: 1.8;} #sec_main{ height: auto;} #sec_main .secondary{ flex-direction: column; width: 92%;} #sec_main .secondary .left{ display: none; width: 100%;} #sec_main .secondary .left a img{ width: 36px;} #sec_main .secondary .left span{ font-size: 24px;} #sec_main .secondary .left span img{ width: 12px;} #sec_main .secondary .cate-nav{ width: 100%;} #sec_main .secondary .cate-nav ul{ float: none;} #sec_main .secondary .cate-nav ul .cate-item{ margin-right: 30px;} /* 棣栭〉 */ #index-swiper .video-box{ top: 70%;} #index-swiper .video-box .text{ margin-top: 20px; font-size: 24px; height: 56px; line-height: 56px; border-radius: 28px;} #ind-about .left .tit{ font-size: 24px;} #ind-about .left .brief{ height: auto; line-height: 1.8; font-size: 22px;} #ind-about .left .cont .item .t2{ font-size: 24px;} #ind-about .ind-more{ font-size: 24px;} #ind-scope .content .left .item .tit{ font-size: 24px;} /*#ind-it .content .item .text{ width: 100%;}*/ /*#ind-it .content .item .text .icon{ display: none;}*/ #ind-it .content .item{ margin-right: 2%; width: 49%;} #ind-it .content .item .text .tit{ width: 100%; font-size: 28px; text-align: center; white-space: normal; transform: translate(-50%, 20%);} #ind-it .content .top{ width: 100%;} #ind-it .content .top .t{ display: flex; justify-content: space-between; align-items: start;} #ind-it .content .top .t .l{ margin-right: 2%; width: 49%;} #ind-it .content .top .t .l .item{ width: 100%;} #ind-it .content .top .t .r{ width: 49%;} #ind-it .content .top .t .r .item{ width: 100%;} #ind-it .content .top .b{ width: 100%;} #ind-it .content .top .b .item{ width: 100%;} #ind-it .content .bot .item{ margin-right: 2%;} #ind-it .content .bot .item:nth-child(2), #ind-it .content .bot .item:nth-child(5){ margin-right: 0;} #ind-it .content .bot .item:nth-child(3){ width: 100%;} #ind-news .content .right .con{ display: flex; justify-content: space-between; align-items: center;} #ind-news .content .right .con:before, #ind-news .content .right .con:after{ display: none;} #ind-news .content .right .con .c{ float: none; width: calc(100% - 120px);} #ind-news .content .right .con .c+div{ float: none;} #ind-news .content .right .con .c .des{ line-height: 1.8; font-size: 24px;} #ind-news .content .right .con .time{ margin-top: 0; width: 110px; line-height: 1.8; font-size: 24px;} #ind-contact .ind-more{ width: 300px; height: 70px; line-height: 70px; border-radius: 50px; font-size: 28px;} /* 浜哄姏璧勬簮 */ .resource-main{ margin: 0 auto; width: 92%;} .resource-main .list .item{ display: flex; flex-direction: column !important;} .resource-main .list .item .img, .resource-main .list .item .txt{ width: 100%;} .resource-main .list .item .txt .txt-in{ margin-left: 0 !important; width: 100%; text-align: left !important;} .resource-main .list .item .txt .brief{ margin-top: 0; line-height: 1.8; font-size: 24px;} /* 浜у搧椤 */ .pro-main .pro-bot .tab-tit .tab-tit-in, .mod-item .mod-item-in, .pro-main .pro-top, .mod-two .mod-item-in, .mod-thr .mod-item-in, .mod-for .mod-item-in, .mod-fiv .mod-item-in, .pro-main .btn-list{ width: 92%;} .pro-main .pro-top .list .item{ margin: 15px 2% 0 0; width: 49%;} .pro-main .pro-top .list .item:nth-child(-n+4){ margin-top: 15px;} .pro-main .pro-top .list .item:nth-child(-n+2){ margin-top: 0;} .pro-main .pro-top .list .item:nth-child(even){ margin-right: 0;} .pro-main .pro-top .list .item .txt .txt-in .tit-cn{ line-height: 1.8; font-size: 30px;} .pro-main .pro-top .list .item .txt .txt-in .tit-en{ line-height: 1.8; font-size: 22px;} .pro-main .pro-bot .tab-tit .tab-item .tit-cn{ line-height: 1.8; font-size: 30px;} .pro-main .pro-bot .tab-tit .tab-item .tit-en{ line-height: 1.8; font-size: 24px;} .pro-main .pro-bot .tab-tit .tab-tit-in .container .wrapper{ justify-content: start;} .mod-item{ padding: 70px 0 50px;} .mod-one .mod-item-in .text .brief{ line-height: 1.8; font-size: 28px; text-align: left;} .mod-two .mod-item-in .mb-pic{ display: block;} .mod-two .mod-item-in .pc-pic{ display: none;} .mod-thr .mod-item-in .right .pg-list .pg-item{ align-items: center;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-num{ font-size: 30px;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt .pg-tit{ margin-bottom: 0;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt .pg-tit{ line-height: 1.8; font-size: 30px;} .mod-thr .mod-item-in .right .pg-list .pg-item .pg-txt .pg-brief{ height: auto; line-height: 1.8; font-size: 24px;} .mod-for .mod-item-in .right .pg-list .pg-item .pg-num{ font-size: 30px;} .mod-for .mod-item-in .right .pg-list .pg-item .pg-txt .pg-tit{ font-size: 30px;} .mod-fiv .icon-list .icon-item{ margin-bottom: 30px; width: 33%;} .mod-fiv .icon-list .icon-item:after{ padding-top: 86.9858%;} .mod-fiv .icon-list .icon-item .icon-con{ align-items: center;} .mod-fiv .icon-list .icon-item .icon-con .icon img{ max-height: 100%;} .mod-fiv .icon-list .icon-item .icon-con .tit{ margin-top: 10px; padding: 0 15px; max-height: inherit; line-height: 1.8; font-size: 28px; text-align: center;} .mod-fiv .icon-list .icon-item .icon-con .brief{ padding: 0 15px; max-height: inherit; line-height: 1.8; font-size: 24px; text-align: center;} .mod-sev .list .item{ margin: 50px 5% 0 0; width: 20%;} .mod-sev .list .item:nth-child(-n+5){ margin-top: 50px;} .mod-sev .list .item:nth-child(-n+4){ margin-top: 0;} .mod-sev .list .item:nth-child(5n){ margin-right: 5%;} .mod-sev .list .item:nth-child(4n){ margin-right: 0;} .mod-sev .list .item .tit{ font-size: 24px;} /* 绀句細鎷涜仒 */ .job-main .job-list { width: 92%;} .job-main .job-bot .bot_text .bot_tit { font-size: 30px;margin-bottom: 0px} .job-main .job-bot .bot_text .p1{ margin-bottom: 10px; font-size: 24px;} .job-main .job-bot .bot_text .p2{ font-size: 24px;} .job-main .job-list .job-info .info .job_info {padding: 50px 0;} .job-main .job-list .job-info .info .job_info .btn_list{ bottom: 50px;} .job-main .job-list .job-info .info .description .job_time, .job-main .job-list .job-info .info .description .job_num{ display: none;} .job-main .job-list .job-info .info .description .job_address{ width: 50%;} .pop-job .pop-job-con{ width: 92%;} .pop-job .pop-job-con .con-table{ flex-direction: column-reverse;} .pop-job .pop-job-con .con-table .left, .pop-job .pop-job-con .con-table .right{ width: 100%;} .pop-job .pop-job-con .con-table .left .in-name, .pop-job .pop-job-con .con-table .right .in-name{ justify-content: start;} .pop-job .pop-job-con .con-table .left .in-name .name, .pop-job .pop-job-con .con-table .right .in-name .name{ margin-right: 20px; width: 15%;} .contact-main .service .other_network .list .info .infoDesc .job_num{ display: none;} #ind-solu .content:before, #ind-solu .content:after{ display: none;} #ind-solu .content .left-cont, #ind-solu .content .right-cont{ float: none; width: 100%;} #ind-solu .content .left-cont .left-tit{ display: flex; justify-content: space-between; width: 100%;} #ind-solu .content .left-cont .item{ font-size: 26px;} #ind-solu .content .left-cont .item .icon{ display: none;} #ind-solu .content .right-cont .left{ padding-left: 0; width: 100%;} #ind-solu .content .right-cont .left .item img{ image-rendering: pixelated;} #ind-solu .content .right-cont .left .tit1{ font-size: 34px;} #ind-solu .content .right-cont .left .brief{ line-height: 1.8; font-size: 24px;} #ind-solu .content .right-cont .left .tit2{ font-size: 28px;} #ind-news .ind-more{ font-size: 24px;} #ind-news .content .left .con .time{ font-size: 24px;} #ind-news .content .left .con .des{ max-height: inherit; line-height: 1.8; font-size: 28px;} .pop-rec .pop-rec-con{ width: 92%;} .pop-job .pop-job-con .con-tit{ margin-bottom: 15px;} .pop-job .pop-job-con .con-job{ margin-bottom: 20px;} .pop-rec .pop-rec-con .con-table{ flex-direction: column-reverse; margin: 0 auto 43px; width: 92%;} .pop-rec .pop-rec-con .con-table .left, .pop-rec .pop-rec-con .con-table .right{ width: 100%;} .pop-job .pop-rec-con .con-table .right .in-name{ margin-bottom: 15px;} .pop-job .pop-job-con .con-table .left .in-name .name, .pop-job .pop-job-con .con-table .right .in-name .name{ width: 25%;} .pop-job .pop-job-con .con-table .input{ width: 62.7273%;} .pop-job .pop-job-con .con-table .right .in-name{ margin-bottom: 10px;} .pop-rec .pop-rec-con .sub, .pop-job .pop-job-con .sub{ margin: 0 auto 35px; width: 70%; text-align: left;} /* 鍏充簬鐫挎湇 */ .about-main .com_introduction{ width: 92%;} .about-main .com_introduction .introduce .int_left .images .name_cn{ font-size: 34px;} .about-main .com_introduction .introduce .int_left .brief_cn{ line-height: 1.8; font-size: 24px;} .about-main .com_introduction .introduce .int_left .achievement .ach .explain{ font-size: 24px;} .about-main .com_culture .cul_main{ width: 92%;} .about-main .com_culture .cul_main .culture-list a .culture{ margin-bottom: 8px;} .about-main .com_culture .cul_main .culture-list a .culture:hover .bg .cont{border-radius: 7px;} .about-main .com_culture .cul_main .culture-list a .culture:hover .bg .cont .p1 .more{opacity: 1;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .left .brief{ font-size: 30px;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p1 .more{ height: 85px; line-height: 1.8; font-size: 24px; overflow: hidden;} .about-main .com_culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{bottom: 20px; left: 40px;} .about-main .com_milepost{ width: 92%;} .about-main .history-list .li{ flex-direction: column; margin-bottom: 30px; padding-top: 0; background: none;} .about-main .history-list .li:nth-child(even){ flex-direction: column;} .about-main .history-list .li:first-child{ padding-top: 0; background: none;} .about-main .history-list .li .m-pic{ margin-bottom: 30px; width: 100%; height: auto;} .about-main .history-list .li .m-pic:after{ padding-top: 47%;} .about-main .history-list .li .m-pic img{ max-width: inherit; width: 100%;} .about-main .history-list .li.no-img .m-pic{ display: none;} .about-main .history-list .li .con2{ width: 100%;} .about-main .history-list .li .con2 .desc{ line-height: 1.8; font-size: 24px;} .about-main .page{ padding-top: 0; font-size: 24px;} .about-main .page:before{ display: none;} /* 鍚堜綔浼欎即 */ .part-main .part-item .fina_main{ width: 92%;} .part-main .part-item .parts .images{ width: 33.3333%;} /* 鍛樺伐鍏虫€€ */ .staff-main .welfare .benefits, .staff-main .developing .app{ width: 92%;} .staff-main .welfare .benefits .benefits-list .item{ margin: 20px 2% 0 0; width: 49%;} .staff-main .welfare .benefits .benefits-list .item:nth-child(-n+2){ margin-top: 0;} .staff-main .welfare .benefits .benefits-list .item:nth-child(even){ margin-right: 0;} .staff-main .welfare .benefits .benefits-list .item .images .icon{ width: 68px; image-rendering: pixelated;} .staff-main .welfare .benefits .benefits-list .item .text{ height: 80px; line-height: 80px; font-size: 30px;} .new-main .news-list .news_swiper .wrapper .slide .text .cont{ height: 96px;} /* 鏂伴椈鍒楄〃 */ .new-main .news-list{ width: 92%;} .new-main .news-list .news_swiper .wrapper .slide .text .new_tit{ line-height: 1.8; font-size: 30px;} .new-main .news-list .news_swiper .wrapper .slide .text .cont, .new-main .news-list .news_swiper .wrapper .slide .text .more{ line-height: 1.8; font-size: 24px;} .new-main .news-list .news-info .news .cont_main .cont_tit{ font-size: 30px;} .new-main .news-list .news-info .news .cont_main .time, .new-main .news-list .news-info .news .cont_main .cont{ width: 100%; line-height: 1.8; font-size: 24px;} .new-main .news-list .news-info .news .cont_main .cont{ height: 96px;} .new-main .news-list .news-info .news .cont_main .more{ font-size: 24px;} .detail-main .detail .detail-info .info_top .bot{ flex-direction: column;} .detail-main .detail .detail-info .info_top .bot .left, .detail-main .detail .detail-info .info_top .bot .right{ width: 100%;} .detail-main .detail .detail-info .info_top .bot .right{ margin-top: 20px;} .detail-main .detail .detail-info .info_top .bot .left .time, .detail-main .detail .detail-info .info_top .bot .left .view{ font-size: 24px;} .detail-main .detail .detail-info .info_top .bot .left .time img, .detail-main .detail .detail-info .info_top .bot .left .view img{ width: 30px;} .detail-main .detail .detail-info .info_top .bot .right a{ width: 40px; height: 30px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='wechat'], .detail-main .detail .detail-info .info_top .bot .right a[jqshare='sina'], .detail-main .detail .detail-info .info_top .bot .right a[jqshare='facebook'], .detail-main .detail .detail-info .info_top .bot .right a[jqshare='twitter'], .detail-main .detail .detail-info .info_top .bot .right a[jqshare='linkedin']{ background-size: auto 30px;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='sina']{ background-position: -62px 0;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='facebook']{ background-position: -119px 0;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='twitter']{ background-position: -176px 0;} .detail-main .detail .detail-info .info_top .bot .right a[jqshare='linkedin']{ background-position: -237px 0;} .detail-main .detail .detail-page{ height: 80px;} .detail-main .detail .detail-page .btn .word{ width: 100px;} .detail-main .detail .detail-page .btn .word .p1{ font-size: 28px;} .detail-main .detail .detail-page .btn .word .p2{ display: none;} /* 鏂伴椈璇︽儏 */ .detail-main .detail{width: 92%;} .detail-main .detail .detail-info .info{ line-height: 1.8 !important; font-size: 24px !important;} /* 淇℃伅 */ .message-main .message{ width: 92%;} .message-main .message .form-main .form .left{width: 100%;} .message-main .message .form-main .welcom .text .p1 span{font-size: 30px; line-height:30px} .message-main .message .form-main .form .left .slogan {font-size: 30px;} .message-main .message .form-main .form .left .contact .call .num{font-size: 30px;} .message-main .message .form-main .form .left .contact .email .num{font-size: 30px;} .message-main .message .form-main .form .left .contact .call .p1 .call_cn, .message-main .message .form-main .form .left .contact .email .p1 .email_cn, .message-main .message .form-main .form .left .contact .address .p1 .address_cn{ font-size: 30px;} .message-main .message .form-main .form .right .name .pla span:nth-of-type(2), .message-main .message .form-main .form .right .number .pla span:nth-of-type(2), .message-main .message .form-main .form .right .mail .pla span:nth-of-type(2), .message-main .message .form-main .form .right .com_name .pla span, .message-main .message .form-main .form .right .info .pla span:nth-of-type(2){ line-height: 50px; font-size: 30px;} /* 鑱旂郴鎴戜滑 */ .contact-main .service{ width: 92%;} .contact-main .service .main_network .top{ margin-bottom: 30px;} .contact-main .service .main_network .top .left .mail .mail_tit, .contact-main .service .main_network .top .left .address .address_tit, .contact-main .service .other_network .list .info .infoDesc .city, .contact-main .service .other_network .list .info .infoDesc .address span, .contact-main .service .other_network .list .info .infoDesc .address, .contact-main .service .main_network .top .left .address .address_cn{ font-size: 24px;} .contact-main .service .main_network .top .left .address .address_cn{ line-height: 1.8;} .contact-main .service .main_network .top .left .address .address_tit{ width: 36%;} .contact-main .service .main_network .top .left .address .address_cn{ } .contact-main .service .other_network .list .info .infoDesc .address{ width: 85%;} .contact-main .service .other_network .list .info .infoDesc .city{ width: 80%;} .pro-main .btn-list .btn-item .btn-txt{ padding-left: 10.6561%;} .pro-main .btn-list .btn-item .btn-txt .tit-en{ font-size: 24px;} .mod-thr .mod-item-in .right .pg-list{ margin-top: 30px; height: 400px;} } /*鍏ㄧ珯鎼滅储*/ .global-search{width:100%; padding: 150px 0 40px;} .global-search .form{margin-bottom:22px;} .global-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;} .global-search .form .submit{height: 49px;width: 59px;border:1px solid #1f85e6;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #1f85e6 url(/images/search.png) no-repeat center center;} .global-search .list{width:100%; margin-bottom:50px;} .global-search .list .info .cate{padding-left:15px;} .global-search .list .new .cate{background:url(/images/info_ico.jpg) no-repeat left center;} .global-search .list .know .cate{background:url(/images/know_ico.jpg) no-repeat left center;} .global-search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} .global-search .list .info li:first-child{border-top:1px solid #dddddd;} .global-search .list .info .title{margin-right:16px; line-height:22px; color:#1f85e6; font-size:16px; font-weight:bold;} .global-search .list .info .day,.global-search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} .global-search .list .info .day{margin:0;} .global-search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;}