@media screen and (min-width:1201px){
    #quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/research_banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1920px; height: 514px;}

    /* research_top */
    #research_top{position: relative; width: 80%; margin: 0 auto;}
    #research_top h2{font-size: 36px; font-weight: 600; text-align: center; margin: 8% 0 15% 0; color: #241F20;}
    #research_top .research_wrap{position: relative;}
    #research_top .research_wrap h3{font-size: 30px; color: #241F20; margin-bottom: 5%; font-weight: 600; top: -100px; opacity: 0;}
    #research_top .research_wrap h3 span{color: #71CC9E;}
    #research_top .research_wrap ul{display: flex; justify-content: space-between; margin-bottom: 4%;}
    #research_top .research_wrap ul .img_box{width: 32%;}
    #research_top .research_wrap ul .img_box img{width: 100%;}
    #research_top .research_wrap ul li{position: relative; top: -100px; opacity: 0;}
    #research_top .research_wrap p{font-size: 22px; width: 70%; text-align: start; line-height: 2.5em; color: #444; opacity: 0;}
    
    
    /* research_mid */
    #research_mid{position: relative; margin: 15% 0 20% 0;}
    #research_mid .mid_inner{margin: 0 auto; width: 80%;  display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
    #research_mid .mid_inner .left{position: relative; width: 100%; margin: 0 auto;}
    #research_mid .mid_inner .left .left_box{position: relative; width: 100%;}
    #research_mid .mid_inner .left .left_box .box{position: relative; padding: 15% 39%; background-color: #71CC9E; display: block; opacity: 0;}
    #research_mid .mid_inner .left .left_box h3{position: absolute; top: 5%; left: 10%; color: #FFF; font-size: 32px; font-weight: 600; opacity: 0;}
    #research_mid .mid_inner .left .left_box .img_box{position: absolute; background-image: url(../img/research_3.png); width: 100%; height: 100%; background-position: center; background-size: cover; left: 50%; transform: translateX(-50%); bottom: -35%; width: 80%; opacity: 0;}
    
    #research_mid .mid_inner .right{width: 100%; margin-top: 260px;}
    #research_mid .mid_inner .right ul li{position: relative; top: -100px; opacity: 0; display: flex; justify-content: space-around; padding: 5% 0; border-bottom: 1px solid #EEE;}
    #research_mid .mid_inner .right ul li:last-child{display: flex; flex-direction: column;}
    #research_mid .mid_inner .right ul li div{width: 35%;}
    #research_mid .mid_inner .right ul li .first .title{font-size: 32px; padding-left: 50px; font-weight: bold; background: rgb(19,242,161);
    background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul li .first .text{font-size: 20px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%; }
    #research_mid .mid_inner .right ul li .last .title{font-size: 32px; font-weight: bold; background: rgb(19,242,161); background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text; padding-left: 50px; 
    }
    #research_mid .mid_inner .right ul li .last .text{font-size: 20px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%;}
    #research_mid .mid_inner .right ul .bt{width: 85%; margin: 0 auto;}
    #research_mid .mid_inner .right ul .bt .title{font-size: 32px; padding-left: 50px; font-weight: bold; background: rgb(19,242,161);
        background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul .bt .text{font-size: 20px; font-weight: 500; color: #241F20; padding: 3% 0 0 7%;}


    
    /* research_bt */
    #research_bt{position: relative; margin-top: 160px;}
    #research_bt h3{position: relative; top: -100px; opacity: 0; font-size: 28px; color: #241F20; font-weight: 600; margin-bottom: 4%; margin-left: 8%;}
    #research_bt h3 span{color: #71CC9E;}
    #research_bt .img_box{position: relative; top: -100px; opacity: 0; background-image: url(../img/research_banner_bt.jpg); width: 80%; padding: 180px 0; background-repeat: no-repeat; border-radius: 0 20px 20px 0; background-color: rgba(red, green, blue, alpha);}
    #research_bt .img_box img{width: 100%;}
    #research_bt ul{position: absolute; left: 10%; width: 90%; max-width: 1400px; bottom: -50%; display: flex; margin: 144px auto; justify-content: space-evenly;}
    #research_bt ul li{width: 24%; position: relative; left: -100px; opacity: 0;}
    #research_bt ul .green{ background-color: #71CC9E; border-radius: 150px; color: #FFF; max-width: 250px; height: 250px; position: relative;}
    #research_bt ul .white{ border: 1px solid #71CC9E; border-radius: 150px; background-color: #FFF; color: #241F20; max-width: 250px; height: 250px; position: relative;}
    #research_bt ul li p{text-align: center; font-size: 20px; position: absolute; left: 50%; top: 50%; font-weight: 500; transform: translate(-50%,-50%); width: 80%;} 
    
    /* research_bg */
    #research_bg{margin-top: 17%;}
    #research_bg .bg_inner{position: relative; background-image: url(../img/research_banner_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding: 130px 0; top: -50px; opacity: 0;}
    #research_bg .bg_inner .bg_text{width: 70%; margin: 0 auto; opacity: 0;}
    #research_bg .bg_inner h3{font-size: 32px; color: #FFF; margin-bottom: 40px;}
    #research_bg .bg_inner p{font-size: 20px; width: 85%; color: #FFF; line-height: 1.8em;}
}













