html, body { position: relative; height: 100%; } .indexbody { position: absolute; height: 100%; width: 100%; } .index-container { width: 100%; height: 100%; } .indexcon { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-42%); -moz-transform: translateY(-42%); -ms-transform: translateY(-42%); -o-transform: translateY(-42%); transform: translateY(-42%); } .indexcon-bot{ top: auto; transform: none; bottom: 0; } .banner-container { width: 100%; height: 100%; } .banner-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; overflow: hidden; } .ban-txt { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 39%; } .ban-txt h2 { font-size: 80px; color: #FFF; font-weight: bold; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -moz-box-pack: space-between; -webkit--moz-box-pack: space-between; box-pack: space-between; -ms-flex-align: center; align-items: center; -webkit-align-items: center; box-align: center; -moz-box-align: center; -webkit-box-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; position: relative; } .ban-txt h2:after { content: ""; display: block; width: 10px; height: 71px; background: #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ban-txt h2 span{display: inline-block;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ban-txt h2 span:nth-child(2){display: inline-block; margin-left: 100px;} } .ban-txt p { font-size: 24px; color: rgba(255, 255, 255, 0.6); text-align: center; margin-top: 50px; text-transform: uppercase; } .ban-txt .gpdm { display: inline-block; height: 80px; background: rgba(255, 255, 255, 0.3); border-radius: 40px; font-size: 30px; line-height: 80px; color: #FFF; padding: 0 50px; margin-top: 80px; } .indexswiper1 .banner-container .banner-pagination { text-align: center; bottom: 13%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .indexswiper1 .banner-container .banner-pagination span { width: auto; display: block; opacity: 1; height: auto; margin: 0; background-color: transparent; border-radius: 0; font-size: 20px; color: #FFF; text-align: center; border-bottom: 1px solid #FFF; padding: 30px 60px; } .indexswiper1 .banner-container .banner-pagination .swiper-pagination-bullet-active { font-weight: bold; color: #D92628; border-bottom: 5px solid #D92628; border-radius: 3px; margin-bottom: -3px; } .banner-container img { -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-animation: scale11 7s infinite; -moz-animation: scale11 7s infinite; -o-animation: scale11 7s infinite; animation: scale11 7s infinite; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .shubiao { position: absolute; bottom: 60px; width: 20px; z-index: 1; left: 50%; margin-left: -10px; } .shubiao img { width: auto; -webkit-animation: mouse 2s infinite; -moz-animation: mouse 2s infinite; -o-animation: mouse 2s infinite; animation: mouse 2s infinite; position: relative; } .services { background: url(../images/probg.jpg) no-repeat; -o-background-size: cover; background-size: cover; } .services .indexcon { padding-bottom: 75px; } .services .swiper-pagination { width: 100%; position: absolute; bottom: 0; } .services .swiper-pagination span { width: 8px; height: 8px; background: #B7B7B7; border-radius: 50%; margin: 0 20px; opacity: 1; } .services .swiper-pagination .swiper-pagination-bullet-active { background: #69B3BD; position: relative; } .services .swiper-pagination .swiper-pagination-bullet-active:after { width: 30px; height: 30px; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px dashed #69B3BD; position: absolute; content: ""; border-radius: 50%; left: -50%; top: -50%; margin-top: -7px; margin-left: -7px; } .inpro { padding-left: 10.5%; margin-top: 80px; position: relative; } .inpro li { position: relative; width: 28%; border-radius: 0px 0px 50px 0px; overflow: hidden; } .inpro li .aniimg h4 { position: absolute; font-size: 22px; font-weight: bold; color: #FFF; bottom: 40px; padding-left: 50px; } .inpro li .inprotxt { position: absolute; display: none; background: url(../images/prolistbg.png) no-repeat right top #D92628; z-index: 2; top: 0; padding: 0 50px; width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .inpro li .inprotxt img { width: 23%; margin-top: 80px; margin-bottom: 50px; } .inpro li .inprotxt h4 { color: #FFF; font-size: 32px; font-weight: bold; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .inpro li .inprotxt p { color: rgba(255, 255, 255, 0.8); margin-top: 25px; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 3.2em; } .inpro li .inprotxt .inprobtn { position: absolute; bottom: 0; border-top: 1px solid rgba(245, 246, 246, 0.2); left: 50px; right: 50px; padding: 40px 0; } .inpro li .inprotxt .inprobtn span { color: #FFF; font-size: 18px; background: url(../images/projt.png) no-repeat right center; padding-right: 35px; } .network { background-repeat: no-repeat; -o-background-size: cover; background-size: cover; position: relative; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background-position:center; } .network:before { content: ""; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.12); position: absolute; top: 0; left: 25%; } .network:after { content: ""; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.12); position: absolute; top: 0; right: 25%; } .network .line { height: 100%; width: 1px; background: rgba(255, 255, 255, 0.12); position: absolute; top: 0; left: 50%; } .gc-ads li { width: 25%; height: 450px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gc-ads li img { display: none; } .gc-ads li h4 { text-align: center; font-size: 30px; color: #FFF; } .gc-ads li i { display: block; width: 50px; height: 5px; background: #D92628; border-radius: 3px; margin: 28px auto 0; } .gc-ads .gc-adsact { position: relative; } .gc-ads .gc-adsact i:before { content: ""; display: block; height: 1px; background: rgba(245, 246, 246, 0.4); z-index: -1; margin-top: 1px; position: absolute; left: 40px; right: 40px; } .gc-ads .gc-adsact h4 { font-size: 40px; font-weight: bold; } .gc-ads .gc-adsact a { display: block; } .morebtn { width: 150px; height: 50px; display: none; background: #D92628; border-radius: 25px; margin: 100px auto 0; color: #FFF; text-align: center; line-height: 50px; } .morebtn span { background: url(../images/projt.png) no-repeat right center; padding-right: 40px; font-size: 20px; display: inline-block; } .innovat > p { font-size: 18px; text-align: center; color: #666; width: 70%; margin: 30px auto 0; } .innovatul-m{ display: none; } .innovatul { position: relative; margin-top: 50px; } .innovatul ul { background-repeat: no-repeat; -o-background-size: cover; background-size: cover; position: absolute; height: 100%; top: 0; width: 100%; } .innovatul ul li { width: 25%; height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .innovatul ul li > div > img { display: none; } .innovatul ul li .innovat-icon { width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 28px; } .innovatul ul li p { color: #FFF; font-size: 24px; text-align: center; } .innovatul ul li.innovatact { position: relative; background: url(../images/innovatact.png) no-repeat; background-size: cover; } .innovatul ul li.innovatact:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 16px 25px 0 25px; border-color: #FFF transparent transparent transparent; position: absolute; top: -1px; left: 50%; margin-left: -25px; } .innovatul ul li.innovatact .morebtn { display: block; margin-top: 70px; } .innovatul ul li.innovatact .innovat-icon { background: #D92628; border-color: #D92628; } .inabout { background: url(../images/aboutbg.jpg) no-repeat #F4F6F9; -o-background-size: cover; background-size: cover; } .inabout li { padding: 0 10%; } .inrow { width: 80%; margin: 0 auto; left: 50%; margin-left: -40%; } .inabvideo { border-radius: 100px 0px 100px 0px; width: 52.1%; overflow: hidden; position: relative; } .inabvideo span { position: absolute; cursor: pointer; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78px; height: 78px; background: rgba(105, 179, 189, 0.9); border-radius: 50%; display: block; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .inabvideo span img { width: 34%; transition: all 0.3s; } .inabvideo span:before { content: ""; position: absolute; left: -13px; top: -13px; right: -13px; z-index: -1; bottom: -13px; border-radius: 50%; background: rgba(105, 179, 189, 0.5); } .inabvideo span:after { content: ""; position: absolute; left: -26px; top: -26px; right: -26px; z-index: -2; bottom: -26px; border-radius: 50%; background: rgba(105, 179, 189, 0.2); } .inabvideo span:hover img{ transform: rotate(90deg); } .inabouttxt { width: 39%; } .inabouttxt h5 { display: none; } .inabouttxt .morebtn { display: block; margin: 80px 0 30px; box-shadow: 0px 10px 27px 3px rgba(217, 38, 40, 0.5); } .inabouttxt p { color: #999899; font-size: 18px; margin-top: 45px; } .inabout-btn { margin: 0 10%; margin-top: 80px; background: #FFFFFF; } .inabout-btn .swiper-pagination { position: static; width: 90.5%; margin: 0; } .inabout-btn .swiper-pagination li { padding: 30px 0; border-radius: 0; width: auto; height: auto; background: transparent; width: 25%; opacity: 1; color: #393939; font-size: 20px; } .inabout-btn .swiper-pagination li span { position: relative; display: block; } .inabout-btn .swiper-pagination li span:after { content: ""; width: 1px; height: 30px; background: #333333; opacity: 0.2; right: 0; top: 50%; margin-top: -15px; position: absolute; } .inabout-btn .swiper-pagination .swiper-pagination-bullet-active { background: #D92628; color: #FFF; border-radius: 3px; position: relative; box-shadow: 0px 10px 27px 3px rgba(217, 38, 40, 0.5); } .inabout-btn .swiper-pagination .swiper-pagination-bullet-active:before { content: ""; background: url(../images/aboutl.png) no-repeat; position: absolute; left: 10px; bottom: 10px; width: 29px; height: 31px; } .inabout-btn .swiper-pagination .swiper-pagination-bullet-active:after { content: ""; background: url(../images/aboutr.png) no-repeat; position: absolute; right: 10px; top: 10px; width: 29px; height: 31px; } .inabout-btn .swiper-pagination .swiper-pagination-bullet-active span:after { width: 0; height: 0; border-style: solid; border-width: 0 7px 12px 7px; border-color: transparent transparent #D92628 transparent; background: transparent; top: -26px; opacity: 1; left: 50%; margin-left: -7px; } .inabout-btnright { width: 9.5%; } .inabout-btnright .swiper-button-prev, .inabout-btnright .swiper-button-next { position: static; margin: 0; width: 50%; } .inabout-btnright .swiper-button-next { background: url(../images/aright.png) no-repeat center center; } .inabout-btnright .swiper-button-prev { background: url(../images/aleft.png) no-repeat center center; } .workbox .indexcon { padding: 0 10%; } .indexcon.wap-flex{ align-items: flex-start;} .work-nav { width: 291px; } .worklist { margin-top: 60px; } .worklist li { background: url(../images/networklist.png) no-repeat; padding: 26px; margin-top: 35px; -moz-box-sizing: border-box; box-sizing: border-box; /*-o-background-size: contain; background-size: contain;*/ } .worklist li>div{width: 50%; margin: -10px auto 0 auto;} .worklist li>div>b{font-size: 70px;color: #d92628;font-weight: normal; line-height: 1;} .worklist li>div>b>sup{font-size: 40px;} .worklist li>div>span{font-size: 16px; color: #999;} @media (min-width: 2000px){ .worklist li{ padding:63px 40px; } } .worklist li h4 { font-size: 24px; font-weight: bold; margin-bottom: 15px; } .worklist li span { font-size: 18px; color: #222; display: block; line-height: 1.6em; min-height: 3.2em; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .worklist .worklistact { background-image: url(../images/networklistact.png); background-repeat: no-repeat; } .nettxt{ margin-left: 80px;} .nettxt p { line-height: 2.1em; opacity: 0.7; font-size: 18px; color: #222; } .work-right { width: calc(100% - 310px); } .workmap { margin-top: 30px; position: relative; } .workmap img { display: none; } .workmap img:first-child { display: block; } .workmap-item { position: absolute; display: inline-block; } .workmap-item span { width: 20px; height: 20px; background: rgba(217, 38, 40, 0.6); border-radius: 50%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 28px auto 0; } .workmap-item span i { display: inline-block; width: 100%; height: 100%; background: #D92628; border-radius: 50%; -webkit-animation: rodflash 2s infinite; -moz-animation: rodflash 2s infinite; -o-animation: rodflash 2s infinite; animation: rodflash 2s infinite; } .workmap-item p { font-size: 28px; color: #FFF; background: #D92628; border-radius: 8px; display: inline-block; padding: 10px 30px; position: relative; z-index: 1; } .workmap-item p:after { content: ""; display: block; width: 30px; height: 30px; border-radius: 5px; background: #D92628; position: absolute; z-index: -1; left: 50%; margin-left: -15px; bottom: -8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .beijing { top: 17%; right: 16%; } .listban { position: relative; } .listban .listbantxt { position: absolute; top: 50%; width: 100%; } .listban .listbantxt h2 { color: #FFF; font-size: 50px; text-align: center; font-weight: bold; letter-spacing: 10px; } .listban .listbantxt p { color: #FFF; font-size: 24px; text-transform: uppercase; letter-spacing: 4px; text-align: center; } .route { margin-top: 25px; } .route a { display: inline-block; color: #9A9A9A; } .route a:first-child { background: url(../images/route1.png) no-repeat left center; padding-left: 32px; } .route img { width: auto; display: inline-block; margin: 0 14px; } .itemnav { margin-top: -70px; position: relative; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; z-index: 1; padding-right: 170px; width: 57%; } .itemnav:before { z-index: -1; content: ""; display: block; background: url(../images/listnavbg.png) no-repeat right center; position: absolute; left: -100%; right: 0; height: 100%; -o-background-size: cover; background-size: cover; } .itemnav li { padding: 55px 0; /* margin: 0 35px;*/ margin: 0 22px 0 21px; position: relative; } .itemnav li a { font-size: 20px; color: #FFF; } .itemnav li.itemnavact:before { content: ""; display: block; width: 30px; height: 5px; background: #FFFFFF; top: 0; left: 50%; margin-left: -15px; position: absolute; } .aboutmain { background: url(../images/aboutbg.png) no-repeat left top; -o-background-size: contain; background-size: contain; } .abouttop { width: 47%; } .abouttop h4 { font-size: 32px; font-weight: bold; } .abouttop span { width: 100%; height: 2px; background: #E7E7E7; display: block; margin: 50px 0; position: relative; } .abouttop span:before { content: ""; height: 4px; background: #CB1B30; display: block; left: 0; top: -1px; width: 50%; } .abouttop p { color: rgba(34, 34, 34, 0.7); font-size: 18px; line-height: 2em; } .aboutpic { width: 47.2%; overflow: hidden; border-radius: 100px 0px 100px 0px; } .aboutmain-item li { background: #F8F8F8; width: 31.7%; margin-top: 60px; padding: 40px 60px; -moz-box-sizing: border-box; box-sizing: border-box; } .aboutmain-item li p { font-size: 24px; } .aboutmain-item li h4 { font-size: 24px; } .aboutmain-item li h4 font { font-weight: bold; font-size: 60px; color: #D92628; margin-right: 18px; } .aboutrow { position: relative; } .aboutrowtxt { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .aboutrowtxt h4 { font-size: 32px; font-weight: bold; } .aboutrowtxt .aboutline { width: 24%; margin: 40px 0; height: 4px; background: #CB1B30; display: block; } .aboutrowtxt p { font-size: 18px; color: #666; width: 45%; } .aboutbot h4 { font-size: 32px; width: 33%; font-weight: bold; } .aboutbot p { font-size: 18px; width: 48%; color: rgba(34, 34, 34, 0.7); } .fzlcbox { background: url(../images/aboutbg.png) no-repeat left bottom; position: relative; z-index: 1; } .fzlcbox:after { z-index: -1; content: ""; background: url(../images/fzlcbg.png) no-repeat; top: 50px; height: 100%; position: absolute; right: 0; width: 27%; } .item_nav3{width:100%;overflow:hidden;margin-bottom:60px;} .item_nav3 ul li{float:left;height:50px;line-height:50px;border:1px solid #eee;border-radius:4px;font-size:16px;color:#222;padding:0px 30px;margin-right:20px;} .item_nav3 ul li:last-child{margin-right:0px;} .item_nav3 ul li.on{background-color:#D92628;border:1px solid #D92628;color:#fff;} .item_nav3 ul li.on a{color:#fff;} .itemtit { margin-bottom: 70px; } .itemtit span { font-weight: bold; font-size: 100px; color: #666; text-align: center; opacity: 0.1; display: block; text-transform: uppercase; line-height: 1em; } .itemtit h2 { font-size: 48px; line-height: 1em; font-weight: bold; text-align: center; margin-top: -1em; } .itemtit-left h2 { text-align: left; } .itemtit-left span { text-align: left; } .fzlctxt { width: 47%; } .fzlctxt .swiper-container { height: 600px;position:relative; } .fzlctxt .swiper-container .lb1{width:100%;height:30%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;} .fzlctxt .swiper-container .lb2{width:100%;height:30%;overflow:hidden;position:absolute;left:0px;bottom:0px;z-index:999;} .fzlctxt h4 { font-size: 36px; font-weight: bold; color: #444444; border-bottom: 1px solid #E7E7E7; margin-bottom: 30px; } .fzlctxt h4 span { padding-bottom: 30px; display: inline-block; border-bottom: 4px solid #BA3236; margin-bottom: -2px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .fzlctxt p { font-size: 18px; color: #999999; } .fzlctxt .swiper-slide-active h4 { color: #BA3236; } .fzlctxt .swiper-slide{height: auto!important;} .fzlctxt .swiper-slide-active h4 span { width: 80%; display: block; } .fzlctxtbtn { clear: both; margin-top: 70px; } .fzlctxtbtn .swiper-button-next, .fzlctxtbtn .swiper-button-prev { position: static; margin: 0; width: 60px; height: 60px; background: #FFFFFF; border: 2px solid #D2D2D2; border-radius: 50%; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 20px; } .fzlctxtbtn .swiper-button-next { background: url(../images/fzlcr.png) no-repeat center center; } .fzlctxtbtn .swiper-button-prev { background: url(../images/fzlcl.png) no-repeat center center; } .fzlcpic { width: 42.85%; border-radius: 50%; overflow: hidden; } .fzlcpic img { display: none; } .fzlcpic img:first-child { display: block; } .zzrybox { background: url(../images/zzrybg.jpg) no-repeat center center; background-size: contain; } .honor-rongyu{ display: none; } .honortab{ text-align: center; margin-top: -2.5em; position: relative; z-index: 3; line-height: 1em; } .honortab li{ display: inline-block; font-size: 48px; font-weight: bold; line-height: 1em; margin: 0 20px; cursor: pointer; } .honortab li.honortabact{ color: #C83B32; text-align: center; } .ryboxtop { position: relative; background: #FFFFFF; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; } .rongyu{ position: relative; background: #FFFFFF; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; height: 1000px; padding: 30px 0; } .rongyu .swiper-slide { text-align: center; font-size: 18px; float: none; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .rongyu .swiper-slide img{ width: 100%; } .rongyu .swiper-slide p{ width: 100%; } .rongyu .swiper-container,.ryboxtop .swiper-container{ overflow: hidden; } .honorlist .swiper-button-next, .honorlist .swiper-button-prev { width: 80px; height: 80px; border: 1px solid #C83B32; border-radius: 50%; -moz-box-sizing: border-box; box-sizing: border-box; } .honorlist .swiper-button-next { background: url(../images/zzryr.png) no-repeat center center #FFFFFF; right: -40px; } .honorlist .swiper-button-prev { left: -40px; background: url(../images/zzryl.png) no-repeat center center #FFFFFF; } .ryboxtop .swiper-slide{ height: 1px;} .ryboxtop .swiper-slide-active{height: auto;} .honorlist{ display: none; } .honorlist:first-child{ display: block; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ content: ''; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: ''; } .rylist { } .rylist li { width: 23.5%; margin-right: 2%; float: left; } .rylist li:nth-child(4n) { margin-right: 0; } .rylist li p { color: #444; font-size: 18px; padding: 25px 0; text-align: center; } .rylist li img { border-radius: 10px; } .shgybox { background: url(../images/shgybg.jpg) no-repeat center center; } .shgyrow { background: #F9F9F9; border-radius: 50px; } .shgyrowpic { width: 39.5%; box-shadow: 0px 10px 19px 1px rgba(57, 57, 57, 0.35); border-radius: 50px; overflow: hidden; } .shgyrowtxt { width: 60.5%; padding: 3% 6%; -moz-box-sizing: border-box; box-sizing: border-box; } /*.shgyrowtxt ul { margin-bottom: 30px; } .shgyrowtxt ul li { font-size: 34px; font-weight: bold; width: 30%; -moz-box-sizing: border-box; box-sizing: border-box; float: left; line-height: 1.3em; position: relative; padding-left: 22px; } .shgyrowtxt ul li::before { content: ""; width: 10px; height: 10px; position: absolute; background: #C83B32; border-radius: 50%; display: block; left: 0; margin-top: -5px; top: 50%; } .shgyrowtxt p { color: #999; font-size: 20px; }*/ .shgyrowtxt ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-around} .shgyrowtxt ul li{} .shgyrowtxt ul li p{width:100%;overflow:hidden;text-align:center;font-size:32px;color:#000001;line-height:1.5;} .shgyrowtxt ul li p.p1 img{display:block;max-width:100%;width:90px;margin:0px auto;padding:0px;} .shgyrowtxt ul li p.p1{margin-bottom:20px;} .shgytit { font-size: 48px; font-weight: bold; margin-bottom: 70px; } .mjghlist li { width: 48.5%; background: #FFFFFF; border: 1px solid #C9C9C9; border-radius: 50px; margin-bottom: 40px; padding: 65px; -moz-box-sizing: border-box; box-sizing: border-box; } .mjghlist li h4 { font-size: 28px; margin-bottom: 25px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mjghlist li p { font-size: 16px; color: #999; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 3.2em; } .mjghlist li .mjghlist-date { border-top: 1px solid rgba(191, 191, 191, 0.5); padding: 40px 0 0; color: #999; margin-top: 40px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -moz-box-pack: space-between; -webkit--moz-box-pack: space-between; box-pack: space-between; -ms-flex-align: center; align-items: center; -webkit-align-items: center; box-align: center; -moz-box-align: center; -webkit-box-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .fjjkbox { box-shadow: 0px 10px 19px 1px rgba(57, 57, 57, 0.35); border-radius: 50px; overflow: hidden; position: relative; } .fjjkbox h4 { text-align: center; color: #FFF; padding: 50px 0; position: absolute; z-index: 1; width: 100%; bottom: 0; font-size: 28px; } .aqzsbox li { width: 48.5%; margin-bottom: 50px; position: relative; z-index: 2; } .aqzsbox li .aniimg { border-radius: 50px; box-shadow: 0px 10px 19px 1px rgba(57, 57, 57, 0.35); } .aqzsbox li .aqzstxt { background: #FFFFFF; padding: 80px 60px 60px; border: 1px solid #DCDCDC; border-radius: 50px; margin-top: -30px; position: relative; z-index: -1; } .aqzsbox li .aqzstxt h4 { font-size: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .aqzsbox li .aqzstxt p { -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 3.2em; color: #999; } .prolist li { width: 22.8%; float: left; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; margin-right: 2.9%; } .prolist li:nth-child(4n) { margin-right: 0; } .prolist li .aniimg { border: 1px solid #E5E5E5; border-radius: 20px; } .prolist li h4 { font-size: 24px; text-align: center; margin-top: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pagebox { margin-top: 50px; text-align: center; } .pagebox a { background: #F8F8F8; display: inline-block; height: 45px; line-height: 45px; padding: 0 20px; margin: 0 4px; } .pagebox .pageact { background: #D92B38; color: #FFF; } .markettxt { padding: 45px 40px; } .markettxt span { color: #999; display: block; } .markettxt h4 { font-size: 22px; margin-top: 25px; line-height: 1.4em; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 2.8em; } .marketlist li { width: 30.5%; margin-bottom: 50px; background: #F9F9F9; margin-right: 4.25%; float: left; } .marketlist li:nth-child(3n) { margin-right: 0; } .detailpic { width: 53.5%; } .detailpic li { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 50px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .detailpic .swiper-pagination-bullet { width: 20px; height: 20px; background: #6C6C6C; opacity: 0.3; border-radius: 10px; } .detailpic .swiper-pagination { bottom: 35px; } .detailpic .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } .detailpic .swiper-pagination-bullet-active { background: #D92628; opacity: 1; } .detailtxt { width: 39.2%; } .detailtxt h1 { font-size: 36px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } .detailtxt p { font-size: 24px; color: #666; } .detailtxt font { font-size: 18px; color: #FFF; background: #D92628; display: inline-block; height: 30px; line-height: 30px; background: #D92628; border-radius: 3px; padding: 0 10px; } .protag { margin: 30px 0; } .protag a { display: inline-block; color: #D92628; background-color: rgba(217, 38, 40, 0.1); border-radius: 3px; line-height: 40px; height: 40px; padding: 0 20px; margin-right: 10px; } .pro-cz li { border-bottom: 2px solid #F7F7F7; font-size: 20px; padding: 25px 0; padding-left: 40px; background: url(../images/proads.jpg) no-repeat left center; } .pro-cz li a { display: block; /*background: url(../images/pror.png) no-repeat right center;*/ } .detail-btn { margin-top: 60px; } .detail-btn a { height: 80px; display: block; float: left; line-height: 80px; margin-right: 15px; } .detail-btn .proljgm { border: 1px solid #D92628; border-radius: 40px; width: 220px; font-size: 24px; text-align: center; color: #D92628; } .detail-btn .projd { width: 80px; height: 80px; border-radius: 50%; background: url(../images/projdact.png) no-repeat center center #F5F5F5; } .detail-btn .protm { width: 80px; height: 80px; border-radius: 50%; background: url(../images/protm.png) no-repeat center center #F5F5F5; } .pro-detail h3 { font-size: 36px; font-weight: bold; margin-bottom: 55px; margin-top: 70px; } .cpzsitem li, .cptxitem li, .proxgtj li { background: #FFFFFF; border: 1px solid #D2D2D2; border-radius: 12px; width: 32.1%; float: left; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1.85%; overflow: hidden; } .cpzsitem li:nth-child(3n), .cptxitem li:nth-child(3n), .proxgtj li:nth-child(3n) { margin-right: 0; } .cptxitem li { background: #F9F9F9; padding: 0 40px; min-height: 100px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cptxitem li p { font-size: 20px; color: #666; } .protable table { width: 100%; border-radius: 10px; overflow: hidden; border-collapse: collapse; -moz-box-sizing: border-box; box-sizing: border-box; } .protable table th { background: #D92628; font-size: 20px; color: #FFF; font-weight: normal; border-right: 1px solid #E0D2D2; padding: 30px 0; } .protable table tr { border-left: 1px solid #E0D2D2; } .protable table tr:nth-child(2n+1) { background: #eae5e5; } .protable table tr:last-child { border-bottom: 1px solid #E0D2D2; } .protable table td { font-size: 18px; text-align: center; border-right: 1px solid #E0D2D2; padding: 20px 0; } .proxgtj { padding-bottom: 75px; } .proxgtj li { border-radius: 0; border: 0 none; } .proxgtj li .aniimg { background: #F9F9F9; } .proxgtj li h4 { font-size: 28px; font-weight: bold; margin-top: 40px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .proxgtj li p { color: #838383; font-size: 20px; margin-top: 15px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .proline { height: 4px; width: 100%; background: #DFDFDF; margin-bottom: 120px; } .proline p { width: 54.6%; height: 100%; background-color: #D92628; margin: 0 auto; } .newstit span { font-size: 24px; opacity: 1; color: #999999; font-weight: normal; } .newstit h2 { font-size: 42px; margin-top: 15px; } .newsitem li .content { padding: 60px 0; border-top: 1px solid #D4D4D4; overflow: hidden; } .newsitem li:last-child .content { border-bottom: 1px solid #D4D4D4; } .newsitem-txt { float: right; width: 80.4%; } .newsitem-txt h4 { font-size: 24px; font-weight: bold; margin-bottom: 1.2em; } .newsitem-txt p { font-size: 18px; } .newsitem-date { width: 16%; float: left; } .newsitem-date span { font-size: 32px; display: block; position: relative; } .newsitem-date span:after { content: ""; display: block; position: absolute; width: 45%; top: 16px; right: 0; height: 3px; background: #DBDBDB; } .newsitem-date font { width: 35px; height: 35px; background: url(../images/newmore.png) no-repeat center center; display: block; margin-top: 30px; } .newspage { padding-bottom: 100px; margin-top: 70px; } .newspage a { border-radius: 50%; width: 54px; height: 54px; padding: 0; line-height: 54px; background: none; color: #999999; vertical-align: middle; } .newspage .newprev { background: url(../images/pagel.png) no-repeat center center; margin-right: 30px; } .newspage .newnext { background: url(../images/pager.png) no-repeat center center; margin-left: 30px; } .newsdetail-tit { border-bottom: 1px solid #D4E2E2; padding-bottom: 70px; } .newsdetail-tit h1 { font-size: 48px; text-align: center; } .newsdetail-tit span { margin-top: 45px; font-size: 24px; display: block; text-align: center; color: #666666; } .newsdetail p { color: #666666; font-size: 24px; text-indent: 2em; margin-bottom: 1em; } .newsdetail img { width: auto; max-width: 100%; margin: 2em auto; } .newsshare { text-align: center; position: relative; z-index: 1; } .newsshare:before { content: ""; display: block; position: absolute; width: 100%; z-index: -1; height: 1px; background: #D4E2E2; top: 50%; } .newsshare > div { background: #FFF; display: inline-block; padding: 0 20px; position: relative; } .newsshare .shareWX { width: 50px; height: 50px; background: #1F9869; border-radius: 50%; display: inline-block; margin: 0 10px; } .newsshare .shareSina { width: 50px; height: 50px; background: #D72835; border-radius: 50%; display: inline-block; margin: 0 10px; } .newsshare .wx-box { position: absolute; bottom: 0; background-color: #FFF; border-radius: 10%; border: 1px solid #ccc; padding: 20px; width: 160px; bottom: 65px; left: 0; margin-left: -40px; } .newsshare .wx-box canvas { width: 100%; } .newsshare .wx-box .wx-box-head { text-align: left; margin-bottom: 10px; } .newsshare .wx-box .wx-box-head .wx-box-close { float: right; width: auto; height: auto; } .newstj { padding-bottom: 70px; } .newstj li { max-width: 48%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .newstj li a { color: #666; font-size: 24px; } .gsggdate { border-radius: 3px; padding: 25px 30px; background: #EEEEEE; } .gsggdate span { font-size: 48px; display: block; color: #6F6E6E; text-align: center; } .gsggdate font { font-size: 20px; color: #6F6E6E; margin-top: 15px; display: block; text-align: center; } .gsggtxt { width: 67.7%; } .gsggtxt h4 { font-size: 24px; margin-bottom: 1em; } .gsggtxt p { font-size: 18px; color: #888; } .gsggbtn { width: 11.4%; } .gsggbtn a { display: block; width: 100%; height: 60px; line-height: 60px; background: #FFFFFF; border: 2px solid #C83B32; border-radius: 30px; text-align: center; color: #D92628; margin: 10px 0; } .gsggitem li { padding: 80px 0; border-top: 1px solid #E5E5E5; } .gsggitem li:last-child { border-bottom: 1px solid #E5E5E5; } .qyfcbox { position: relative; padding-bottom: 35px; } .qyfcpic img { display: none; border-radius: 5px; } .qyfcpic img:first-child { display: block; } .qyfclist { position: absolute; bottom: 0; width: 88.5%; left: 50%; margin-left: -44.25%; } .qyfclist li { width: 21.4%; height: 70px; background: #FFFFFF; border-radius: 5px; font-size: 20px; text-align: center; line-height: 70px; } .qyfclist .qyfclistact { background: #C83B32; color: #FFF; box-shadow: 0px 10px 30px 0px rgba(200, 59, 50, 0.4); } .zhaopintab { text-align: center; margin-bottom: 60px; } .zhaopintab a { font-size: 36px; display: inline-block; margin: 0 40px; text-align: center; padding-bottom: 25px; position: relative; } .zhaopintab a.zhaopinact:before { content: ""; position: absolute; width: 42.8%; height: 5px; background: #C83B32; box-shadow: 0px 10px 30px 0px rgba(200, 59, 50, 0.4); bottom: 0; left: 50%; margin-left: -21.4%; } .zpitem li { background: #FFFFFF; border: 1px solid #E5E7ED; border-radius: 3px; margin-bottom: 20px; } .zp-top { padding: 50px 5%; } .zp-top i { width: 50px; height: 50px; box-shadow: 0px 10px 30px 0px rgba(200, 59, 50, 0.4); border-radius: 50%; display: block; background: url(../images/up.png) no-repeat center center #C83B32; } .zp-txt { width: 76.5%; } .zp-txt h4 { font-size: 30px; margin-bottom: 30px; } .zp-txt p span { display: inline-block; font-size: 18px; color: #999999; margin-right: 50px; } .zp-date { width: 11.8%; border-right: 1px solid #D0D2D5; } .zp-date b { font-size: 90px; color: #393939; display: block; font-weight: normal; } .zp-date span { display: block; font-size: 24px; color: #777777; } .zp-con { background: #F9F6F6; padding: 2% 5% 5%; display: none; } .zp-con h5 { font-size: 26px; font-weight: bold; margin-top: 2em; margin-bottom: 1em; } .zp-con p { font-size: 18px; } .hrbox { position: relative; z-index: 1; } .hrbox:before { content: ""; display: block; z-index: -1; position: absolute; width: 100%; background: #F4F4F4; height: 31.5%; top: 19%; } .hrtacttxt { padding: 0 5%; margin-top: -75px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; } .hrtacttxt li { width: 30%; } .hrtacttxt li i { width: 150px; height: 150px; display: block; background: #FFF; margin: 0 auto; border-radius: 50%; box-shadow: 0px 10px 30px 0px rgba(172, 172, 172, 0.2); } .hrtacttxt li p { font-size: 24px; text-align: center; margin-top: 45px; } .hrtacttxt li a { display: block; font-size: 24px; margin-top: 45px; text-align: center; } .tactlist { background: #FFFFFF; box-shadow: 0px 10px 20px 0px rgba(102, 102, 102, 0.1); border-radius: 50px; padding: 50px 5%; margin-top: -140px; } .tactlist li i { width: 70px; height: 70px; box-shadow: none; border: 1px solid #BFBFBF; } .tactlist li p { font-size: 20px; color: #666666; margin-top: 18px; } .tactlist li a { margin-top: 18px; color: #666666; font-size: 20px; } .tactcodelist li { width: 31.4%; background: #FCFCFC; border: 1px solid #EEEEEE; border-radius: 50px; padding: 50px; -moz-box-sizing: border-box; box-sizing: border-box; } .tactcodelist li h4 { font-size: 36px; font-weight: bold; margin-bottom: 20px; } .tactcodelist li p { font-size: 20px; color: #888888; } .tactcodelist li img { background: #FFFFFF; border: 1px solid #E5E5E5; box-shadow: 0px 10px 20px 0px rgba(102, 102, 102, 0.1); border-radius: 50px; margin-top: 50px; } .picact{ display: none; } .swiper-container-horizontal>.swiper-scrollbar{ height: 4px; background: #DFDFDF; width: 100%; border-radius: 0; left: 0; } .swiper-scrollbar-drag{ background: #D92628; } .tzlx{width: 100%;display: flex; background: #fff; box-shadow: 0 0 10px rgba(200,200,200,.2);} .lximg{width: 50%; position: relative; } .lximg b{position: absolute; left: 0; top:0; width: 100%; height: 100%;} .lximg>img{ display: none;} .lxcon{width: 50%;} .lxcon li{ width: calc(100% - 130px); display: flex; padding: 40px 0;margin: 0 65px; border-bottom: dashed #ddd 1px; box-sizing: border-box; align-items: center;} .lxcon li:last-child{border-bottom: none;} .lxcon li>i{ width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; margin-right: 20px; border-radius: 50%; background: #d92628;} .lxcon li>i>img{width: auto; max-width: 100%;} .lxcon li>p{font-size: 18px;} .lxcon li>p>b{ color: #041133; display: block; font-weight: normal;} .lxcon li>p>span{ color: #999;display: block;} @media (max-width: 1700px) { .ban-txt h2 { font-size: 70px; } } @media (min-width: 1000px) { .zpitem li:hover .zp-top { background: #c83b32; } .zpitem li:hover .zp-top span, .zpitem li:hover .zp-top b, .zpitem li:hover .zp-top h4, .zpitem li:hover .zp-top p { color: #FFF; } .zpitem li:hover .zp-top i { background: url(../images/upact.jpg) no-repeat center center #FFF; } .zpitem li:hover .zp-con { display: block; } .inpro li:hover .aniimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .inpro li:hover .inprotxt { display: block; } .morebtn:hover { opacity: 0.9; } .inabout-btnright .swiper-button-next:hover { background-image: url(../images/arightact.png); background-repeat: no-repeat; } .inabout-btnright .swiper-button-prev:hover { background-image: url(../images/aleftact.png); background-repeat: no-repeat; } .route a:hover { color: #D92628; } .route a:first-child:hover { background-image: url(../images/route1act.png); background-repeat: no-repeat; } .itemnav li:hover:before { content: ""; display: block; width: 30px; height: 5px; background: #FFFFFF; top: 0; left: 50%; margin-left: -15px; position: absolute; } .aboutmain-item li:hover { border-bottom: 4px solid #D92628; } .fzlctxtbtn .swiper-button-next:hover { box-shadow: 0px 10px 30px 0px rgba(186, 50, 54, 0.3); border-color: #BA3236; background: url(../images/fzlcract.png) no-repeat center center #BA3236; } .fzlctxtbtn .swiper-button-prev:hover { box-shadow: 0px 10px 30px 0px rgba(186, 50, 54, 0.3); border-color: #BA3236; background: url(../images/fzlclact.png) no-repeat center center #BA3236; } .honorlist .swiper-button-next:hover { box-shadow: 0px 10px 30px 0px rgba(186, 50, 54, 0.3); border-color: #BA3236; background: url(../images/fzlcract.png) no-repeat center center #BA3236; } .honorlist .swiper-button-prev:hover { box-shadow: 0px 10px 30px 0px rgba(186, 50, 54, 0.3); border-color: #BA3236; background: url(../images/fzlclact.png) no-repeat center center #BA3236; } .mjghlist li:hover { background: #C83B32; } .mjghlist li:hover h4 { color: #FFF; } .mjghlist li:hover p { color: #FFF; } .mjghlist li:hover span { color: #FFF; } .mjghlist li:hover .mjghlist-date { border-color: #FFF; } .aqzsbox li:hover h4 { color: #C83B32; } .aqzsbox li:hover .aniimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .prolist li:hover .aniimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .prolist li:hover h4 { color: #D92628; } .prolist li:hover .aniimg{ box-shadow: 0px 10px 30px 0px rgba(189,189,189,0.4); } .pagebox a:hover{ background: #D92B38; color: #FFF; } .marketlist li:hover { background: #D61819; box-shadow: 0px 5px 20px 0px rgba(214, 24, 25, 0.35); } .marketlist li:hover span { color: #FFF; } .marketlist li:hover h4 { color: #FFF; } .marketlist li:hover .aniimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .detailpic li:hover .aniimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .protag a:hover { background-color: rgba(217, 38, 40, 0.2); } .detail-btn .projd:hover { background: url(../images/projd.png) no-repeat center center #D92628; box-shadow: 0px 10px 30px 0px rgba(217, 38, 40, 0.4); } .detail-btn .protm:hover { background: url(../images/protmact.png) no-repeat center center #D92628; box-shadow: 0px 10px 30px 0px rgba(217, 38, 40, 0.4); } .proxgtj li:hover .aniimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .proxgtj li:hover h4 { color: #D92628; } .newsitem li:hover { background: url(../images/newsbg.jpg) no-repeat; -o-background-size: cover; background-size: cover; } .newsitem li:hover h4 { color: #CB1B30; } .newsitem li:hover span { color: #CB1B30; } .newsitem li:hover span:after { background: #CB1B30; } .newsitem li:hover font { background: url(../images/newmoreact.png) no-repeat center center #CB1B30; } .newstj li:hover a { color: #D92628; } .newsshare .shareWX:hover { opacity: 0.9; } .newspage .newprev:hover { background: url(../images/pagelact.png) no-repeat center center #CB1B30; } .newspage .newnext:hover { background: url(../images/pageract.png) no-repeat center center #CB1B30; } .gsggbtn a:hover { background: #C83B32; color: #FFF; box-shadow: 0px 10px 27px 3px rgba(200, 59, 50, 0.3); } .gsggitem li:hover .gsggdate { background: #C83B32; box-shadow: 0px 10px 27px 3px rgba(200, 59, 50, 0.3); } .gsggitem li:hover .gsggdate span, .gsggitem li:hover .gsggdate font { color: #FFF; } .gsggitem li:hover h4 { color: #C83B32; } .hrtacttxt li:hover i{ background: #CE2E1C; box-shadow: 0px 10px 15px 0px rgba(196,43,33,0.25); border-color: #CE2E1C; } .hrtacttxt li:hover i img{ display: none; } .hrtacttxt li:hover i img.picact{ display: block; } } @media (max-width: 1600px) { .ban-txt h2 { font-size: 60px; } .ban-txt h2:after { width: 6px; height: 60px; } .ban-txt p { font-size: 20px; margin-top: 30px; } .ban-txt .gpdm { margin-top: 50px; font-size: 24px; height: 60px; line-height: 60px; } .indexswiper1 .banner-container .banner-pagination { bottom: 16%; } .indexswiper1 .banner-container .banner-pagination span { padding: 20px 50px; } .inpro { margin-top: 50px; } .inpro li .aniimg h4 { font-size: 18px; bottom: 25px; padding-left: 30px; } .inpro li .inprotxt { padding: 0 30px; } .inpro li .inprotxt img { margin-top: 50px; margin-bottom: 25px; } .inpro li .inprotxt h4 { font-size: 26px; } .inpro li .inprotxt p { margin-top: 15px; } .inpro li .inprotxt .inprobtn { left: 30px; right: 30px; padding: 25px 0; } .gc-ads li { height: 380px; } .gc-ads li h4 { font-size: 24px; } .gc-ads .gc-adsact h4 { font-size: 30px; } .gc-ads .gc-adsact a { margin-top: 60px; } .innovat > p { font-size: 16px; } .innovatul { margin-top: 40px; } .innovatul ul li .innovat-icon { width: 90px; height: 90px; } .innovatul ul li p { font-size: 20px; } .innovatul ul li.innovatact .morebtn { margin-top: 45px; } .inabouttxt p { font-size: 16px; margin-top: 30px; } .inabouttxt .morebtn { margin-top: 50px; } .workmap { margin-top: 50px; } .workmap img { display: none; } .workmap img:first-child { display: block; } .worklist { margin-top: 50px; } .worklist li { margin-top: 15px; /*cursor: pointer;*/ padding: 25px 20px; } .worklist li span { font-size: 16px; } .worklist li h4 { font-size: 20px; margin-bottom: 10px; } .nettxt p { font-size: 16px; line-height: 1.6em; } .inabout-btn .swiper-pagination li { padding: 20px 0; font-size: 18px; } .inabout-btn .swiper-pagination .swiper-pagination-bullet-active span:after { top: -16px; } .inabout-btn { margin-top: 35px; } .workmap-item p { font-size: 18px; } .inabvideo span { width: 50px; height: 50px; } .itemnav { padding-right: 130px; margin-top: -40px; width: 47%; } .itemnav li { padding: 30px 0; margin: 0 13px; } .itemnav li a { font-size: 16px; } .abouttop h4 { font-size: 28px; } .abouttop span { margin: 30px 0; } .abouttop p { font-size: 16px; } .aboutmain-item li h4 font { font-size: 48px; margin-right: 10px; } .aboutmain-item li { padding: 30px 30px; } .aboutrowtxt h4, .aboutbot h4 { font-size: 28px; } .aboutrowtxt .aboutline { margin: 25px 0; } .aboutrowtxt p, .aboutbot p { font-size: 16px; } .listban .listbantxt h2 { font-size: 36px; } .listban .listbantxt p { font-size: 18px; } .aboutmain-item li p, .aboutmain-item li h4 { font-size: 20px; } .itemnav li.itemnavact:before, .itemnav li:hover:before { height: 3px; } .services .indexcon { padding-bottom: 60px; } .itemtit { margin-bottom: 50px; } .itemtit span { font-size: 60px; } .rongyu{ height: 840px; } .itemtit h2 { font-size: 38px; margin-top: -0.8em; } .fzlctxt .swiper-container { height: 540px; } .fzlctxt h4 { font-size: 28px; margin-bottom: 15px; } .fzlctxt h4 span { padding-bottom: 15px; border-bottom: 2px solid #BA3236; margin-bottom: -1px; } .fzlctxt p { font-size: 16px; } .fzlctxtbtn { margin-top: 50px; } .fzlctxtbtn .swiper-button-next, .fzlctxtbtn .swiper-button-prev { width: 50px; height: 50px; border: 1px solid #D2D2D2; margin-right: 15px; } .ryboxtop,.rongyu{ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); } .honorlist .swiper-button-next, .honorlist .swiper-button-prev { width: 60px; height: 60px; } .honorlist .swiper-button-next { right: -30px; } .honorlist .swiper-button-prev { left: -30px; } .rylist { } .rylist li p { font-size: 16px; padding: 15px 0; } .mbot { padding-bottom: 50px; } .shgyrow { border-radius: 40px; } .shgyrowpic { box-shadow: 0px 10px 10px 1px rgba(57, 57, 57, 0.35); border-radius: 40px; } .shgyrowtxt ul { margin-bottom: 20px; } .shgyrowtxt ul li { font-size: 22px; padding-left: 18px; } .shgyrowtxt p { font-size: 16px; } .shgytit { font-size: 38px; margin-bottom: 50px; } .mjghlist li { border-radius: 40px; margin-bottom: 30px; padding: 40px; } .mjghlist li h4 { font-size: 22px; margin-bottom: 15px; } .mjghlist li .mjghlist-date { padding: 20px 0 0; margin-top: 20px; } .fjjkbox { box-shadow: 0px 6px 10px 1px rgba(57, 57, 57, 0.35); border-radius: 40px; } .fjjkbox h4 { padding: 25px 0; font-size: 22px; } .aqzsbox li { margin-bottom: 40px; } .aqzsbox li .aniimg { border-radius: 40px; box-shadow: 0px 10px 10px 1px rgba(57, 57, 57, 0.35); } .aqzsbox li .aqzstxt { background: #FFFFFF; padding: 50px 30px 30px; border-radius: 40px; margin-top: -20px; } .aqzsbox li .aqzstxt h4 { font-size: 22px; } .aqzsbox li .aqzstxt p { margin-top: 15px; } .prolist li { margin-bottom: 40px; } .prolist li h4 { font-size: 20px; text-align: center; margin-top: 20px; } .pagebox { margin-top: 40px; } .pagebox a { height: 40px; line-height: 40px; padding: 0 15px; } .markettxt { padding: 30px 20px; } .markettxt h4 { font-size: 18px; margin-top: 15px; } .marketlist li { margin-bottom: 40px; } .detailpic .swiper-pagination-bullet { width: 10px; height: 10px; } .detailpic .swiper-pagination { bottom: 25px; } .detailpic .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .detailtxt h1 { font-size: 30px; margin-top: 15px; margin-bottom: 15px; } .detailtxt p { font-size: 18px; } .detailtxt font { font-size: 14px; } .pro-cz li { border-bottom: 1px solid #F7F7F7; font-size: 16px; padding: 20px 0; padding-left: 25px; } .detail-btn { margin-top: 40px; overflow: hidden; } .detail-btn a { height: 50px; line-height: 50px; margin-right: 10px; } .detail-btn .proljgm { width: 160px; font-size: 18px; } .detail-btn .proljgm:hover { background: #D92628; color: #FFF; border-color: #D92628; } .detail-btn .projd { width: 50px; height: 50px; -o-background-size: 50px 50px; background-size: 50px 50px; } .detail-btn .projd:hover { -o-background-size: 50px 50px; background-size: 50px 50px; } .detail-btn .protm { width: 50px; -o-background-size: 50px 50px; background-size: 50px 50px; height: 50px; } .detail-btn .protm:hover { -o-background-size: 50px 50px; background-size: 50px 50px; } .pro-detail h3 { font-size: 24px; margin-bottom: 40px; margin-top: 50px; } .cptxitem li { background: #F9F9F9; padding: 0 25px; min-height: 80px; } .cptxitem li p { font-size: 16px; } .protable table th { font-size: 18px; padding: 20px 0; } .protable table td { font-size: 16px; padding: 15px 0; } .proxgtj { padding-bottom: 50px; } .proxgtj li h4 { font-size: 18px; margin-top: 25px; } .proxgtj li p { font-size: 16px; margin-top: 10px; } .proline { height: 2px; margin-bottom: 80px; } .newstit span { font-size: 18px; } .newstit h2 { font-size: 32px; margin-top: 15px; } .newsitem li .content { padding: 40px 0; } .newsitem-txt h4 { font-size: 20px; margin-bottom: 15px; } .newsitem-txt p { font-size: 16px; } .newsitem-date span { font-size: 24px; } .newsitem-date span:after { top: 13px; height: 2px; } .newsitem-date font { margin-top: 20px; } .newspage { padding-bottom: 60px; margin-top: 50px; } .newspage a { width: 45px; padding: 0; height: 45px; line-height: 45px; } .newspage .newprev { margin-right: 20px; } .newspage .newnext { margin-left: 20px; } .newsdetail-tit { padding-bottom: 50px; } .newsdetail-tit h1 { font-size: 36px; } .newsdetail-tit span { font-size: 18px; margin-top: 30px; } .newsdetail p { font-size: 16px; text-indent: 2em; } .newsshare a { width: 40px; height: 40px; } .newstj { padding-bottom: 50px; } .newstj li a { font-size: 18px; } .gsggdate { padding: 15px 20px; } .gsggdate span { font-size: 36px; } .gsggdate font { font-size: 16px; margin-top: 10px; } .gsggtxt h4 { font-size: 20px; } .gsggtxt p { font-size: 16px; } .gsggbtn a { height: 40px; line-height: 40px; border: 1px solid #C83B32; } .gsggitem li { padding: 50px 0; } .qyfcbox { position: relative; padding-bottom: 28px; } .qyfclist li { height: 56px; font-size: 18px; line-height: 56px; } .zhaopintab { margin-bottom: 50px; } .zhaopintab a { font-size: 28px; margin: 0 30px; padding-bottom: 20px; } .zhaopintab a.zhaopinact:before { height: 3px; } .zp-top { padding: 35px 5%; } .zp-top i { width: 45px; height: 45px; } .zp-txt h4 { font-size: 26px; margin-bottom: 15px; } .zp-txt p span { font-size: 16px; margin-right: 30px; } .zp-date b { font-size: 60px; } .zp-date span { font-size: 18px; } .zp-con { padding: 1% 5% 4%; display: none; } .zp-con h5 { font-size: 22px; } .zp-con p { font-size: 16px; } .hrtacttxt { padding: 0 8%; margin-top: -60px; margin-bottom: 50px; } .hrtacttxt li i { width: 120px; height: 120px; box-shadow: 0px 10px 20px 0px rgba(172, 172, 172, 0.2); } .hrtacttxt li p { font-size: 20px; margin-top: 30px; } .hrtacttxt li a { font-size: 20px; margin-top: 30px; } .tactlist { border-radius: 40px; padding: 40px 5%; margin-top: -100px; } .tactlist li i { width: 60px; height: 60px; } .tactlist li p { font-size: 18px; margin-top: 15px; } .tactlist li a { margin-top: 15px; font-size: 18px; } .tactcodelist li { border-radius: 40px; padding: 40px; } .tactcodelist li h4 { font-size: 28px; margin-bottom: 15px; } .tactcodelist li p { font-size: 16px; } .tactcodelist li img { border-radius: 40px; margin-top: 30px; } .newsshare .wx-box { width: 130px; margin-left: -32px; } .itemnav { width: 50%; } .shgyrowtxt ul li p{font-size:20px;} .shgyrowtxt ul li p.p1 img{width:80px;} } @media screen and (max-width:768px) { .shgyrowtxt ul li p{font-size:16px;} .shgyrowtxt ul li p.p1 img{width:40px;} .shgyrowtxt ul li p.p1{margin-bottom:10px;} }