.pchead .nav li:nth-child(3) .navs span::after { transform: scale(1); } .aa { position: relative; z-index: 10; } .aa .aanavs { border: 1px solid #e6e6e6; background: #fff; } .aa .aanavs .inwrap .navBox a { float: left; display: block; width: 33.333333%; line-height: 50px; font-size: 16px; color: #4d4d4d; text-align: center; position: relative; } .aa .aanavs .inwrap .navBox a::after { transition: all .5s; content: ""; display: block; width: 100%; height: 2px; height: 3px; background: #ee9655; position: absolute; left: 0; bottom: -2px; transform: scale(0); } .aa .aanavs .inwrap .navBox a:hover::after, .aa .aanavs .inwrap .navBox .actA::after { transform: scale(1); } .bb { position: relative; z-index: 10; background: url(../images/pro_03.png) no-repeat center fixed; background-color: #fff; } .bb .imgBox { position: relative; } .bb .imgBox .lt { width: 69.1666%; float: left; } .bb .imgBox .lt img { display: block; width: 100%; } .bb .imgBox .rt { position: absolute; right: 0; width: 30.8334%; bottom: 0; top: 0; background: url(../images/pro_05.png); background-size: 100% 100%; } .bb .imgBox .rt .title { margin-top: 28.6486%; font-size: 30px; line-height: 28px; color: #fff; margin-left: 25px; } .bb .imgBox .rt .te { margin-left: 25px; font-size: 18px; line-height: 28px; color: #fff; margin-top: 8.1081%; } .bb .con { margin-top: 70px; color: #666; font-size: 14px; line-height: 2; padding-bottom: 100px; } .cc { position: relative; z-index: 10; background: #f2f2f2; padding-bottom: 120px; margin-bottom: 440px; } .cc .cbg { height: 430px; background: url(../images/pro_06.png) center fixed; position: relative; z-index: 1; } .cc .topInwrap { overflow: hidden; background: #fff; position: relative; z-index: 2; margin-top: -114px; box-sizing: border-box; padding: 88px 110px 0 110px; box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08); } .cc .topInwrap .text { font-size: 14px; line-height: 2; color: #696969; text-indent: 2em; } .cc .topInwrap .imgBox { margin: 34px 0; } .cc .topInwrap .imgBox img { max-width: 100%; } .cc .topInwrap .imgUl { margin: 80px 0; } .cc .topInwrap .imgUl li { margin-right: 3%; float: left; width: 22.75%; } .cc .topInwrap .imgUl li:nth-child(4n){ margin-right: 0; } .cc .topInwrap .imgUl2 li .honor_box{ float: left; } .cc .topInwrap .imgUl2 li .honor_box .img img{ display: block; margin: 0 auto; max-width: 100%; } .cc .topInwrap .imgUl2 .top .honor_box{ width: 33.333333%; } .cc .topInwrap .imgUl2 .top .honor_box img{ max-width: 100%; } .cc .topInwrap .imgUl2 .bt .honor_box{ width: 20%; } .cc .topInwrap .imgUl2 .bt .honor_box img{ max-width: 100%; } .cc .topInwrap .imgUl li .img { overflow: hidden; } .cc .topInwrap .imgUl li .img img { display: block; max-width: 100%; margin: 0 auto; } .cc .topInwrap .imgUl li .teBox { font-size: 12px; line-height: 2; margin: 20px 0; text-align: center; } .cc .topInwrap .imgUl li:last-child { margin-right: 0; } .cc .topInwrap .iconUl { margin: 50px 0 70px 0; } .cc .topInwrap .iconUl li { width: 130px; margin-right: 81px; float: left; text-align: center; } .cc .topInwrap .iconUl li .img { width: 70px; margin: 0 auto; } .cc .topInwrap .iconUl li .img img { display: block; width: 100%; } .cc .topInwrap .iconUl li .title { color: #4d4d4d; font-size: 16px; line-height: 16px; margin: 24px 0 17px 0; } .cc .topInwrap .iconUl li .te { font-size: 14px; color: #808080; } .cc .topInwrap .iconUl li:last-child { margin-right: 0; } .cc .ftbox { background: url(../images/pro_16.png); overflow: hidden; position: relative; } .cc .ftbox .info { margin: 150px 0 125px 0; color: #fff; text-align: center; } .cc .ftbox .info .title { font-size: 22px; line-height: 22px; } .cc .ftbox .info .te { font-size: 40px; line-height: 40px; margin-top: 18px; } /*鍚庡姞鐨?/ .cc .topInwrap .imgBox img{ margin: 0 auto; max-width: 100%; display: block; } .cc .topInwrap .raobox{ width: 780px; margin: 0 auto; background: url(../images/pro_23.png) no-repeat center center; margin-bottom: 52px; } .cc .topInwrap .raobox .title{ width: 400px; line-height: 50px; text-align: center; border-radius: 25px; background: #0154bc; margin: 0 auto; margin-bottom: 86px; color: #fff; } .cc .topInwrap .raobox .ser_li .ser{ float: left; width: 140px; line-height: 50px; border-radius: 25px; margin-right: 20px; text-align: center; } .cc .topInwrap .raobox .ser_li .ser:nth-child(odd){ background: #90d0fd; color: #333; } .cc .topInwrap .raobox .ser_li .ser:nth-child(2n){ background: #0154bc; color: #ffffff; } .cc .topInwrap .raobox .ser_li .ser:last-child{ margin-right: 0; } .cc .topInwrap { padding-bottom: 68px; } .cc .ftbox2{ overflow: hidden; } .cc .ftbox2 .bticonul{ width: 822px; margin: 80px auto 54px auto; } .cc .ftbox2 .bticonul .title{ font-size: 30px; line-height: 1; color: #fff; text-align: center; margin-bottom: 35px; } .cc .ftbox2 .bticonul .bticonlist .bticon{ float: left; margin-right: 74px; width: 150px; } .cc .ftbox2 .bticonul .bticonlist .bticon:last-child{ margin-right: 0; } .cc .ftbox2 .bticonul .bticonlist .bticon .imgbox{ border-radius: 50%; width: 150px; height: 150px; box-sizing: border-box; padding: 9px; border: 1px solid rgba(255,255,255,.3); overflow: hidden; } .cc .ftbox2 .bticonul .bticonlist .bticon .imgbox img{ display: block; width: 100%; border-radius: 50%; } .cc .ftbox2 .bticonul .bticonlist .bticon .tls{ font-size: 18px; color: #fff; text-align: center; line-height: 1; margin-top: 15px; } @media screen and (min-width: 100px) and (max-width: 1024px) { .aa .aanavs .inwrap .navBox a { line-height: 42px; font-size: 14px; } .bb { background: url(../images/pro_03.png) no-repeat center; background-size: cover; } .bb .imgBox .lt { width: 100%; float: left; } .bb .imgBox .lt img { display: block; width: 100%; } .bb .imgBox .rt { float: left; position: relative; right: 0; width: 100%; bottom: 0; top: 0; background: url(../images/pro_05.png); background-size: 100%; } .bb .imgBox .rt .title { margin-top: 6%; font-size: 18px; line-height: 24px; margin-left: 15px; text-align: center; } .bb .imgBox .rt .te { margin:6% 0 6% 0; margin-left: 15px; font-size: 14px; line-height: 20px; color: #fff; text-align: center; } .bb .con { margin-top: 6%; padding-bottom: 6%; } .cc { padding-bottom: 6%; margin-bottom: 0; } .cc .cbg { height: 200px; background: url(../images/pro_06.png) center; background-size: cover; } .cc .topInwrap { text-align: justify; margin-top: -70px; padding: 6% 5% 0 5%; box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08); } .cc .topInwrap .text { font-size: 14px; line-height: 2; color: #696969; } .cc .topInwrap .imgBox { margin: 6% 0; } .cc .topInwrap .imgUl { margin: 6% 0; } .cc .topInwrap .imgUl2 .bt .honor_box { float: left; width: 30%; margin-right: 5%; margin-bottom: 5%; } .cc .topInwrap .imgUl2 .top .honor_box{ width: 32%; margin-right: 2%; margin-bottom: 5%; } .cc .topInwrap .imgUl li{ width: 23.5%; margin-right: 2%; } .cc .topInwrap .imgUl2 .top .honor_box:nth-child(2n){ margin-right: 2%; } .cc .topInwrap .imgUl2 .top .honor_box:nth-child(3n){ margin-right: 0%; } .cc .topInwrap .imgUl2 .bt .honor_box:nth-child(3n){ margin-right: 0; } .cc .topInwrap .imgUl li .img { overflow: hidden; } .cc .topInwrap .imgUl li .img img { display: block; width: 100%; } .cc .topInwrap .imgUl li .teBox { font-size: 12px; line-height: 2; margin: 20px 0; text-align: center; } .cc .topInwrap .imgUl li:last-child { margin-right: 0; } .cc .topInwrap .iconUl { margin: 50px 0 70px 0; } .cc .topInwrap .iconUl li { width: 48.5%; margin-right: 3%; margin-bottom: 15px; } .cc .topInwrap .iconUl li .img { width: 70px; margin: 0 auto; } .cc .topInwrap .iconUl li .img img { display: block; width: 100%; } .cc .topInwrap .iconUl li .title { color: #4d4d4d; font-size: 14px; line-height: 16px; margin: 10px 0; } .cc .topInwrap .iconUl li .te { font-size: 14px; color: #808080; } .cc .topInwrap .iconUl li:nth-child(2n) { margin-right: 0; } .cc .topInwrap .iconUl li:last-child { margin-right: 0; } .cc .ftbox { background: url(../images/pro_16.png); overflow: hidden; position: relative; } .cc .ftbox .info { margin: 90px 0; color: #fff; text-align: center; } .cc .ftbox .info .title { font-size: 16px; line-height: 1.4; } .cc .ftbox .info .te { font-size: 26px; line-height: 36px; margin-top: 18px; } /*鍚庡姞鐨?/ .cc .topInwrap .raobox{ width: 100%; background: none; margin-bottom: 5%; } .cc .topInwrap .raobox .title{ width: 100%; margin-bottom: 5%; } .cc .topInwrap .raobox .ser_li .ser{ float: left; width: 47.5%; margin-right: 5%; margin-bottom: 5%; } .cc .topInwrap .raobox .ser_li .ser:nth-child(2n){ margin-right: 0; } .cc .topInwrap { padding-bottom: 68px; } .cc .ftbox2{ overflow: hidden; } .cc .ftbox2 .bticonul{ width: 100%; margin: 80px auto 54px auto; } .cc .ftbox2 .bticonul .title{ font-size: 18px; line-height: 1; color: #fff; text-align: center; margin-bottom: 35px; } .cc .ftbox2 .bticonul .bticonlist{ display: flex; justify-content: space-between; flex-wrap: wrap; } .cc .ftbox2 .bticonul .bticonlist .bticon{ float: none; margin-right: 0; flex: 1; margin-bottom: 20px; } .cc .ftbox2 .bticonul .bticonlist .bticon .imgbox{ margin: 0 auto; } .cc .ftbox2 .bticonul .bticonlist .bticon .tls{ font-size: 14px; } } @media screen and (max-width:768px){ .cc .topInwrap .imgUl li{ width: 49%; margin-top: 10px; } .cc .topInwrap .imgUl li:nth-child(2n){ margin-right: 0; } .cc .topInwrap .imgUl li:nth-child(-n + 2){ margin-top: 0px; } .cc .topInwrap .imgUl2 .bt .honor_box { float: left; width: 47.5%; margin-right: 5%; margin-bottom: 5%; } .cc .topInwrap .imgUl2 .bt .honor_box:nth-child(3n){ margin-right: 5%; } .cc .topInwrap .imgUl2 .bt .honor_box:nth-child(2n){ margin-right: 0; } .cc .topInwrap .imgUl2 .top .honor_box{ width: 47.5%; margin-right: 5%; } .cc .topInwrap .imgUl2 .top .honor_box:nth-child(3n){ margin-right: 5%; } .cc .topInwrap .imgUl2 .top .honor_box:nth-child(2n){ margin-right: 0; } } @media screen and (max-width:500px){ .cc .topInwrap .imgUl2 .top .honor_box{ width: 100%; margin-right: 0%; } .cc .topInwrap .imgUl2 .top .honor_box:nth-child(3n){ margin-right: 0%; } .cc .topInwrap .imgUl2 .top .honor_box:nth-child(2n){ margin-right: 0; } }