huaxia/css/aboutUs.css

157 lines
2.4 KiB
CSS

* {
padding: 0px;
margin: 0px;
}
/* header */
a {
text-decoration: none;
}
ul {
list-style: none;
}
.tyAboutUs_her{
width: 100%;
height: 123px;
background-color: rgb(230,230,230);
font-size: 40px;
line-height: 123px;
color: #191919;
margin-bottom: 18px;
}
.tyAboutUs_pd{
padding: 0 324px;
box-sizing: border-box;
}
.tyAboutUs_text{
text-indent: 2em;
font-size: 15px;
color: #191919;
line-height: 30px;
}
.tyAboutUs_imgcon{
width: 100%;
margin-bottom: 45px;
margin-top: 34px;
}
.tyAboutUs_imgcon>img{
width: 100%;
}
.tyAboutUs_renwu{
width: 48%;
display: inline-block;
display: flex;
}
.tyAboutUs_renwu>img{
max-width: 242px;
margin-right: 21px;
}
.tyAboutUs-pd{
padding-top: 15px;
}
.tyAboutUs_renwucon{
display: flex;
justify-content: space-between;
}
.tyAboutUs_titcon{
margin-top: 67px;
}
.tyAboutUs_titcon>:nth-child(1){
font-size: 22px;
color: #cb1919;
font-weight: bold;
padding-bottom: 19px;
border-bottom:solid 1px rgb(241,241,241) ;
margin-bottom: 69px;
}
.gz_swicon{
width: 100%;
}
.tyAboutUs_titcon>:nth-child(2){
width: 100%;
}
.tyAboutUs_titcon>:nth-child(2)>div{
width: 100%;
}
.swiper-slide p{
font-size: 14px;
line-height: 28px;
color: #191919;
display: none;
}
.swiper-slide img{
width: 100%;
}
.swiper-slide-active .gz_swicon p{
display: block;
}
.swiper-slide span{
display: inline-block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}
.swiper-slide-active span{
display: none;
}
.tyAboutUs_lxwo p{
font-size: 16px;
color: #191919;
margin-bottom: 16px;
}
.tyAboutUs_lxwo>:nth-child(1){
font-size: 20px;
color: #cb1919;
font-weight: bold;
margin-bottom: 21px;
}
.tyAboutUs_lxmiancon{
margin-top: 50px;
display: flex;
}
.tyAboutUs_lxwx{
margin-left: 121px;
margin-top: 49px;
max-width: 100px;
margin-right: 52px;
}
.tyAboutUs_lxwxa{
margin-left: 166px;
margin-top: 49px;
max-width: 100px;
}
.tyAboutUs_lxwx p{
color: #191919;
opacity: 0.7;
font-size: 12px;
text-align: center;
margin-top: 11px;
}
.tyAboutUs_lxwxa p{
color: #191919;
opacity: 0.7;
font-size: 12px;
text-align: center;
margin-top: 11px;
}
.tyAboutUs_lxwxa img{
width: 100%;
}
.tyAboutUs_lxwx img{
width: 100%;
}