.phone,.mini_box,.logo_mini,.mini_icon,.mini_menu,.panel,.mini_line{ display:none;}
@media screen and (max-width: 1445px) {
	.menubox>ul>li>a{ padding:8px 0px; font-size:18px;}
	.ind_01_bt,.bt02_box,.bt03_box,.bt04_box,.vidbook,.menubox>ul,.in_content,.video_in_box{ width:90%;}
	.doc_inbox{  display: flex; flex-wrap: wrap;}
	.doc_box .ab_img,.doc_inbox li img{ width:100%;}
	
	.ind_01_bt ul li{ width:32%; margin-right:2%;}
	.ind_01_bt ul li a{ width:100%;}
	/*.bt02_box ul li{ margin-right:5%; width:15%;}*/
	/*.bt02_box ul li img{max-width:100%; }*/
	.bt03_box ul li{width:32%; margin-right:2%;}
	.bt03_box ul li a{ width:100%; }	
	.bt04_img img {    margin: 9% auto 0 auto; width: 44%;}
	.bt04_box ul li{ width:15.8%; margin-right:1%;}
	.bt04_box ul li a{ width:100%;}
	
	.bt03_fly h2 { font-size:24px;}
	.min_no{ display:none;}
	.menubox>ul{ width:90%;}
	.menubox>ul>li{ width:9%; padding-bottom:36px;}
	.menubox>ul>li>a{ text-align:center;}
	.bt01_img_pbox p{ margin-top:1%;}
	.bt01_img{ width:22%;}
	.bt01_img_pbox{    padding: 3% 0 0 11%;}
	.logo_in{ top:11%;}
	.demo-gallery li{ width:23%; margin-right:2%; margin-bottom:2%;}
	.photo_boxin li{ width:23.4%;  }
    .photo_boxin li:nth-child(5n){ margin-right:2%;}
	.photo_boxin li:nth-child(4n){ margin-right:0%;}
	}


