@media only screen and (max-width: 1601px) {
	.w { width: 1200px; }
	.left{width:900px;}
	.right{width:270px;}
	.product .content .txt h2{ font-size:45px;}
	.prolist h2{ font-size:30px;}
	.work li{ background-position:90% center;}
}

@media only screen and (max-width: 1441px) {
	.w { width: 1100px; }
	.left{ width:830px;}
	.right{width:250px;}
	.banner { height: 450px; }
	.banner ul li { background-size: auto 100% !important; }
	.about .num,.about .content{ width:100%; float:none;}
	.about .num{ margin-bottom:40px; overflow:auto;}
	.about .num .counter,.about .num .counter2,.about .num .counter3{ width:33.3%; float:left; text-align:center;}
	.about .num h2{ font-size:60px;}
	.cultrue1 div h2{ font-size:20px;}
}

@media only screen and (max-width: 1200px) {
	.w { width: 1000px; }
	.left{width:730px;}
	.right{width:250px;}
	.banner { height: 400px; }
	.position{ margin:25px auto;}
	.product .content .txt h2{ font-size:40px;}
	.prolist h2{ font-size:20px;}
	.work li .txt{ padding:4% 0;}
}

@media only screen and (max-width: 1081px) {
	.w { width: 96%; }
	.banner { height: 350px;}
	.nbanner { height: 300px;}
	.slogan h2{ font-size:24px;}
	.left{width:72%;}
	.pro{ width:75%;}
	.right{width:25%;}
	.newslist li .pic{ width:35%; margin-top:4%; margin-left:2%;}
	.newslist li .txt{ width:55%;}
	.newslist li .txt i{ font-size:12px; line-height:20px;}
	.newslist li .txt h2{ line-height:35px;}
	.newslist li .txt span{padding-right:15px;}
	.newslist li .txt p a{ margin-top:10px; text-align:right; margin-right:10px;}
	.product .content .txt h2{ font-size:35px;}
	.work li .txt p{ font-size:18px;}
	.foot dl{ display:none;}
	.foot .wechat{ float:none; width:100%; max-width:500px; margin:40px auto; overflow:auto;}
	.foot .wechat .pic{ float:left; width:47%; text-align:center;}
	.foot .wechat .txt{ float:left; width:45%; text-align:left;}
	.foot .wechat .txt span{ font-weight:bold; font-size:20px; display:block; margin-bottom:20%;}
	.foot .wechat .txt p{  font-size:20px;}
	.foot .wechat .txt p b{ font-weight:bold; display:block; font-size:16px;}
}

