.bar-nav{z-index: 3; width: 50px; overflow: hidden;display: none;}
.bar-nav .btn-nav .bar {position: relative; display: block; width: 6px; height:6px; margin: 10px auto; background-color: #c6ba9b; border-radius: 10px;-webkit-transition: 0.3s; transition: 0.3s;}
.bar-nav .btn-nav .bar:nth-of-type(2) {}
.bar-nav .btn-nav .bar:nth-of-type(1) {margin-top: 0px;}
.bar-nav .btn-nav .bar:nth-of-type(3) {margin-bottom: 0px;}
.bar-nav .btn-nav:hover .bar{background-color: #fff; width: 6px; height:6px; transition:all 0.3s ease;-webkit-transform:all 0.3s ease;}

.bar-nav .cross .bar:nth-of-type(2) {height:2px;}
.bar-nav .cross .bar:nth-of-type(1) {height:2px;}
.bar-nav .cross .bar:nth-of-type(3) {height:2px;}
.bar-nav .cross .bar:nth-of-type(1) {width:100%;
-webkit-transform: translateY(13px) rotate(-45deg);
-ms-transform: translateY(13px) rotate(-45deg);
transform: translateY(13px) rotate(-45deg);
}
.bar-nav .cross .bar:nth-of-type(2) {opacity: 0; transition:all 0s ease;}
.bar-nav .cross .bar:nth-of-type(3) {width:100%;
-webkit-transform: translateY(-13px) rotate(45deg);
-ms-transform: translateY(-13px) rotate(45deg);
transform: translateY(-13px) rotate(45deg);
}
.bar-nav .btn-nav {background: transparent; border: none;cursor: pointer;z-index: 99999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.bar-nav .btn-nav .bar:active{background-color: #c6ba9b;}
.bar-nav .btn-nav:focus {outline: 0;}

.msub-list {background: #1a1a1a;/*border-top: 1px solid rgba(255, 255, 255, 0.15);*/ position: absolute;top: 65px;z-index: 99; width: 100%;left: 0;height: calc(100vh - 10px); display: none;}
.msub-list .list-wrap {padding: 5px 0;}
.msub-list .list-wrap .list li {border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.msub-list .list-wrap .list li a {color: #fff;}
.msub-list .list-wrap .list li dt {position: relative;font-weight: normal;height: 54px;line-height: 54px;box-sizing: border-box;padding: 0 5.2%;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.msub-list .list-wrap .list li dt a {font-size: 16px;display: inline-block;	width: 80%;text-transform: capitalize;}
.msub-list .list-wrap .list li dt .icon {position: absolute;right: 36px;top: 0;transition: all 0.5s ease 0s;}
.msub-list .list-wrap .list li dd {display: none; font-weight: normal;background: #222;box-sizing: border-box;padding: 0px 5.2%; line-height: 30px; position: relative;}
.msub-list .list-wrap .list li dd a {font-size: 14px; display: inline-block; width: 100%; padding:5px 0;}
.msub-list .list-wrap .list li dd:before {content: ''; width: calc(100% - 36px); height: 1px;position: absolute;left: 18px; bottom: 0;background: rgba(255, 255, 255, 0.15);}
.msub-list .list-wrap .list li dd:last-child:before {display: none;}
.msub-list .list-wrap .list li:last-child {border: none;}
.msub-list .list-wrap .list li:last-child dt {border: none;}
.msub-list .list-wrap .list li:last-child.cur dt {border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.msub-list .list-wrap .list li.cur .icon {transform: rotate(180deg);}

@media(max-width: 1800px){
	.nav li a{font-size: 16px;}
}
@media(max-width: 1600px){
	.logo{max-width: 200px;}.nav li{margin-right: 25px;}
	.index3 ul li .fz_jut{padding-top: 100px;}
	.index3 ul li .fz_jut .font .nei .text{font-size:21px;}
	.font36{font-size: 40px;}
}
@media(max-width: 1440px){
    .font36{font-size: 36px;}
}
@media(max-width: 1360px){
    .nav li{margin-right: 20px;}.font36{font-size: 34px;}
	.index3 ul li .fz_jut{padding-top: 80px;}
	.index3 ul li .fz_jut .font .nei .text{font-size:18px;}
	.index2 .text h1{font-size: 48px;}
}
@media(max-width: 1280px){
    .container{padding:0 50px;}.font36{font-size:30px;}
	.index3 ul li .fz_jut .font .nei .text{font-size:16px;}
	
}

@media(max-width: 1190px){
.head{height: 80px;}.header .head {height: 65px;}.logo {max-width: 150px;}.language_a{display: none;} .language_a{padding:0 0 0 25px;}
.nav li{margin-right:12px;}.nav li:last-child{margin-right:0;} .nav li a{font-size:15px;}.font36{font-size:26px;}
	.index3 ul{display: none;}.index3 .index3_mob{display: block;}
	.index2{padding: 40px 0;height: auto;}
	.index2 .text h1{font-size: 36px;}
	.index4{padding: 40px 0;height: auto;}
	.index4_box .col-5{display: none;}.index4_box .ml-5{margin:0 1.25rem !important;}
}
@media(max-width: 980px){
.head {height: 65px;}.container{padding:0 30px;}.menu-button{display: block;}.nav{display: none;}.bar-nav{display: block;}
	.index2 .text h1{font-size: 28px;}
	.index3 ul{display: none;}.index3 .index3_mob{display: block;}
	.index4{height: auto;padding: 50px 0;}
	.index4_box{margin: 0 0px;}
	.index4_box .ml-5{margin-left: auto!important;padding-left: 0px!important;padding-right: 0px!important;}
	.index4_box .col-5{display: none;}
	.wooden .row{flex-wrap: wrap;}
	.wooden .row .col{width: 100%;flex-basis:auto;}
	.col_m_order_0 {order: 0;}	.col_m_order_1 {order: 1;}
	.wooden .pl-5{padding-left: 10px!important;}
	.wooden .pr-5{padding-right: 10px!important;}
	.wooden .text{font-size: 14px;}
	.wooden_box{padding: 10px;}
	.banner_pic_group,.banner_flv_area{padding-bottom: 50%;}
	.banner_pic .text{left: 15%;right: 15%;top:40%;font-size: 3.5vw;}
}
@media(max-width: 640px){.container{padding:0 15px;}
.head{height:50px;}.logo{width: 40%;}.menu-button{top:25px;}.font36{font-size: 20px;}
	.indexbanner div.text{font-size: 16px;}
	.indexbanner .swiper-button-prev,.indexbanner .swiper-button-next{}
	.banner_pic .text{left: 15%;right: 15%;top:50%;font-size: 3.5vw;}
	.index2 .text h1{font-size: 24px;}
	.index2 .text .text2 h1{font-size: 18px;}
	.index3 .index3_mob_box{padding: 10px 10px;}
	.index-about{display: block;height: auto;}
	.index-about-text{margin: 0;padding:1% 3%;}
	.index-about h3{padding-top:100px;margin-top: 0;}
	.index-about-text p{font-size: 100%;}
	.index-about2{height: auto;background:url("../uploadfile/ad/about-2n.jpg");background-position:top;}
	.index-about2-text{margin: 15px;}
	.index-about2-text-ul{padding: 0;}
	.index-about2-text-ul:nth-child(2),.index-about2-text-ul:nth-child(3){margin: 0;}

	

	
	
}