@charset "utf-8";

@media screen and (min-width:720px) and (max-width :1900px) {

	#forterindex .page1 .text{ padding-left:15px;}

	#forterindex .page3 .text .wb{ padding:15px 10%; font-size:16px; line-height:1.5;}

	#forterindex .page4 .square{ max-width:100%; margin: 0 auto 200px;}
	.wrap{ min-width:320px; overflow:hidden;}

	#navigate,.footer{ display:none;}

	.mobi-show{ display:block;}

	#forterindex .active .ani{ -webkit-animation:none; -moz-animation:none; -o-animation:none; animation:none;}
}



@media screen and (min-width: 360px) and (max-width :640px) {

	.wrap{ min-width:320px; overflow:hidden;}

	#navigate,.footer{ display:none;}

	.mobi-show{ display:block;}

	#forterindex .active .ani{ -webkit-animation:none; -moz-animation:none; -o-animation:none; animation:none;}

	/**/

	#fp-nav{ display:none;}
	#forterindex .page1{ background-position:100% center;}

	#forterindex .page1 .text{ padding-left:15px;}

	#forterindex .page1 .text h1{ font-size:50px; color:#FFF;}

	#forterindex .page1 .text p{ font-size:16px; color:#FFF; line-height:2;}

	#forterindex .page1 .text em{ display:block; font-style:normal;}

	/**/

	#forterindex .page2 .text .num img{ max-width:50%; height:auto;}

	#forterindex .page2 .text .txt img{max-width: 90%;height:auto;}

	#forterindex .page2 .text .year{ font-size:24px;}

	/**/

	#forterindex .page3{ background-size:cover;}

	#forterindex .page3 .text .xcdx img{ max-width:70%; height:auto; }

	#forterindex .page3 .text .mouse{ height:270px;}

	#forterindex .page3 .text .wb{ padding:15px 10%; font-size:16px; line-height:1.5;}

	/**/

	#forterindex .page4 .square{ max-width:100%; margin: 0 auto;}

	#forterindex .page4 .square li{ width:100%; float:none; margin:0 auto;}

	/**/

	.positon{ height:0; padding:10px 0 0 0;}

	/**/

	.banner{ height:120px; background-size: cover; padding:5% 5%;}

	.banner .text{ padding-top:40px;}

	.banner .text h3{ font-size: 24px;}

	.banner .text p{ font-size:14px;}

	.inner{ padding:0 0 20px;}

	.products ul li{ width:50%;}

	.products ul li .text{ padding: 15px 10px; height:57px;}

	.products ul li .text b{ font-size:20px;}

	.products ul li .text cite{ display:none;}

	/**/

	.productshow .Areapic{ height:auto;}

	.productshow .Areapic .wrap{ width:auto;}

	.productshow .Areapic .piczoom{ width:auto; float:none;}

	.productshow .Areapic .piczoom .largepic{ width:100%;}

	.productshow .Areapic .piczoom .largepic img{ width:100%; height:auto;}

	.productshow .Areapic .text{ width:auto; float:none; padding:45px 5% 0;}

	.productshow .Areapic .piczoom .thumbs{ width:100%; height:80px; overflow:hidden; border-top:rgba(0,0,0,.1) 1px solid; border-bottom:rgba(0,0,0,.1) 1px solid; padding:10px 0;}

	.productshow .Areapic .piczoom .thumbs ul li{ float:left; padding:0 5px;}

	/**/

	.productshow .Salepint{ height:auto;margin-top:0;}

	.productshow .Salepint .text{ width:auto; height:auto;}

	/**/

	.productshow .Salepint .text ul li h3{ font-size:20px;}

	.productshow .Salepint .text ul li p{ font-size:14px;}

	/**/

	.productshow .Function table{ width: 96%; margin:0 2%;}

	.productshow .Function table td{ padding:20px 5px 10px 5px;vertical-align: top;}

	.productshow .Function table td h3{ font-size:18px;}

	.productshow .Function table td p{padding-right:0;}

	/**/

	.productshow .Parameter .content{ width: 96%; padding:20px 2%;}

	.productshow .Parameter table td{ width:25%;}

	.productshow .Parameter table td:nth-child(2){ width:75%;}

	.productshow .Parameter table td strong{ padding-left:0;}

	/**/

	.show360vr{ max-width:100%; padding-bottom:50px;}

	.show360vr iframe{ width:100%; height:480px;}

	/**/

	.supportbox .block ul{ width:auto;}

	.supportbox .block ul li{ width:auto; float:none;}

	.supportbox .way ul li{ width:auto;}

	/**/

	.inbanner{height: 150px;    background-size: cover;}

	.inbanner:before{ content:""; clear:both; display:block; height:50px;}

	.inbox .leftside,.inbox .rightside{ width:96%; float:none; right:none; padding:0 2%; margin-top:30px;}

	.newslist ul li .image img{width: 100%;height: auto;}

	/**/

	.jobbox ul li dl dt{ width:20%; height:24px; line-height:24px;}

	.jobbox ul li dl dd{ width:80%; height: 24px; line-height:24px;}

	/**/

	.helpbox .xxtab ul li{ width:50%;}

	/**/

	.softbox .softSoso{ margin: 50px 10px 100px 10px;}

	.softbox .softSoso .title{ display:none;}

	.softbox .softSoso .form{ float:none; height:auto;}

	.softbox .softSoso .form .select{ float:none; margin-bottom:10px; width:auto;}

	.softbox .softSoso .form .select input{ width:94%; margin:0 3%; padding:0; background-position: right center;}

	.softbox .softSoso .form .input{ float:none; width:auto;}

	.softbox .softSoso .form .input input.txt{ width:160px;}

	/**/

	.online ul li{width: 100%; float:none; padding:50px 0; border-bottom:#F0F0F0 1px solid;background:none;}

	/**/

	.fwmbox img{ width:100%; height:auto;}

	/**/

	.aftersalebox .tab ul li{ width: 31%;margin-right:0px;}

}