@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1920px){
.pingguo{position:absolute; left:910px; top:536px;}
.pingguo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
.anzhuo{position:absolute; left:1064px; top:536px;}
.anzhuo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
}
@media screen and (max-width:1600px){
.pingguo{position:absolute; left:740px; top:518px;}
.pingguo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
.anzhuo{position:absolute; left:898px; top:518px;}
.anzhuo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
}
@media screen and (max-width:1440px){
.pingguo{position:absolute; left:670px; top:512px;}
.pingguo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
.anzhuo{position:absolute; left:824px; top:512px;}
.anzhuo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
}
@media screen and (max-width:1366px){
.pingguo{position:absolute; left:632px; top:510px;}
.pingguo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
.anzhuo{position:absolute; left:786px; top:510px;}
.anzhuo .an{width:138px; height:42px; line-height:42px; display:block;text-align:center;}
}
@media screen and (max-width:1280px){
.pingguo{position:absolute; left:590px; top:506px;}
.pingguo .an{width:138px; height:42px; line-height:42px; display:block; text-align:center;}
.anzhuo{position:absolute; left:744px; top:506px;}
.anzhuo .an{width:138px; height:42px; line-height:42px; display:block;text-align:center;}
}

@media screen and (max-width:1200px){
	.top{width:100%;}
	.logo{margin-left:1%;}
	.content{width:100%;}
	.foot{width:96%; padding-left:2%;padding-right:2%;}
	.product_t{width:100%;}
	.prolist_t{width:100%;}
	.aboutUs{width:100%;}
	.company{width:98%; padding-left:1%; padding-right:1%;}
	
}
@media screen and (max-width:1100px){
	
	.more{width:70px;}

}
@media screen and (max-width:1024px){
	.pingguo{position:absolute; left:470px; top:454px;}
	.pingguo .an{width:114px; height:42px; line-height:42px; display:block; text-align:center;}
	.anzhuo{position:absolute; left:600px; top:454px;}
	.anzhuo .an{width:114px; height:42px; line-height:42px; display:block; text-align:center;}
}
@media screen and (max-width:1000px){
	
	.news_t{width:73px;}
}

@media screen and (max-width: 900px) {
	.news li{float:none; width:383px;}
	.news ul{ width:77.7%; padding-left:15%;}

}

@media screen and (max-width:800px) {
	.main_top{width:95%;padding-left:5%;}
	.about{width:35%; margin:1% 5%;}
	.pro{width:35%; margin:1% 5%;}
	.APP{ width:35%; margin:1% 5%;}
	.video{ width:35%; margin:1% 5%;}
}
	

@media screen and (max-width: 760px) {
	.nav li a{font-size:12px;}	
	.foot_l{float:none; width:430px;}
	.foot_r{float:none;width:430px;}
}
@media screen and (max-width:750px) {
	.pro_t{width:26.6%;}
	.list_t	{width:26.6%;}
		
}

@media screen and (max-width: 660px) {
	.aboutUs_t li a{font-size:16px;}
	.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:94%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 55%; width:95%;}	
	.form-div1{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:94%; margin:20px auto; padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left; float:left;}	
}
@media screen and (max-width: 640px) {
	.nav_narrow{display:inline-block;}
	.nav_narrow1{display:inline-block;}
	.nav_narrow2{display:inline-block;}
	.nav{display:none;}
	.nav_narrow img{width:100%;}
	.logo{width:128px;}
	.about1{ float:none; width:286px; margin:0 auto 2%;}
	.about2{ float:none; width:286px; margin:0 auto 1%;}
	.aboutUs_t{width:100%; text-align:center; padding-bottom:5px;}
	.pro{float:none; width:286px; margin:0 auto 2%;}
	.APP{float:none; width:286px; margin:0 auto 2%;}
	.video{float:none; width:286px; margin:0 auto 2%;}
	.list_nav{display:none;}
	.pro_nav{display:none;}
	.aboutUs_t span{font-size:34px;}
	.company_t span{font-size:22px;}
	.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:94%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 50%; width:95%;}
	.form-div1 table{ width:75%}
	.about{width:100%;max-width:640px; margin:20px auto;}
	.about li{ display:block; width:33%; height:130px; overflow:hidden;float:left;margin: 10px auto;}
	.about li span a{ color:#696767; display:block; text-align:center; margin-top:20px; }
	.about li .li_img{ width:100%; margin:0 auto;}
	.banner{ margin-top:14%}
	.center{ margin-top:10%}
	.product{width:100%; margin-top:14%; min-height:550px; height:550px;}
	.video_show{width:480px; height:400px; margin-left:5%;}
}


@media screen and (max-width: 500px) {
	.aboutUs_t li a{font-size:14px;}
	.company{width:97%; padding-left:1.5%; padding-right:1.5%;}
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 30%; width:95%;}
	.form-div1{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:92%; margin:20px auto; padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left; float:left;}	
	.form-div1 table{ width:98%}
	.banner{ margin-top:20%}
	.product{width:100%; min-height:550px; height:550px; margin-top:20%;}
	.video_show{width:420px; height:340px; margin-left:6%;}
		
}


