@media (max-width:1680px) {
    .content_one{ width: 100%;}
    .content_two,
    .content_three,
    .content_four,
    .content_five {margin: 0 auto;width: 98.8vw;}
    .bx {width: 84rem;}	
    .case_img {width: 20.3125rem;}
    .icon_25d{right: 1.25rem;top: 4rem; width: 5.5rem;}
    
}
@media (max-width:1440px) {
    .bx {width:76rem;}		
    .icon_25d{right: 0.25rem;top: 4.5rem; width: 4.5rem;}
    .case_img {width: 17.125rem;}
    .screen{width:570px; height: 289px;}
    .long_img{height: 289px;width: 2300px;}
    .long_img img{height: 289px;}
   
}
@media (max-width:1366px) {
    .bx {width:72rem;}		
    .case_img {width: 17.3125rem;}
    .icon_25d{right: 0.25rem;top: 4.5rem; width: 4.25rem;}
    .content_two,
    .content_three,
    .content_four,
    .content_five {margin: 0 auto;width: 98.5vw;}
    .case_text a{font-size: 20px;}
    .content_one{padding: 3rem 0;}

}
@media (max-width:1280px) {
    .content_one,
    .content_two,
    .content_three,
    .content_four,
    .content_five { width:92%; padding:2% 4%;overflow: hidden;}
    .bx {width:100%;}
    .total {display: block;}
    .icon_25d{right: 4.25rem;top: 2rem; width: 8rem;}
    .case_img {width: 16.3125rem;}
    .plot{float: none;margin: 10px 5%;width: 580px;}
    .plot div{width: 98px;height: 94px;padding-top: 0;margin:10px 0 10px 25px;}
    .plot p {top: 4.375rem;left: 1.125rem; font-size: 14px;}
    .plot img {width: 5rem;}
    .part {width: 48.5%;margin-bottom: 15px; padding-bottom: 16px;float: left;}
    .part span{width: 210px;}
    .screen{width:500px;}
}
@media (max-width:1080px) {
    .icon_25d{right: 1.75rem;top: 2.5rem; width: 7rem;}
    .rotation_plot > p {margin-top: 0;}
    .rotation_plot{float: none;margin: auto;text-align: center;}
    .rotation_plot span,.rotation_plot p{margin: auto;}
    .plot{float: none;margin: 10px 16%;width: 90%;}
    .screen{float: none;margin: 10px 12% 28px;}
    .plot div{width: 8.125rem;height: 7.625rem;padding-top: 0.5rem;margin:10px 0 10px 25px;}
    .plot p {top: 6.25rem;left: 2.3125rem;}
    .plot img {width: 6.25rem;}
    .second_part,.last_part{margin-right: 0;float: right;}
    .content_three{padding-bottom: 0;}
    .content_four p,.content_five>div>p{margin-top: 0;}
    .screen{width:45.625rem; height: 23.125rem}
    .long_img{height: 23.125rem;width: 185rem;}
    .long_img img{height: 23.125rem;}
    .case_all{float: left;}
    .case_all .case_img{margin-top: 0.5rem;}
    .case{width: 85%;margin:0 auto;}
    .case_img{width: 379px; height: 529px;}
    .case_all_second,.case_all_last{margin-right: 0; float: right;}
    .case_all span{margin: 8px 0 0 18px;}
    .case_img2 {background-position: -394px, 0;}
    .case_img3 {background-position: -787px, 0;}
    .case_img4 {background-position: -1178px, 0;}

}
@media (max-width:988px){
    .plot{float: none;margin: 10px 5%;width: 89%;}
    .screen{float: none;margin:0 0 28px 4%;}
    .case_img {width: 21.3125rem;height: 29.75rem;}
    .case_img2 {background-position: -22.125rem, 0;}
    .case_img3 {background-position: -44.25rem, 0;}
    .case_img4 {background-position: -66.375rem, 0;}}
