@media screen and (min-width:1201px){
#header{border-bottom: 1px solid rgba(256, 256, 256, 0.3);}

/* quick */
#quick{position: relative; z-index: 98;}

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

#quick .quick_btn{position: absolute; bottom: 0; display: flex; justify-content: center; height: 75px; background-color: #FFF; left: 50%; transform: translateX(-50%);}
#quick .quick_btn .home_btn{background-color: #FFF; background-image: url(../img/home_icon.png); background-position: center; background-repeat: no-repeat; width: 41px; display: block; width: 200px;}
#quick .quick_btn button{border: none; background: none; background-color: #FFF; font-size: 18px; color: #241F20; line-height: 75px; display: flex; align-items: center;}
#quick .quick_btn button span{background-image: url(../img/slideDown_icon.png); width: 15px; height: 9px; display: block; background-position: center; background-repeat: no-repeat; margin-left: 300px; margin-top: 3px;}
#quick .quick_btn .quick_wrap{position: relative; display: flex; flex-direction: column; align-items: center; width: 490px;}
#quick .quick_btn .quick_wrap ul{position: absolute; border: 1px solid #D1D1D1; border-top: none;  display: block; top: 75px; background-color: #FFF; display: none;}
#quick .quick_btn .quick_wrap ul li{position: relative; display: flex; flex-direction: column; align-items: center; width: 490px; line-height: 90px;}
#quick .quick_btn .quick_wrap ul li:hover{background-color: #EEE;}
#quick .quick_btn .quick_wrap ul li a{font-size: 18px; color: #241F20;}
#quick .quick_btn .line{width: 1px; height: 40px; display: block; background-color: #D1D1D1; margin-top: 17.5px;}
#quick .quick_btn .bottom_line{position: absolute; width: 100%; height: 1px; display: block; background-color: #D1D1D1; bottom: 0;}
}











@media screen and (max-width:1200px) and (min-width:901px){
    /* quick */
#quick{position: relative; z-index: 98;}

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

#quick .quick_btn{position: absolute; bottom: 0; display: flex; justify-content: center; height: 75px; background-color: #FFF; left: 50%; transform: translateX(-50%);}
#quick .quick_btn .home_btn{background-color: #FFF; background-image: url(../img/home_icon.png); background-position: center; background-repeat: no-repeat; display: block; width: 100px;}
#quick .quick_btn button{border: none; background: none; background-color: #FFF; font-size: 18px; color: #241F20; line-height: 75px; display: flex; align-items: center;}
#quick .quick_btn button span{background-image: url(../img/slideDown_icon.png); width: 15px; height: 9px; display: block; background-position: center; background-repeat: no-repeat; margin-left: 200px; margin-top: 3px;}
#quick .quick_btn .quick_wrap{position: relative; display: flex; flex-direction: column; align-items: center; width: 380px;}
#quick .quick_btn .quick_wrap ul{position: absolute;  top: 75px; border: 1px solid #D1D1D1; background-color: #FFF; border-top: none; display: none;}
#quick .quick_btn .quick_wrap ul li{display: flex; flex-direction: column; align-items: center; width: 380px; line-height: 75px;}
#quick .quick_btn .quick_wrap ul li:hover{background-color: #EEE;}
#quick .quick_btn .quick_wrap ul li a{font-size: 18px; color: #241F20;}
#quick .quick_btn .line{width: 1px; height: 40px; display: block; background-color: #D1D1D1; margin-top: 17.5px;}
#quick .quick_btn .bottom_line{position: absolute; width: 100%; height: 1px; display: block; background-color: #D1D1D1; bottom: 0;}
}












