.point,.point::before,.point::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
.point::before{animation: scale 2s infinite; }
.point::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.point,.point::before,.point::after{
/* 璁剧疆棰滆壊 */
background-color: rgba(241, 34, 30, .9);
cursor: pointer;
}
/* 璁剧疆棰滆壊 */
.ma,.ma::before,.ma::after{
background-color: rgba(0, 221, 254, .9);
}
.ma-wrap{
left:72% ;
top: 60%;
}
.contents-wrap{background:#fff; border-radius:10% ;border:1px solid #4c9d76; margin-top:-12%; }
.green{ background:#4c9d76;line-height:4vw;padding:10% 0; border-radius:10% 10% 0 0}
.white{padding:10% 5%;}
.public-wap .title{font-size:1.2vw}
.green p{
text-align:center;
color:#fff;
line-height:1.5em;
font-size:1vw;
overflow-wrap: break-word;
white-space:wrap;
}
.white p{
font-size:1vw;
overflow-wrap: break-word;
white-space:wrap;
}
.public-wap{overflow:hidden; width:10%; position: absolute;display:none;z-index:1}
.public-wap img{width:70%;}
/* 璁剧疆棰滆壊 */
.mei,.mei::before,.mei::after{
background-color: rgba(1, 88, 255, .9);
}
.mei-wrap{
left:11% ;
top: 30%;
}
/* 璁剧疆棰滆壊 */
.ri,.ri::before,.ri::after{
background-color: rgba(135, 229, 8, .9);
}
.ri-wrap{
left:82% ;
top: 10%;
}
/* 璁剧疆棰滆壊 */
.yin,.yin::before,.yin::after{
background-color: rgba(0, 221, 254, .9);
}
.yin-wrap{
left:85% ;
top: 24%;
}
/* 璁剧疆棰滆壊 */
.xi,.xi::before,.xi::after{
background-color: rgba(0, 221, 254, .9);
}
.xi-wrap{
left:77% ;
top: 47%;
}
/* 璁剧疆棰滆壊 */
.yue,.yue::before,.yue::after{
background-color: rgba(1, 88, 255, .9);
}
.yue-wrap{
left:69% ;
top: 24%;
}
/* 璁剧疆棰滆壊 */
.zhong,.zhong::before,.zhong::after{
background-color: rgba(0, 221, 254, .9);
}
.zhong-wrap{
left:58% ;
top: 26%;
}
/* 璁剧疆棰滆壊 */
.baxi,.baxi::before,.baxi::after{
background-color: rgba(1, 88, 255, .9);
}
.baxi-wrap{
left:28% ;
top: 67%;
}
/* 璁剧疆棰滆壊 */
.fa,.fa::before,.fa::after{
background-color: rgba(135, 229, 8, .9);
}
.fa-wrap{
left:49% ;
top: 43%;
}
.map{ position:relative;
background: url("/images/newmap.png") no-repeat center center;
width:100%;
height: 100rem;
background-size: cover;
}
.laboratory-box{
background: url(../img/laboratory-bg.png) no-repeat center center;
background-size: cover;
height: 100rem;
position: relative;
left: 0;
top: 0;
}
.scientific-text>img{
width: 4.3rem;
}
.scientific-text>img{
width: 4.3rem;
margin-bottom: 5rem;
}
.scientific-text>h5{
margin-bottom: 10rem;
}
.scientific-text>p{
width: 75%;
margin-bottom: 10rem;
font-size: 2.4rem;
line-height: 4rem;
}
.laboratory-box .next-goup{
position: absolute;
left: 12rem;
bottom: 20%;
z-index: 9;
}
.two-swiper{
width: 100%;
}
.scientific-img{
width: 80rem;
height: 80rem;
}
.scientific-img>img{
width: 80rem;
height: 80rem;
}
.quality-box{
/*background: url(../img/211_bg.png) no-repeat center center;*/
background-size: cover;
height: 108rem;
position: relative;
left: 0;
top: 0;
}
.values-ul{
margin: 10% auto;
width:90%;
}
.values-ul li{
background: #fff;
width: 30%;
margin-right: 3%;
position: relative;
background: rgba(255, 255, 255, 0.8); /* 鍗婇€忔槑榛戣壊鑳屾櫙 */
border-radius: 5%;
height: 60rem;
float: left;
overflow: auto;
}
.values-ul li img{
width:30%;
left: 12%;
position: absolute;
top: 15%;
}
.values-ul-content{
position: absolute;
top: 50%;
left: 6%;
}
.values-ul li p{
font-size: 1.5vw;
color: green;
font-weight: bold;
padding: 0 8% 0 8%;
background: none !important;
}
.values-ul li p span{
background: none !important;
}
.left-title{
font-size: 3.6rem;
color: #fff;
}
.site-box{
background: #fff;
}
.site-box .left-title{
color: #000;
}
.site-box .img{
width: 80%;
}
.custom-box{
position: relative;
height: 84rem;
background: url(../img/custom_bg_1.png) no-repeat center center;
background-size: 100%;
border-radius:3rem ;
}
.custom-ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 4rem;
height: 100%;
}
.custom-ul>li{
width: 50%;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 5rem 12rem;
text-align: center;
}
.custom-ul>li>div{
margin-bottom: 4rem;
}
.custom-ul>li>h4{
margin-bottom: 3rem;
font-size: 2rem;
}
.custom-ul>li>p{
font-size: 1.6rem;
line-height: 2.3rem;
}
.custom-ul>li:nth-of-type(1){
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.custom-ul>li:nth-of-type(2){
border-right: 0;
}
.custom-ul>li:nth-of-type(3){
border-bottom: 0;
}
.custom-ul>li:nth-of-type(4){
border:0;
}
@media screen and (max-width:1024px) {
.values-ul li p span{
font-size: 4rem !important;
}
.scientific-text>img {
width: 8rem;
margin-bottom: 6rem;
}
.title_color {
margin-bottom: 5rem;
font-size: 7.2rem;
}
.scientific-text>p {
font-size: 4.8rem;
line-height: 6rem;
}
.laboratory-box .next-goup {
position: absolute;
left: 12rem;
bottom: 10%;
z-index: 9;
}
.next-goup>div {
width: 9.6rem;
height: 9.6rem;
}
.next-goup {
width: 24rem;
}
.left-title {
font-size: 7.2rem;
text-align:center;
padding-top: 5%;
}
.custom-ul{padding:0}
.custom-ul>li>div{margin-bottom:0; width:10% !important}
.custom-box{border-radius:0;height:100%}
.hm-content{padding:5% 0}
.custom-ul>li>h4 {
margin-bottom: 3rem;
font-size: 6rem;
}
.hm-content{padding:0}
.custom-ul>li>p {
font-size:3.5rem;
line-height: 5rem;
}
/*.scientific-text>h5{ font-size:6em}*/
.scientific-text>h5{
font-size:1em
}
/*.values-ul li{*/
/* background: #fff;*/
/* width: 30%;*/
/* margin-right: 2%;*/
background: rgba(255, 255, 255, 0.8); /* 鍗婇€忔槑榛戣壊鑳屾櫙 */
/* border-radius: 5%;*/
/* height: 60rem;*/
/* float: left;*/
/* overflow: auto;*/
/*}*/
.values-ul li img{
width:50%;
padding: 8%;
}
.values-ul li p{
font-size: .5vw;
color: green;
font-weight: bold;
padding: 0 8% 0 8%;
background: none !important;
}
.values-ul li p sapn{
font-size: .3vw !important;
}
}