@media screen and (max-width:1200px) and (min-width:901px){
    #quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/research_banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1200px; height: 421px; transition-duration: 0.5s;}

    #quick .topbanner_top .quick_inner h2{position: absolute; left: 8%; top: 33%; font-size: 38px; color: #FFF; font-weight: bold;}
    #quick .topbanner_top .quick_inner p{position: absolute; left: 8%; top: 53%; font-size: 20px; color: #FFF;}

    /* research_top */
    #research_top{position: relative; width: 85%; margin: 0 auto;}
    #research_top h2{font-size: 32px; font-weight: 600; text-align: center; margin: 90px 0 130px 0; color: #241F20; opacity: 0;}
    #research_top .research_wrap h3{font-size: 26px; color: #241F20; margin-bottom: 5%; font-weight: 600; top: -100px; opacity: 0;}
    #research_top .research_wrap h3 span{color: #71CC9E;}
    #research_top .research_wrap ul{display: flex; justify-content: space-between; margin-bottom: 5%;}
    #research_top .research_wrap ul .img_box{width: 32%;}
    #research_top .research_wrap ul .img_box img{width: 100%;}
    #research_top .research_wrap ul li{position: relative; top: -100px; opacity: 0;}
    #research_top .research_wrap p{font-size: 17px; width: 80%; text-align: start; line-height: 2.2em; color: #444;}
    
    
    /* research_mid */
    #research_mid{position: relative; margin: 15% 0 20% 0;}
    #research_mid .mid_inner{margin: 0 auto; width: 90%;  display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
    #research_mid .mid_inner .left{position: relative; width: 100%; margin: 0 auto;}
    #research_mid .mid_inner .left .left_box{position: relative; width: 100%;}
    #research_mid .mid_inner .left .left_box .box{position: relative; padding: 15% 39%; background-color: #71CC9E; display: block; opacity: 0;}
    #research_mid .mid_inner .left .left_box h3{position: absolute; top: 9%; left: 10%; color: #FFF; font-size: 32px; font-weight: 600; opacity: 0;}
    #research_mid .mid_inner .left .left_box .img_box{position: absolute; background-image: url(../img/research_3.png); width: 100%; height: 100%; background-position: center; background-size: cover; left: 50%; transform: translateX(-50%); bottom: -40%; width: 80%; opacity: 0;}
    
    #research_mid .mid_inner .right{width: 100%; margin-top: 200px;}
    #research_mid .mid_inner .right ul li{position: relative; top: -100px; opacity: 0; display: flex; justify-content: space-around; padding: 5% 0; border-bottom: 1px solid #EEE;}
    #research_mid .mid_inner .right ul li:last-child{display: flex; flex-direction: column;}
    #research_mid .mid_inner .right ul li div{width: 50%; transition-duration: 0.5s;}
    #research_mid .mid_inner .right ul li .first .title{font-size: 30px; padding-left: 50px; font-weight: bold; background: rgb(19,242,161);
    background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul li .first .text{font-size: 20px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%; }
    #research_mid .mid_inner .right ul li .last .title{font-size: 30px; font-weight: bold; background: rgb(19,242,161); background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text; padding-left: 50px; 
    }
    #research_mid .mid_inner .right ul li .last .text{font-size: 20px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%;}
    #research_mid .mid_inner .right ul .bt{width: 100%; margin: 0 auto;}
    #research_mid .mid_inner .right ul .bt .title{font-size: 30px; padding-left: 50px; font-weight: bold; background: rgb(19,242,161);
        background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul .bt .text{font-size: 20px; font-weight: 500; color: #241F20; padding: 3% 0 0 7%;}
    
    /* research_bt */
    #research_bt{position: relative; margin-top: 120px;}
    #research_bt h3{position: relative; top: -100px; opacity: 0; font-size: 28px; color: #241F20; font-weight: 600; margin-bottom: 4%; margin-left: 8%;}
    #research_bt h3 span{color: #71CC9E;}
    #research_bt .img_box{position: relative; top: -100px; opacity: 0; background-image: url(../img/research_banner_bt.jpg); width: 80%; padding: 160px 0; background-repeat: no-repeat; border-radius: 0 20px 20px 0; background-position: center; background-color: rgba(red, green, blue, alpha);}
    #research_bt .img_box img{width: 100%;}
    #research_bt ul{position: absolute; left: 10%; width: 90%; bottom: -50%; display: flex; margin: 144px auto; justify-content: space-evenly;}
    #research_bt ul li{width: 23%; position: relative; left: -100px; opacity: 0; padding: 12% 0;}
    #research_bt ul .green{ background-color: #71CC9E; border-radius: 150px; color: #FFF; position: relative;}
    #research_bt ul .white{ border: 1px solid #71CC9E; border-radius: 150px; background-color: #FFF; color: #241F20; position: relative;}
    #research_bt ul li p{text-align: center; font-size: 17px; position: absolute; left: 50%; top: 50%; font-weight: 500; transform: translate(-50%,-50%); width: 75%;} 
    
    /* research_bg */
    #research_bg{margin-top: 25%;}
    #research_bg .bg_inner{position: relative; background-image: url(../img/research_banner_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding: 100px 0; top: -50px; opacity: 0;}
    #research_bg .bg_inner .bg_text{width: 70%; margin: 0 auto;  opacity: 0;}
    #research_bg .bg_inner h3{font-size: 28px; color: #FFF; margin-bottom: 30px;}
    #research_bg .bg_inner p{font-size: 18px; color: #FFF; line-height: 1.8em;}
}

















