/****************** 移动端自适应 *******************************/
@media screen and (min-width: 320px) and (max-width: 980px){
.w1000{width: 100%;}
.___Page_Black_Width{width: 90%;}
	
#D-1 .Box .left{flex-basis: 50%;}
#D-1 .Box .left .logo{font-size: 12px;font-weight: bold;}	
#D-1 .Box .right{display: none;position: fixed;height: calc(100% - 20px);width: 40%;;flex-direction: column;justify-content: flex-start;padding-right: 0;right:0;animation: 0.3s rightToleft;white-space: nowrap;background: rgba(255,255,255,.99);box-shadow: 0 -1px 5px rgb(0 0 0 / 50%);padding: 10px;}
@keyframes rightToleft{
	from{right: -100%;}
	to{right: 0;}
}
#D-1 .Box .right .tab-box{order: 5;flex-direction: column;}
#D-1 .Box .right .tab a{display: block;width: 100%;padding: 10px 0;}
#D-1 .Box .right .tab a::before{content: "▌";color:dodgerblue;}
#D-1 .Box .right .leng{order: 2;font-size: 16px;min-height: 50px;border-bottom: 1px dotted #e3e3e3;}
#D-1 .Box .right .member{order: 3;font-size: 16px;min-height: 50px;justify-content: center;}	
#D-1 .Box .open{display: flex;align-items: center;font-size: 26px;margin-right: 5%;}
#D-1 .Box .open:hover .right{right: 0;}
	
#D-2{height: 50%;}
#D-2 .Box{position: relative;background-position: left top, center;background-size: 60%, cover;animation: zoom 1.5s infinite alternate;}
@keyframes zoom{
    from {}
    to {background-size: 62%, cover;}
}
#D-2 .Box .container{width: 90%;bottom: 8%;}
#D-2 .Box .container .wenan h1{font-size: 22px;color: #444;text-shadow: 0 1px 2px rgb(0 0 0 / 50%);}
#D-2 .Box .container .wenan p:last-child{font-size: 14px;color: #7a7a7a;text-shadow: 0 1px 0.5px rgb(0 0 0 / 10%);line-height:20px;}
#D-2 .Box .container .search{width: calc(100% - 60px);}
#D-2 .Box .container .search input{}

	
	
#D-3 .Box{width: 90%;}
#D-3 .Box .tab li h3{font-size: 14px;}
#D-3 .Box .list{margin: auto;overflow-x: scroll;}
#D-3 .Box .list ul{width: 250%;}
#D-3 .Box .list li .bg .a .title h3{font-size: 18px}
#D-3 .Box .list li .bg .a .title span{font-size: 14px;}
#D-3 .Box .list ul:nth-child(3){width: 100%;}
#D-3 .Box .list ul:nth-child(3) li:nth-child(-n+3) .bg{padding-top: 60%;background-size: 80%, cover;background-position:-40px, 100px;}



	
	
#D-4 .Box .title{margin-bottom: 35px;}	
#D-4 .Box .title h3{font-size: 22px;}
#D-4 .Box .list ul{width: 90%;flex-direction: column;}
#D-4 .Box .list li{margin: 0px 0px 10% 0px;flex-grow: 0;}
#D-4 .Box .list li:first-child .left{flex-basis: auto;width: 10vh;}
#D-4 .Box .list li:nth-child(2) .left{flex-basis: auto;width: 10vh;}
#D-4 .Box .list li:nth-child(3) .left{flex-basis: auto;width: 10vh;}
#D-4 .Box .list li:last-child .left{flex-basis: auto;width: 10vh;}
#D-4 .Box .list li .right h4{font-size: 18px;}
#D-4 .Box .go a{padding: 15px 30px;font-size: 18px;}



#D-5 .Box .title{margin-bottom: 35px;}
#D-5 .Box .title h3{font-size: 22px;}
#D-5 .Box .list ul{overflow-x: scroll;width: 90%;margin: auto;justify-content: flex-start;}
#D-5 .Box .list li{flex-basis: 80%;flex-shrink: 0;margin-right: 5%;}


#D-6 .Box .title{margin-bottom: 30px;}
#D-6 .Box .title h3{font-size: 22px;}
#D-6 .Box .list li{flex-direction: column;}	
#D-6 .Box .list li .left .number{min-width: 50px;width: 50px;height: 50px;font-size: 36px;}
#D-6 .Box .list li .left .con{margin-left: 15px;}
#D-6 .Box .list li .left .con h4{font-size: 18px;}
#D-6 .Box .list li .left .con p{font-size: 12px;}
	
#D-7 .Box .title h3{font-size: 22px;}
#D-7 .Box .list ul{flex-wrap: wrap;}
#D-7 .Box .list li{flex-basis: 45%;margin-right: 2.5%;margin-bottom: 2.5%;}
#D-7 .Box .list li:nth-child(2){margin-right: 0;}
#D-7 .Box .list li .con h4{font-size: 18px;}
#D-7 .Box .list li .con p{font-size: 12px;}
	
	
#D-8{padding:100px 0 0px 0;}
#D-8 .Box .title h3{font-size: 22px;}
#D-8 .Box .title p{font-size: 12px}
#D-8 .Box .title h3 .ico{width: 70px;height: 70px;}
#D-8 .Box .list ul{flex-direction: column;}
#D-8 .Box .list li{margin-right: 5%;margin-left: 5%;margin-bottom: 5%;}
#D-8 .Box .list li:last-child{margin-right: 5%;}
	
#D-9{padding:50px 0 0px 0;}
#D-9 .Box{height: 100vw;background-position: 65% center; }
#D-9 .Box .title{margin-top: 52%;margin-left: auto;margin-right: auto;width: 90%;text-align: center;}
#D-9 .Box .title h3{font-size: 32px;color: aliceblue;text-shadow: 0 1px 2px rgb(0 0 0 / 50%);}
#D-9 .Box .title p{color: aliceblue;text-shadow: 0 1px 2px rgb(0 0 0 / 50%);}
#D-9 .Box .title .go{margin-top: 30px;}
#D-9 .Box .title .go a{padding: 10px 30px;font-size: 18px}
	
	
/*首页-品牌列表*/	
#brand .class h2{font-size: 22px;}
#brand li{width: calc((100% - 15px)/4);height: 10vw;}
#brand li:nth-child(4n){margin-right: 0;}
	
	
/*-----首页-文章板块------*/
#D-11{}
#i-article{width: auto;}
#i-article #i-a-box{margin-top: 50px;}
#i-article #i-a-box .i-a-nav ul{justify-content:center;}
#i-article #i-a-box .i-a-nav li{width: calc((100% - 36px)/3);margin: 5px;line-height: 25px;font-size: 12px;}
#i-article #i-a-box .i-a-list{width: calc((100% - 20px)/1);margin: 20px 0px 0 10px;}
#i-article #i-a-box .i-a-list h5{font-size: 18px;}
#i-article #i-a-box .i-a-list ul{height: auto;}
#i-article #i-a-box .i-a-list li:last-child{border-bottom: 0px;}
#i-article #i-a-box .i-a-list li .i-a-l-con b{font-size: 12px;}
#i-article #i-a-box .i-a-list li .i-a-l-con p{font-size: 10px;}
	
	
#D-12{padding: 40px 0;}
#D-12 .Box{flex-direction: column-reverse;width: 90%;}
#D-12 .Box .left{padding: 10px;}
#D-12 .Box .left h3{font-size: 20px;}
#D-12 .Box .left p{line-height: 25px;}
#D-12 .Box .left .go{margin: 30px 0 30px 0;}
#D-12 .Box .left .go a{padding: 10px 25px;font-size: 18px}
#D-12 .Box .right{height: 55vw;flex-basis: auto;}
	
	
	
/*尋找老師頁面*/
#page_Teacher .path .Box{width: 90%;}
#page_Teacher .cate .Box{width: 90%;}
#page_Teacher .list .Box{width: 90%;}
#page_Teacher .list .Box ul{padding: 10px;}
#page_Teacher .list .Box li{max-width:100%;margin-right: 0;height: auto;}
#page_Teacher .list .Box li .con{flex-wrap: wrap;height: auto;}
#page_Teacher .list .Box li .con .left{display: none;}
#page_Teacher .list .Box li .con .center{max-width: 100%;padding: 10px 10px 0px 10px;display: flex;flex-wrap: wrap;}
#page_Teacher .list .Box li .con .center .ico{width: 60px;height: 60px;border-radius: 100%;overflow: hidden;}
#page_Teacher .list .Box li .con .center .ico a{height: 100%;display: block;background-repeat: no-repeat;background-size: cover;background-position: center;}
#page_Teacher .list .Box li .con .center .top-box{width: calc(100% - 60px);padding-left: 5px;box-sizing: border-box;overflow: hidden;}
#page_Teacher .list .Box li .con .center .top-box .skill span{font-size: 12px;}
#page_Teacher .list .Box li .con .center .description{width: 100%;-webkit-line-clamp: 3;font-size: 12px;}
#page_Teacher .list .Box li .con .right{width: 100%;}
#page_Teacher .list .Box li .con .right .go{margin-top: 0px;}
#page_Teacher .list .Box li .con .right .go a{display: inline-block;width: 30%;}
	
	
	
	
/*/////////////////---【产品详细页】---///////////////////////*/
#P-Show___block-1 .b1-p-title{font-size: 22px;}
#P-Show___block-1 .b1-product-img .b1-tips-1{width: 20px ;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tips-1 img{width: 60%;}
#P-Show___block-1 .b1-product-img .b1-tips-2{width: 20px ;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tips-2 img{width: 60%;}
#P-Show___block-1 .b1-product-img .b1-tips-3{width: 20px ;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tips-3 img{width: 60%;}
#P-Show___block-1 .b1-product-img .b1-tips-4{width: 20px ;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tips-4 img{width: 60%;}
#P-Show___block-1 .b1-product-img .b1-tips-5{width: 20px ;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tips-5 img{width: 60%;}
#P-Show___block-1 .b1-product-img .b1-tips-6{width: 20px ;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tips-6 img{width: 60%;}
#P-Show___block-1 .b1-product-img .b1-line .b1-l-1{top:calc(20% + 10px);right: calc(75%);}
#P-Show___block-1 .b1-product-img .b1-line .b1-l-2{top:calc(45% + 10px);right: calc(80% - 0px);}
#P-Show___block-1 .b1-product-img .b1-line .b1-l-3{top:calc(70% + 10px);right: calc(75% - 0px);}
#P-Show___block-1 .b1-product-img .b1-line .b1-l-4{top:calc(20% + 10px);left: calc(75% - 0px);}
#P-Show___block-1 .b1-product-img .b1-line .b1-l-5{top:calc(45% + 10px);left: calc(80% - 0px);}
#P-Show___block-1 .b1-product-img .b1-line .b1-l-6{top:calc(70% + 10px);left: calc(75% - 0px)}
#P-Show___block-1 .b1-product-img .b1-tab div{font-size: 12px;height: 20px;}
#P-Show___block-1 .b1-product-img .b1-tab .b1-t1{top:calc(20% + 0px);right: 80%;}
#P-Show___block-1 .b1-product-img .b1-tab .b1-t2{top:calc(45% + 0px);right: 85%;}
#P-Show___block-1 .b1-product-img .b1-tab .b1-t3{top:calc(70% + 0px);right: 80%;}
#P-Show___block-1 .b1-product-img .b1-tab .b1-t4{top:calc(20% + 0px);left: 80%;}
#P-Show___block-1 .b1-product-img .b1-tab .b1-t5{top:calc(45% + 0px);left: 85%;}
#P-Show___block-1 .b1-product-img .b1-tab .b1-t6{top:calc(70% + 0px);left: 80%}

#P-Show___block-2 .path{display: none;}
#P-Show___block-2 .Box{margin: 20px 3% 0 3%;}
#P-Show___block-2 .cate_nav{width: 100%;order: 1;}
#P-Show___block-2 .cate_nav ul{display: flex;flex-wrap: wrap;}
#P-Show___block-2 .cate_nav li{width: calc((100% - 30px)/4);margin-right: 10px;margin-bottom: 10px;}
#P-Show___block-2 .cate_nav li:nth-child(4n){margin-right: 0;}
#P-Show___block-2 .cate_nav li a{font-size: 12px;line-height: 40px;}
#P-Show___block-2 .block-p1{order: 2;width: 100%;}
#P-Show___block-2 .block-p1 .p-info{flex-wrap: wrap;}
#P-Show___block-2 .block-p1 .p-info .left{width: 100%;}
#P-Show___block-2 .block-p1 .p-info .right{ width: 100%;}
#P-Show___block-2 .block-p1 .p-info .right .title h2{padding:0 10px;}
#P-Show___block-2 .block-p1 .p-info .right .price{margin-right: 30px;}
#P-Show___block-2 .block-p1 .p-content div:first-child{left: -10px;top:20px;width:55px;font-size:14px;height:40px;writing-mode:lr}
#P-Show___block-2 .block-p1 .p-content div:first-child::before{top:60px;border-width: 0px 10px 20px 0px;}
	
	
	
/*/////////////////---【产品栏目页】---///////////////////////*/
#P-Cate-List .Banner{height: 85px;}
#P-Cate-List___B1 .path{display: none;}
#P-Cate-List___B1 .cate_nav{width: 100%;order: 1;border-top:none;border-radius: 10px;}
#P-Cate-List___B1 .cate_nav ul{display: flex;flex-wrap: wrap;}
#P-Cate-List___B1 .cate_nav li{width: calc((100% - 80px)/4);margin-right: 10px;margin-bottom: 10px;}
#P-Cate-List___B1 .cate_nav li:nth-child(4n){margin-right: 0;}
#P-Cate-List___B1 .cate_nav li a{font-size: 12px;line-height: 40px;}
#P-Cate-List___B2 .list li{width: 100%;padding-top: 100%;}
	
	
/*/////////////////---【产品总汇页】---///////////////////////*/
#P-List .Banner{height: 85px;}
#P-List___B1 .path{display: none;}
#P-List___B1 .cate_nav{width: 100%;order: 1;border-top:none;border-radius: 10px;}
#P-List___B1 .cate_nav ul{display: flex;flex-wrap: wrap;}
#P-List___B1 .cate_nav li{width: calc((100% - 80px)/4);margin-right: 10px;margin-bottom: 10px;}
#P-List___B1 .cate_nav li:nth-child(4n){margin-right: 0;}
#P-List___B1 .cate_nav li a{font-size: 12px;line-height: 40px;}
#P-List___B2 .list li{width: 100%;padding-top: 100%;}
	
	
	

/*---------------资讯/动态 页---------------*/
#article .path{display: none;}
#article .Box{margin: 20px 3% 0 3%;}
#article .left{width: 100%;order:2}
#article .left .content li .index_img{width: 100px;background-position: center;}
#article .left .content li .title{font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/*为了兼容火狐*/}
#article .left .content li .description{font-size: 10px;color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/*为了兼容火狐*/}
#article .left .content li .cate-time{font-size: 10px;}
#article .left .content .show .info-tag{font-size: 10px;width: auto;}
#article .left .more .m-left{width: 100%;}
#article .left .more .m-right{width: 100%;margin-top: 10px;}
#article .right{order:1;width: 100%;}
#article .right .cate ul{display: flex;flex-wrap: wrap;justify-content: center;}
#article .right .cate li{width: calc((100% - 30px)/4);margin-right: 10px;font-size: 12px;}
#article .right .cate li:nth-child(4n){margin-right: 0;}

/*---------------资讯/动态 详细页---------------*/
#article_show .path{display: none;}
#article_show .Box{margin: 20px 3% 0 3%;}
#article_show .left{width: 100%;order:2}
#article_show .left .content .show li{list-style-type:square;padding: 8px 0;border-bottom: 1px dotted #ddd;}
#article_show .left .content .show blockquote{margin: 20px 0 0 0px;}
#article_show .left .content .show .info-tag{font-size: 10px;width: auto;}
#article_show .left .more .m-left{width: 100%;}
#article_show .left .more .m-right{width: 100%;margin-top: 10px;}
#article_show .right{order:1;width: 100%;}
#article_show .right .cate ul{display: flex;flex-wrap: wrap;justify-content: center;}
#article_show .right .cate li{width: calc((100% - 30px)/4);margin-right: 10px;font-size: 12px;}
#article_show .right .cate li:nth-child(4n){margin-right: 0;}
	

	
	
	
/*/////////////////---【关于我们-页】---///////////////////////*/

#about .cate{background-size: 150% auto;background-position: center top;height:35vw;min-height: 150px;}
#about .cate .cate-list h3{display: none;}
#about .cate .cate-list ul{overflow-x: auto;height: 55px;justify-content:flex-start;}
#about .cate .cate-list li{width:70px ;font-size: 12px;line-height: 32px;}
#about .content-box{width: 95%;margin: auto;}
#about .content-box .con{padding: 10px 10px;}



/*/////////////////---【关于我们-分类内页-】---///////////////////////*/
#about-cate .cate{background-size: 150% auto;background-position: center top;height:35vw;min-height: 150px;}
#about-cate .cate .cate-list h3{display: none;}
#about-cate .cate .cate-list ul{overflow-x: auto;height: 55px;justify-content:flex-start;}
#about-cate .cate .cate-list li{width:70px ;font-size: 12px;line-height: 32px;}
#about-cate .content-box{width: 95%;margin: auto;}
#about-cate .content-box .con{padding: 10px 10px;}	
	
	
	
/*-[单页]----联系我们------*/
#Contact-us{height: auto;background-size: cover;background-position:-450px center;background-repeat: no-repeat;}
#Contact-us .c-box{perspective:1000;-webkit-perspective:1000 ;justify-content: center;margin: 60px 0;}
#Contact-us .c-box .c-left{width: 80%;padding:0 0 0 15px ;box-shadow: 0 -20px 20px rgba(0,0,0,.2) inset;
	transform: rotateX(84.6deg);
    transform-origin: bottom center;}
