﻿@media all and (max-width:1490px) {
    header {
        height: 165px;
    }

        header h1 {
            float: none;
            width: 190px;
            margin: 30px auto;
        }

        header nav {
            width: 100%;
            float: none;
        }

    .top_submenu {
        top: 165px;
    }

        .top_submenu .submenu {
            width: 100%;
            float: left;
        }
}


@media all and (max-width:1250px) {
    .inner {
        width: 100%;
    }
    /*menu*/
    header nav {
        width: 100%;
    }

    header .top_menu ul {
        margin-right: 30px;
    }
    .allbox {
        margin-top: 0;
        width: 100%;
    }
    #cont02 .bg_inner {
        width:100%;
    }
}


@media all and (max-width:969px) {
    /*mobile_slide*/
    #mobile_slide {
        display: block;
    }

    .top_submenu {
        display: none;
    }

    .menu-trigger {
        display: block;
    }

    header {
        position: fixed;
        height: 90px;
        background-color: #fff;
    }

        header h1 a:nth-child(1) {
            display: none;
        }

        header h1 a:nth-child(2) {
            display: block;
        }

        header h1 {
            width: 145px;
            padding: 5px 15px;
        }

            header h1 a img {
                width: 100%;
            }

    .menu_box {
        display: none;
    }
    /*banner*/
    #banner {
        height:500px;
        margin-top:90px;
    }
        #banner h1 {
            top:50%;
        }
		#banner h1 {top:50%;font-size:20px;}
		#banner h1 span{font-size:30px;}
        /*footer*/
        footer .f_logo {
            width: 170px;
            float: none;
            margin-right: 0;
            padding: 0px 20px;
        }
    footer .f_right {
        width:100%;
        float:none;
    }
        footer .f_right ul li {
            float:none;
        }
        footer .f_right p {
            width:84%;
        }

        /*fixed_top*/
    aside {
        right:0px;
        bottom:0px;
    }

	.title h1{font-size:25px;}
	#cont01 .cont01_text{font-size:15px;}
	#cont01 h6{font-size:15px;}


    #cont02 .bg ul li .bg_out {
        padding:5px;
    }
        #cont02 .bg ul li .bg_out .bg_box p {
            padding: 0px 30px;
        }
    .allbox {
        width:98%;
    }
}
@media (max-width:500px) {
    #cont02 .title {
        margin-bottom:50px;
    }
    #cont02 .bg {
        padding: 50px 0px;
        height:auto;
    }
        #cont02 .bg ul {
            position:relative;
            top:0;
        }
            #cont02 .bg ul li {
                float: none;
                width: 80%;
                margin: 10px auto;
            }

}