@media screen and (max-width: 1158px) {
	.bt01_img_pbox p{ font-size:26px; margin-top:4%;}
	.logo_in img{ width:25%;}
	.t_show{ margin-top:3.5%;}
	.video_in_box li{ width:23%; }	
	.table_membox{ border:0; padding:10px 0;}
	.table_membox li span{ width:20%; display:block; display:inline-block; vertical-align:middle; color:#999;}
	.table_membox>li{ width:80%;  text-align:left; border-bottom:#CCC solid 1px; margin-bottom:20px; }
	.t_m{display:inline-block; vertical-align:middle;}
	.table_membox li:nth-child(1){ width:80%;}
	.table_membox li:nth-child(3){  width:80%;}
	.table_membox.one_pc{ display:none;}
	.table_membox li a{display:inline-block; vertical-align:middle;}
	.table_membox:nth-child(odd){ background:#efefef;}
	
}
@media screen and (max-width: 1108px) {
	
	.video_show, .book_show{ width:47.5%; margin-bottom:5%;}
	.book_show:nth-child(2n+1){ clear:both;}
	
}
@media screen and (max-width: 1037px) {
	.people_box{ display:none;}
	.people_box2{ display:block;}
	.logo_ingbox{ display:none;}
	.photo_boxin li{ width:48.4%;  }
	.photo_boxin li:nth-child(4n){ margin-right:2%;}
	.photo_boxin li:nth-child(2n){ margin-right:0;}
	.video_in_box li{ width:47%;}
	.faq_box_bt{ display:none;}
	.mini_line{ display:block;}
	.line_pc{ display:none;}
	.ad_bg_in { border:#EEE solid 1px;}
	.ser_box{ display:none;}	
	.ad_box{ height:192px;}
	.logo_in{ display:none;}
	.ad_bg_in img{ width:1200px; float:right;}
	#left-panel ul li.active{ background:url(../img/a15.png) no-repeat 95% 21px ;}
	#left-panel ul li.active2{ background:url(../img/a15-2.png) no-repeat 95% 21px ;}
	
	
	
	.bt04_box{ width:100%; background:#F1F3F7; margin: 0px;  padding: 9% 0 5% 0;}
	.bt04_bg{ display:none;}
	.bt04_img{ position:relative;}
	.bt04_box ul{ display: flex; flex-wrap: wrap; width:90%; margin:0 auto;}
	.bt04_box ul li { width: 28.8%; margin-right:4%; margin-bottom:4%;}
	.bt04_box ul li{border-radius: 5px; padding:22px 0 ;	box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5);
}
	.bt04_img h3{ margin-top:2%; font-size:25px;}
	
	.bt04_box ul li:nth-child(1),.bt04_box ul li:nth-child(6){ 
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aeddfa+0,b4dffa+29,92d2fb+51,4db8fd+100 */
background: #aeddfa; /* Old browsers */
background: -moz-linear-gradient(top,  #aeddfa 0%, #b4dffa 29%, #92d2fb 51%, #4db8fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aeddfa 0%,#b4dffa 29%,#92d2fb 51%,#4db8fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aeddfa 0%,#b4dffa 29%,#92d2fb 51%,#4db8fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeddfa', endColorstr='#4db8fd',GradientType=0 ); /* IE6-9 */
}

	.bt04_box ul li:nth-child(2){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaadc+1,ff90d2+28,ff41b2+51,f61499+100 */
background: #ffaadc; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaadc 1%, #ff90d2 28%, #ff41b2 51%, #f61499 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffaadc 1%,#ff90d2 28%,#ff41b2 51%,#f61499 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffaadc 1%,#ff90d2 28%,#ff41b2 51%,#f61499 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaadc', endColorstr='#f61499',GradientType=0 ); /* IE6-9 */
}

.bt04_box ul li:nth-child(3){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3db36+1,d3db3f+28,d2dc21+51,c5cf11+100 */
background: #d3db36; /* Old browsers */
background: -moz-linear-gradient(top,  #d3db36 1%, #d3db3f 28%, #d2dc21 51%, #c5cf11 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d3db36 1%,#d3db3f 28%,#d2dc21 51%,#c5cf11 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d3db36 1%,#d3db3f 28%,#d2dc21 51%,#c5cf11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3db36', endColorstr='#c5cf11',GradientType=0 ); /* IE6-9 */
}

.bt04_box ul li:nth-child(4){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea9af9+1,eb96fc+26,eb96fc+51,e571fc+100 */
background: #ea9af9; /* Old browsers */
background: -moz-linear-gradient(top,  #ea9af9 1%, #eb96fc 26%, #eb96fc 51%, #e571fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ea9af9 1%,#eb96fc 26%,#eb96fc 51%,#e571fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ea9af9 1%,#eb96fc 26%,#eb96fc 51%,#e571fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9af9', endColorstr='#e571fc',GradientType=0 ); /* IE6-9 */
}

.bt04_box ul li:nth-child(5){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4c050+1,f4b835+26,f6b728+54,d69a11+100 */
background: #f4c050; /* Old browsers */
background: -moz-linear-gradient(top,  #f4c050 1%, #f4b835 26%, #f6b728 54%, #d69a11 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4c050 1%,#f4b835 26%,#f6b728 54%,#d69a11 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4c050 1%,#f4b835 26%,#f6b728 54%,#d69a11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c050', endColorstr='#d69a11',GradientType=0 ); /* IE6-9 */
}
	/*.bt02_box{ width:100%; background:#E79325; margin:0; padding:5% 0;}*/
	.bt02_box{ display:none;}
	.orang_samall{ display:block;}
	.bt02_box ul{ display: flex; flex-wrap: wrap; width:90%; margin:0 auto;}
	.bt02_box ul li{ width:48%; margin-right:2%; background:#FFF; padding:20px; margin-bottom:2%; height:84px;}
	.bt02_box ul li img{ width:66px;}
	.bt02_box ul li a img.pc{ display:none;}
	.bt02_box ul li a p{ color:#9D6B23; font-size:20px; font-weight:bolder; line-height:39px;}
	
	.mini_icon{ display:block;}
	.bt03_box ul li{width:32%; margin-right:2%;}
	.mini_box{ display:block; background:#E69426; border-bottom:#FFD6A0 solid 5px;}
	.ind_01_bt{ width:100%;}
	.bt02_box ul{ padding:0;}
	.mini_90_box { width:100%; margin:10px auto;}
	.mini_open{ padding:15px 20px; display:block; float:left; width:75px; text-align:center; font-size:14px; color:#FFF; }
	.mini_open span{ width:100%; height:2px; background:#FFF;}
	.m2{ margin:7px 0;}
	.mini_right{ float:right; display:block;}
	.logo_mini{ width:100%; margin:15px 0; display:block;}
	.logo_mini img{ max-width:60%; min-width:50%; margin:0 auto;}
	.mini_right li{ float:left; border-left:#FFF solid 1px;}
	.mini_right li a,.min_sser_bt { display:block;  padding:5px 20px; color:#FFF; font-size:14px; text-align:center; line-height:20px; min-width:76px;}
	.mini_right li a i.demo-icon{ font-size:17px;}
	
	.bt03_box{ margin:6% auto 4% auto;}
	.bt03_box ul{ display: flex; flex-wrap: wrap; width:100%;}
	.bt03_box ul li{ width:48%; margin-right:2%; margin-bottom:2%; background:none; border:0; position:relative;}
	.bt03_pp{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, 0.43); border-radius:10px;}
	.bt03_fly h2{ color:#FFF;}
	.bt03_box ul li.bt03_noma{ margin-right:2%;}
	.bt03_box ul li img{ width:100%;}
	.bt03_box ul li .bt03_pp img{ width:auto;}
	.bt03_img{ display:none;}
	.bt03_fly span{ position:absolute; bottom:5%; left:0;}
	.bt03_fly h2{ position:absolute; bottom:17%; left:0; }	
	
	.ind_01_bt ul li{ margin-right:22px;}
	.ind_01_bt ul li a{ width:285px;}
	.bt01_img_pbox{ padding-top:12px; padding-left:31px;}
	.menubox{ display:none;}
	.logo_box,.top_box{ display:none;}
	.bt01_bg{ display:none;}
	.bt01_img_pbox{ position:relative;}
	.bt01_img{ float:none; margin:0 auto; width:80px;}
	.bt01_img_pbox p{ float:none; width:100%; text-align:center; margin:10px 0;}
	.ind_01_bt ul li{ border-right:#CCC dashed 1px;  border-bottom:#CCC dashed 1px; width:32.3%; margin-right:1%; padding-bottom:20px;}
	.ind_01_bt ul li.bt01_noma{ margin-right:1%;}
	.ind_01_bt ul li:nth-child(3n){ border-right:0;}
	.ind_01_bt ul li:nth-child(7){border-bottom:0;}
	.ind_01_bt ul li:nth-child(8){ border-bottom:0;}
	.ind_01_bt ul li:nth-child(9){ border-bottom:0;}
	.ind_01_bt ul li a{ width:100%;}
	.bt01_img_pbox{ padding:0;}
	.bt02_bg{ display:none;}
	.bt02_box ul{ position:relative; display:block; clear:both; }
	.ind_01_bt{ margin-bottom:0;}
	.idx_banner ._c1{  padding-top:100px;  left:50px; }
	.idx_banner ._c2{  padding-top:120px;  left:220px; }
	.idx_banner ._c3{  padding-top:110px;  left:448px;}
	.bt03_box ul li a {width:100%; }
	
	/*mini_menu*/
  #page { width:100%; overflow:hidden;  margin: 0 auto; background:#FFF;  }

    .panel {
      display: none;
      width: 220px;
      overflow: auto;
      background-color: #333;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #222;
    }
#left-panel>ul li a{  display:block; padding:18px 5px; width:100%; border-bottom:#414141 solid 1px; font-size: 16px;  }
#left-panel>ul>li>a{ color:#FFF;}
#left-panel ul li a.no_baicon{ background:none;}
#left-panel ul li>ul{ display:none;}
/*#left-panel ul li ul li ul{ display:none;}*/
#left-panel ul li ul a{ background:#4D4D4D; border-bottom: #5E5E5E solid 1px;  color:#EEE;}
}

@media screen and (max-width: 924px) {
.doc_inbox li{ width:18%; margin:0; margin-right:2%; margin-bottom:2%;}
.link_list li{ float:left; width:23%; }
.pc{ display:none;}
.phone{ display: block;}
.join_box{ width:100%;}
.contact_mee102{ width:100%;}
.join_box .contact_mee102 ul li p{ width:13%;}
.join_box .contact_mee102 ul li input,.contact_mee102 ul li textarea{ width:84%;}

.join_text{ right:12%;}
.sex_box input{ width:auto!important; }
.join_box  .contact_mee102 ul li input.core_c{ width:84%;}
.contact_mee102 ul li img{ float:none; clear:both; margin-left:16%;}
.contact_mee102 ul li.pale{ margin-left:0;}
.join_box .contact_mee102 ul li button{border-radius:15px;}

.demo-gallery a{ float:left; width:48%; margin-right:2%; margin-bottom:40px; display:block;}
.demo-gallery a:nth-child(6n+1){ clear:none;}
.demo-gallery a:nth-child(2n+1){ clear:both;}
}


@media screen and (max-width: 767px) {
	.contact_mee102 ul li img{ margin-left:0;}
	.contact_a li{ width:100%; float:none; margin-bottom:10px;}
	.join_box  .contact_mee102 ul li input.core_c,.contact_mee102 ul li input,.contact_mee102 ul li textarea,.contact_mee102 ul li input.core_c{ width:100%;}
	.contact_mee102{ margin-top:0;}
	.contact_mee102 ul li{ margin-bottom:3%;}
	.contact_mee102 ul li:nth-child(4){ margin-bottom:0;}
	.contact_mee102 ul li:nth-child(6){ margin-top:3%;}
	.contact_mee102 ul li p{ float:none; margin:0; margin-bottom:1%; width:100%;}
	.join_box .contact_mee102 ul li p{float:none; margin:0; margin-bottom:1%; width:100%;}
	.contact_mee102 ul li.pale{ margin:0; padding:0;  }
	.join_box .contact_mee102 ul li input{ width:100%;}
	.join_text{ position:relative; top:auto; right:auto;}
	.contact_mee102 ul li.pale{ margin-left:0;}
}
@media screen and (max-width: 742px) {	
	.link_list li{ float:left; width:31%; }
}

@media screen and (max-width:619px) {
	.sing.active{ width:90%;}
}


@media screen and (max-width:600px) {
	.link_list li{ float:left; width:48%; }
	.long_box2 input{ width:75%; margin-right:0;}
	.corde_box{ float:none; margin-top:10%; margin-left:75px; clear:both;}
	.sing.active{ height:auto;}
	.back_bt{ float:none;}
	.in_h2_2{ width:100%; margin-top:10px; float:none;}
	.back_bt,.news_nex_pre li a p{ color:#f18a00;}
	.webmap_box>li{ width:47%; line-height:28px;}
	.doc_inbox li{ width:23%;}
	.demo-gallery li{ width:48%; margin-right:2%; margin-bottom:2%;}
	
	.photo_boxin li{ border-radius: 10px; border:#EEE solid 1px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,f7f7f7+50,f8f8f8+83,d3d3d3+100 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #f7f7f7 50%, #f8f8f8 83%, #d3d3d3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ededed 0%,#f7f7f7 50%,#f8f8f8 83%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ededed 0%,#f7f7f7 50%,#f8f8f8 83%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}
}

@media screen and (max-width:547px) {
	.bt03_fly span{ width:100%; overflow:hidden; white-space:nowrap;}
	.video_show,.book_show{ width:100%; background:#FFF; border:#EEE solid 1px; margin-bottom:4%;}
	.book_show{ margin-left:0;}
}
@media screen and (max-width:482px) {
	.bt02_box ul li img{ float:none; margin:0 auto;}
	.bt02_box ul li a p{ float:none; text-align:center;}
	.bt02_box ul li{ height:auto; margin-bottom:2%;}
	.bt04_box ul li{ width:45.8%;}
}
@media screen and (max-width:437px) {
	.bt03_box ul li{ width:100%; margin-right:0;}
}
@media screen and (max-width:390px) {
	.long_box p, .long_box2 p{ max-width:100%; width:100%; text-align:left; float:none;}
	.long_box input{ float:none; width:100%; max-width:100%;}
	.long_box2 input{ width:100%; max-width:100%;}
	.long_box2 img{ float:none;}
	.corde_box{ margin-left:0px;}
	.doc_inbox li{ width:23%;}
	
}