@charset "utf-8";
/*video*/
.video{margin:0 auto; overflow:hidden;}
#spa{ width:100%;}
#spa:after{ width:100%; visibility:hidden;}
#sp{ position:fixed; top:50%; left:50%; margin-left:-400px; margin-top:-200px; width:800px; height:auto; background:#000; z-index:2; transition:0.3s; transform:scale(0);}
#spxx{ position:absolute; top:-10px; right:-10px; cursor:pointer; z-index:3;}

/* CSS Document */
@media screen and (max-width: 1180px) {

	.nav{ margin-left:150px; text-align:left;}
	.nav li p{ line-height:70px; padding-right:10px; }
	.yuyan{ margin-right:10px;}
	.denglu img{ display:none;}
	.search{ margin:20px 10px;}
	.fengxiang li{ margin-right:10px;}
	
	.dqwz .box{ max-width:980px;}
	.about_nav .box{ max-width:980px;}
	
	.con .box{ max-width:980px;}
	
	.product{ max-width:980px;}
	
	.video .box{ max-width:980px;}
	
	.cpxqer{ max-width:980px;}

	.foot_t ul{ max-width:980px;}
	.foot_b{ max-width:980px;}
	
	.video{ width:92%;}
	#sp{ margin-left:-170px; margin-top:-85px; width:340px;}

}

@media screen and (max-width: 980px) {
	
	.video{ width:92%;}
	#sp{ margin-left:-170px; margin-top:-85px; width:340px;}
	
	.header .nav{ display:none;}
	.header h1{ width:114px;}
	.menu{ display:block; float:right;}
	.openclose{ display: block; width: 70px; height: 70px;background:url(../images/pic16.png) no-repeat center; background-size:50%;}
	.sub_menu{ display: none; position:fixed; right:0px; top:70px; width:70%; z-index:100; background:#00aaff; border-radius:5px 0 0 5px; box-shadow:0 0 5px #CCC;}
	.sub_menu .box{ padding:5%;}
	.sub_menu .nav_er ul{ margin:0 auto; padding:20px 0;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom: 1px solid #FFF;}
	.sub_menu .nav_er li a{ color: #FFF; display:block;}
	.sub_menu .nav_er li a:hover{ color: #FFF; display:block; text-decoration:none;}
	.top_r{ display:none;}
	.yybb{ border-bottom:1px solid #FFF; padding:5% 0; text-align:center;}
	.yybb .yy{ display:inline-block; width:80px; height:30px; line-height:30px; border:1px solid #FFF; border-radius:16px;text-align:center; margin-right:10px;}
	.yybb .yy a{ color:#FFF; display:block; border-radius:16px;}
	.yybb .yy a:hover{ color:#0093dd; display:block; background:#FFF; border-radius:16px; text-decoration:none;}
	.yybb .yy a.current{ background:#FFF; border-radius:16px; color:#0093dd}
	
	.search_er{}
	.search_er .input_txt{ float:left; width:69%; height:40px; border:0px none; background:#FFF; padding-left:1%; outline:medium; border-radius:0;}
	.search_er .input_btn{ float:right; width:30%; height:40px; border:0px none; background:#009eed url(../images/pic12.png) no-repeat center; outline:medium; background-size:40%; border-radius:0;}
	
	.denglu_er{ float:left; line-height:70px; color:#FFF;}
	.denglu_er img{ margin-top:25px; margin-left:10px; width:18px;}
	.denglu_er a{ color:#FFF;}
	.denglu_er a:hover{ text-decoration:none;}
	
	.fengxiang_er{ float:right;}
	.fengxiang_er ul{}
	.fengxiang_er li{ float:left; margin-right:15px; margin-top:24px; width:22px; height:22px;}
	.fengxiang_er li img{ width:100%;}
	
	
	.dqwz .box{ max-width:720px;}
	.about_nav .box{ max-width:720px;}
	
	.con .box{ max-width:720px;}
	
	.product{ max-width:720px;}
	
	.video .box{ max-width:720px;}
	
	.cpxqer{ max-width:720px;}
	
	
	.foot_t ul{ max-width:720px;}
	.foot_b{ max-width:720px;}
	
	

}

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

	.header h1{left:5%;}
	.menu{}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	.banner ul{ padding:0 5%;}
	.banner li{ font-size:16px;}
	
	.pic_yi{ display:none;}
	.pic_er{ display:block;}
	
	.dqwz .box{ padding:0 5%;}
	.about_nav .box{ padding:5%;}
	.about_nav .box ul{ margin-left:0%;}
	.about_nav .box li{ width:100%; margin-left:0%; margin-bottom:4%;}
	.about_nav .box .lxwm{ float:none; width:100%; margin-bottom:4%;}
	.about_nav .box .jrwm{ float:none; width:100%;}
	
	.con .box{ padding:5%;}
	.con .box .subnav{ float:none; width:100%;}
	.about{ float:none; width:100%;}
	
	.qyry li{ width:33%; margin:1.5%;}
	
	.product{ padding:0 5%;}
	.title_pic img{ width:100%;}
	.product .list ul{ margin-left:0%;}
	.product .list li{ float:left; width:100%; margin-left:0%;}
	
	.video .box{ padding:0 5%;}
	.video ul{ margin-left:0%;}
	.video li{ width:100%; margin-left:0%;}
	
	.news{ float:none; width:100%; margin-bottom:5%;}
	.news li{ padding:5% 0 5% 15px;}
	
	.news_content{ float:none; width:100%; margin-bottom:5%;}
	
	.jyfk table td .input_txt{ width:80%;}
	.jyfk table td select{ width:80%;}
	.jyfk table td textarea{ width:80%;}
	
	.product_content{ float:none; width:100%; margin-bottom:5%;}
	
	.qywh_box{ float:none; width:100%;}
	.qywh dl{ float:none; width:100%;}
	
	.zhuce{ padding:0 5%;}
	
	.cpxqer{ padding:0 5%;}
	
	
	.foot_t ul{ padding:0 5%;}
	.foot_t li{ float:left; width:33.333%; text-align:center; line-height:30px;}
	.foot_b{ padding:0 5%;}

}