@charset "utf-8";
/* CSS Document */
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: table;    content: " ";}
.navbar-default .navbar-toggle {
    border-color: #fff;
}

/*menu*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
    background: #fff;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
/*end menu*/
@media (min-width: 768px) and (max-width: 1200px){
	body{width: 1200px}
}
/*767*/
@media (min-width: 767px){
	.navbar-default .navbar-toggle {
	    display: none;
	}
	.navbar-default .flyoutbar.row {
	    display: none;
	}
	.navbar-default .htt_language{display: none;}
}


@media (max-width: 767px){
	body{100%;}
	.main{width: 100%;}
	.top1 .htt_language{display: none;}
	.top2{height: 0px}
	.main >.navbar-header {
	    margin: 0;
	    display: inline-block;
	    position: absolute;
	    top: -62px;
	    right: 0;
	}
	.navbar-toggle {
	    float: left;
	    margin-left: 15px;
	}
	/*menu */

	.mobilenav {
	    position: fixed;
	    left: 0;
	    top: 0;
	    right: 0;
	    background: #fff;
	    z-index: 16;
	    width: 100%;
	    height: 100%;
	    will-change: transform, overflow, visibility;
	    overflow-x: hidden;
	    overflow-y: auto;
	    -webkit-overflow-scrolling: touch;
	    visibility: hidden;
	    display: none;
	    -webkit-transform: translate3d(-101%, 0px, 0px);
	    -moz-transform: translate3d(-101%, 0px, 0px);
	    -ms-transform: translate3d(-101%, 0px, 0px);
	    transform: translate3d(-101%, 0px, 0px);
	    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.605, 0.065, 0.935, 0.55), visibility 0.01s linear 0.31s;
	    -moz-transition: -moz-transform 0.3s cubic-bezier(0.605, 0.065, 0.935, 0.55), visibility 0.01s linear 0.31s;
	    -ms-transition: -ms-transform 0.3s cubic-bezier(0.605, 0.065, 0.935, 0.55), visibility 0.01s linear 0.31s;
	    transition: transform 0.3s cubic-bezier(0.605, 0.065, 0.935, 0.55), visibility 0.01s linear 0.31s;
	}

	.mobilenav.isopen {
	    z-index: 17;
	    visibility: visible;
	    display: block;
	    -webkit-transform: translate3d(0%, 0px, 0px);
	    -moz-transform: translate3d(0%, 0px, 0px);
	    -ms-transform: translate3d(0%, 0px, 0px);
	    transform: translate3d(0%, 0px, 0px);
	    -webkit-transition: visibility 0.01s linear, -webkit-transform 0.3s cubic-bezier(0.08, 0.455, 0.375, 0.96) 0.03s;
	    -moz-transition: visibility 0.01s linear, -moz-transform 0.3s cubic-bezier(0.08, 0.455, 0.375, 0.96) 0.03s;
	    -ms-transition: visibility 0.01s linear, -ms-transform 0.3s cubic-bezier(0.08, 0.455, 0.375, 0.96) 0.03s;
	    transition: visibility 0.01s linear, transform 0.3s cubic-bezier(0.08, 0.455, 0.375, 0.96) 0.03s;
	}
	.flyoutbar.row {
	    height: 59px;
	    z-index: 30;
	    background: white;
	    display: block;
	    vertical-align: baseline;
	    border-bottom: 2px solid #000;
	}
	h2.flyoutbar__header {
	    font-size: 24px;
	    padding: 0;
	    line-height: 60px;
	    text-align: center;
	    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96), opacity 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96);
	    -moz-transition: -moz-transform 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96), opacity 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96);
	    -ms-transition: -ms-transform 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96), opacity 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96);
	    transition: transform 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96), opacity 0.15s cubic-bezier(0.08, 0.455, 0.375, 0.96);
	    text-overflow: ellipsis;
	    width: 70%;
	    overflow: hidden;
	    white-space: nowrap;
	    margin: auto;
	}
	ul.flyoutbar__list {
	    position: absolute;
	    left: 10px;
	    right: 10px;
	    top: 0;
	}
	li.flyoutbar__item {
	    border: none;
	    position: absolute;
	    width: 50px;
	    height: 60px;
	    right: -10px;
	    top: 0;
	}
	

	li.flyoutbar__item.flyoutbar__item--back {
	    right: auto;
	    top:10px;
	    left: 0px;
	}
	li.flyoutbar__item .flyoutbar__back-text{display: none;}
	a.flyoutbar__item-inner{font-size: 40px}
	.menu {
	    display: block;
	    width: 100%;
	    height: auto;
	    position: relative;
	    z-index: 22;
	}
	.menu li {
	    display: block;
	    height: 85px;
	    text-align: left;
	}

	.navbar-default .htt_language{display: block;position: relative;width: 100%; padding: 15px}
	.navbar-default .htt_language a {
	    width: 24%;
	    display: inline-block;
	}
	/*menu*/
	/*header*/
	a.logo{width: 90%; max-width: 258px;}
	/*end header*/

	.ban{background-size: auto 100% !important;}
	/*slider*/
	/*.box_163css img{object-fit:cover;}*/
	#scroll_box3{width: 100%;height: auto;}
	
	#scroll_box3 .box_163css{width: 100%;}
	/*#scroll_box3 .box_163css ul li{width: 100%;}*/

	#scroll_box3 .box_163css img{width: 100%;    object-fit: cover;}
	/*end slider*/
	/*index*/
	.sy1 .d0{width: 100%;}
	.sy1 .d1{width: 100%;margin-top: 20px;}
	.sy1 .main{padding: 0px 15px;}
	.sy1 .xx1{width: 100%;}
	.sy1 .xx1n{width: 100%;}
	.sy1 .fo1{width: 100%;margin: 0px;    padding: 30px 20px;}
	.sy1 .an_h{width: 100%;}
	
	.cx_lb li{width: 100%; height: auto;}
	.cx_lb .imgk{height: auto;}
	.sy1 .d2{width: 100%;}
	.sy3 .d1{width: 100%;}
	.sy3 .d2{width: 100%;padding: 0px 15px;}
	.kh_lb{width: 100%;}
	.kh_lb ul{width: 100%;padding: 0px 15px}
	.kh_lb li{width: 48%;}
	.kh_lb li:nth-child(2n){float: right; margin-right: 0px;}
	.lb1 p{font-size: 16px;}

	.footer-block-left{display: none;}
	.footer-menu{width: 100%;display: none;}
	.footer-menu .footer-menu-item{padding: 0 20px 0px 0px;}
	.footer-block-right{text-align: left; margin-top: 10px;float: left;}
	/*index*/
	/*page*/
	.top3 .d1{width: 100%;}
	.top3 .zz1{width: 100%;    margin: 0px;   padding: 0px 30px 20px;}
	.top3 .zz1_r{width: 100%;}
	.top3 .zz2{width: 100%;margin: 0px;  padding: 0px 30px 40px;}
	.top3 .fo3{width: 100%;}
	.top3 .fo3 .tx4{width: 100%; max-width: 500px;}
	.top3 .wd_lb{width: 100%; margin: 0px; padding: 0px 15px 10px;}
	.top3 .wd_lb dd{width: 100%;}
	.top3 .wd_lb dl{width: 100%;}
	.top3 div.d1{display: none;}
	.top3 .serivce{text-align: justify;}
	
	.top3 .d2{width: 100%;}
	.top3 .d2 .bt4{width: 100%;margin: 0px;    padding: 0px 0px 0px 30px;}
	.top3 .d2 .ab_nr{width: 100%; margin: 0px; padding: 10px 15px;}
	/*end page*/
	/*contact*/
	.map-wrap > iframe{width: 100% !important;}
	/*end contact*/
}

@media(max-width:420px){
	#tracklist{word-wrap: break-word;}
	#tracklist .col-md-12,#tracklist .col-xs-3,#tracklist .col-xs-2,#tracklist .col-xs-1{padding: 0px 5px}

}

@media(max-width:400px){
	#scroll_box3 .box_163css{max-width: 400px; width: 100%;}
	.lb1 i{width: 90px;height: 100px;}
}

@media(min-width:620px){
	.ban{background-size:100% auto !important;}
}

@media(max-width: 360px){
	.lb1 i{width: 100%;height: 90px;}
	.lb1 p{font-size: 14px;}
}
@media(max-width: 320px){
	body{width: 320px !important;}
}