.about_cont{ font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 50px; margin-top:20px; } .abourpro{ position: relative; } .abs{ position: absolute; top: 0px; left: 0px; width: 100%; } @media screen and (max-width: 1400px) { .nywzt{ display: none !important; } .abourpro img{ width: 100%; } } @media screen and (max-width: 580px) { .about_cont { font-size: 14px; line-height: 1.8; color: #555; margin-bottom: 40px; margin-top: 15px; } .abourpro img{ display: none !important; } } /*发展历程*/ .pp_jieshao { padding: 60px 0; overflow: hidden; position: relative; } .w1150 { max-width: 1150px; margin: auto; width: 95%; } .pp_item{width: 50%;float: left;position: relative;} .jiess img{width: 360px;max-height: 240px;object-fit: contain;} .pp_itemtwo{margin-top: 190px;} .pp_itemone .circle{ width: 25px; height: 25px; border: 2px solid #d8251e; border-radius: 50%; position: absolute; right: -12px; top: 140px; z-index: 3; } .pp_itemtwo .circle{ width: 25px; height: 25px; border: 2px solid #d8251e; border-radius: 50%; position: absolute; left: -12px; top: 140px; z-index: 3; } .pp_itemone .circle i::before{ right: 100%;} .pp_itemtwo .circle i::before{ left: 100%;} .circle i{ width: 15px; height: 15px; display: block; background: #d8251e; border-radius: 50%; position: relative; margin: 3px auto; } .circle i::before{ height: 0; width: 30px; display: block; border-top: 1px solid #d8251e; position: absolute; bottom: 7px; z-index: 2; content: ''; } .pp_jieshao{padding: 60px 0;overflow: hidden;} .jiess h5{font-size: 30px;line-height: 30px;margin-bottom: 15px;margin-top: 0;} .jiess p{color: #333;font-size: 16px;margin-bottom: 10px;width: 360px;} .jiexian{font-size: 26px;color: #d8251e;font-style: italic;margin-top: 180px;margin-right: 20px;} .pp_jieshao .jiexian{margin-left: 20px;} .pp_abs{height: 100%;width: 1px;background-color: #c2c2c2;position:absolute;left: 50%;} @media screen and (max-width: 992px) { .pp_jieshao {padding: 0px 0 60px 0;} .pp_abs{display: none !important;} .pp_item{float: none;width: 100%;} .jiexian,.circle{display: none !important;} .jiess{width: 100%;margin-top: 25px;text-align: center;} .jiess h5{font-size: 24px;line-height: 24px;} .jiess p{width: 100%;} .jiess p:nth-of-type(2){display: none;} .jiess img{width: 100%;} } @media screen and (max-width: 580px) { .jiess h5{ font-size: 20px; line-height: 20px; margin-bottom: 10px; } .jiess p{ font-size: 13px; } } /* 专利荣誉 */ .zlflex { display: flex; flex-wrap: wrap; } .zldg { width:19%; margin-left: 1.25%; margin-bottom: 1.25%; border: 1px solid #eee; } .zlflex .zldg:nth-of-type(5n +1){ margin-left:0%; } .zlimg { overflow: hidden; } .zlimg img { width: 100%; display: block; max-height: 380px; object-fit: cover; } .zldg p { text-align: center; line-height: 40px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; } @media screen and (max-width: 580px) { .zlflex .zldg:nth-of-type(5n +1){ margin-left:2%; } .zldg { width:48%; margin-left: 2%; } .zlflex .zldg:nth-of-type(2n +1){ margin-left:0%; } .zlimg img { max-height: 270px; } } /* 生产基地 */ .sub-tit {text-align: center;} .sub-tit .en{font-size: 80px;line-height: 80px;color: #f5f5f5;text-transform: uppercase;font-weight: bold;} .sub-tit .cn {font-size: 30px;line-height: 34px;color: #333; /* margin-top: -36px; */ } .sub-tit .line {width: 40px;height: 4px;background-color: rgba(0,0,0,.1);margin: 24px auto 0;} .aboutct{margin-top: 15px;text-align: center;} .aboutct p{line-height: 20px;font-size: 14px;color: #999;} .factory_box{display: flex;margin-top:30px; margin-bottom: 60px;} .factory_box .disimg{flex: 1;position: relative;} .disimg>img{width: 100%;} .disimg .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d8251e; opacity: 0; transition: all .2s; } .disimg:hover .mask { opacity: .7; } .jdtext_box{ position: absolute; left: 0; bottom: 20%; width: 100%; box-sizing: border-box; padding: 0 45px; text-align: center; } .jdtext_box .icon{ width: 60px; margin: 0 auto; } .jdtext_box .tit{ font-size: 26px; line-height: 30px; margin: 20px 0px; color: #fff; } .jdtext_box .about-con { color: #fff; text-align: left; display: none; line-height: 36px; font-size: 14px; } @media screen and (max-width: 1200px) { .jdtext_box .tit { font-size: 24px; line-height: 30px; margin: 10px 0px; } .jdtext_box .about-con{ line-height: 24px; font-size: 13px; } .jdtext_box .icon { width: 50px; } .jdtext_box .icon img{ width: 50px; } } @media screen and (max-width: 992px) { .factory_box{ flex-flow: wrap; } .factory_box .disimg{ flex: none !important; width: 100%; } } @media screen and (max-width: 580px){ .aboutct p{ line-height: 24px; font-size: 12px; color: #999; } .sub-tit .en{ font-size: 60px; line-height: 60px; } .sub-tit .cn{ font-size: 20px; line-height: 20px; color: #333; margin-top: 10px; } .sub-tit .line{ width: 40px; height: 4px; background-color: rgba(0,0,0,.1); margin: 15px auto 0; } .aboutct{ margin-top: 15px; } .factory_box{ margin-top: 30px; margin-bottom: 40px; } .jdtext_box .about-con{ display: block !important; } .jdtext_box .tit{ font-size: 20px; line-height: 24px; } /* .disimg .mask{ opacity: .7; } */ }