@charset 'utf-8';
@media screen and (min-width:1921px){
/* ------------figure ------------ */
    #hd .choose_figure img.move {
        left: -33%;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .mobile-off{
        max-width: 1920px;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul{
        flex-wrap:nowrap;
    }
    
}

@media screen and (max-width:1680px){
    #hd{
        font-size: 16px;
    }
/* -----------#sec_kv------------- */    
    #hd .kvBox .kv{
		margin-top: -16%;
	}
	#hd .kvBox h2{
		margin-top: -7%;
	}
/* ------------figure 1------------ */
    #hd .choose_figure img.move {
    left: -33%;
    top: 7%;
    }

	
}



@media screen and (max-width:1440px){
    #hd .kvBox .kv{
		margin-top: -16%;
	}
	#hd .kvBox h2{
		margin-top: -10%;
    }
    #hd .kvBox .toplogo {
        top: 29%;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul .key_title{
        margin-bottom: 10%;
    }
    #hd #sec_key ul{
        flex-wrap: wrap;
        justify-content: center;
    }
    #hd #sec_key ul .col20{
        width: 33.3%;
    }
    #hd #sec_key ul .key_title {
        margin-bottom: 1%;
    }    
/* ------------figure 1------------ */
    #hd .choose_figure img.move {
        left: -33%;
        top: 7%;
    }
    #hd .choose_figure #prime img.move{
        left: -26%;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .mobile-off{
        max-width: 1250px;
    } 	
}



@media screen and (max-width:1280px){
    #hd h2{
        font-size: 5em;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul .key_title{
        margin-bottom: 15%;
    }

/* ---------choose_figure------------ */
    #hd .choose_figure > div.f50{
        padding: 4% 13%;
    }
/* ------------figure 1------------ */
	#hd .choose_figure img.move{
        left: -32%;
        top: 10%;
    }

}




@media screen and (max-width:1024px){
	#hd{
        font-size: 14px;
    }
    #hd .kvBox .kv{
		margin-top: -17%;
	}
	#hd .kvBox h2{
		margin-top: -11%;
    }
    /* -----------#sec_key------------- */
    #hd #sec_key ul{
        flex-wrap: wrap;
    }
    #hd #sec_key ul .col20{
        width: 50%;
    }
    #hd #sec_key ul .key_title {
        margin-bottom: 1%;
    }


/* ---------choose_figure------------ */
    #hd .choose_figure > div.f50{
        padding: 4% 10%;
    }
/* ------------figure 1------------ */
	#hd .choose_figure img.move{
        left: -25%;
        top: 5%;
    } 
/* ---------hd_footer---------- */       
    #hd #hd_footer{
        margin-top: -5%;
    }
    #hd #hd_footer h3{
		font-size: 1.3em;
	}
}



@media screen and (max-width:768px){
    #hd{
        font-size: 10px;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul{
        flex-wrap: wrap;
    }
    #hd #sec_key ul .col20{
        width: 50%;
    }
    #hd #sec_key ul .key_title {
        margin-bottom: 1%;
    }
    #hd .choose_figure #prime img.move{
        left: -16%;
    }
/* ---------choose_figure------------ */
    #hd .choose_figure > div.f50{
        padding: 4% 9%;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .mobile-off{
        max-width: 80%;
    }
    #hd #sec_table table {
        width: 300%;
    }
    #hd .mobile-on{
        display: block;
    }
    #hd #sec_table .mobile-on{
		display: none;
    } 		
    
    #hd .mobile-off table tbody tr th:nth-child(2), #hd .th_fixed {
        left: 14.8% !important;
    }
/* ---------hd_footer---------- */       
    #hd #hd_footer h3{
        font-size: 1.7em;
        display: block;
        width: 100%;
        padding: 0;
	}
	
}
@media screen and (max-width:650px){
	#hd .kvBox h2{
		margin-top: -15%;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul{
        flex-wrap: wrap;
    }
    #hd #sec_key ul .col20{
        width: 50%;
        margin-bottom: 2%;
    }
    #hd #sec_key ul .key_title {
        margin-bottom: 1%;
    }
 /* ---------hd_footer---------- */       
     #hd #hd_footer h3{
        font-size: 1.5em;
    }   
}