@media only screen and (max-width: 981px) {
	.head { height: 70px; line-height: 55px; }
	.logo { margin: 20px auto 0; }
	.nav {float: none; width: 100%; position: absolute; top: 70px; left: 0; background-color: rgba(0,0,0,1); z-index: 4000; line-height: 36px; padding-bottom:100%;}
	.nav ul li a { float: none; width: auto; text-align: center; padding: 0; border-bottom: 1px solid #30363e; color: #fff; font-size:14px; text-align:left; padding-left:10%;
    background: url(../../images/n/jia.jpg) no-repeat 95% center;
    background-size: 16px 16px;}
	.nav a::after { display: none; }
	.nav ul li:hover .sub { display: none; }
	.logo { max-width: 165px; }
	.banner { height: 300px; }
	.nbanner { height: 250px;}
	.menuBtn { display: block; }
	.bar{ height:auto; width:100%;}
	.slogan{ width:100%; text-align:center; float:none;}
	.slogan h2{ font-size:24px;}
	.biao{ width:100%; float:none; margin:15px auto; height:92px; background:#f5f5f5;}
	.cl.no, .no1{ border:none;}
	.cl{ border:none; width:20%; padding:10px 0;}
	.cl p{ font-size:14px; top:45px; color:#333; display:block; background:none; padding:0;}
	.cl p i{ font-size:14px;}
	.cl.on{ background:none; border:none;}
	.cl.on span{ background-position:center 0;}
	.news{ padding:30px; margin-bottom:30px;}
	.position{ margin:20px auto;}
	.left,.right{ width:100%; float:none; overflow:hidden;}
	.right{ margin-bottom:10px;}
	.right dl dt{ line-height:40px;}
	.right dl dd{ line-height:30px;}
	.news{ padding:20px; margin-bottom:20px;}
	.prolist{ width:103%;}
	.product{ margin-bottom:10px;}
	.product .content.mt50{ overflow-x:scroll;}
	.product .productcon{ margin:15px auto;}
	.brand ul{ margin:0 auto;}
	.foot .link{ display:none;}
}

@media only screen and (max-width: 767px) {
	.i{ width:92%;}
	.inews, .iproduct, .iculture{ width:98%; float:none; margin:10px auto; max-width:420px;}
	.foot .link a{ padding:0; width:33%; text-align:center; box-sizing:border-box; margin:5px auto;}
	.copyright span{ display:none;}
	.copyright p{ text-align:center;}
	.position{ margin:10px auto;}
	.banner ul .slick-dots li a{ width:10px; height:10px;}
	.product .content .pic,.product .content .txt{ width:90%; margin:10px auto; float:none;}
	.product .print{ display:none;}
	.product .content .txt h2{text-align:center;}
	.product .content table.tab th,.product .content table.tab th p{ font-size:12px;}
	.about,.cultrue,.history,.page{ padding:40px 20px 0; margin-bottom:20px;}
	.about .num h2{ font-size:40px;}
	.about .con{ margin:30px auto;}
	.cultrue1 div{ width:100%; float:none; margin:20px auto;}
	.history .box{ background-position:10px center;}
	.history .box .con{ width:100%;}
	.history .box .con.fr h2{ left:10px; padding-left:40px;}
	.history .box .con.fl h2{ left:0px; right:auto; background-position:10px center;padding-left:50px; margin-left:-7px; }
	.history .box .con.fl{ text-align:left;}
	.history .box .con.fl dl dt{ padding-left:20px;}
	.history .box .con.fl dl dd{ background-position:7px 7px;padding-left:23px;}
	.videoshow iframe{ height:400px;}
	.product .content .pic{ margin-top:30px;}
	.product .content .pic i,.product .content .pic p,.product .content .pic .small{ width:100%;}
	.product .content .txt h2{ margin:30px auto;}
	.prolist p i{ display:block; float:none;}
	.school{ padding:10px 10px 20px;}
	.school .con dl.hf{ width:100%;}
	.school .con dl.hf.fr{ margin-top:20px;}
	
}
@media only screen and (max-width: 650px) {
	.about .num .counter,.about .num .counter2,.about .num .counter3{ width:100%;}
	.videolist li{ margin-bottom:20px;}
	.videoshow iframe{ height:350px}
	.foot .wechat .txt span{ font-weight:bold; font-size:16px; display:block; margin-bottom:20%;}
	.foot .wechat .txt p{  font-size:16px;}
	.joblist .w2,.joblist .w3,.joblist .w4,.joblist .w5{ display:none;}
	.joblist .w1{ width:76%;}
	.joblist .w6{ width:20%;}
	#tmall,#contact,#wechat{ display:none;}
	.search{ float:left;}
}
@media only screen and (max-width: 481px) {
	.nav ul li a{ line-height:60px; font-weight:normal;}
	.banner { display:none;}
	.mbanner{ display:block; height:260px;}
	.mbanner ul li { background-size: auto 100% !important; }
	
	.nbanner { height: 150px;}
	.cl{ border:none; width:33%; height:80px;}
	.biao{margin:15px auto; height:auto;}
	.i1,.i2,.i3{ border-bottom:1px solid #ccc !important;}
	.i4,.i5{ border-right:1px solid #ccc !important;}
	.i1,.i2{ border-right:1px solid #ccc !important;}
	.slogan{ margin:25px auto;}
	.slogan h2{ font-size:20px;}
	.slogan p{ font-size:16px;}
	.news{ padding:10px; margin-bottom:10px;}
	.news .tit h2{ margin-bottom:25px;}
	.newslist li .pic,.newslist li .txt{ width:98%; float:none;}
	.newslist li .pic{ margin-left:auto; margin-top:2%;padding-bottom:50%;}
	.prolist{ width:100%;}
	.prolist li{ width:100%; margin:10px auto; float:none;}
	.prolist p i{ float:right;}
	.about,.cultrue,.history,.page{ padding:20px 10px;}
	.about .content *{ font-size:14px;}
	.about .con{ margin:15px auto;}
	.videolist li .pic,.videolist li .txt{ width:100%; padding:0;}
	.videoshow iframe{ height:200px;}
	.school .tit{ font-size:16px;}

	.piclist li{ width:100%; margin:5px auto; padding:0;}
	.work .box .pic{ float:none; width:100%; margin:10px auto; max-width:none;}
	.work .box .txt{ float:none; width:80%; margin:10px auto;}
	
	.school .con span,.school .con dl h3{ font-size:16px;}
	.foot .link{ margin:20px auto;}
	.foot .link a{ font-size:12px;}
	.copyright i {display:none;}
	
}
@media only screen and (max-width: 321px) {
	.mbanner{  height:200px;}
	.school .tit{ font-size:14px;}
	.school .con span,.school .con dl h3{ font-size:14px;}
	.school .con p,.school .con dl dt{ font-size:12px;}
	.foot .wechat .pic,.foot .wechat .txt{ margin-left:4%;}
	.foot .wechat .txt span{ font-size:14px;}
	.foot .wechat .txt p b{ font-size:14px;}
}