body{color:#333; font-size:14px} [body]{overflow:hidden;} /*首页*/ .cw1561{width: 100%;max-width: 1561px;margin: 0 auto;} /*关于我们-发展历程*/ .cw1350{ max-width: 1350px;margin: auto;} /*img{ max-width: 100%;}*/ #content{ padding: 100px 0; width: 100%;} /*特殊字体*/ @font-face{ font-family:"Gilroy-Bold"; src: url("/static/themes/font/Gilroy-Bold.ttf") format("opentype"); } @font-face{ font-family:"Girlory-regular"; src: url("/static/themes/font/GILROY-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"NEXA BOLD"; src: url("/static/themes/font/NEXA BOLD.OTF") format("opentype"); } @font-face{ font-family:"SOURCEHANSANSCN-REGULAR"; src: url("/static/themes/font/SOURCEHANSANSCN-REGULAR.OTF") format("opentype"); } /*header*/ #header{padding: 48px 50px;width: 100%;z-index: 99;transition: all 0.4s;left: 0;right: 0;} #header .logo{position: relative;z-index: 9999;} #header .hd-nav{} #header .hd-nav .nav-list{} #header .hd-nav .nav-list .hand-on{} #header .hd-nav .nav-list .hand-on .official{top: 0;opacity: 0;transition: all 0.4s;pointer-events: none;} #header .hd-nav .nav-list .hand-on:hover .official{top: 150%;opacity: 1;} #header .hd-nav .nav-list .nav-item{line-height: 44px;font-size: 16px;color: #FFFFFF;margin: 0 25px;} #header .hd-nav .nav-list .nav-item.cur{position: relative;} #header .hd-nav .nav-list .nav-item.cur::after{position: absolute;content: '';width: 100%;height: 2px;background: #c78e66;left: 0;bottom: -61px;transition: bottom 0.4s;} #header .hd-nav .menu-btn{width: 44px;height: 44px;border: 2px solid transparent;display: flex;justify-content: center;align-items: center;flex-direction: column;cursor: pointer;position: relative;z-index: 9999;transition: all 0.4s;} #header .hd-nav .menu-btn .b-line{width: 20px;height: 2px;background-color: #FFFFFF;transition: all 0.4s;} #header .hd-nav .menu-btn .b-line:nth-child(1){transform: rotateZ(0deg);position: relative;top: 0px;} #header .hd-nav .menu-btn .b-line:nth-child(2){margin: 4px 0;} #header .hd-nav .menu-btn .b-line:nth-child(3){transform: rotateZ(0deg);position: relative;bottom: 0px;} #header .hd-nav .menu-btn:hover .b-line:nth-child(2){width: 15px;} #header .hd-nav .menu-btn:hover .b-line:nth-child(3){width: 10px;} #header .hd-nav .menu-btn.show{border-color:#333333;} #header .hd-nav .menu-btn.show .b-line{background-color: #333333;} #header .hd-nav .menu-btn.show .b-line:nth-child(1){transform: rotateZ(45deg);position: relative;top: 6px;} #header .hd-nav .menu-btn.show .b-line:nth-child(2){width: 0;} #header .hd-nav .menu-btn.show .b-line:nth-child(3){transform: rotateZ(-45deg);position: relative;bottom: 6px;} #header .hd-nav .menu-btn.show:hover .b-line:not(:nth-child(2)){width: 20px;} #header.scroll{background-color: #FFFFFF;padding: 24px 50px;box-shadow: 0px 4px 10px -4px rgba(0,0,0,.2);} #header.scroll .nav-list .nav-item{color: #333333;} #header.scroll .nav-list .nav-item.cur::after{bottom: -37px;} #header.scroll .menu-btn{border-color: #333333;} #header.scroll .menu-btn .b-line{background: #333333;} /*#header.inner{border-bottom: 1px solid rgba(255,255,255,.3);}*/ #header.index .nav-list .nav-item{color: #333333;} /*#header.index .menu-btn{border-color: #333333;}*/ #header.index .menu-btn .b-line{background: #333333;} /*header 展开栏*/ .fix-menu{background: #FFFFFF;z-index: 10;right: -100%;transition: all 0.4s;} .fix-menu.show{right: 0;} .fix-menu .menu-cont{height: 100%;} .fix-menu .menu-cont .item{width: calc(100% / 5);padding-top: 18.75%;box-sizing: border-box;height: 100%;display: flex;justify-content: start;align-items: center;flex-direction: column;} .fix-menu .menu-cont .item:last-child{border-right: none;} .fix-menu .menu-cont .item .num{font-size: 62px;font-family:"Gilroy-Bold";color: #f2f2f2;margin-bottom: 80px;font-weight: bolder;} .fix-menu .menu-cont .item .menu-tit{font-size: 24px;margin-bottom: 40px;transition: all 0.4s;} .fix-menu .menu-cont .item .menu-item{color: #666666;margin: 8px 0;display: inline-block;} .fix-menu .menu-cont .item:hover .num{color: #c78e66;} /*footer*/ #footer{background: #222222;} #footer .top{padding-top: 80px;padding-bottom: 30px;} #footer .top .logo{width: 24.5%;text-align: left;} #footer .top .meg-wrap{width: 25.5%;} #footer .top .nav-wrap{max-width: 50%;} #footer .top .meg-wrap .list .item{margin-top: 20px;} #footer .top .meg-wrap .list .item:first-child{margin-top: 0;} #footer .top .meg-wrap .list .item .s1{font-size: 14px;color: #888;} #footer .top .meg-wrap .list .item .s2{font-size: 14px;color: #888;} #footer .top .meg-wrap .list .item.tel .s2{font-size: 18px;color: #fff;font-family: "Gilroy-Bold";} #footer .top .meg-wrap .code-list{margin-top: 20px;} #footer .top .meg-wrap .code-list .code{margin-left: 40px;} #footer .top .meg-wrap .code-list .code:first-child{margin-left: 0;} #footer .top .meg-wrap .code-list .code .tit{font-size: 12px;color: #fff;margin-top: 10px;} #footer .top .nav-wrap .item{margin-left: 100px;} #footer .top .nav-wrap .item:first-child{margin-left: 0;} #footer .top .nav-wrap .item .title{font-size: 16px;color: #fff;} #footer .top .nav-wrap .item .list{margin-top: 30px;} #footer .top .nav-wrap .item .list .a{margin-top: 15px;} #footer .top .nav-wrap .item .list .a:first-child{margin-top: 0;} #footer .top .nav-wrap .item .list a{font-size: 14px;color: #777777;} #footer .top .nav-wrap .item .list a:hover{color: #c78e66;} #footer .top .link-wrap{margin-top: 50px;} #footer .top .link-wrap .tit{font-size: 14px;color: #888;} #footer .top .link-wrap .list .a{font-size: 14px;color: #888;margin-left: 10px;} #footer .top .link-wrap .list .a:hover{color: #c78e66;} #footer .bot{border-top: solid 1px #393939;padding: 60px 0;} #footer .bot.pdt{padding-top: 80px;} #footer .bot .left{max-width: 50%;text-align: left;} #footer .bot .right{max-width: 50%;text-align: right;} #footer .bot .left .share-list .share{margin-left: 15px;} #footer .bot .left .share-list .share:first-child{margin-left: 0;} #footer .bot .left .copyright{line-height: 32px;margin-left: 20px;} #footer .bot .left .copyright,#footer .bot .left .copyright *{font-size: 12px;color: #fff;} #footer .bot .right .email{padding-left: 20px;background: url(/images/img26.jpg)no-repeat left;padding-bottom: 3px;border-bottom: solid 1px #fff;display: inline-block;font-size: 12px;color: #fff;} #footer .bot .right .support{font-size: 12px;color: #fff;margin-left: 30px;display: inline-block;} /*banner*/ .index-swiper{position: relative;height: 100%;} .index-swiper ul{margin-bottom: 0;} .index-swiper1{width: 100%;position: relative;/*max-width: 1920px;*/margin: 0 auto;overflow: hidden;} .index-swiper1 .swiper-button-prev,.index-swiper1 .swiper-button-next{width: 30px;height: 30px;background: url(/images/img148.png)no-repeat center;z-index: 11;} .index-swiper1 .swiper-button-next{transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */} .index-swiper1 .swiper-button-prev{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); /* Opera */} .index-swiper1 .swiper-slide{width: 100%;font-size: 0;} .index-swiper1 .swiper-slide-active img{z-index: 997;} .index-swiper a,.index-swiper .a{position: relative;} .index-swiper .a .posit{display: flex;align-items: center;height: 100%;text-align: center;} .index-swiper .a .posit img{max-width: 100%;height: auto;} .index-swiper1 .a .posit .tit1{font-size: 72px;color: #fff;font-weight: bolder;} .index-swiper1 .a .posit .tit2{font-size: 16px;color: #fff;margin-top: 30px;font-family: 'Girlory-regular';} .index-swiper1 .a .posit .more-button{margin-top: 80px;} .index-swiper1.pc .swiper-slide .a{transition: all 7s;} /*.index-swiper1.pc .swiper-slide .a.scale-b{background-size: 125%;}*/ .index-swiper1.pc .swiper-slide .a.scale-b{background-size: 115%;} .index-swiper1.pc,.index-swiper2.pc{display: block;z-index: 1;right: 0;} .index-swiper1.mobile,.index-swiper2.mobile{display: none;} .index-swiper1 img,.index-swiper2 img{width: 100%;} .index-swiper .index-swiper1 .ind-mouse{width: 24px;height: 32px;background: url(/images/index-mouse.png) no-repeat center;right: 140px;bottom: 50px;z-index: 9;animation: up2down 4s linear infinite 0s;} @keyframes up2down { 0%{bottom: 50px} 50%{bottom: 25px} 100%{bottom: 50px} } /*swiper*/ .index-swiper1 .swiper-pagination-bullet{border: solid 1px #c78e66;background: none !important;width: 12px !important;height: 12px !important;opacity: 1;} .index-swiper1 .swiper-pagination-bullet-active{border: solid 1px #c78e66;background: #c78e66 !important;} .index-swiper1 .swiper-pagination{height: 30px;line-height: 30px;overflow: hidden;bottom: 15px;} .index-swiper1 .swiper-pagination,.index-swiper1 .swiper-pagination .swiper-pagination-total{font-size: 13px;color: #ccc;} .index-swiper1 .swiper-pagination .swiper-pagination-current{color: #282828;} .index-swiper1.pc{height: 100%;} .index-swiper1.pc .swiper-container{height: 100%;} .index-swiper1.pc .swiper-slide{height: 100%;} .index-swiper1.pc .swiper-slide .a{width: 100%;height: 100%;background-size: 100%;background-repeat: no-repeat;background-position: center center;} /*home 右侧栏菜单*/ .idx-pagin.swiper-pagination{right: 0;width: 1px;} .idx-pagin .swiper-pagination-bullet{width: 25px;height: 2px;background-color: rgba(255,255,255,.5);border-radius: 0;margin: 15px 0!important;transition: all 0.3s;float: right;position: relative;opacity: 1;} .idx-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #c78e66;} .idx-pagin .swiper-pagination-bullet .swi-name{position: absolute;top: 50%;right: calc(100% + 20px);transform: translateY(-50%);white-space: nowrap;color: #ffffff;opacity: 0;} .idx-pagin .swiper-pagination-bullet:nth-child(5) .swi-name{color: #333;} .idx-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active .swi-name{opacity: 1;} /*首页*/ #index{} #index .more-btn{font-size: 14px;color: #333333;} #index .more-btn.cur{color: #c78e66;} #index .more-btn.white{color: #fff;} #index .flex{display: flex;align-items: center;height: 100%;} #index .index-wrap .en-tit{font-family: 'Girlory-regular';font-size: 20px;color: #333333;margin-bottom: 30px;text-transform: uppercase;} #index .index-wrap .cn-tit{color: #333333;font-size: 46px;margin-bottom: 60px;} #index .index-wrap .en-tit.white{color: #fff;} #index .index-wrap .cn-tit.white{color: #fff;} #index .index-wrap .bri{color: #333333;font-size: 18px;margin-bottom: 60px;line-height: 32px;} #index .index-wrap .wrap-item{transition: all 7s;} #index .index-wrap .wrap-item.scale-b{background-size: 125%;} /*第二屏*/ #index .index-wrap .item2{background: url(/images/img1.jpg)no-repeat center/100%;} #index .index-wrap .item2 .idx-txt-cont{top: 33.4%;left: 50%;transform: translateX(-50%);} #index .index-wrap .item2 .idx-txt-cont .txt-cont{width: 51.28%;} #index .index-wrap .item2 .idx-txt-cont .video-cont{cursor: pointer;max-width: calc(100% - 53%);} #index .index-wrap .item2 .idx-txt-cont .video-cont .play-btn{top: 50%;left: 50%;transform: translate(-50%,-50%);} /*第三屏*/ #index .index-wrap .item3{} #index .index-wrap .item3 .idx-txt-cont{height: 100%;} #index .index-wrap .item3 .txt-cont{width: 25%;height: 100%;padding-left: 9.375%;} #index .index-wrap .item3 .busin{width: 75%;height: 100%;display: flex;align-items: center;} #index .index-wrap .item3 .busin .item{width: 33.33%;height: 100%;background: url(/images/img10.jpg)no-repeat center/cover;} #index .index-wrap .item3 .busin .item .botmeg{padding-top: 100px;padding-left: 50px;padding-right: 50px;padding-bottom: 50px;left: 0;bottom: 0;z-index: 1;height: 250px;overflow: hidden;width: 100%;} #index .index-wrap .item3 .busin .item .botmeg .icon{text-align: left;} #index .index-wrap .item3 .busin .item .botmeg .cn{font-size: 18px;color: #fff;font-weight: bolder;line-height: 30px;} #index .index-wrap .item3 .busin .item .botmeg .en{font-size: 14px;color: #fff;line-height: 30px;} #index .index-wrap .item3 .busin .item .botmeg .borders{width: 74px;height: 1px;background: rgba(255,255,255,0.15);margin-top: 20px;} #index .index-wrap .item3 .busin .item .botmeg .brief{font-size: 14px;color: #fff;line-height: 24px;margin-top: 20px;display: none;} #index .index-wrap .item3 .busin .item:hover .botmeg{background: #c78e66;height: 400px;} #index .index-wrap .item3 .busin .item:hover .botmeg .brief{display: block;} #index .index-wrap .item3 .more-btn{margin-top: 30px;} /*第四屏*/ #index .index-wrap .item4{background: url(/images/img2.jpg)no-repeat center/100%;} #index .index-wrap .item4 .list{margin-top: 60px;} #index .index-wrap .item4 .flexcon{padding-top: 200px;} #index .index-wrap .item4 .list .item .bot{background: #fff;padding: 30px 30px;} #index .index-wrap .item4 .list .item .bot .tit{font-size: 18px;color: #333;} #index .index-wrap .item4 .list .item .bot .brief{font-size: 14px;color: rgba(51,51,51,0.5);line-height: 24px;margin-top: 20px;height: 72px;overflow: hidden;} #index .index-wrap .item4 .list .item:hover .bot{background: #c78e66;} #index .index-wrap .item4 .list .item:hover .bot .tit{color: #fff;} #index .index-wrap .item4 .list .item:hover .bot .brief{color: #fff;} #index .index-wrap .item4 .btn-list{margin-top: 40px;} /*第五屏*/ #index .index-wrap .item5{background: url(/images/img3.jpg)no-repeat center/100%;} #index .index-wrap .item5 .list{margin-top: 50px;} #index .index-wrap .item5 .flexcon{padding-top: 160px;} #index .index-wrap .item5 .list .left{width: 54.5%;} #index .index-wrap .item5 .list .right{width: 42%;height: 450px;} #index .index-wrap .item5 .list .right .container{height: 100%;} #index .index-wrap .item5 .list .left .item{margin-top: 40px;} #index .index-wrap .item5 .list .left .item:first-child{margin-top: 0;} #index .index-wrap .item5 .list .left .item .img{width: 50%;} #index .index-wrap .item5 .list .left .item .meg{width: 50%;padding-left: 35px;} #index .index-wrap .item5 .list .left .item .meg .a{font-size: 18px;color: #333;display: inline-block;margin-top: 25px;width: 100%;} #index .index-wrap .item5 .list .left .item .meg .a:hover{color: #c78e66;} #index .index-wrap .item5 .list .left .item .meg .brief{font-size: 14px;color: rgba(51,51,51,0.5);line-height: 22px;height: 88px;overflow: hidden;margin-top: 15px;} #index .index-wrap .item5 .list .left .item .meg .more-btn{margin-top: 20px;display: inline-block;} #index .index-wrap .item5 .list .right .item{width: 100%;height: 124px;overflow: hidden;border: solid 1px #d4d4d5;} #index .index-wrap .item5 .list .right .item .l{width: 82%;padding: 25px 0;padding-left: 40px;height: 100%;border-right: solid 1px #d4d4d5;padding-right: 30px;} #index .index-wrap .item5 .list .right .item .l .a{font-size: 18px;color: #333;display: block;} #index .index-wrap .item5 .list .right .item .l .a:hover{color: #c78e66;} #index .index-wrap .item5 .list .right .item .l .brief{font-size: 14px;color: rgba(51,51,51,0.5);line-height: 24px;margin-top: 10px;height: 48px;overflow: hidden;} #index .index-wrap .item5 .list .right .item .r{width: 18%;} #index .index-wrap .item5 .list .right .item .r .d{font-size: 60px;color: #333;font-family: 'Girlory-regular';line-height: 82px;} #index .index-wrap .item5 .list .right .item .r .ym{font-size: 16px;color: #333;border-top: solid 1px #d4d4d5;font-family: 'Girlory-regular';line-height: 50px;} #index .index-wrap .item5 .list .right .item:hover{background: #fff;border-color: #fff;} #index .index-wrap .item5 .list .right .item:hover .l .a{color: #c78e66;} #index .index-wrap .item5 .list .right .item:hover .r .d{color: #c78e66;} #index .index-wrap .item5 .list .right .item:hover .r .ym{color: #c78e66;} /*第六屏*/ #index .index-wrap .item6{background: #222222;} #index .index-wrap .item6 .join-wrap{background: url(none)no-repeat center/cover;transition: all .2s;} #index .index-wrap .item6 .join-wrap .cw1561{height: 386px;overflow: hidden;} #index .index-wrap .item6 .cn{font-size: 46px;color: #fff;} #index .index-wrap .item6 .en{font-size: 16px;color: #fff;margin-top: 20px;font-family: 'Girlory-regular';font-weight: bolder;} #index .index-wrap .item6 .nav-list{left: 0;top: 0;z-index: 1;width: 100%;height: 100%;} #index .index-wrap .item6 .nav-list .item{top: 0;z-index: 1;width: 50%;height: 100%;display: block;} #index .index-wrap .item6 .nav-list .item:first-child{position: relative;} #index .index-wrap .item6 .nav-list .item:first-child::after{position: absolute;content: '';width: 1px;height: 55%;background: rgba(255,255,255,.3);top: 23%;right: 0;} #index .index-wrap .item6 .nav-list .item.fl{left: 0;} #index .index-wrap .item6 .nav-list .item.fr{right: 0;} #index .index-wrap .item6 .nav-list .item .item-con{width: 100%;height: 100%;} #index .index-wrap .item6 .nav-list .item .item-con.item-nav{display: none;} #index .index-wrap .item6 .nav-list .item .item-con .flexcon{height: 100%;display: inline-block;} #index .index-wrap .item6 .nav-list .item .item-con .flexcon .flex{height: 100%;} #index .index-wrap .item6 .nav-list .nav .a{font-size: 18px;color: #fff;display: inline-block;vertical-align: top;margin-left: 30px;} #index .index-wrap .item6 .nav-list .nav .a:first-child{margin-left: 0;} #index .index-wrap .item6 .nav-list .nav .a:hover{color: #c78e66;} #index .index-wrap .item6 .nav-list .item.on{width: 100%;z-index: 2;} #index .index-wrap .item6 .nav-list .item.on:first-child::after{display: none;} #index .index-wrap .item6 .nav-list .item.on .item-con{width: 50%;} #index .index-wrap .item6 .nav-list .item.on .item-con.item-nav{display: block;} #index .index-wrap .item6 .nav-list .item.under{opacity: 0;} @media only screen and (max-width: 1680px){ /*.cw1561{width: 94% !important;}*/ .cw1561{width: 94%;} .index-swiper1 .a .posit .tit1{font-size: 62px;} #index .index-wrap .cn-tit{font-size: 36px;} #index .index-wrap .bri{font-size: 16px;} #index .index-wrap .item3 .busin .item .botmeg{padding-left: 30px;padding-right: 30px;} #index .index-wrap .item3 .busin .item:hover .botmeg{height: 360px;padding-top: 60px;} #index .index-wrap .item4 .flexcon{padding-top: 160px;} #index .index-wrap .item4 .list{margin-top: 40px;} #index .index-wrap .item4 .btn-list{margin-top: 30px;} #index .index-wrap .item5 .flexcon{padding-top: 130px;} #index .index-wrap .item5 .list{margin-top: 30px;} #index .index-wrap .item5 .list .right .item .r .d{font-size: 50px;} #index .index-wrap .item5 .list .right{height: 420px;} #index .index-wrap .item5 .list .right .item .r .ym{line-height: 38px;} #index .index-wrap .item6 .join-wrap .cw1561{height: 306px;} #index .index-wrap .item6 .cn{font-size: 40px;} /*#footer .top{padding-top: 50px;}*/ /*#footer .bot{padding: 30px 0;}*/ #index .index-wrap .en-tit{margin-bottom: 20px;} #footer .top .nav-wrap{width: 50%;} #footer .top .nav-wrap .item{width: 20%;margin-left: 0;text-align: left;} } @media only screen and (max-width: 1480px){ .index-swiper1 .a .posit .tit1{font-size: 52px;} #index .index-wrap .item4 .list{margin-top: 20px;} #index .index-wrap .item4 .btn-list{margin-top: 20px;} #index .index-wrap .item5 .list .right .item .r .ym{line-height: 36px;} #index .index-wrap .item5 .list .left .item .meg .brief br{display: none;} #index .index-wrap .item6 .cn{font-size: 36px;} #index .index-wrap .item6 .join-wrap .cw1561{height: 256px;} } @media only screen and (max-width: 1380px){ #index .index-wrap .item6 .cn{font-size: 30px;} #index .index-wrap .item6 .join-wrap .cw1561{height: 220px;} } /*翻页*/ #turn_page{ width:100%; height:42px; line-height:40px; text-align:center; overflow:hidden;margin-top: 50px;} #turn_page img{ width:100%;} #turn_page input, #turn_page a, #turn_page font{ display:inline-block; vertical-align:top; margin:0 4px; background:#fff; font-size:14px; min-width:44px; height:40px; line-height:40px; border:1px solid #e5e5e5;color: #888;} #turn_page input{width:44px;color: #888;} #turn_page input[type="submit"]{width:60px;} /*#turn_page font{ font-size:14px; color:#666; background:#1c80ab;}*/ #turn_page .word{ padding: 0 15px; color:#757575;display: none;} #turn_page .page_button{ width:108px; font-family: Arial; color:#888;} #turn_page .page_noclick{ width:108px; font-family: Arial; color:#888;} #turn_page .page_item_current{ background:#c78e66; color:#fff;} #turn_page span{color: #888;} /*内页标题*/ .inner-title{position: relative;text-align: center;} .inner-title .title-cn{font-size: 30px;color: #333;font-weight: 700;} .inner-title .title-en{position: absolute;font-size: 80px;color: #c78e66;font-family: "Gilroy-Bold";left: 0;right: 0;bottom: -20px;margin: 0 auto;z-index: -1;opacity: .1;} /*内页banner*/ #inner-swiper{width: 100%;} #inner-swiper .title-cn{font-size: 36px;color: #fff;} #inner-swiper .title-en{font-size: 18px;color: #fff;margin-top: 10px;} /* 面包屑 */ #location{ width: 100%; height: 62px; border-bottom: 1px solid #e5e5e5;} #location .loc-in{ display: flex; justify-content: space-between; align-items: center; height: 100%;} #location .loc-in .loc{ display: flex; justify-content: start; align-items: center; height: 100%;} #location .loc-in .loc span{ margin-left: 15px; font-size: 0;} #location .loc-in .loc a{ margin-left: 15px; font-size: 14px; color: #999;} #location .loc-in .loc a:first-child{ margin-left: 0; font-size: 0;} #location .loc-in .loc a:last-child{ color: #333;} #location .loc-in .cate-list{ display: flex; justify-content: start; align-content: center;} #location .loc-in .cate-list .item{ margin: 0 35px; line-height: 60px; border-bottom: 2px solid rgba(199, 142, 102, 0);} #location .loc-in .cate-list .item:hover, #location .loc-in .cate-list .item.cur{ border-bottom: 2px solid rgba(199, 142, 102, 1); color: #c78e66;} /* 关于我们-公司介绍 */ #company .con{ display: flex; justify-content: space-between; align-content: center; margin-top: 35px;} #company .con .left{ padding: 60px 0 0 60px; width: 45.8334%;} #company .con .left:before{ display: block; content: ''; position: absolute; top: 0; left: 0; width: 267px; height: 279px; background: linear-gradient(to bottom left, #e6c6a1, #c78e66);} #company .con .left img{ z-index: 1;transition: all .4s;} /*#company .con .left:hover img{transform: scale(1.1);}*/ #company .con .right{ padding-top: 60px; width: 50%;} #company .con .right .tit{ line-height: 40px; font-size: 25px; color: #c78e66;} #company .con .right .desc{ margin-top: 20px; line-height: 28px; font-size: 14px;color: #333;} /*关于我们-企业文化*/ #culture{padding: 100px 0;} #culture .list{width: 100%;margin-top: 70px;} #culture .list .item{width: 31.25%;margin-right: 3.125%;} #culture .list .item:last-child{margin-right: 0;} #culture .list .item .bg{width: 100%;height: 100%;} #culture .list .item .bg img{transition: all .4s;} /*#culture .list .item .bg:after{padding-top: 141.3334%;}*/ #culture .list .item .info{top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} #culture .list .item .info .icon{margin: 0 auto; width: 93px; height: 93px; background: #fff; background: #fff; border-radius: 50%;} #culture .list .item .info .tit{margin-top: 32px; width: 100%; line-height: 33px; font-size: 22px; color: #fff; text-align: center;font-family:"SOURCEHANSANSCN-REGULAR";} #culture .list .item .info .subtit{width: 100%; line-height: 25px; font-size: 16px; color: #fff; font-weight: bold; text-align: center;font-family:"NEXA BOLD";} #culture .list .item .info .txt{margin-top: 8px; width: 100%; line-height: 24px; font-size: 18px; color: #fff; text-align: center;display: none;} #culture .list .item .info .desc{margin-top: 10px; line-height: 23px; font-size: 14px; color: #fff; text-align: center;display: none;} #culture .list .item:hover .info{background: rgba(211, 160, 126, .8);} #culture .list .item:hover .info .txt, #culture .list .item:hover .info .desc{display: block;} #culture .list .item:hover .bg img{transform: scale(1.1);} /* 关于我们-发展历程 */ #history .con{ display: flex; justify-content: space-between; align-content: center; margin-top: 68px;} #history .con .left{ width: 25.6297%; height: 500px; background: url(/images/history_bg_icon.png) repeat-y top right 46px;} #history .con .left .year{ width: 100%; height: 100%;} #history .con .left .year .container{ width: 100%; height: 100%;} #history .con .left .year .l-item{ line-height: 100px; font-size: 55px; color: #e1e1e1; font-family: "Gilroy-Bold"; font-weight: bold;} #history .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 #ca946e; opacity: 0; border-radius: 50%; transform: translateY(-50%);} #history .con .left .year .l-item .icon img{ z-index: 1;} #history .con .left .year .l-item .icon:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 62px; height: 62px; background: #c78e66; border-radius: 50%; transform: translate(-50%, -50%);} #history .con .left .year .l-item .icon .icon-in{ width: 135px; right: 50%; height: 2px; background: #dab499;} #history .con .left .year .l-item .icon .icon-in:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; background: #c78e66; border-radius: 50%; transform: translateY(-50%);} #history .con .left .year .l-item.swiper-slide-active{ color: #c78e66;} #history .con .left .year .l-item.swiper-slide-active .icon{ opacity: 1;} #history .con .left .year .btn{right: 90px;z-index: 999;} #history .con .left .year .prev{top: 40px;} #history .con .left .year .next{bottom: 40px;transform: rotate(180deg);} #history .con .right{ width: 61.8519%;} #history .con .right .r-item{ display: flex; justify-content: space-between; align-items: center; width: 100%;} #history .con .right .r-item .text{ width: 57.9641%} #history .con .right .r-item .text .y{ padding-bottom: 19px; line-height: 54px; border-bottom: 1px solid #dab499; font-size: 49px; color: #333; font-family:"Gilroy-Bold";} #history .con .right .r-item .text .y:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ecd9cc;} #history .con .right .r-item .text .desc{ padding: 0 80px 0 20px;} #history .con .right .r-item .text .desc ul{ margin-top: 26px; width: 100%;} #history .con .right .r-item .text .desc ul li{ margin-top: 21px; width: 100%; line-height: 25px; font-size: 14px; color: #333; list-style: disc;} #history .con .right .r-item .text .desc ul li:first-child{ margin-top: 0;} #history .con .right .r-item .img{ width: calc(100% - 57.9641%);} /*关于我们-荣誉资质*/ #honor{padding: 100px 0;} #honor .content{margin-top: 70px;} #honor .content .item{width: 20.83%;margin: 0 5.56% 40px 0;} #honor .content .item:nth-child(4n+4){margin-right: 0;} #honor .content .item .pic{padding-top: 140%;border: 1px solid #e5e5e5;background: #fff;} #honor .content .item .tit{font-size: 16px;color: #333;line-height: 20px;margin-top: 15px;} /* 新闻列表 */ #news #focus{ margin-top: 65px;} #news #focus .container{ padding-bottom: 62px;} #news #focus .container .swiper-pagination{ bottom: 0; height: 11px; line-height: 0;} #news #focus .container .swiper-pagination-bullet{ margin: 0 10px; width: 11px; height: 100%;} #news #focus .container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #c78e66;} #news #focus .item{ display: flex; justify-content: space-between; align-content: center; width: 100%; background: #fafafa;} #news #focus .item .img{ width: 39.1667%;} #news #focus .item .con{ display: flex; justify-content: center; align-items: start; flex-direction: column; padding-right: 60px; width: 55.8333%;} #news #focus .item .con .tit{ width: 100%; line-height: 30px; font-size: 20px; color: #333; font-weight: bold;} #news #focus .item .con .brief{ margin-top: 15px; line-height: 26px; font-size: 16px; color: #333;} #news #focus .item .con .btn{ margin-top: 63px; line-height: 20px; font-size: 14px; color: #ccc;} #news #focus .btn-list{ display: flex; justify-content: space-between; top: calc(50% - 62px); left: 0; z-index: 1; width: 100%; height: 37px; transform: translateY(-50%);} #news #focus .btn-list .prev, #news #focus .btn-list .next{ opacity: .2;} #news #focus .btn-list .prev:hover, #news #focus .btn-list .next:hover{ opacity: 1;} #news #focus .btn-list .swiper-button-disabled{ opacity: .2 !important;} #news #focus .btn-list .prev{ margin-left: -69px; transform: rotate(180deg);} #news #focus .btn-list .next{ margin-right: -69px;} #news #list{ margin-top: 19px; width: 100%;} #news #list .item{ display: flex; justify-content: start; align-content: center; padding: 75px 0 75px 20px; width: 100%; height: 325px; border-bottom: 1px solid #e6e6e6; background: #fff;} #news #list .item .date{ width: 11.6667%;} #news #list .item .date .d{ line-height: 40px; font-size: 54px; color: #ccc; font-family:"Gilroy-Bold";} #news #list .item .date .y{ margin-top: 8px; line-height: 23px; font-size: 16px; color: #ccc; font-family:"Gilroy-Bold";} #news #list .item .img{ width: 26.2712%;} #news #list .item .img img{ max-width: 100%; max-height: 100%; font-size: 54px; color: #ccc;} #news #list .item .con{ display: flex; justify-content: center; align-items: start; flex-direction: column; margin-left: 60px; padding-right: 50px; width: 55.8333%;} #news #list .item .con .tit{ width: 100%; line-height: 30px; font-size: 20px; color: #333; font-weight: bold;} #news #list .item .con .brief{ margin-top: 15px; line-height: 26px; font-size: 16px; color: #333;height: 50px;} #news #list .item .con .btn{ margin-top: 63px; line-height: 20px; font-size: 14px; color: #ccc;} #news #list .item:hover{ background: #fafafa;} #news #list .item:hover .date .d, #news #list .item:hover .date .y, #news #list .item:hover .con .tit, #news #list .item:hover .con .btn{ color: #c78e66;} /* 新闻详情、项目展示详情 */ #news-detail .cw1200{ padding: 0 30px;} #news-detail .page-tit{ line-height: 40px; font-size: 30px; color: #333;} #news-detail .info{ display: flex; justify-content: space-between; align-items: center; margin-top: 16px;} #news-detail .info .time{ font-size: 14px; color: #666;} #news-detail .info #share{ display: flex; justify-content: start; align-items: center; font-size: 14px; color: #666;} #news-detail .info #share .list{ display: flex; justify-content: start; align-items: center;} #news-detail .info #share .list .item{ margin-left: 15px; width: 20px; height: 100%;} #news-detail .info #share .list .item img{ top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%;} #news-detail .info #share .list .item img:last-child{ opacity: 0;} #news-detail .info #share .list .item:hover img:last-child{ opacity: 1;} #news-detail .info #share .list .item:first-child{ margin-left: 28px;} #news-detail .desc{ margin-top: 40px;} #turn-desc-page{ display: flex; justify-content: space-between; align-items: center; margin-top: 140px;} #turn-desc-page .left .btn{ line-height: 26px; font-size: 16px; color: #a3a3a3;} #turn-desc-page .left .btn.next{ margin-top: 13px;} #turn-desc-page .right{ width: 270px; height: 70px; line-height: 70px; background: #c78e66; font-size: 16px; color: #fff; text-align: center; border-radius: 35px;} /*业务领域*/ #business{padding: 100px 0;} /* 在租项目 */ #project{ background: #f3f3f3;} #project #list{ /*display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap;*/ margin-top: 68px;} /* #project #list .item{ margin-top: 17px; width: 32.4167%; border: 1px solid #ececec;margin-right: 1.37495%;} #project #list .item:nth-child(3n+3){margin-right: 0;} #project #list .item:nth-child(-n+3){ margin-top: 0;} #project #list .item .con{ padding: 25px 6.4267% 13px;} #project #list .item .con .tit{ line-height: 26px; font-size: 16px; color: #333; font-weight: bold;} #project #list .item .con .brief{ margin-top: 8px; padding-bottom: 15px; height: 63px; line-height: 21px; border-bottom: 1px solid #eee; font-size: 12px; color: #999;} #project #list .item .con .btn{ display: flex; justify-content: space-between; align-items: center; margin-top: 13px; line-height: 23px; font-size: 12px; color: #828282;} #project #list .item .con .btn .icon{ width: 21px; height: 6px;} #project #list .item .con .btn .icon img{ top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%;} #project #list .item .con .btn .icon img:last-child{ opacity: 0;} #project #list .item:hover{ background: #fff;} #project #list .item:hover .con .tit, #project #list .item:hover .con .btn{ color: #c78e66;} #project #list .item:hover .con .btn .icon img:last-child{ opacity: 1;} */ #project #list .item{ display: flex; justify-content: start; align-content: center; padding: 75px 0 75px 20px; width: 100%; height: 325px; border-bottom: 1px solid #e6e6e6; background: #fff;} #project #list .item .date{ width: 11.6667%;} #project #list .item .date .d{ line-height: 40px; font-size: 54px; color: #ccc; font-family:"Gilroy-Bold";} #project #list .item .date .y{ margin-top: 8px; line-height: 23px; font-size: 16px; color: #ccc; font-family:"Gilroy-Bold";} #project #list .item .img{ width: 26.2712%;} #project #list .item .img img{ max-width: 100%; max-height: 100%; font-size: 54px; color: #ccc;} #project #list .item .con{ display: flex; justify-content: center; align-items: start; flex-direction: column; margin-left: 60px; padding-right: 50px; width: 55.8333%;} #project #list .item .con .tit{ width: 100%; line-height: 30px; font-size: 20px; color: #333; font-weight: bold;} #project #list .item .con .brief{ margin-top: 15px; line-height: 26px; font-size: 16px; color: #333;height: 50px;} #project #list .item .con .btn{ display: flex; justify-content: space-between; align-items: center; margin-top: 13px; line-height: 23px; font-size: 12px; color: #828282;} #project #list .item .con .btn .icon{ margin-left: 15px; width: 21px; height: 6px;} #project #list .item .con .btn .icon img{ top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%;} #project #list .item .con .btn .icon img:last-child{ opacity: 0;} #project #list .item:hover{ background: #fff;} #project #list .item:hover .con .tit, #project #list .item:hover .con .btn{ color: #c78e66;} #project #list .item:hover .con .btn .icon img:last-child{ opacity: 1;} /*人力资源-用人理念*/ #concept{padding: 100px 0;} #concept .content{margin-top: 70px;} #concept .content .text{width: 50%;font-size: 14px;color: #333;line-height: 30px;padding-right: 70px;} #concept .content .pic{width: 50%;} /* 人力资源-招贤纳士 */ #recruitment{ background: #f7f7f7;} #recruitment #list{ /*display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap;*/ margin-top: 68px;} #recruitment #list .item{ margin-top: 40px; padding: 40px 41px; width: 31.5%; background: #fff;margin-right: 2.75%;} #recruitment #list .item:nth-child(3n+3){margin-right: 0;} #recruitment #list .item:nth-child(-n+3){ margin-top: 0;} #recruitment #list .item .tit{ display: flex; justify-content: start; align-items: center; height: 30px; font-size: 20px; color: #333; font-weight: bold;} #recruitment #list .item .icon{ margin-top: 3px; width: 10px; height: 17px;} #recruitment #list .item .icon img{ margin-left: 15px;} #recruitment #list .item .icon img{ top: 50%; left: 50%; transform: translate(-50%, -50%);} #recruitment #list .item .icon img:last-child{ opacity: 0;} #recruitment #list .item .subtit{ margin-top: 2px; padding-bottom: 36px; line-height: 24px; border-bottom: 1px solid #f2f2f2; font-size: 14px; color: #666;} #recruitment #list .item .info{ display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; margin-top: 28px;} #recruitment #list .item .info span{ display: flex; justify-content: start; align-items: center; width: 50%; line-height: 24px; font-size: 14px; color: #666;} #recruitment #list .item:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, .08);} #recruitment #list .item:hover .tit{ color: #c78e66;} #recruitment #list .item:hover .icon img:last-child{ opacity: 1;} #rec-lightbox{ top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);} #rec-lightbox .rec-in{ top: 50%; left: 50%; padding: 40px 65px; width: 1000px; border-top: 1px solid #707070; border-bottom: 1px solid #dbdbdb; background: #fff; transform: translate(-50%, -50%);} #rec-lightbox .rec-in .tit{ padding-bottom: 25px; line-height: 34px; border-bottom: 1px solid #e9e9e9; font-size: 24px; color: #333; font-weight: bold;} #rec-lightbox .rec-in .desc{padding-top: 33px;margin-bottom: 45px;} #rec-lightbox .rec-in .work{padding-bottom: 46px;} #rec-lightbox .rec-in .t{font-size: 14px;color: #333;font-weight: 700;margin-bottom: 18px;} #rec-lightbox .rec-in .c{font-size: 14px;color: #333;line-height: 26px;} /*#rec-lightbox .rec-in .con{ padding: 33px 0 46px;}*/ #rec-lightbox .rec-in .info{ padding-top: 28px; line-height: 30px; border-top: 1px solid #e9e9e9; font-size: 14px; color: #666;} #rec-lightbox .rec-in .btn{ display: flex; justify-content: center; align-items: center; margin-top: 35px; width: 140px; height: 42px; background: #c78e66; font-size: 16px; color: #fff; border-radius: 21px;} #rec-lightbox .rec-in .btn img{ margin-left: 8px;} #rec-lightbox .rec-in .close{ top: 30px; right: 30px; width: 25px; height: 25px;} /*联系我们-联系方式*/ #contact{padding: 100px 0;} #contact .content{} #contact .content{margin-top: 80px;} #contact .content .item{width: 25%;text-align: center;} #contact .content .item .icon{height: 39px;} #contact .content .item .tit{font-size: 14px;color: #757575;margin: 30px 0 15px 0;} #contact .content .item .con{font-size: 16px;color: #333;line-height: 28px;} #contact .map{width: 100%;height: 518px;margin-top: 70px;} /*联系我们-中盈置业官方二维码*/ #official-qrcode{padding: 100px 0;background: #f7f7f7;} #official-qrcode .content{margin-top: 80px;} #official-qrcode .content .qrcode{margin: 0 65px;} #official-qrcode .content .pic{width: 150px;height: 150px;background: #fff;display: inline-block;} #official-qrcode .content .tit{font-size: 16px;color: #333;margin-top: 25px;} /*联系我们-招商中心*/ #attract{padding: 100px 0;} #attract .content{margin-top: 80px;} #attract .content .list{margin-bottom: 40px;} #attract .content .list .pic{width: 50%;} #attract .content .list .text{width: 50%;height: 100%;overflow: hidden;padding-top: 28.333%;} #attract .content .list .text::before{position: absolute;content: "";width: 100%;height: 100%;background: url(/images/attra-bg.png) repeat left top;top: 0;left: 0;} #attract .content .list .text .cons{margin-left: 100px;} #attract .content .list:nth-child(2n+2) .text .cons{margin-left: 194px;} #attract .content .list .text .num{font-size: 60px;color: #c78e66;font-family:"Gilroy-Bold";font-style:oblique;margin-bottom: 25px;} #attract .content .list .text .tit{font-size: 22px;color: #222;} #attract .content .list .text .con{font-size: 14px;color: #999;margin: 10px 0 40px 0;line-height: 20px;} #attract .content .list .text .phone{font-size: 14px;color: #333;padding-left: 25px;margin-bottom: 10px;} /*联系我们-在线留言*/ #message{padding: 100px 0;} #message .form-box{margin-top: 77px;width: 100%;} #message .form-box .inp{width: 31.66%;height: 50px;border: 1px solid #e9e9e9;margin-right: 2.51%;font-size: 14px;color: #999;padding-left: 20px;} #message .form-box .inp:nth-child(3){margin-right: 0;} #message .form-box .textarea{width: 100%;resize: none;border: 1px solid #e9e9e9;height: 240px;margin-top: 30px;font-size: 14px;color: #999;padding: 20px 20px 0 20px;} #message .form-box .submit{width: 150px;height: 50px;border-radius: 5px;background: #c78e66;font-size: 16px;color: #fff;text-align: center;margin: 40px auto 0;display: block;} @media screen and (max-width:1680px){ .cw1350{width: 94%;} .cw1200{width: 94%;} #rec-lightbox .rec-in{height: 650px;overflow-y: auto;} } @media screen and (max-width:1440px){} @media screen and (max-width:1366px){ #rec-lightbox .rec-in{height: 550px;overflow-y: auto;} } @media screen and (max-width:1280px){ #history .con .left .year .l-item .icon .icon-in{width: 80px;} } @media screen and (max-width:1100px){ #header .hd-nav .nav-list{display: none !important;} #attract .content .list:nth-child(2n+2) .text .cons{margin-left: 94px;} #attract .content .list .text .num{font-size: 48px;margin-bottom: 10px;} #attract .content .list .text .con{margin-bottom: 20px;} } @media screen and (max-width:750px){ .cw1561{width: 90%;} .cw1350{width: 90%;} .cw1200{width: 90%;} /*翻页*/ #turn_page .page_noclick{width: 130px;} #turn_page input, #turn_page a, #turn_page font{font-size: 26px;} #turn_page span{font-size: 26px;} /*内页标题*/ .inner-title .title-cn{font-size: 48px;} .inner-title .title-en{font-size: 60px;bottom: -5px;} /*内页banner*/ #inner-swiper .title-cn{font-size: 48px} #inner-swiper .title-en{font-size: 30px} /*内页导航*/ #location .loc-in .loc{display: none;} #location .loc-in .cate-list{margin: 0 auto;} #location .loc-in .cate-list .item{font-size: 26px;margin: 0 25px;} /*首页*/ .index-swiper1.pc{height: 970px;} .index-swiper1 .a .posit .tit2{font-size: 28px;} #index .index-wrap .item2{background-size: cover !important;padding: 50px 0;} #index .index-wrap .item2 .idx-txt-cont{position: static;transform: translateX(0);} #index .index-wrap .item2 .idx-txt-cont .txt-cont{float: none;width: 100%;} #index .index-wrap .en-tit{font-size: 32px;} #index .index-wrap .cn-tit{font-size: 48px;} #index .index-wrap .bri{font-size: 28px;line-height: 1.8;} #index .more-btn{font-size: 26px;} #index .index-wrap .item2 .idx-txt-cont .video-cont{float: none;margin-top: 30px;width: 100%;max-width: none;} #index .index-wrap .item3 .txt-cont{float: none;width: 100%;padding: 50px 0;} #index .index-wrap .item3 .busin{float: none;width: 100%;} #index .index-wrap .item3 .busin .item .botmeg{position: static;height: 650px;} #index .index-wrap .item3 .busin .item .botmeg .cn{font-size: 30px;margin: 30px 0;} #index .index-wrap .item3 .busin .item .botmeg .en{font-size: 26px;} #index .index-wrap .item3 .busin .item .botmeg .brief{font-size: 26px;display: block;line-height: 1.8;} #index .index-wrap .item3 .busin .item:hover .botmeg{background: #c78e66;height: 650px;} #index .index-wrap .item4{background-size: cover;padding-bottom: 50px;} #index .index-wrap .item4 .flexcon{padding-top: 50px;} #index .index-wrap .item4 .list .item .bot .tit{font-size: 30px;line-height: 1.6;} #index .index-wrap .item4 .list .item .bot .brief{font-size: 26px;line-height: 1.8;height: 141px;} #index .index-wrap .item5{background-size: cover;} #index .index-wrap .item5 .flexcon{padding-top: 50px;} #index .index-wrap .item5 .list .left{float: none;width: 100%;} #index .index-wrap .item5 .list .left .item{margin-bottom: 50px;} #index .index-wrap .item5 .list .left .item .img{float: none;width: 100%;} #index .index-wrap .item5 .list .left .item .img img{width: 100%;} #index .index-wrap .item5 .list .left .item .meg{float: none;width: 100%;} #index .index-wrap .item5 .list .left .item .meg .a{font-size: 30px;} #index .index-wrap .item5 .list .left .item .meg .brief{font-size: 26px;line-height: 1.8;height: auto;} #index .index-wrap .item5 .list .right{float: none;width: 100%;margin-bottom: 50px;height: 620px;} #index .index-wrap .item5 .list .right .item .l .a{font-size: 30px;} #index .index-wrap .item5 .list .right .item .l .brief{font-size: 26px;line-height: 1.8;height: 96px;} #index .index-wrap .item5 .list .right .item .r .ym{font-size: 26px;padding-top: 28px;} #index .index-wrap .item6 .cn{font-size: 42px;} #index .index-wrap .item6 .en{font-size: 28px;} #index .index-wrap .item6 .nav-list .nav .a{font-size: 30px;} /*关于我们-公司介绍*/ #company .con{display: block;} #company .con .left{padding: 0;width: 100%;} #company .con .right{width: 100%;} #company .con .right .tit{font-size: 37px;} #company .con .right .desc{font-size: 26px;line-height: 1.8;} /*关于我们-企业文化*/ #culture{padding-top: 70px;} #culture .title{font-size: 42px;} #culture .list .item{float: none;width: 100%;margin-right: 0;margin-bottom: 40px;} #culture .list .item .info .icon{width: 120px;height: 120px;} #culture .list .item .info .tit{font-size: 34px;line-height: 44px;} #culture .list .item .info .subtit{font-size: 28px;line-height: 42px;} #culture .list .item .info .txt{font-size: 30px;line-height: 34px;display: block;} #culture .list .item .info .desc{font-size: 26px;line-height: 30px;margin-top: 25px;display: block;} /*发展历程*/ #history .con .left{display: none;} #history .con .right{width: 100%;} #history .con .right .r-item{display: block;} #history .con .right .r-item .text{width: 100%;} #history .con .right .r-item .text .desc{padding-right: 0;padding-left: 28px;} #history .con .right .r-item .text .desc ul li{font-size: 26px;line-height: 1.8;} #history .con .right .r-item .img{width: 100%;margin-top: 50px;} /*关于我们-荣誉资质*/ #honor .content .item{width: 48%;margin-right: 2%;} #honor .content .item:nth-child(2n+2){margin-right: 0;} #honor .content .item .tit{font-size: 28px;line-height: 1.8;} /*新闻列表*/ #news #focus .item{display: block;} #news #focus .item .img{width: 100%;} #news #focus .item .con{display: block;width: 100%;padding: 30px;} #news #focus .item .con .tit{font-size: 32px;line-height: 1.8;} #news #focus .item .con .brief{font-size: 28px;line-height: 1.8;} #news #focus .item .con .btn{font-size: 26px;margin-top: 35px;} #news #list .item{display: block;height: auto;padding: 50px 0;} #news #list .item .date{display: none;} #news #list .item .img{width: 100%;} #news #list .item .con{display: block;width: 100%;margin-left: 0;padding: 30px;} #news #list .item .con .tit{font-size: 32px;line-height: 1.8;} #news #list .item .con .brief{font-size: 28px;line-height: 1.8;height: auto;} #news #list .item .con .btn{font-size: 26px;margin-top: 35px;} /*新闻详情*/ #news-detail .cw1200{padding: 0;} #news-detail .page-tit{font-size: 42px;line-height: 1.6;} #news-detail .info .time{font-size: 26px;} #news-detail .info #share{font-size: 26px;} #news-detail .info #share .list .item{width: 26px;} #news-detail .desc{font-size: 26px;} #turn-desc-page{display: block;} #turn-desc-page .left .btn{font-size: 28px;margin-bottom: 35px;} #turn-desc-page .right{font-size: 28px;margin: auto;} /*业务领域*/ #business{font-size: 26px;} /*项目展示*/ #project #list .item{width: 100%;margin-right: 0;margin-bottom: 50px;flex-wrap: wrap;height: auto;padding: 35px 30px;} #project #list .item .img{width: 100%;} #project #list .item .con{width: 100%;padding-right: 0;;margin-left: 0;padding-top: 20px;} #project #list .item .con .tit{font-size: 28px;line-height: 1.8;} #project #list .item .con .brief{font-size: 26px;line-height: 1.8;height: auto;} #project #list .item .con .btn{font-size: 26px;} #project #list .item .con .btn .icon{width: 36px;} /*人力资源-用人理念*/ #concept .content .text{float: none;width: 100%;font-size: 26px;line-height: 1.8;padding-right: 0;margin-bottom: 50px;} #concept .content .pic{float: none;width: 100%;} /*人力资源-招贤纳士*/ #recruitment #list .item{width: 100%;margin-right: 0;} #recruitment #list .item:nth-child(-n+3){margin-top: 40px;} #recruitment #list .item:first-child{margin-top: 0;} #recruitment #list .item .tit{font-size: 32px;height: auto;} #recruitment #list .item .subtit{font-size: 26px;margin-top: 20px;} #recruitment #list .item .info span{font-size: 26px;line-height: 1.8;} #rec-lightbox .rec-in{width: 650px;height: 750px;overflow: scroll;} #rec-lightbox .rec-in .tit{font-size: 36px;} #rec-lightbox .rec-in .t{font-size: 26px;} #rec-lightbox .rec-in .c{font-size: 26px;line-height: 1.8;} #rec-lightbox .rec-in .info{font-size: 26px;line-height: 1.6;} #rec-lightbox .rec-in .btn{font-size: 28px;width: 240px;height: 62px;border-radius: 32px;} /*联系我们-联系方式*/ #contact .content .item{float: none;width: 100%;margin-bottom: 50px;} #contact .content .item .tit{font-size: 26px;} #contact .content .item .con{font-size: 28px;} #official-qrcode .content .qrcode{margin-bottom: 50px;} #official-qrcode .content .qrcode:last-child{margin-bottom: 0;} #official-qrcode .content .tit{font-size: 26px;} /*联系我们-招商中心*/ #attract .content .list .pic{float: none;width: 100%;} #attract .content .list .text{float: none;width: 100%;padding-top: 30px;} #attract .content .list .text .absolute{position: static;} #attract .content .list .text .cons{margin-left: 0;} #attract .content .list .text .tit{font-size: 34px;margin-bottom: 20px;} #attract .content .list .text .con{font-size: 26px;line-height: 1.8;} #attract .content .list .text .phone{font-size: 26px;} #attract .content .list:nth-child(2n+2) .text .cons{margin-left: 0;} /*联系我们-在线留言*/ #message .form-box .inp{width: 100%;font-size: 26px;margin-bottom: 30px;height: 62px;} #message .form-box .textarea{font-size: 26px;margin-top: 0;} #message .form-box .submit{width: 160px;height: 62px;font-size: 28px;} /*头部导航*/ .fix-menu .menu-cont{overflow-y: auto;} .fix-menu .menu-cont .item{float: none;display: block;height: auto;margin: 0 auto;width: 100%;padding-top: 8%;} .fix-menu .menu-cont .item:first-child{padding-top: 16%;} .fix-menu .menu-cont .item:last-child{margin-bottom: 80px;} .fix-menu .menu-cont .item .num{margin-bottom: 20px;} .fix-menu .menu-cont .item .menu-tit{font-size: 36px;} .fix-menu .menu-cont .item .menu-item{font-size: 26px;} /*底部*/ #footer .top .logo{float: none;margin-bottom: 30px;} #footer .top .meg-wrap{float: none;width: 100%;} #footer .top .meg-wrap .list .item .s1{font-size: 26px;} #footer .top .meg-wrap .list .item.tel .s2{font-size: 30px;} #footer .top .meg-wrap .list .item .s2{font-size: 26px;} #footer .top .meg-wrap .code-list{margin: 30px 0;} #footer .top .meg-wrap .code-list .code:first-child{margin-left: 20%;} #footer .top .meg-wrap .code-list .code .tit{font-size: 26px;} #footer .top .nav-wrap{float: none;width: 100%;max-width: none;} #footer .top .nav-wrap .item{float: none;width: 100%;margin-bottom: 25px;} #footer .top .nav-wrap .item .title{font-size: 28px;background: url(/images/f-a.png)no-repeat right;} #footer .top .nav-wrap .item .title.on{background: url(/images/f-a-h.png)no-repeat right;} #footer .top .nav-wrap .item .list{display: none;} #footer .top .nav-wrap .item .list .a{margin-top: 25px;} #footer .top .nav-wrap .item .list a{font-size: 26px;} #footer .top .link-wrap .tit{font-size: 26px;} #footer .top .link-wrap .list .a{font-size: 26px;} #footer .bot .left{float: none;width: 100%;max-width: none;text-align: center;margin-bottom: 20px;} #footer .bot .left .share-list{float: none;margin-bottom: 15px;} #footer .bot .left .copyright{float: none;} #footer .bot .left .share-list .share{display: inline-block;width: 50px;} #footer .bot .left .share-list .share img{width: 100%;} #footer .bot .left .copyright, #footer .bot .left .copyright *{font-size: 26px;} #footer .bot .right{float: none;width: 100%;max-width: none;text-align: center;} #footer .bot .right .email{font-size: 26px;background-size: 24px;padding-left: 35px;} #footer .bot .right .support{font-size: 26px;} }