/* .in_banner_bot { width: 100%; height: 3.85rem; overflow: hidden; position: relative; } */ .nav_father { width: 100%; position: relative; background-color: #fff; z-index: 3; } .nav_father>.nav { width: 100%; height: 5.4826rem; background: url(../img/concatusback.png) no-repeat; background-size: contain; position: relative; } .nav_father>.nav nav { width: 73%; height: 0.75rem; line-height: 0.75rem; margin: 0 auto; } .nav_father>.nav nav ul { width: 100%; height: 100%; } .nav_father>.nav nav ul li { display: inline-block; font-size: 0.105rem; font-weight: 400; color: #A8A8A8; } .nav_father>.nav nav ul li:nth-of-type(2n) { margin: 0 0.135rem; } .nav_father>.nav nav ul li:last-of-type { color: #333; } .nav_father>.nav .maininfo { width: 73%; margin: auto; margin-top: 0.7575rem; } .nav_father>.nav .maininfo .left, .nav_father>.nav .maininfo .right { width: 47%; display: inline-block; } .nav_father>.nav .maininfo .right { float: right; width: 5.0401rem; } .nav_father>.nav .maininfo .left>.name { font-size: 0.225rem; font-weight: bold; color: #333333; } .nav_father>.nav .maininfo .left>li:nth-of-type(2) { width: 0.2175rem; height: 0.285rem; background: url(../img/concatusweizhi.png) no-repeat; background-size: contain; margin: 0.1725rem 0; } .nav_father>.nav .maininfo .left>.address { font-size: 0.135rem; font-weight: bold; color: #333333; } .nav_father>.nav .maininfo .left>.num { font-size: 0.12rem; color: #333333; margin: 0.1575rem 0; } .nav_father>.nav .maininfo .left>.num>span { font-weight: bold; } .nav_father>.nav .maininfo .right>.top, .nav_father>.nav .maininfo .right>.bot { padding: 0.27rem 0; box-sizing: border-box; border-top: 0.0225rem solid #efefef; border-bottom: 0.0225rem solid #efefef; position: relative; display: flex; justify-content: space-between; align-items: center; } .nav_father>.nav .maininfo .right>.bot { border-top: none; } .nav_father>.nav .maininfo .right>.top>div, .nav_father>.nav .maininfo .right>.bot>div { display: inline-block; vertical-align: middle; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(1), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(1) { font-size: 0.15rem; height: 0.15rem; font-weight: bold; position: absolute; right: 0; top: 0.15rem; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(1)>span, .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(1)>span { color: #EA222D; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(2), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(2) { position: absolute; left: 0; font-size: 0.12rem; font-weight: bold; color: #333; padding-left: 0.1rem; border-left: 0.04rem solid #EA222D; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(2)>span:nth-of-type(2), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(2)>span:nth-of-type(2) { color: #9A9A9A; } .nav_father>.nav .phonenum { width: 13.4552rem; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; } .nav_father>.nav .phonenum>div { width: 3.24rem; height: 1.845rem; padding: 0.435rem 0.39rem 0.315rem 0.285rem; box-sizing: border-box; flex-shrink: 0; position: relative; } .nav_father>.nav .phonenum>.num1 { background-color: #EA222D; } .nav_father>.nav .phonenum>.num2 { /* background-color: #333; */ background-color: #EA222D; } .nav_father>.nav .phonenum>.num3 { /* background-color: #D0D0D0; */ background-color: #EA222D; } .nav_father>.nav .phonenum>.num4 { /* background-color: #D0D0D0; */ background-color: #EA222D; } .nav_father>.nav .phonenum>div>.bg { width: 0%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s; } .nav_father>.nav .phonenum>.num1>.bg { background-color: #d3111c; } .nav_father>.nav .phonenum>.num2>.bg { /* background-color: #000; */ background-color: #d3111c; } .nav_father>.nav .phonenum>.num3>.bg { /* background-color: #e8e8e8; */ background-color: #d3111c; } .nav_father>.nav .phonenum>.num4>.bg { /* background-color: #e8e8e8; */ background-color: #d3111c; } .nav_father>.nav .phonenum>div:hover .bg { width: 100%; } .nav_father>.nav .phonenum>div>div { position: relative; z-index: 1; } .nav_father>.nav .phonenum>div>div:nth-of-type(1) { font-size: 0.24rem; font-family: Arial; font-weight: bold; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-of-type(2) { height: 0.135rem; font-size: 0.135rem; font-family: Arial; font-weight: 400; color: #FFFFFF; margin-top: 0.12rem; } .nav_father>.nav .phonenum>div>div:nth-of-type(3) { margin-top: 0.5rem; font-size: 0.12rem; font-weight: 400; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-of-type(3)>.red_ { width: 0.0375rem; height: 0.135rem; margin-right: 0.09rem; } .nav_father>.nav .phonenum>.num1>div:nth-of-type(3)>.red_, .nav_father>.nav .phonenum>.num2>div:nth-of-type(3)>.red_, .nav_father>.nav .phonenum>.num3>div:nth-of-type(3)>.red_ { background-color: #fff; } .nav_father>.nav .phonenum>.num4>div:nth-of-type(3)>.red_ { background-color: #fff; } .nav_father>.nav .phonenum>div>.bcicon { width: 0.5175rem; height: 0.54rem; position: absolute; right: 0.39rem; bottom: 0.2rem; } .nav_father>.nav .phonenum>.num1>.bcicon { background: url(../img/concatusphone1.png) no-repeat; background-size: contain; } .nav_father>.nav .phonenum>.num2>.bcicon { height: 0.48rem; background: url(../img/concatusphone2.png) no-repeat; background-size: contain; } .nav_father>.nav .phonenum>.num3>.bcicon { background: url(../img/concatusphone3.png) no-repeat; background-size: contain; } .nav_father>.nav .phonenum>.num4>.bcicon { background: url(../img/icon_contact_06.png) no-repeat; background-size: contain; } .map_father { width: 100%; position: relative; background-color: #fff; z-index: 3; } .map { width: 100%; height: 4.05rem; padding: 0.51rem 0rem; } .map #container { width: 100%; height: 100%; } #EMAnmin01 { position: absolute; background-image: radial-gradient(rgba(198, 21, 15, 0), rgba(198, 21, 15, 0.2)); display: block; border-radius: 50%; top: 0; left: -25px; width: 50px; height: 50px; -webkit-transition: all 0.68s linear; -moz-transition: all 0.68s linear; -o-transition: all 0.68s linear; transition: all 0.68s linear; } #EMAnmin01 #BAnmin01 { position: absolute; background-image: radial-gradient(rgba(198, 21, 15, 0), rgba(198, 21, 15, 0.4)); display: block; border-radius: 50%; top: 12px; left: 12px; width: 25px; height: 25px; -webkit-transition: all 0.68s linear; -moz-transition: all 0.68s linear; -o-transition: all 0.68s linear; transition: all 0.68s linear; } @media screen and (max-width:1024px) { .in_banner_bot { height: 5rem; } .nav_father>.nav nav { width: 90%; height: 1.5rem; line-height: 1.5rem; margin: 0 auto; } .nav_father>.nav { height: 19.3rem; background-size: cover; } .nav_father>.nav nav ul li { font-size: 0.25rem; } .nav_father>.nav .maininfo .left, .nav_father>.nav .maininfo .right { width: 100%; display: block; } .nav_father>.nav .maininfo .left>.name { font-size: 0.4rem; font-weight: bold; color: #333333; } .nav_father>.nav .maininfo { width: 90%; margin: auto; /* margin-top: 0.7575rem; */ padding-top: 0; } .nav_father>.nav .maininfo .left>li:nth-of-type(2) { width: 0.4rem; height: 0.6rem; } .nav_father>.nav .maininfo .left>.address { font-size: 0.26rem; } .nav_father>.nav .maininfo .left>.num { font-size: 0.24rem; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(1), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(1) { font-size: 0.3rem; height: .3rem; line-height: 0.3rem; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(2), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(2) { font-size: 0.24rem; line-height: 0.2rem; } .nav_father>.nav .maininfo .right>.top, .nav_father>.nav .maininfo .right>.bot { padding: 0.27rem 0; box-sizing: border-box; border-top: 0.01rem solid #333; border-bottom: 0.01rem solid #333; } .nav_father>.nav .maininfo .right>.top { border-bottom: none; } .nav_father>.nav .maininfo .right { margin-top: 0.5rem; } .nav_father>.nav .phonenum { margin-top: 0.5rem; width: 90%; position: relative; display: block; } .nav_father>.nav .phonenum>div { width: 100%; height: 3rem; margin-bottom: 0.5rem; padding: 0.435rem 0.39rem 0.315rem 0.285rem; box-sizing: border-box; position: relative; } .nav_father>.nav .phonenum>div>div:nth-child(1) { font-size: 0.4rem; } .nav_father>.nav .phonenum>div>div:nth-child(2) { height: 0.27rem; font-size: 0.27rem; } .nav_father>.nav .phonenum>div>div:nth-child(3) { margin-top: 1rem; font-size: 0.28rem; font-weight: 400; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-child(3)>.red_ { height: 0.2rem; vertical-align: baseline; } .nav_father>.nav .phonenum>div>.bcicon { width: 0.9rem; height: 0.9rem; } .nav_father>.nav .phonenum>.num2>.bcicon { height: 0.9rem; } .nav_father>.nav .phonenum>div>div:nth-of-type(3) { margin-top: 0.5rem; font-size: 0.22rem; font-weight: 400; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-of-type(3)>.red_ { width: 0.0375rem; height: 0.2rem; margin-right: 0.09rem; margin-top: -0.05rem; } .map { width: 100%; height: 2rem; } } /* .nav_father { width: 100%; position: relative; background-color: #fff; z-index: 3; } .nav_father>.nav { width: 100%; height: 5.4826rem; background: url(../img/concatusback.png) no-repeat; background-size: contain; position: relative; } .nav_father>.nav nav { width: 73%; height: 0.75rem; line-height: 0.75rem; margin: 0 auto; } .nav_father>.nav nav ul { width: 100%; height: 100%; } .nav_father>.nav nav ul li { display: inline-block; font-size: 0.105rem; font-weight: 400; color: #A8A8A8; } .nav_father>.nav nav ul li:nth-of-type(2n) { margin: 0 0.135rem; } .nav_father>.nav nav ul li:last-of-type { color: #333; } .nav_father>.nav .maininfo { width: 73%; margin: auto; margin-top: 0.7575rem; } .nav_father>.nav .maininfo .left, .nav_father>.nav .maininfo .right { width: 47%; display: inline-block; } .nav_father>.nav .maininfo .right { float: right; width: 5.0401rem; } .nav_father>.nav .maininfo .left>.name { font-size: 0.225rem; font-weight: bold; color: #333333; } .nav_father>.nav .maininfo .left>li:nth-of-type(2) { width: 0.2175rem; height: 0.285rem; background: url(../img/concatusweizhi.png) no-repeat; background-size: contain; margin: 0.1725rem 0; } .nav_father>.nav .maininfo .left>.address { font-size: 0.135rem; font-weight: bold; color: #333333; } .nav_father>.nav .maininfo .left>.num { font-size: 0.12rem; color: #333333; margin: 0.1575rem 0; } .nav_father>.nav .maininfo .left>.num>span { font-weight: bold; } .nav_father>.nav .maininfo .right>.top, .nav_father>.nav .maininfo .right>.bot { padding: 0.27rem 0; box-sizing: border-box; border-top: 0.0225rem solid #efefef; border-bottom: 0.0225rem solid #efefef; position: relative; display: flex; justify-content: space-between; align-items: center; } .nav_father>.nav .maininfo .right>.bot { border-top: none; } .nav_father>.nav .maininfo .right>.top>div, .nav_father>.nav .maininfo .right>.bot>div { display: inline-block; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(1), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(1) { font-size: 0.15rem; height: 0.15rem; font-weight: bold; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(1)>span, .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(1)>span { color: #EA222D; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(2), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(2) { position: absolute; right: 0; font-size: 0.12rem; font-weight: bold; color: #333; padding-left: 0.1rem; border-left: 0.04rem solid #EA222D; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(2)>span:nth-of-type(2), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(2)>span:nth-of-type(2) { color: #9A9A9A; } .nav_father>.nav .phonenum { width: 10.4552rem; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; } .nav_father>.nav .phonenum>div { width: 3.24rem; height: 1.845rem; padding: 0.435rem 0.39rem 0.315rem 0.285rem; box-sizing: border-box; flex-shrink: 0; position: relative; } .nav_father>.nav .phonenum>.num1 { background-color: #EA222D; } .nav_father>.nav .phonenum>.num2 { background-color: #333; } .nav_father>.nav .phonenum>.num3 { background-color: #D0D0D0; } .nav_father>.nav .phonenum>div>.bg { width: 0%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s; } .nav_father>.nav .phonenum>.num1>.bg { background-color: #d3111c; } .nav_father>.nav .phonenum>.num2>.bg { background-color: #000; } .nav_father>.nav .phonenum>.num3>.bg { background-color: #e8e8e8; } .nav_father>.nav .phonenum>div:hover .bg { width: 100%; } .nav_father>.nav .phonenum>div>div { position: relative; z-index: 1; } .nav_father>.nav .phonenum>div>div:nth-of-type(1) { font-size: 0.24rem; font-family: Arial; font-weight: bold; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-of-type(2) { height: 0.135rem; font-size: 0.135rem; font-family: Arial; font-weight: 400; color: #FFFFFF; margin-top: 0.12rem; } .nav_father>.nav .phonenum>div>div:nth-of-type(3) { margin-top: 0.5rem; font-size: 0.12rem; font-weight: 400; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-of-type(3)>.red_ { width: 0.0375rem; height: 0.135rem; margin-right: 0.09rem; } .nav_father>.nav .phonenum>.num1>div:nth-of-type(3)>.red_ { background-color: #fff; } .nav_father>.nav .phonenum>div>.bcicon { width: 0.5175rem; height: 0.54rem; position: absolute; right: 0.39rem; bottom: 0.2rem; } .nav_father>.nav .phonenum>.num1>.bcicon { background: url(../img/concatusphone1.png) no-repeat; background-size: contain; } .nav_father>.nav .phonenum>.num2>.bcicon { height: 0.48rem; background: url(../img/concatusphone2.png) no-repeat; background-size: contain; } .nav_father>.nav .phonenum>.num3>.bcicon { background: url(../img/concatusphone3.png) no-repeat; background-size: contain; } .map_father { width: 100%; position: relative; background-color: #fff; z-index: 3; } .map { width: 100%; height: 4.05rem; padding: 0.51rem 0rem; } .map #container { width: 100%; height: 100%; } #EMAnmin01 { position: absolute; background-image: radial-gradient(rgba(198, 21, 15, 0), rgba(198, 21, 15, 0.2)); display: block; border-radius: 50%; top: 0; left: -25px; width: 50px; height: 50px; -webkit-transition: all 0.68s linear; -moz-transition: all 0.68s linear; -o-transition: all 0.68s linear; transition: all 0.68s linear; } #EMAnmin01 #BAnmin01 { position: absolute; background-image: radial-gradient(rgba(198, 21, 15, 0), rgba(198, 21, 15, 0.4)); display: block; border-radius: 50%; top: 12px; left: 12px; width: 25px; height: 25px; -webkit-transition: all 0.68s linear; -moz-transition: all 0.68s linear; -o-transition: all 0.68s linear; transition: all 0.68s linear; } @media screen and (max-width:1024px) { .in_banner_bot { height: 5rem; } .nav_father>.nav nav { width: 90%; height: 1.5rem; line-height: 1.5rem; margin: 0 auto; } .nav_father>.nav { height: 17.3rem; background-size: cover; } .nav_father>.nav nav ul li { font-size: 0.25rem; } .nav_father>.nav .maininfo .left, .nav_father>.nav .maininfo .right { width: 100%; display: block; } .nav_father>.nav .maininfo .left>.name { font-size: 0.4rem; font-weight: bold; color: #333333; } .nav_father>.nav .maininfo { width: 90%; margin: auto; padding-top: 0; } .nav_father>.nav .maininfo .left>li:nth-of-type(2) { width: 0.4rem; height: 0.6rem; } .nav_father>.nav .maininfo .left>.address { font-size: 0.26rem; } .nav_father>.nav .maininfo .left>.num { font-size: 0.24rem; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(1), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(1) { font-size: 0.3rem; height: .3rem; line-height: 0.3rem; } .nav_father>.nav .maininfo .right>.top>div:nth-of-type(2), .nav_father>.nav .maininfo .right>.bot>div:nth-of-type(2) { font-size: 0.24rem; line-height: 0.2rem; } .nav_father>.nav .maininfo .right>.top, .nav_father>.nav .maininfo .right>.bot { padding: 0.27rem 0; box-sizing: border-box; border-top: 0.01rem solid #333; border-bottom: 0.01rem solid #333; } .nav_father>.nav .maininfo .right>.top { border-bottom: none; } .nav_father>.nav .maininfo .right { margin-top: 0.5rem; } .nav_father>.nav .phonenum { margin-top: 0.5rem; width: 90%; position: relative; display: block; } .nav_father>.nav .phonenum>div { width: 100%; height: 3rem; margin-bottom: 0.5rem; padding: 0.435rem 0.39rem 0.315rem 0.285rem; box-sizing: border-box; position: relative; } .nav_father>.nav .phonenum>div>div:nth-child(1) { font-size: 0.4rem; } .nav_father>.nav .phonenum>div>div:nth-child(2) { height: 0.27rem; font-size: 0.27rem; } .nav_father>.nav .phonenum>div>div:nth-child(3) { margin-top: 1rem; font-size: 0.28rem; font-weight: 400; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-child(3)>.red_ { height: 0.2rem; vertical-align: baseline; } .nav_father>.nav .phonenum>div>.bcicon { width: 0.9rem; height: 0.9rem; } .nav_father>.nav .phonenum>.num2>.bcicon { height: 0.9rem; } .nav_father>.nav .phonenum>div>div:nth-of-type(3) { margin-top: 0.5rem; font-size: 0.22rem; font-weight: 400; color: #FFFFFF; } .nav_father>.nav .phonenum>div>div:nth-of-type(3)>.red_ { width: 0.0375rem; height: 0.2rem; margin-right: 0.09rem; margin-top: -0.05rem; } .map { width: 100%; height: 6rem; } } */