@media screen and (max-width:1199px) {
	#indexPagemain{min-width:100%;padding-bottom:0}
	#indexPagemain .main-tc{width:100%;box-sizing: border-box;}
	#indexPagemain .main-tc .f1lan{width:100%;display: flex;flex-direction: column;}
	#indexPagemain .main-tc .f1lan .makeBtn{width:100%;}
	#indexPagemain .main-tc .f1lan .makeBtn .btn{background-size: cover;font: 22px / 94px "microsoft yahei";}
	#indexPagemain .main-tc .f1lan .subject {width:100%;height:revert}
	#indexPagemain .main-tc .f1lan .subject .tit{font-size: 22px;}
	#indexPagemain .main-tc .f1lan .subject .bd{width:100%;max-height:revert;overflow:revert}
	#indexPagemain .main-tc .mainCont .guide{width:100%;padding:20px;box-sizing: border-box;}
	#indexPagemain .main-tc .mainCont .picScroll{width:100%;margin-left:revert}
	#indexPagemain .main-tc .mainCont .picScroll .tempWrap{width:100% !important;}
	#indexPagemain .main-tc .mainCont .picScroll ul{}
	#indexPagemain .main-tc .mainCont .guide-ul{display: grid;grid-template-columns: repeat(3, auto);grid-row-gap:5px;
        grid-column-gap:5px;}
	#indexPagemain .main-tc .mainCont .guide-ul li{width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;margin:0}



#indexPagemain .main-tc .mainCont .Expert {width:100%;}
#indexPagemain .main-tc .mainCont .Expert .Expert-cont{height:revert;}
#indexPagemain .main-tc .mainCont .Expert .Expert-ul{width:100%;padding-top: revert;}
#indexPagemain .main-tc .mainCont .Expert .Expert-ul .tempWrap{width:100%;}
#indexPagemain .main-tc .mainCont .Expert .Expert-ul li .pic{width:100%;height:200px;object-fit:contain;border-radius:revert;-webkit-border-radius:revert}
#indexPagemain .main-tc .mainCont .visits {width:100%;}
#indexPagemain .main-tc .mainCont .visits .visits-hd {display: flex;align-items: center;}
#indexPagemain .main-tc .mainCont .visits .visits-hd .date{width:100%;}
#indexPagemain .main-tc .mainCont .about {width:100%;}
#indexPagemain .main-tc .mainCont .about .about-bd .img{width:100%;object-fit: cover;}
#indexPagemain .main-tc .mainCont .about .about-bd .name{width:100%;padding-left:revert}
#indexPagemain .main-tc .mainCont .about .about-bd .info{width:100%;padding-left:revert;max-height:revert}
#indexPagemain .main-tc .mainCont .fast {width:100%;}
#indexPagemain .main-tc .mainCont .news{width:100%}	



	#footerView{width:100%;min-width:revert;min-height:revert}
	#footerView .b-links{height:100%;}
	#footerView .mag{width:100%;padding: 20px;box-sizing: border-box;}
	#beian{width:100%;display: flex;align-items: center;justify-content: center;}
	
	#indexBanner{height:200px}
	#indexBanner .arrow{top:100px}
	#indexBanner .hero-wrap{width:100%;height:100%}
	#indexBanner #banner-hero{width:100%;background: #333;height:100%}
	#indexBanner .heros{width:100%;height:100%}
	#indexBanner .heros li{width:100%;height:100%}
	#indexBanner .heros li img{width:100%;object-fit: contain;height:100%}

#toptips{min-width:100%;height:revert;display: none;}	
#toptips .mag{width:100%;}


#tophead{min-width: 100%;height:revert;padding: 0 20px;padding-bottom: 10px;box-sizing: border-box;}
#tophead .mag{width: 100%;}
#tophead #topyydh{display: none;}
#tophead .code{position:revert;display: none;}
#tophead .tel{position:revert;display: none;}
#tophead .logo{width:100%;display: flex;align-items: center;height:revert;justify-content: space-between;}
#tophead .logo img{width:50%;height:revert}
#tophead .tips{position:revert;width:100%;padding-top:revert;display: flex;align-items: center;padding-top: 10px;}
#tophead .tips .title{flex-shrink:0;}
#tophead .mobileMenu ul{width:100%;display: flex;flex-direction: column;}
#tophead .mobileMenu ul li{width: 30px;height: 2px;background: #000;}
#tophead .mobileMenu ul li:nth-child(2){margin:10px 0}

