﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
	
	header .header-main {  max-width:980px;}
	.nav li{ padding:0 15px;}
	
	.tage .box{ max-width:980px; }
	
	.dyip .slideTxtBox{ max-width:980px;}
	.dyip .slideTxtBox .hd ul li{  width:12%; }
	
	.derp .box{ max-width:980px;}
	
	.dsanp .box{ max-width:980px;}
	
	.dwup .box{ max-width:980px;}
	
	.huobang{ max-width:980px;}
	
	.about{ max-width:980px;}
	
	.about img {max-width:100%; vertical-align:middle; height:auto !important;}
	
	
	.huobang_con .box{ max-width:980px;}
	
	.tjxx{ max-width:980px;}
	
	.hzhb_b{ max-width:980px;}
	
	.product_t{ max-width:980px;}
	
	.product_b .slideTxtBox{ max-width:980px;}
	
	.fanan{ max-width:980px; }
	
	.news{ max-width:980px;}
	
	.zxly{ max-width:980px;}
	
	.product{ max-width:980px;}
	
	.foot .link .box{ max-width:980px;}
	.foot .foot_t .box{ max-width:980px;}
	.foot .foot_b{ max-width:980px;}
	
	
}

@media screen and (max-width: 980px) {
	
	header{ height:60px; overflow:hidden; position:fixed; z-index:100; width:100%; left:0px; top:0px;}
	header h1{ width:100px; left:5%; top:13px;}
	
	.body-wrap { margin-top:60px;}
	
	.top_r{ display:none;}
	
	header .m-btn{display: block;}
	
	.tage .box{ max-width:720px; }
	
	.dyip .title h2{font-size:18px;line-height: 24px;padding:10px 0;}
	.dyip .slideTxtBox{ max-width:720px;}
	.dyip .slideTxtBox .hd ul li{  width:31.333%; margin-bottom:1%; margin-top:1%;}
	.dyip .slideTxtBox .bd .dh li{ width:20%;}
	.dyip .slideTxtBox .bd .bt .bt_l{ float:none; width:100%;}
	.dyip .slideTxtBox .bd .bt .title_er{ float:none; width:100%;}
	.dyip .slideTxtBox .bd .bt .title_er .box h2{font-size:18px;}
	.dyip .slideTxtBox .bd .list li{ width:48%;}
	
	.derp .box{ max-width:720px;}
	.derp .title h2{font-size:18px;line-height: 24px;padding:10px 0;}
	.derp .box .box_l{ float:none; width:100%; }
	.derp .box .box_l .bj h2{font-size:18px;line-height: 24px;}
	.derp .box .box_r{ float:none; width:100%;}
	
	.dsanp .title h2{font-size:18px;line-height: 24px;padding:10px 0;}
	.dsanp .box{ max-width:720px;}
	.dsanp .box li{ width:48%; margin-bottom:2%;}
	
	.dsip .box h2{font-size:18px;line-height: 24px;padding:10px 0;}
	.dsip .box .txt{line-height:18px;}
	.dsip .box .more{ margin: 20px auto 0 auto;}
	
	.dwup .title h2{font-size:18px;line-height: 24px;padding:10px 0;}
	.dwup .box{ max-width:720px;}
	.dwup .box .box_l{ float:none; width:100%; margin-right:0%; margin-bottom:3%;}
	.dwup .box .box_r{ float:none; width:100%;}
	
	.huobang{ max-width:720px;}
	.subnav li{ width:20%; margin:1%;}
	
	.subnav_san li{width: 48%;}
	
	.huobang li{ width:31.333%;}
	
	
	.huobang_con .box{ max-width:720px;}
	
	.con_neiye .title h2{font-size:18px;line-height: 30px;padding:10px 0;}
	
	.about{ max-width:720px;}
	
	.tjxx{ max-width:720px;}
	.tjxx li{ width:31.333%;}
	
	.hzhb_b{ max-width:720px;}
	.hzhb_b .hzhb_b_l{ float:none; width:100%; margin-bottom:20px;}
	.hzhb_b .hzhb_b_l .box{ border:none; padding-right:0%;}
	.hzhb_b_r{ float:none; width:100%;}
	.hzhb_b_r ul{ margin-left:-4%;}
	.hzhb_b_r .lx{ margin-left:0%;}
	
	.hzhb_b_r .lx{text-align:center;margin-top:20px;margin-left: 2%;}
.hzhb_b_r .lx .list{float:left;background:#0383c6;margin-right: 1%;}
.hzhb_b_r .lx .list i{ font-size:36px;}
.hzhb_b_r .lx .list a{ color:#FFF; display:block; padding:4px;}
.hzhb_b_r .lx .list a:hover{ color:#FFF; display:block; text-decoration:none;}
	
	
	.product_t{ max-width:720px;}
	
	.product_b .slideTxtBox{ max-width:720px;}
	
	.fanan{ max-width:720px; }
	.fanan li{ float:left; width:48%;}
	
	.news{ max-width:720px;}
	
	.zxly{ max-width:720px;}
	
	.product{ max-width:720px;}
	.product li{ width:48%;}
	
	.foot .link .box{ max-width:720px;}
	.foot .foot_t .box{ max-width:720px;}
	.foot .foot_t .t_l{ float:none; width:100%; padding-bottom:20px; border-bottom:1px solid #333; margin-bottom:20px;}
	.foot .foot_t .t_r{ float:none; width:100%;}
	.foot .foot_t .t_r .pic{ width:80px; float:left; margin-left:0px; margin-right:10px; text-align:center; line-height:30px; color:#FFF;}
	.foot .foot_b{ max-width:720px; line-height:24px;}
	.foot .foot_b .f_l{ float:none;}
	.foot .foot_b .f_r{ float:none;}

}

@media screen and (max-width: 720px) {
	
	
	.edui-faked-video{ width:100%; height:200px;}
	.mv008{ width:100%; height:200px;}
	
	
	.banner_pc{ display:none;}
	.banner_yd{ display:block; margin-top:60px;}
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	
	.tage .box{ padding:0px 5%;}
	
	.dyip .slideTxtBox{ padding:0px 5%;}
	.dyip .slideTxtBox .hd ul li{  width:48%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.dyip .slideTxtBox .bd .dh li{ width:50%;}
	
	.derp .box{ margin:30px 5%;}
	
	.dsanp .box{ margin:30px 5% 0 5%;}
	
	.dwup .box{ padding:0px 5%;}
	
	.huobang{ padding:0px 5%;}
	.huobang li{ width:48%;}
	.huobang li .pic{ width:100%;}
	.huobang li .txt{ width:100%;}
	
	.huobang_con .box{ margin:0 5%;}
	
	.subnav li{ width:48%; margin:1%;}
	
	.about{ padding:0px 5%;}

	

	
	
	
	.tjxx{ margin:30px 5%;}
	.tjxx li{ width:48%;}
	
	.hzhb_b{ padding:0px 5%;}
	
	.product_t{ padding:0px 5%;}
	.sp-wrap{ width:100%;float:none;}
	.product_t_r{ float:none; width:100%; margin-top:3%;}
	
	.product_b .slideTxtBox{ padding:0px 5%;}
	
	.foot .link .box{ padding:0px 5%;}
	
	.fanan{ padding:0px 5%;}
	.fanan ul{ margin-left:0%;}
	.fanan li{ float:none; width:100%; margin-left:0;}
	
	.news{ padding:0px 5%;}
	
	.zxly{ padding:0px 5%;}
	.zxly li{ width:100%; margin-bottom:1%;}
	.zxly li.textarea textarea{ width:96%; padding:2%;}
	
	.product{ padding:0px 5%;}
	
	.foot .foot_t{ padding:6% 0;}
	.foot .foot_t .box{ padding:0px 5%;}
	.foot .foot_t .t_l dl{ width:50%;}
	.foot .foot_b{ padding:1.5% 5%;}
	
	

}