锘?site_banner .wrap_index{position: relative;} .site_banner .wrap_index .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .banner_con{width: 54%; color: #fff; } .banner_con h1{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .banner_con p{line-height:1.5em;max-height: 7.5em;overflow: hidden;text-indent: 2em;} .xintro1{padding: 70px; background-position: center center; background-size: cover; background-repeat: no-repeat;color: #414141; margin-bottom: 50px;} .xintro1 h1{margin-bottom: 10px;} .xintro1 p{ line-height: 24px;} .xintro2 ul{margin: 0 -10px;} .xintro2 ul li{width: 33.333333%; float: left; padding: 0 10px; box-sizing: border-box;} .xintro2_img img{width: 100%;} .xintro2_con{padding: 20px 30px; color: #414141;} .xintro2_con a{color: #414141;} .xintro2_tit{border-bottom: #da2219 solid 1px; padding-bottom: 15px; margin-bottom: 15px;} .xintro2_tit h1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .xintro2_con p{text-align: justify; line-height: 24px; height: 72px; overflow: hidden; color:#414141;} .honor{ overflow: hidden; } .honor *{box-sizing: border-box;} .honor_l{float: left; width: 77.8%; position: relative; } .honor_l_img_wrap{position: relative; width: 72.7%; margin: auto;} .honor_l img{width: 100%;} /*.style_l i{display: block; width: 100%; height: 100%; position: absolute;top: 0;left: 0;}*/ .honor_l_info{position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 1.1em; padding: 160px 20px 25px; background: url(../images/honor_l_zz.png) no-repeat; background-size: 100% 100%; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .honor_l_btn{position: absolute; width: 27px; height: 49px; cursor: pointer; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); background-size: 100% 100%;} .honor_l_l{left: 6%; background-image: url(../images/honor_l_l_on.png);} .honor_l_l.disabled{background-image: url(../images/honor_l_l.png); cursor: default;} .honor_l_r{right: 6%;background-image: url(../images/honor_l_r_on.png);} .honor_l_r.disabled{background-image: url(../images/honor_l_r.png); cursor: default;} .honor_r{float: left; width: 22.2%; position: relative; padding: 30px 15px 66px;border:#e44840 solid 2px;} .honor_r .swiper-slide{} .honor_pad{width: 50%; float: left; padding: 0 5px; margin-bottom: 20px;} .honor_r_wrap{ position: relative; cursor: pointer} .honor_r_wrap:before{ position: absolute; content:""; width:100%; height:100%; box-sizing: border-box; left:0; top:0; border: #da2219 solid 2px; display: none; } .honor_r_wrap.on:before{ display: block; } .swiper-slide .honor_r_wrap:nth-child(2n+1){clear: both;} .honor_r_wrap img{width: 100%;} .honor_r .swiper-button-next,.honor_r .swiper-button-prev{width: 36px; height: 36px; opacity: 1; background-position: center center; background-repeat: no-repeat; bottom: 30px; left: 50%; top:auto; background-size: 100% 100%;} .honor_r .swiper-button-next{ background-image: url(../images/honor_r_r_on.png) !important; margin-left: 5px;} .honor_r .swiper-button-prev{ background-image: url(../images/honor_r_l_on.png) !important; margin-left: -41px;} .honor_r .swiper-button-next.swiper-button-disabled,.style_r .swiper-button-prev.swiper-button-disabled{ border-color: #dcdcdc; background: #fff;background-position: center center; background-repeat: no-repeat; } .honor_r .swiper-button-next.swiper-button-disabled{background-image: url(../images/honor_r_r.png) !important;} .honor_r .swiper-button-prev.swiper-button-disabled{background-image: url(../images/honor_r_l.png) !important;} /*鍩庡競鍔熻兘寮€鍙戞澘鍧?/ .ufdp1{position: relative;} .ufdp1 > img{width: 100%;} .ufdp1_wrap{position: absolute; width: 36%; right: 14%; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); color: #fff; box-sizing: border-box;} .ufdp1_wrap h1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;} .ufdp1_wrap h1 a{color: #fff;} .ufdp1_wrap p{line-height: 24px; max-height: 120px; overflow: hidden; margin-bottom: 25px; text-align: justify;text-indent: 2em;} .ufdp1_wrap ul{margin: 0 -0.5px; overflow: hidden; margin-bottom: 50px;} .ufdp1_wrap ul li{width: 33.333333%; float: left; padding: 0 0.5px; box-sizing: border-box;} .ufdp1_wrap ul li img{width: 100%;} .ufdp2 .ufdp1_wrap{left: 14%; right:auto;} /*椤圭洰浠嬬粛椤?/ .project1{color: #fff; padding: 7.6% 9%;background-size: cover; background-repeat: no-repeat; margin-bottom: 50px;position: relative;} .project1::before{position: absolute; content:""; width:100%; height:100%; left:0; top:0; background: rgba(0,0,0,0.3); } .project1 h1{ margin-bottom: 20px; position: relative; z-index: 1;} .project1_con{ position: relative; z-index: 1;} .project1_con p{line-height: 24px;} .project2{padding: 3.5% 7.5%;} .project3{overflow: hidden;} .project3 *{box-sizing: border-box;} .project3 ul{margin: -15px; overflow: hidden; } .project3 ul li{width: 50%; float: left; padding: 15px;} .project3 ul li a{ display: block; overflow: hidden;} .project3 ul li a img{width: 100%;} @media only screen and (max-width:1024px) { .banner_con{width: 100%;} .xintro1{padding: 40px;} .xintro2_con{padding: 20px 10px;} .honor_r{padding:20px 15px 56px;} .honor_r .swiper-button-next, .honor_r .swiper-button-prev{bottom: 20px;} .honor_pad{margin-bottom: 16.5px;} /*鍩庡競鍔熻兘寮€鍙戞澘鍧?/ .ufdp1_wrap h1{margin-bottom: 10px;} .ufdp1_wrap p{margin-bottom: 15px;} .ufdp1_wrap ul{margin-bottom: 30px;} } @media only screen and (max-width:1023px) { .xintro1{margin-bottom: 30px;} .project1{margin-bottom: 20px; padding: 30px;} .project3 ul{margin: -10px;} .project3 ul li{padding: 10px;} } @media only screen and (max-width:768px) { .xintro1{padding: 30px; margin-bottom: 20px;} .xintro2_con{padding: 15px;} .honor_r{padding:20px 10px 56px;} .honor_pad{margin-bottom: 8.3px;} } @media only screen and (max-width:767px) { .xintro_tab li{width: 33.333333% !important; margin-bottom: 10px;} .xintro_tab li a{ border: 1px solid #a5a5a5;} .xintro_tab li.on a{ border: 1px solid #da2219;} .site_banner .wrap_index .wrap{position: static;transform: translate(0,0);-webkit-transform: translate(0,0); margin-top: 20px;} .banner_con p{max-height: inherit;} .banner_con{color:#414141;} .xintro1{padding: 20px;} .xintro2 ul li{width: 100%;} .honor_l{width: 100%;} .honor_r{width: 100%; display: none;} .honor_l_l{left: 10px;} .honor_l_info{ padding: 80px 20px 15px;} .honor_l_r{right: 10px;} /*鍩庡競鍔熻兘寮€鍙戞澘鍧?/ .ufdp1_wrap{width: 100%; position: static; transform: translate(0,0);-webkit-transform: translate(0,0); background: rgba(0,0,0,0.7); padding: 20px;} .ufdp1_wrap ul{margin-bottom: 15px;} .project3 ul{margin: -6px;} .project3 ul li{padding: 3px;} } @media only screen and (max-width:400px) { .xintro_tab li{width: 50% !important;} } /*鍩庡競鍔熻兘寮€鍙戞澘鍧?/ .service_cont .social_cont li{margin-bottom: 0; background: #fff;} .service_cont .social_p{max-height: 15em;height: auto;overflow:hidden;} .service_cont .social_p p{text-indent: 2em;} .service_cont .social_boxin{padding: 0 65px;} @media only screen and (max-width:1280px) { .service_cont .social_p{max-height: 10.5em;} .service_cont .social_boxin{padding: 0 40px;} } @media only screen and (max-width:1024px) { .service_cont .social_p{max-height: 9em;} .service_cont .social_boxin{padding: 0 20px;} } @media only screen and (max-width:768px) { .service_cont .social_boxin{padding: 20px;} .service_cont .social_p{max-height: 6em;} } @media only screen and (max-width:420px) { .service_cont .social_boxin{padding: 20px 10px;} } .blank_5{position: absolute;background: rgba(0,0,0,0.2); width: 100%; height: 100%;top:0;left: 0; display: none;} .ufdp1_wrap{padding: 20px; background: rgba(0,0,0,0.4);} @media only screen and (max-width:767px) { .blank_5{display: none;} .ufdp1_wrap{ background: rgba(0,0,0,0.4);} }