@media screen and (min-width:601px) and (max-width:900px) {
    #quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/research_banner.jpg); background-position: right; background-repeat: no-repeat; background-size: cover; width: 1200px; height: 421px; transition-duration: 0.5s;}

    /* research_top */
    #research_top{position: relative; width: 92%; margin: 0 auto;}
    #research_top h2{font-size: 28px; font-weight: 600; text-align: center; margin: 90px 0 120px 0; color: #241F20;}
    #research_top .research_wrap h3{font-size: 24px; color: #241F20; margin-bottom: 5%; font-weight: 600;}
    #research_top .research_wrap h3 span{color: #71CC9E;}
    #research_top .research_wrap ul{display: flex; justify-content: space-between; margin-bottom: 5%;}
    #research_top .research_wrap ul .img_box{width: 32%;}
    #research_top .research_wrap ul .img_box img{width: 100%;}
    #research_top .research_wrap p{font-size: 16px; width: 85%; text-align: start; line-height: 2.2em; color: #444;}
    
    
    /* research_mid */
    #research_mid{position: relative; margin: 120px 0;}
    #research_mid .mid_inner{margin: 0 auto; width: 92%;  display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
    #research_mid .mid_inner .left{position: relative; width: 100%; margin: 0 auto;}
    #research_mid .mid_inner .left .left_box{position: relative; width: 100%;}
    #research_mid .mid_inner .left .left_box .box{position: relative; padding: 14% 39%; background-color: #71CC9E; display: block;}
    #research_mid .mid_inner .left .left_box h3{position: absolute; top: 10%; left: 10%; color: #FFF; font-size: 24px; font-weight: 600;}
    #research_mid .mid_inner .left .left_box .img_box{position: absolute; background-image: url(../img/research_3.png); width: 100%; height: 100%; background-position: center; background-size: cover; left: 50%; transform: translateX(-50%); bottom: -45%; width: 80%;}
    
    #research_mid .mid_inner .right{width: 100%; margin-top: 140px;}
    #research_mid .mid_inner .right ul li{display: flex; justify-content: space-between; padding: 5% 0; border-bottom: 1px solid #EEE;}
    #research_mid .mid_inner .right ul li:last-child{display: flex; flex-direction: column;}
    #research_mid .mid_inner .right ul li div{width: 49%; transition-duration: 0.5s;}

    #research_mid .mid_inner .right ul li .first .title{font-size: 26px; padding-left: 40px; font-weight: bold; background: rgb(19,242,161);
    background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul li .first .text{font-size: 16px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%; }
    #research_mid .mid_inner .right ul li .last .title{font-size: 26px; font-weight: bold; background: rgb(19,242,161); background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text; padding-left: 40px; 
    }
    #research_mid .mid_inner .right ul li .last .text{font-size: 16px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%;}
    #research_mid .mid_inner .right ul .bt .title{font-size: 26px; padding-left: 40px; font-weight: bold; background: rgb(19,242,161);
        background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul .bt .text{font-size: 16px; font-weight: 500; color: #241F20; padding: 3% 0 0 7%;}
    
    /* research_bt */
    #research_bt{position: relative; margin-top: 120px;}
    #research_bt h3{font-size: 24px; color: #241F20; font-weight: 600; margin-bottom: 4%; margin-left: 8%;}
    #research_bt h3 span{color: #71CC9E;}
    #research_bt .img_box{position: relative; background-image: url(../img/research_banner_bt.jpg); width: 90%; padding: 140px 0; background-repeat: no-repeat; border-radius: 0 20px 20px 0; background-position: center; background-color: rgba(red, green, blue, alpha);}
    #research_bt .img_box img{width: 100%;}
    #research_bt ul{position: absolute; left: 50%; transform: translate(-50%); width: 100%; bottom: -60%; display: flex; margin: 144px auto; justify-content: space-evenly;}
    #research_bt ul li{width: 23%; padding: 12% 0;}
    #research_bt ul .green{ background-color: #71CC9E; border-radius: 150px; color: #FFF; position: relative;}
    #research_bt ul .white{ border: 1px solid #71CC9E; border-radius: 150px; background-color: #FFF; color: #241F20; position: relative;}
    #research_bt ul li p{text-align: center; font-size: 16px; position: absolute; left: 50%; top: 50%; font-weight: 500; transform: translate(-50%,-50%); width: 90%;} 
    
    /* research_bg */
    #research_bg{margin-top: 25%;}
    #research_bg .bg_inner{position: relative; background-image: url(../img/research_banner_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding: 70px 0; transition-duration: 0.5s;}
    #research_bg .bg_inner .bg_text{width: 80%; margin: 0 auto;}
    #research_bg .bg_inner h3{font-size: 24px; color: #FFF; margin-bottom: 30px;}
    #research_bg .bg_inner p{font-size: 16px; color: #FFF; line-height: 1.8em;}
}





















