@media (max-width:1170px){
     #banner{
        height: 500px;
    }
    ul.banner_list{
        height: 500px;
    }
    ul.banner_list li{
        height: 500px;
    }

}


@media (max-width:920px){
     #banner{
        height: 390px;
    }
    ul.banner_list{
        height: 390px;
    }
    ul.banner_list li{
        height: 390px;
    }

}

@media (max-width:997px){
    body{
        min-width:320px;
    }
    .menu{
        display:none;
    }
    .m_menu{
        display:block;
        visibility: visible;
    }
    .inner_right{
        margin-left:230px;
        float:none;
        width:auto;
    }
    .report_list li figcaption{
       display:block;
        margin-top:5px;
    }
    .report_list li figcaption h3,.report_list li figcaption a{
        margin-left:0;
    }
		.sitemap ul > li > ol >li{
    padding:0 8% 30px 0;
}
}
@media (min-width: 768px) and (max-width: 997px){
    .index_content > div:nth-child(4),
    .index_content > div:nth-child(3){
        margin-top: 12px;
    }
}
@media (max-width: 769px){
.swipe-indicator{ display: block; }
}

@media (max-width: 767px){
    .about_banner{
        background: url(about_banner_m.jpg) no-repeat center top;
    }
    .tec_banner{
        background: url(tec_banner_m.jpg) no-repeat center top;
    }
    .press_banner{
        background: url(press_banner_m.jpg) no-repeat top;
    }
	.ir_banner{
        background:url(ir_banner_m.jpg) no-repeat center top;
    }
    .career_banner{
        background: url(career_banner_m.jpg) no-repeat top;
    }
    .csr_banner{
        background: url(csr_banner_m.jpg) no-repeat top;
    }
    .site_banner{
        background:url(ir_banner_m.jpg) no-repeat center top;
    }
    .contact_banner{
        background: url(contact_banner_m.jpg) no-repeat top;
    }
    .inner_right{
        margin-left:0px;
        float:none;
        width:100%;
    }
	.quality{ padding-left:15px;}
    .left_menu{
        display:none;

    }
    .foot_left{
        float:none;
        text-align:center;
        margin-top:30px;
    }
    .foot_right{
        float:none;
        width:100%;
        text-align:center;
    }
    main .container{
        padding-left:0px;
        padding-right:0px;
    }
    .h1_group h1{
        padding: 0 15px 5px;
    }
    .h3_group{
        margin:0 15px;
    }
    .inner_padding {
        margin: 30px 15px 0 15px;
    }
	.inner_banner img{
		margin-right:15px;
	}
    .sitemap ul{
        padding:0px 15px;
    }
    .about_table span{ display:block;}
    .search ul li{padding:20px 20px;}


    /* about gis */
    .about_gis_milestone h2,
    .about_gis_milestone p{
        display: block;
    }
    .about_gis_milestone h2{
        margin-bottom: 0;
    }
	.value_img { margin-right:0}
/*}*/
    /* tech service */
    .bpi{
        padding-right: 15px;
        padding-left: 15px;
    }

    /* index page */
    #banner{
        height: 250px;
    }
    ul.banner_list{
        height: 250px;
    }
    ul.banner_list li{
        height: 250px;
    }
    ul.banner_btn{
        display: none;
    }
    .index_content{
        padding-right: 0;
        padding-left: 0;
    }
    .index_content > div:not(:first-child){
        margin-top: 12px;
    }
    .index_content > div > div{
        height: auto;
        min-height: 100px;
    }
}
@media (min-width: 480px) and (max-width: 768px){
    .index_tec_service > div,
    .index_tec_service > p,
    .index_press_highlight > div{
        float: left;
        display: table-cell;
        width: 50%;
    }
    .index_press_release ul li{
        display: table;
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .index_press_release ul li a,
    .index_press_release ul li span{
        display: table-cell;
    }
    .index_press_release ul li span{
        text-align: right;
    }
}
@media (max-width: 540px){
    .leave_pop{
        top:90px;
        margin:0;
        left:0;
    }
    /* about us */
    .about_video{
        width: 100%;
        margin-left: 0;
    }
    /* csr */
    .csr_img{
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
    /* contact us*/
    .contact_us_list li{
        width: 100%;
        margin-bottom: 15px;
    }
    .contact_us section ul li{
        width: 50%;
        margin-bottom: 15px;
    }
    .tec_diverse .s_left{
        width: 100%;
    }
    .tec_diverse .s_right{
        width: 100%;
        margin-bottom: 15px;
		padding:0 0 0 0;
    }


@media (max-width: 480px){
    .logo img{
        width:100%;
    }
    .logo{
        width:150px;	
        transition: all .5s ease-in-out .1s;
        -webkit-transition: all .5s ease-in-out .1s;
        -moz-transition: all .5s ease-in-out .1s;
        -ms-transition: all .5s ease-in-out .1s;
        -o-transition: all .5s ease-in-out .1s;
    }
    .head_right{
        padding-left:150px;
    }
	.head_icon > li{
    	margin-left:2px;
    }
    .about_banner{
        background: url(about_banner_m_480.jpg) no-repeat center top;
    }
    .tec_banner{
        background: url(tec_banner_m_480.jpg) no-repeat center top;
    }
    .press_banner{
        background: url(press_banner_m_480.jpg) no-repeat top;
    }
	.ir_banner{
        background:url(ir_banner_m_480.jpg) no-repeat center top;
    }
    .career_banner{
        background: url(career_banner_m_480.jpg) no-repeat top;
    }
    .csr_banner{
        background: url(csr_banner_m_480.jpg) no-repeat top;
    }
    .site_banner{
        background:url(ir_banner_m_480.jpg) no-repeat center top;
    }
    .contact_banner{
        background: url(contact_banner_m_480.jpg) no-repeat top;
    }
    .h3_group .year_dropdown {
        padding: 20px 0px 0;
        float: none;
    }
    .h3_group h3{
        margin-bottom:0;
        padding-bottom:0px;
    }
    .finance_date tbody td{
        padding:12px 5px;
    }
    .finance_date td{
        padding: 5px 5px;
    }
    .download_file{
        float:none;
        margin-bottom:15px;
    }
    .download_year{
        float:none;
        margin-bottom:20px;
    }
    .m_subs_menu li a{
        font-size:13px;
    }
    .m_sub_menu dl dd > ul > li > a{
        font-size:16px;
    }
    .m_sub_menu dl dt > a{
        font-size:20px;
    }
	header{ height:80px;}
	.inner_banner{ height:450px;}
    .inner_banner img{
        max-width:250px !important;
        padding-top:118px;
		margin-right:15px;
        transition: all .5s ease-in-out .1s;
        -webkit-transition: all .5s ease-in-out .1s;
        -moz-transition: all .5s ease-in-out .1s;
        -ms-transition: all .5s ease-in-out .1s;
        -o-transition: all .5s ease-in-out .1s;
    }
	#jp .inner_banner img{
        max-width:250px !important;
        padding-top:134px;
		margin-right:15px;
        transition: all .5s ease-in-out .1s;
        -webkit-transition: all .5s ease-in-out .1s;
        -moz-transition: all .5s ease-in-out .1s;
        -ms-transition: all .5s ease-in-out .1s;
        -o-transition: all .5s ease-in-out .1s;
    }
	#jp .ir_banner img{
		padding-top:83px;
	}
    #jp .career_banner img{
		padding-top:95px;
	}
	#jp .tec_banner img{
		padding-top:149px;
	}
    .csr_banner img{
        max-width: 280px !important;
		padding-top:124px;
    }
    #jp .csr_banner img{
		padding-top:118px;
    }
	#jp .contact_banner img{
		padding-top:97px;
    }
	.m_menu a{ width:39px;
    height:23px;
	margin-top:8px;
    background:url(menu_icon_m.png) no-repeat center center;
	transition: all .5s ease-in-out .1s;
        -webkit-transition: all .5s ease-in-out .1s;
        -moz-transition: all .5s ease-in-out .1s;
        -ms-transition: all .5s ease-in-out .1s;
        -o-transition: all .5s ease-in-out .1s;}
    .report_list li figcaption{
        display:table-cell;
        margin-top: 0;
    }
    .report_list li{
        width:100%;
    }
    .report_list li figcaption h3, .report_list li figcaption a{
        margin-left:20px;
    }
    .report_list li figure > a{
        width:160px;
        transition: all .5s ease-in-out .1s;
        -webkit-transition: all .5s ease-in-out .1s;
        -moz-transition: all .5s ease-in-out .1s;
        -ms-transition: all .5s ease-in-out .1s;
        -o-transition: all .5s ease-in-out .1s;
    }
	.report_list li figure > a img{ width:160px;}
    .sitemap ul > li > ol >li{
        float:none;
        width:50%;
    }
    .inner_banner.site_banner img{
        padding-top: 121px;
    }
	.h1_group h1 span{
		display:block;
        font-size:22px;
    	padding:5px 0 10px;
    }

    /* index-page */
    .index_tec_img{
        /*text-align: center;*/
    }
    #banner{
        height: 200px;
    }
    ul.banner_list{
        height: 200px;
    }
    ul.banner_list li{
        height: 200px;
    }

    /* about us */
    .value_img{
        width: 100%;
        margin-left: 0;
    }
    .about_gis_golbal section ul li{
        width: 100%;
        padding-right: 0;
        margin-top: 10px;
    }

    /* tech service */
    .bpi div{
        width: 100%;
        text-align: center;
    }
    .bpi > p{
        width: 100%;
        margin-top: 25px;
    }
    .tec_service_bpi section:not(:first-of-type){
        margin-top: 25px;
        border-top: 1px solid #3d3d3d;
    }
    .tec_service_bpi section .s_left,
    .tec_service_bpi section .s_right{
        width: 100%;
    }
    .tec_service_bpi section .s_left{
        border-top: none;
    }
    .tec_service_bpi section .s_right{
        text-align: center;
        /*margin-bottom: 25px;*/
    }
    .tec_service_bpi section:first-of-type .s_left{
        padding-top: 40px;
    }
    .tec_service_advance section:last-child .tec_adv_img{
        width: 100%;
        margin-right: 0;
    }
    .tec_qc ul li{
        width: 100%;
    }

    .contact_us section ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .about_gis_golbal section ul li{
        width: 100%;
    }
    .about_gis_golbal section:last-of-type{
        margin-top: 0;
    }

}