@media (max-width:768px) {
    .big_title{font-size: 2.25rem;}
    .presentation{margin-top: 3rem;}
    .part {width: 48%;height: auto;float: left;}
    .part span{width: 10rem;}
    .icon_25d{right: 1.75rem;top: 4.5rem; width: 5.5rem;}
    .screen{float: none;margin:0 0 28px -5px;}
    .case_all{width: 100%;}
    .second_part,.last_part{margin-right: 3px;float: right;}
    .case_text{position: absolute;right:0;top: 70px;height: 18rem;width: 35%; text-align: left;}
    .case_text a{width: 13.75rem;line-height: 1.6rem;}
    .case_all span{height: 15rem;margin-left: 0;};}
@media (max-width:540px) {
    .big_title{font-size: 1.8125rem;}
    .presentation{margin-top: 3rem;}
    .part {width: 98%;height: auto;float: left;}
    .part span{width: 14rem;}
    .icon_25d{right: 2.25rem;top: 3.5rem; width: 6.5rem;}
    .plot{float: none;margin: 10px 5%;width: 89%;}
    .plot div{width: 78px;height: 75px;padding-top: 0;margin: 9px 0 8px 23px;}
    .plot p {top: 3.5rem;left: 1rem; font-size: 12px;}
    .plot img {width: 4rem;}
    .screen{float: none;margin:0 auto 28px;width:420px; height: 213px;border-radius: 20px;}
    .long_img{height: 213px;width: 1704px;}
    .long_img img{height: 213px;border-radius: 20px;}
    .content_four p,.content_five>div>p{margin-top: 0;font-size: 1.75rem;}
    .case_text{position: unset;height: 5rem;text-align: center;}
    .case_all{width: 20.125rem;float: none;text-align: center;margin-left:10%;}
    .case_text a{width: 20rem;line-height: 0.625rem; margin-top: 1.75rem;margin-left: 12%;}
    .case_all span{height:3rem;margin-left:50%;};}