@media screen and (max-width:600px){
    #quick .topbanner_top .quick_inner{position: relative; background-image: url(../img/research_banner.jpg); background-position: right; background-repeat: no-repeat; background-size: cover; width: 720px; height: 300px; transition-duration: 0.5s;}

    /* research_top */
    #research_top{position: relative; width: 92%; margin: 0 auto;}
    #research_top h2{font-size: 24px; font-weight: 600; text-align: center; margin: 60px 0 100px 0; color: #241F20;}
    #research_top .research_wrap h3{font-size: 20px; color: #241F20; margin-bottom: 5%; font-weight: 600;}
    #research_top .research_wrap h3 span{color: #71CC9E;}
    #research_top .research_wrap ul{display: flex; justify-content: space-between; margin-bottom: 5%;}
    #research_top .research_wrap ul .img_box{width: 49%;}
    #research_top .research_wrap ul .img_box:last-child{display: none;}
    #research_top .research_wrap ul .img_box img{width: 100%;}
    #research_top .research_wrap p{font-size: 14px; width: 85%; text-align: start; line-height: 2.2em; color: #444;}
    
    
    /* research_mid */
    #research_mid{position: relative; margin: 100px 0;}
    #research_mid .mid_inner{margin: 0 auto; width: 92%;  display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
    #research_mid .mid_inner .left{position: relative; width: 100%; margin: 0 auto;}
    #research_mid .mid_inner .left .left_box{position: relative; width: 100%;}
    #research_mid .mid_inner .left .left_box .box{position: relative; padding: 19% 39%; background-color: #71CC9E; display: block;}
    #research_mid .mid_inner .left .left_box h3{position: absolute; top: 10%; left: 10%; color: #FFF; font-size: 20px; font-weight: 600;}
    #research_mid .mid_inner .left .left_box .img_box{position: absolute; background-image: url(../img/research_3.png); width: 100%; height: 80%; background-position: center; background-size: cover; left: 50%; transform: translateX(-50%); bottom: -25%; width: 80%;}
    
    #research_mid .mid_inner .right{width: 100%; margin-top: 70px;}
    #research_mid .mid_inner .right ul li{display: flex; justify-content: space-between; padding: 5% 0; border-bottom: 1px solid #EEE;}
    #research_mid .mid_inner .right ul li:last-child{display: flex; flex-direction: column;}
    #research_mid .mid_inner .right ul li div{width: 49%; transition-duration: 0.5s;}

    #research_mid .mid_inner .right ul li .first .title{font-size: 18px; padding-left: 25px; font-weight: bold; background: rgb(19,242,161);
    background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul li .first .text{font-size: 14px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%; }
    #research_mid .mid_inner .right ul li .last .title{font-size: 18px; font-weight: bold; background: rgb(19,242,161); background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text; padding-left: 25px; 
    }
    #research_mid .mid_inner .right ul li .last .text{font-size: 14px; font-weight: 500; color: #241F20; padding: 7% 0 0 15%;}
    #research_mid .mid_inner .right ul .bt .title{font-size: 18px; padding-left: 25px; font-weight: bold; background: rgb(19,242,161);
        background: linear-gradient(86deg, rgba(19,242,161,1) 0%, rgba(12,205,213,1) 31%, rgba(0,164,255,1) 100%); color: transparent; -webkit-background-clip: text;}
    #research_mid .mid_inner .right ul .bt .text{font-size: 14px; font-weight: 500; color: #241F20; padding: 3% 0 0 8%;}
    
    /* research_bt */
    #research_bt{position: relative; margin-top: 100px;}
    #research_bt h3{font-size: 20px; color: #241F20; font-weight: 600; margin-bottom: 4%; margin-left: 6%;}
    #research_bt h3 span{color: #71CC9E;}
    #research_bt .img_box{position: relative; background-image: url(../img/research_banner_bt.jpg); width: 100%; padding: 150px 0; background-repeat: no-repeat; background-position: center; background-color: rgba(red, green, blue, alpha);}
    #research_bt .img_box img{width: 100%;}
    #research_bt ul{position: absolute; left: 50%; transform: translate(-50%); width: 92%; bottom: -41%; display: flex; flex-wrap: wrap; margin: 144px auto; justify-content: space-between;}
    #research_bt ul li{width: 48%; height: 120px; margin-bottom: 15px;}
    #research_bt ul .green{ background-color: #71CC9E; border-radius: 10px; color: #FFF; position: relative;}
    #research_bt ul .white{ border: 1px solid #71CC9E; border-radius: 10px; background-color: #FFF; color: #241F20; position: relative;}
    #research_bt ul li p{text-align: center; font-size: 14px; position: absolute; left: 50%; top: 50%; font-weight: 500; transform: translate(-50%,-50%); width: 100%;} 
    
    /* research_bg */
    #research_bg{margin-top: 100px;}
    #research_bg .bg_inner{position: relative; background-image: url(../img/research_banner_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding: 50px 0; transition-duration: 0.5s;}
    #research_bg .bg_inner .bg_text{width: 80%; margin: 0 auto;}
    #research_bg .bg_inner h3{font-size: 20px; color: #FFF; margin-bottom: 20px;}
    #research_bg .bg_inner p{font-size: 14px; color: #FFF; line-height: 1.8em;}
}