@media screen and (max-width:620px){
	#hd{
        font-size: 9px;
    }
    #hd #fp-nav{
        display: none;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul li {
        padding: 0%;
    }
   
/* ---------choose_figure------------ */
#hd .choose_figure > div.f50{
    padding: 4% 8%;
    }
/* ------------figure 1------------ */
#hd .choose_figure img.move{
    left: -15%;
    }
#hd .choose_figure img.bg{
    left: 15%;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .mobile-on{
        display:block;
        max-width: 83%;
        margin:0 auto;
    }
    #hd #sec_table #owl-demo table {
        width: 99%;
    }   
    
    #hd .mobile-off{
		display: none;
    }
    #hd #sec_table .arrow{
        display: block;
    }   
    #hd #sec_table .mobile-on thead th {
        width: 42%;
    }
    #hd #sec_table .mobile-on img{
        width: 60%;
    }
    #hd  #sec_table .owl-prev,
    #hd  #sec_table .owl-next{
        position: absolute;
    }
    #hd #sec_table .owl-next{
        background:url(../img/arrow-next.png) no-repeat;
		top: 50%;
        right: -40px;
        width: 10%;
        height: 10%;
	}
	#hd #sec_table .owl-prev{
        background: url(../img/arrow-back.png)no-repeat;
		top: 50%;
        left: -40px;
        width: 10%;
        height: 10%;
	}
}

@media screen and (max-width:720px){
    #hd{
        font-size: 10px;
    }
    #hd h2{
        line-height: .8em;
        font-size: 5em;
        margin-bottom: 2%
    }
    #hd .key_title h5 {
        font-size: 1.8em;
    }
    #hd #fp-nav{
        display: none;
    }
    #hd .mt100 {
        margin-top: 2em;
    }
/* ---------- #sec_kv ---------- */
    #hd #sec_kv .kv{
        display: none;
    }
    #hd #sec_kv h2
    {
        margin-top: 10%;
    }
    #hd #sec_kv .kv_m{
        display: block;
        margin-top: -40%;
    }
    #hd .kvBox .toplogo{
        top: 1%;
    }
    #hd .kvBox .bottomlogo {
        bottom: 43px;
        width: 25%;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul{
        flex-wrap: wrap;
        display: inline-block;
    }
    #hd #sec_key .col20{  
        width: 90%;
        margin: 2% auto 10% auto;
    }
    #hd #sec_key .col20:last-child{  
        margin-top: -9%;
    }

    #hd #sec_key ul .key_title {
        margin-bottom: 3%;
    }
    #hd #sec_key ul li p {
        padding: 0;
    }
   
/* -----------------#sec_choose------------ */
    #hd #sec_choose ul.select_bar{
        display: none;
    }
    #hd .kv-txt, #hd .choose-txt {
        margin-bottom: 7%;
        padding: 0 4%;
    }
    #hd #sec_choose .tab-more{
        text-align: center;
        cursor: pointer;
    }
    #hd #sec_choose .tab-more li {
        width: 35%;
        min-height: 0.4rem;
    }
    #hd #sec_choose .tab-more li span {
        min-height:calc(4rem - 25px);
    }

/* ---------choose_figure------------ */
    #hd .choose_figure figure {
        margin: 5% 0;
        flex-wrap: wrap;
        margin-bottom: 15%;
        display: block;
    } 
    #hd .choose_figure figure .f50{
        width: 100%;
    }
    #hd .choose_figure figure .f50:nth-child(2){
        width: 70%;
        margin: 0 auto;
        display: inline-block;
    }
    #hd .choose_figure .txt_2:after{
        display: none
    }
/* ------------figure 1------------ */
    #hd .choose_figure img.move{
        left: -25%;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .owl-next{
        right: -40px;
        width:10%;
        height:10%;
    }
 /* ---------hd_footer---------- */       
    #hd #hd_footer {
        margin-top: -15%;
    }
    #hd #hd_footer .hd_1024on{
        display: block;

    }

}