#Contact-us .c-box:hover .c-left{transform:rotateX(0)}
#Contact-us .c-box .c-left .top h3{font-size: 25px;}
#Contact-us .c-box .c-left .top span{font-size: 12px;}
#Contact-us .c-box .c-left li{height: 35px;}
#Contact-us .c-box .c-right{width: 80%;}
#Contact-us .c-box .c-right .r1{font-size: 18px;margin: 30px 0 10px 0;}
#Contact-us .c-box .c-right .r2{font-size: 12px;line-height: 25px;}
#Contact-us .c-box .c-right .r3{display: none;}
#Contact-us .c-box .c-right .r4{margin: 15px auto 15px auto;width: 55%;}
#Contact-us .c-box .c-right .r4:after{width: 30px;}
#Contact-us .c-box .c-right .r4:before{width: 30px;}
#Contact-us .c-box .c-right .post-demand{display: flex;width: 90%;margin:35px auto 0 auto;flex-wrap: wrap;}
#Contact-us .c-box .c-right .post-demand div:nth-child(1){width: 100%;}
#Contact-us .c-box .c-right .post-demand div:nth-child(1) input{width: 100%;}
#Contact-us .c-box .c-right .post-demand div:nth-child(1) input:nth-child(1){margin-bottom:5px ;}
#Contact-us .c-box .c-right .post-demand div:nth-child(2){width: 100%;margin-top:5px ;}
#Contact-us .c-box .c-right .post-demand div:nth-child(2) textarea{width: 100%;}
#Contact-us .c-box .c-right .post-demand div:nth-child(3){width:100%;margin-top:5px ;}
#Contact-us .c-box .c-right .post-demand div:nth-child(3) img{width: calc(50% - 10px);}





	
	
	
/*首页-搜索*/
#search .logo{font-size: 24px;}
#search .input-block{width: 80%;}
#search .input-block input{width: 78%;height: 30px;}
#search .input-block button{width: 18%;height: 30px;}
		
	
	
	
	
/**-------底部-------**/	
.foot-1 .f-block{flex-wrap: wrap;justify-content: center;}
.foot-1 .f-block .foot-1-d:nth-child(1){display: none;}
.foot-1 .f-block .foot-1-d:nth-child(2) ul{width: 100%;}
.foot-1 .f-block .foot-1-d:nth-child(2) .about_description{width: 100%;}

	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}