#topnavbar{min-width:100%;min-height:calc(100vh - 93.22px);position: absolute;top:93.22px;z-index:99999;display:none}
#topnavbar .mag{width:100%;display: flex;flex-direction: column;}
#topnavbar .mag li{width:100%}
#topnavbar .mag li .sub{width:100%;position:revert}



#aboutView{min-width:100%;padding-bottom:0}
#aboutView .ny-cont{width:100%;padding:20px;box-sizing: border-box;display: flex;flex-direction: column;}
#aboutView .ny-cont .left{width:100%}
#aboutView .ny-cont .left .fast{width:100%}
#aboutView .ny-cont .right{width:100%}
#aboutView .ny-cont .right .right-about{width:100%}
#aboutView .ny-cont .right .right-about p{width:100%}
#aboutView .ny-cont .right .right-about p img{width:100% !important;height:revert !important;object-fit: contain;}
#aboutView .ny-cont .right .right-about iframe{width:100% !important;}
#aboutView .ny-cont .right .right-about tr{width:100% !important;display: flex;flex-direction: column;}
#aboutView .ny-cont .right .right-about td{width:100% !important}
#aboutView .ny-cont .right .right-about td img{width:100% !important}



#newsView{min-width:100%;padding-bottom:0}
#newsView .ny-cont{width:100%;padding:20px;box-sizing: border-box;}
#newsView .ny-cont .ny-left{width:100%;padding-right:revert;border-right:none}
#newsView .ny-cont .ny-right{width:100%;padding-top: 30px;}
#newsView .ny-cont .ny-right .recom-img .photo{width:100%}
#newsView .ny-cont .ny-right .recom-img .text{width:100%}
#newsView .ny-cont .ny-right .recom-img .bg{width:100%}
#newsView .ny-cont .ny-left .ny-news .item img{width:100%;height:revert}
#newsView .ny-cont .ny-left .ny-news li.item .title{width:100%;padding:revert}
#newsView .ny-cont .ny-left .ny-news li.item .cont{width:100%;padding:revert}



#productView{min-width:100%;padding-bottom:0}
#productView .ny-cont{width:100%;padding:20px;box-sizing: border-box;}
#productView .ny-cont .team-tab .bd{width:100%}
#productView .ny-cont .team-tab .bd a{padding: 10px 30px;}
#productView .ny-cont .team-ul{width:100%;margin-left:revert}
#productView .ny-cont .team-ul li{width:100%;padding:10px;box-sizing: border-box;margin: 10px 0;}
#productView .ny-cont .team-ul li .pic{width: 40%;}
#productView .ny-cont .team-ul li .pic img{width: 100%;object-fit: contain;}
#productView .ny-cont .team-ul li .title{width: 55%;}
#productView .ny-cont .team-ul li .inner{width: 55%;}


#newsShowView{min-width:100%;padding-bottom:0}
#newsShowView .ny-cont{width:100%;padding:20px;box-sizing: border-box;}
#newsShowView .ny-cont .ny-newsCont .ny-left{width:100%;padding-right:0;border-right:none}
#newsShowView #about_ctl00_proInfo{width:100% !important}
#newsShowView .ny-cont .ny-newsCont .ny-left p{text-indent:revert !important}
#newsShowView .ny-cont .ny-newsCont .ny-left p img{width:100% !important;}
#newsShowView .ny-cont .ny-newsCont .ny-right{width:100%}
#newsShowView .ny-cont .ny-newsCont .ny-right .recom-img .photo{width:100%}
#newsShowView .ny-cont .ny-newsCont .ny-right .recom-img .bg{width:100%}
#newsShowView .ny-cont .ny-newsCont .ny-right .recom-img .text{width:100%}




#productModal{width:100%;min-height:100vh;margin:0;top:0;left:0;border-radius:0;-webkit-border-radius:0}
#productModal iframe{width:100%;height:100%}


#modalCont{width:100%;height:100%;padding:5%;box-sizing: border-box;-webkit-border-radius:0;border-radius:0;}
#modalCont .con{width:100%;height:100%;}
#modalCont .introDetail{padding:0;width:100%;padding-top: 20px;}





}