@media screen and (max-width:480px){
    #hd{
        font-size: 10px;
    }
    #hd h2{
        line-height: .8em;
        font-size: 5em;
        margin-bottom: 2%
    }
    #hd .key_title h5 {
        font-size: 1.8em;
    }
    #hd #fp-nav{
        display: none;
    }
    #hd .mt100 {
        margin-top: 2em;
    }
/* ---------- #sec_kv ---------- */
    #hd #sec_kv .kv{
        display: none;
    }
    #hd #sec_kv h2
    {
        margin-top: 10%;
    }
    #hd #sec_kv .kv_m{
        display: block;
        margin-top: -40%;
    }
    #hd .kvBox .toplogo{
		top: 1%;
    }
    #hd .kvBox .bottomlogo {
        bottom: 43px;
        width: 25%;
    }
/* -----------#sec_key------------- */
    #hd #sec_key ul{
        flex-wrap: wrap;
        display: inline-block;
    }
    #hd #sec_key .col20{  
        width: 90%;
        margin: 2% auto 10% auto;
    }
    #hd #sec_key .col20:last-child{  
        margin-top: -9%;
    }

    #hd #sec_key ul .key_title {
        margin-bottom: 3%;
    }
    #hd #sec_key ul li p {
        padding: 0;
    }
   
/* -----------------#sec_choose------------ */
    #hd #sec_choose ul.select_bar{
        display: none;
    }
    #hd .kv-txt, #hd .choose-txt {
        margin-bottom: 7%;
        padding: 0 4%;
    }
    #hd #sec_choose .tab-more{
		text-align: center;
		cursor: pointer;
	}
    #hd #sec_choose .tab-more li {
        width: 35%;
        min-height: 0.4rem;
    }
    #hd #sec_choose .tab-more li span {
        min-height:calc(4rem - 25px);
    }

/* ---------choose_figure------------ */
    #hd .choose_figure figure {
        margin: 5% 0;
        flex-wrap: wrap;
        margin-bottom: 15%;
        display: block;
    } 
    #hd .choose_figure figure .f50{
        width: 100%;
    }
    #hd .choose_figure figure .f50:nth-child(2){
        width: 70%;
        margin: 0 auto;
    }           
/* ------------figure 1------------ */
    #hd .choose_figure img.move{
        left: -25%;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .owl-next{
        right: -40px;
        width:10%;
        height:10%;
    }
 /* ---------hd_footer---------- */       
    #hd #hd_footer {
        margin-top: -15%;
    }
    #hd #hd_footer .hd_1024on{
        display: block;

    }

}

@media screen and (max-width:425px){
    #hd #sec_table .owl-next{
        right: -40px;
        
    }
    /* -----------#sec_key------------- */   
    #hd #sec_key ul .col20 {
        width: 75%;
    }
}


@media screen and (max-width:375px){
    #hd h2{
        font-size: 4em;
    }
	#hd .choose_bg h5{
        font-size: .8em;
    }
/* -----------------#sec_choose------------ */
    #hd #sec_choose ul{
        flex-wrap:wrap;
    }
    #hd #sec_choose ul .col20{
        flex:wrap;
        width: 90%;
        margin: 0 auto;
    }
 /* -----------#sec_key------------- */   
    #hd #sec_key ul .col20 {
        width: 75%;
    }
    
    
/* ---------- #sec_table ---------- */
    #hd #sec_table .owl-next{ 
        right: -40px;
       
	}
	#hd #sec_table .owl-prev{
        left: -32px;
       
	}

}


@media screen and (max-width:325px){
    #hd #sec_key ul .col20 {
        width: 75%;
    }
/* ---------hd_footer---------- */       
    #hd #hd_footer h3{
        font-size: 1.3em;
        display: block;
        width: 100%;
        padding: 0;
    }
/* ---------- #sec_table ---------- */
    #hd #sec_table .owl-next {
        right: -40px;
    }
/* ---------- sec_choose ---------- */
#hd #sec_choose .tab-more li {
    width: 40%;
    }
    
}