@media screen and (min-width:601px) and (max-width:900px) {
    /* quick */
#quick{position: relative; z-index: 98;}

#quick .topbanner_top .quick_inner h2{position: absolute; left: 5%; top: 25%; font-size: 32px; color: #FFF; font-weight: bold;}
#quick .topbanner_top .quick_inner p{position: absolute; left: 5%; top: 42%; font-size: 20px; width: 55%; color: #FFF;}

#quick .quick_btn{position: absolute; bottom: 0; display: flex; justify-content: center; width: 100%; height: 75px; background-color: #FFF; left: 50%; transform: translateX(-50%);}
#quick .quick_btn .home_btn{background-color: #FFF; background-image: url(../img/home_icon.png); background-position: center; background-repeat: no-repeat; display: block; width: 100px;}
#quick .quick_btn button{border: none; background: none; background-color: #FFF; font-size: 18px; color: #241F20; line-height: 75px; display: flex; align-items: center; width: 85%; justify-content: space-between;}
#quick .quick_btn button span{background-image: url(../img/slideDown_icon.png); width: 15px; height: 9px; display: block; background-position: center; background-repeat: no-repeat; margin-top: 3px;}
#quick .quick_btn .quick_wrap{position: relative; display: flex; flex-direction: column; align-items: center; width: 50%;}
#quick .quick_btn .quick_wrap ul{position: absolute; width: 100%; top: 75px; border: 1px solid #D1D1D1; background-color: #FFF; border-top: none; display: none;}
#quick .quick_btn .quick_wrap ul li{display: flex; flex-direction: column; align-items: center; width: 100%; line-height: 75px;}
#quick .quick_btn .quick_wrap ul li:hover{background-color: #EEE;}
#quick .quick_btn .quick_wrap ul li a{font-size: 18px; color: #241F20;}
#quick .quick_btn .line{width: 1px; height: 40px; display: block; background-color: #D1D1D1; margin-top: 17.5px;}
#quick .quick_btn .bottom_line{position: absolute; width: 100%; height: 1px; display: block; background-color: #D1D1D1; bottom: 0;}
}












@media screen and (max-width:600px){
    /* quick */
#quick{position: relative; z-index: 98;}

#quick .topbanner_top .quick_inner h2{position: absolute; left: 5%; top: 32%; font-size: 28px; color: #FFF; font-weight: bold;}
#quick .topbanner_top .quick_inner p{position: absolute; left: 5%; top: 50%; font-size: 14px; color: #FFF; width: 50%;}

#quick .quick_btn{position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-evenly; align-items: center; width: 100%; height: 65px; background-color: #FFF; left: 50%; transform: translateX(-50%);}
#quick .quick_btn .home_btn{width: 15%;}
#quick .quick_btn>a{background-color: #FFF; background-image: url(../img/home_icon.png); background-position: center; width: 41px; height: 40px; background-repeat: no-repeat;  display: block;}

#quick .quick_btn button{border: none; background: none; background-color: #FFF; font-size: 16px; color: #241F20; justify-content: space-between; width: 80%; line-height: 65px; display: flex; align-items: center;}
#quick .quick_btn button span{background-image: url(../img/slideDown_icon.png); width: 15px; height: 9px; display: block; background-position: center; background-repeat: no-repeat; margin-top: 3px;}
#quick .quick_btn .quick_wrap{position: relative; display: flex; flex-direction: column; align-items: center; width: 42.5%;}
#quick .quick_btn .quick_wrap ul{position: absolute; width: 100%; top: 65px; border: 1px solid #D1D1D1; background-color: #FFF; border-top: none; display: none;}
#quick .quick_btn .quick_wrap ul li{display: flex; flex-direction: column; align-items: center;  width: 100%; line-height: 65px;}
#quick .quick_btn .quick_wrap ul li:hover{background-color: #EEE;}
#quick .quick_btn .quick_wrap ul li a{font-size: 15x; color: #241F20;}
#quick .quick_btn .line{width: 0.5px; height: 40px; display: block; background-color: #D1D1D1; margin-top: 12px;}
#quick .quick_btn .bottom_line{position: absolute; width: 100%; height: 1px; display: block; background-color: #D1D1D1; bottom: 0;}
}