.tech_con,.tech_bot{width: 100%; background-color: #fff;color: rgb(85, 83, 83); line-height: 2.2;}

.tech_con{padding-top: 2rem;}

.tech_row,.tech_bot .container,.tech_bot_blo_con{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;}

.tech_row{margin-bottom: 5.72vw;align-items:top;}

.tech_row img{width: 53%; border-radius: 0.56rem; overflow: hidden;}

.tech_con_t{padding-top: 3.6vw; width: 41.5%;}

.tech_t1{font-size: 2.67rem; line-height: 1.5; color: #333; font-weight: bold;}

.tech_l{margin-bottom: 7.8rem;position: relative; }

.tech_l::after{content: ''; position: absolute; bottom: -3.335rem; left: 0; width: 6.67rem; border-bottom: solid 0.25rem #004bc8;}

.tech_t2{padding: 0.83rem 0; font-size: 1.1rem;}

.tech_tag{display: inline-block; width: 48%; height: 4.25rem; line-height: 4.25rem; font-size: 1.1rem;}

.tech_tag::before{content:''; float: left; width: 1.4rem; height:100%; margin-right: 0.83rem;background-image: url(/skin/images/technology/escalator_i.png); background-position: center; background-repeat: no-repeat; background-size: contain;}

.tech_tag_i1::before{background-image: url(/skin/images/technology/escalator_i.png);}

.tech_tag_i2::before{background-image: url(/skin/images/technology/elevator_i.png);}

.tech_tag_i3::before{background-image: url(/skin/images/technology/reward_i.png);}



.tech_bot{padding: 9.375vw 0; background: url(/skin/images/technology/bot_bg.jpg)100% 100% no-repeat; background-size: contain; background-color: #000;}

.tech_bot .container{align-items:center;}

.tech_bot_blo{padding: 0.56rem 1.5%; width: 32%; background-color: #fff; border-radius: 0.3rem; overflow: hidden;}

.tech_t3{font-size: 1.75rem; line-height: 5rem; border-bottom: solid 1px #e5e5e5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.tech_t3::before{content: '';float: left;margin-right: 0.83rem; margin-top: 2.22rem; width: 0.56rem; height: 0.56rem; border-radius: 100%; background-color: #000;}

.tech_bot_blo_con{padding: 2.5rem 2% 3.3rem;align-items:top;}

.tech_bot_blo_con img{width: 50%; border-radius: 0.56rem;}

.tech_bot_blo_con p{padding: 0 0.5vw 0 1.5vw;}





@media screen and (min-width: 1201px) {

    .tech_row img:hover,.tech_bot_blo_con img:hover{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

}

@media screen and (max-width: 1200px) { 

    .tech_row:nth-child(even){flex-direction: column-reverse;}

    .tech_row:nth-child(odd){flex-direction: column;}

    .tech_row img,.tech_con_t{width: 100%;}

    .tech_t1{font-size: 1.5rem;}

    .tech_l{margin-bottom: 3.8rem;}

    .tech_l::after{bottom: -2rem;}

    .tech_con, .tech_bot{line-height: 2;}

    .tech_t3{font-size: 1.3rem; line-height: 3rem;}

    .tech_t3::before{margin-top: 1.22rem;border-bottom: solid 0.15rem #004bc8;}

    .tech_bot{padding: 5vw 0;}

    .tech_bot .container{flex-wrap: wrap;}

    .tech_bot_blo_con{padding: 1.5rem 2% 2rem;align-items: center;}

    .tech_bot_blo{width: 48%;margin-bottom: 1.5rem;}

    .tech_bot_blo_con img{width: 30%;}

}

@media screen and (max-width: 1000px) {

    .tech_bot_blo{width: 100%;}

    .tech_bot_blo_con img{width: 20%;}

}

@media screen and (max-width: 768px) {

    .tech_tag{width: 100%;}

    .tech_bot_blo_con{flex-direction: column; align-items: center;}

    .tech_bot_blo_con img{width: 100%;}

}

@media screen and (max-width: 414px) {

    

}

@media screen and (max-width: 375px) {

    

}

@media screen and (max-width: 320px) {

}

<!--ºÄʱ1773407236.7164Ãë-->