@media screen and (max-width: 480px) {
	
	.news li{width:100%;}
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 28%; width:95%;}
	.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:92%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}
	.form-div1 table{ width:100%}
	.form-div1 textarea{width:90%; margin:10px; line-height:20px; font-size:16px;}
	.about{width:100%;max-width:480px; margin:20px auto;}
	.about li{ display:block; width:33%; height:100px; overflow:hidden;float:left;margin: 10px auto;}
	.about li span a{ color:#696767; display:block; text-align:center; margin-top:20px; }
	.about li .li_img{ width:100%; margin:0 auto;}
	.banner{ margin-top:22%}
	.center{ margin-top:12%}
	.product{width:100%; min-height:550px; height:550px; margin-top:22%;}
	.video_show{width:400px; height:320px; margin-left:5%;}
}
@media screen and (max-width: 450px) {
	
	.foot_l{width:100%;}
	.foot_r{width:100%;}
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 22%; width:95%;}
	.banner{ margin-top:23%}
	.product{width:100%; min-height:550px; height:550px; margin-top:23%;}
	.video_show{width:380px; height:300px; margin-left:5%;}
}
@media screen and (max-width: 414px) {
	.pingguo{position:absolute; left:202px; top:341px;}
	.pingguo .an{width:42px; height:12px; display:block; text-align:center;}
	.anzhuo{position:absolute; left:250px; top:341px;}
	.anzhuo .an{width:42px; height:12px; display:block; text-align:center;}
}
@media screen and (max-width: 400px) {
	.aboutUs_t ul{width:300px;}
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 14%; width:95%;}
	.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:90%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}
	.banner{ margin-top:25%}
	.center{ margin-top:14%}
	.product{width:100%; min-height:550px; height:550px; margin-top:25%;}
	.video_show{width:340px; height:280px; margin-left:5%;}
	.pingguo{position:absolute; left:194px; top:321px;}
	.pingguo .an{width:40px; height:12px; display:block; text-align:center;}
	.anzhuo{position:absolute; left:242px; top:321px;}
	.anzhuo .an{width:40px; height:12px; display:block; text-align:center;}
}
@media screen and (max-width: 375px) {
	.pingguo{position:absolute; left:182px; top:313px;}
	.pingguo .an{width:38px; height:12px; display:block; text-align:center;}
	.anzhuo{position:absolute; left:227px; top:313px;}
	.anzhuo .an{width:38px; height:12px; display:block; text-align:center;}
}
@media screen and (max-width: 360px) {
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 6%; width:90%;}	

	.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:90%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}	
	.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{width:70%; margin:10px; line-height:20px; font-size:16px;}
	.form-div textarea{width:70%; margin:10px; line-height:20px; font-size:16px;}
	.form-div1{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:90%; margin:20px auto; padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left; float:left;}	
	.form-div1 table{ width:100%}
	.form-div1 table td{ width:5%}
	.form-div1 table td input[type="text"]{width:60%}
	.form-div1 textarea{ width:83%}
	.form-div1 table td .inpt{ width:60%}
	.about{width:100%;max-width:360px; margin:20px auto;}
	.about li{ display:block; width:33%; height:100px; overflow:hidden;float:left;margin: 10px auto;}
	.about li span a{ color:#696767; display:block; text-align:center; margin-top:20px; }
	.about li .li_img{ width:100%; margin:0 auto;}
	.banner{ margin-top:27%}
	.center{ margin-top:16%}
	.product{width:100%; min-height:550px; height:550px; margin-top:27%;}
	.video_show{width:306px; height:260px; margin-left:5%;}
	.pingguo{position:absolute; left:176px; top:316px;}
	.pingguo .an{width:36px; height:10px; display:block; text-align:center;}
	.anzhuo{position:absolute; left:218px; top:316px;}
	.anzhuo .an{width:36px; height:10px; display:block; text-align:center;}
}
@media screen and (max-width: 320px) {
	.news_list div.li_con{ float:right; width:98%;}
	.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:2% 5%; width:90%;}	

	.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:88%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}	
	.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{width:70%; margin:10px; line-height:20px; font-size:16px;}
	.form-div textarea{width:70%; margin:10px; line-height:20px; font-size:16px;}	
	.form-div1{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:82%; margin:20px auto; padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left; float:left;}	
	.form-div1 table{ width:100%}
	.form-div1 table td{ width:5%}
	.form-div1 table td input[type="text"]{width:60%}
	.form-div1 textarea{ width:83%}
	.form-div1 table td .inpt{ width:60%}	
	.about{width:100%;max-width:320px; margin:20px auto;}
	.about li{ display:block; width:33%; height:100px; overflow:hidden;float:left;margin: 10px auto;}
	.about li span a{ color:#696767; display:block; text-align:center; margin-top:20px; }
	.about li .li_img{ width:100%; margin:0 auto;}
	.banner{ margin-top:29%}
	.center{ margin-top:18%}
	.product{width:100%; min-height:550px; height:550px; margin-top:29%;}
	.video_show{width:272px; height:240px; margin-left:5%;}
	.pingguo{position:absolute; left:156px; top:310px;}
	.pingguo .an{width:32px; height:10px; display:block; text-align:center;}
	.anzhuo{position:absolute; left:194px; top:310px;}
	.anzhuo .an{width:32px; height:10px; display:block; text-align:center;}
}

/* i i s7 .c o m */