@media (max-width:414px) {
    
    .big_title{font-size: 1.45rem;}
    .presentation{margin-top: 3rem;width:7rem;height: 2.25rem;line-height: 2.25rem;}
    .analyse{width: 20rem;font-size: 14px;}
    .part {width: 98%;height: auto;float: left;}
    .part span{width: 10rem;}
    .part p{font-size: 20px;}
    .rotation_plot p {font-size: 22px;}
    .icon_25d{right: 2.25rem;top: 3.5rem; width: 6rem;}
    .rotation_plot > p {margin-top: 0;}
    .rotation_plot{float: none;margin: auto;text-align: center;}
    .rotation_plot span,.rotation_plot p{margin: auto;}
    .plot{float: none;margin: 10px 5%;width: 89%;}
    .plot div{width: 68px;height: 68px;padding-top: 0;margin: 9px 0 8px 9px;}
    .plot p {top: 3.375rem;left: 0.75rem; font-size: 10px;}
    .plot img {width: 4rem;}
    .screen{float: none;margin:0 auto 28px;width:380px; height: 193px;}
    .long_img{height: 193px;width: 1542px;}
    .long_img img{height: 193px;}
    .content_three{padding-bottom: 0;}
    .content_five div{margin-left: 7px;}
    .case_text{position: unset;height: 5rem;text-align: center;}
    .case_all{width: 21.75rem;float: none;text-align: center;}
    .case_text a{width: 20rem;line-height: 0.625rem; margin-top: 1.75rem;margin-left: 4%;}
    .case_all span{height:3rem;margin-left:50%;};
}
@media (max-width:375px) {
    
    .big_title{font-size: 1.25rem;}
    .presentation{margin-top: 2.5rem;width:7rem;height: 2.25rem;line-height: 2.25rem;}
    .analyse{width: 17rem;font-size: 14px;margin-top: 20px;}
    .part {width: 98%;height: auto;float: left;}
    .part p{font-size: 20px;margin: 1.5rem 0 0.25rem 2rem;}
    .part_icon2 {top:3.8em;}
    .part_icon {top:6.5rem;}
    .part span{ line-height: 1.3rem; }
    .icon_25d{right: 1.25rem;top: 3.5rem; width: 5.5rem;}
    .rotation_plot > p {margin-top: 0;font-size: 1.5rem;}
    .rotation_plot{float: none;margin: auto;text-align: center;}
    .rotation_plot span,.rotation_plot p{margin: auto;}
    .plot{float: none;margin: 10px 5%;width: 89%;}

    .plot div{width: 58px;height: 58px;padding-top: 0;margin: 9px 0 8px 9px;}
    .plot p {top: 2.8125rem;left: 0.375rem; font-size:12px;line-height: 8px;}
    .plot img {width: 3.125rem;}
    .screen{float: none;margin:0 auto 28px;width:320px; height: 163px;border-radius: 14px;}
    .long_img{height: 163px;width: 1299px;}
    .long_img img{height: 163px;border-radius: 14px;}

    .content_three{padding-bottom: 0;}
    .content_five div{margin-left: 7px;}
    .case_text{position: unset;height: 5rem;text-align: center;}
    .case_all{width: 315px;float: none;text-align: center;}
    .case_text a{width: 280px;line-height: 12px; margin: 16px 0 5px 0;font-size: 20px;}
    .case_all span{height:3rem;margin-left:30px;line-height: 22px;};
    .screen{float: none;margin:0 0 28px 4%;}
    .case_img {width: 300px;height: 419px;}
    .case_img2 {background-position: -311px, 0;}
    .case_img3 {background-position: -622px, 0;}
    .case_img4 {background-position: -933px, 0;}
}
@media (max-width:320px) {
    .big_title{line-height: 24px;}
    .analyse{width: 15rem;font-size: 14px;margin-top: 20px;}
    .part p{font-size: 18px; margin:20px 0 6px 10px;}
    .part_icon {left: 10px;top: 53px;}
    .part_icon2{left: 10px;top: 110px;}
    .part span{width: 10rem;margin-left: 28px;}
    .rotation_plot p {font-size: 20px;}
    .icon_25d{right: 1.125rem;top: 2.75rem; width: 5rem;}
    .plot div{width: 52px;height: 56px;padding-top: 0;margin: 10px 0 10px 10px;}
    .plot p {width: 50px; top: 2.6125rem;left: 2px; font-size:8px;line-height: 8px;}
    .plot img {width: 3rem;}
    .screen{float: none;margin:0 auto 28px;width:290px; height: 148px;}
    .long_img{height: 148px;width: 1178px;}
    .long_img img{height: 148px;}
    .content_four p,.content_five>div>p{margin-top: 0;font-size: 1.5rem;}
    .case_text{width: 80%;height: 5rem;text-align: center;}
    .case_all{width: 263px;float: none;text-align: center;}
    .case_text a{width: 250px;line-height: 12px; margin: 16px 0 5px 0;font-size: 18px;}
    .case_all span{height:3rem;margin-left:5px;line-height: 22px;};
    .screen{float: none;margin:0 0 28px 4%;}
    .case_img {width: 260px;height: 362px;}
    .case_img2 {background-position: -267px, 0;}
    .case_img3 {background-position: -536px, 0;}
    .case_img4 {background-position: -805px, 0;}
}
@media(max-width:281px){
    .part span{width: 8rem;font-size: 10px;}
    .icon_25d{right: 0.6125rem;top: 3rem;}
    .plot div{margin: 10px 0 10px 3px;}
    .plot img {width: 2.75rem;}
    .screen{width:260px; height: 132px;border-radius: 10px;}
    .long_img{height: 132px;width: 1056px;}
    .long_img img{height: 130px;border-radius: 10px;}
    .case_all{width: 220px;margin-left: -50px;overflow: hidden;border-radius: 24px;}
    .case_text a{width: 210px;font-size: 16px;}
    .case_all span{margin-left:-3px;font-size: 14px};
   
}