@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1180px) {
	
	.header .box .nav li{ padding:0 30px;}
	
	.derp .news_index .bd .con .con_r .list dl{ float:right; width:48%; margin-right:2%; margin-top:5px;}
	.derp .news_index .bd .con .con_r .list dt{ line-height:40px;}
	.derp .news_index .bd .con .con_r .list dd.txt{ line-height:18px; height:36px;}
	
	.about_derp .box .pic{ width:60%;}
	.about_derp .box .txt{ width:57%;}
	
	.case li{ width:31.333%;}
	
	.product li{ float:left; width:31.333%;}
	
	
	
}


@media screen and (max-width: 980px) {
	
	.header .logo{display:none;}
	.header{ height:60px;position:fixed;top:0;left:0;}
	.header .box h1{ width:140px; top:20px; left: 2%;}
	.header .box h1 img{ width:100%; display: block;}
	.yybb{ right:20%; top:20px;}
	.header .box .nav{position:fixed;top:60px;left:40%;z-index: 9999;background:#fff;width:60%;display:none;}
	.header .box .nav ul{height:auto;}
	.header .box .nav li{display:block;padding:0;background:none;border-bottom:1px solid #ccc;}
	.header .box .nav li dl{position:relative;width:100%;display:none;top:0;opacity:1;visibility:visible;transition:all 0s;box-shadow:none;} 
	.header .box .nav li samp{line-height:50px;text-align:left;box-sizing:border-box;padding-left:20px;display:block;position: relative;}
	.header .box .nav li samp a{width:60%;}
	.aft{background:url(../images/arrow_down.png) center no-repeat;width:50px;height:50px;position: absolute;top:0;right:5%; transform: rotate(-180deg);transition: all 0.3s;}
	.afj{ transform: rotate(0deg) !important}
	.header .box .nav li:hover dl{ visibility:visible; top:0; opacity:1;}
	
	.banner_pc{  margin-top:60px;}
	
	.menu{ display:block; float:right;}
	.openclose{ display: block; width: 60px; height: 60px; line-height:60px; text-align:center;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display: none; position:fixed; right:0px; top:60px; width:70%; z-index:100; background:#fff; border-radius:0px 0 0 1px; box-shadow:0 0 1px #999;}
	.sub_menu .box{ padding:5%;}
	.sub_menu .nav_er ul{ margin:0 auto; padding:20px 0;}
	.sub_menu .nav_er li{ line-height:48px; border-bottom: 1px solid #aaa;}
	.sub_menu .nav_er li a{ color: #555; display:block;}
	.sub_menu .nav_er li a:hover{ color: #333; display:block; text-decoration:none;}
	
	.banner{ margin-top:0;}
	
	.dyip li { width:48%;}
	.dyip li .pic{width:100%; margin-bottom: 15px; position: relative;}
	.dyip li .pic p{position: absolute; right: 20px; top: 20px; line-height: 45px; font-size: 20px; color: #E94D43;}
	
	.derp{ padding:3%;}
	.derp .news_index li{ width:47%;}
	
	
	.con_neiye{ padding:5%;}
	
	
	.about_derp .by{ padding:5% 0;}
	.about_derp .box .pic{ float:none; width:100%;}
	.about_derp .box .txt{ width:100%; position:inherit;}
	
	.subnav .yiji {padding: 0 1%;}
	.subnav .yiji li{ line-height: 55px; font-size: 14px;}

	.about{ padding:4% 2%;}
	.about .box{ line-height:28px;  font-size: 14px;}
		
	.infos{ padding:4% 2%;}
	.infos .boxs{ line-height:28px;  font-size: 14px;}
	
	.bycs{ margin:3% 1%;}
	.bycs01{ width:47%; padding:0 1.5% 0 1.5%;}
	.bycs01 h4{ font-size:20px; color:#000; padding:10px 0; height:32px; line-height:32px;}
	.bycs01 .txt{ font-size:12px; line-height:22px; color:#333}
	.bycs06{ padding-top:30px}
	
	.job-content span.job_post{padding-left:10px;width:20%;}
	.job-content span.job_num,.job-content  span.job_add{width:15%;}
	.job-content span{font-size:12px;}
	
	.small_list ul li{ width:15%; float:left;}
	.goumai_t{ padding:0 2%;}
	.goumai_t_r .csxz dt{ float:none;}
	
	.goumai_b .slideTxtBox .hd ul{ margin:0 2%;}
	.goumai_b .slideTxtBox .bd{ padding:0 2%;}
	
	.rczpTitle ul li{ float:left; font-size:15px;}
	.rczpTitle ul li a{ padding:0 20px;}
	
	.rczp .search .text{ width:160px; }
	.rczp .search .ksss{ font-size:13px; width:60px;}
	
	.NewsJob dd .NewsJobTitle{ height:52px; line-height:52px; font-size:15px;background:url(../images/zwt_cjwt02.png) right 15px no-repeat #f8f8f8;  }
	.NewsJob dd.one .NewsJobTitle{ padding-top:15px; }
	.NewsJob dd .NewsJobTitle b{ padding:10px 20px 0 20px; }
	.NewsJobCont{ padding:25px 15px 15px 73px; }
 

	
	
	.foot{ text-align:left;}
	.foot .foot_t .t_l{ float:none; width:100%; padding-bottom:3%;border-bottom:1px solid #aaa;}
	.foot .foot_t .t_r{ float:right; width:35%;  padding-top:1.5%;text-align:center;}
	.foot .foot_t .t_r{ float:right; width:35%;  padding-top:1.5%;text-align:center;}
	.foot .foot_t .t_r .pic{ width:120px; margin:0 auto;}
	.foot .foot_b{ padding:2% 5%;}
	
	.foot .foot_t .t_s{ width:60%;text-align: left;    padding-bottom: 10px; }
	
	
}


@media screen and (max-width: 720px) {
	
	.logo{ width:100px;}

	.banner{ margin-top:60px;}
	.dyip li .pic{width:100%; margin-bottom:10px;}
	.dyip li .pic p{position: absolute; right: 12px; top: 10px; line-height: 45px; font-size: 16px; color: #E94D43;}

	
	.derp{ padding:3%;}
	.derp .news_index li{ width:97%;}
	.derp .news_index li:nth-child(n+5){display:none;}
	
	.BT_title h2{font-size:25px; color:#444; line-height: 35px;}
	.BT_title p { padding-top: 2px; padding-bottom: 4px; text-align: center;font-size: 15px; line-height: 30px; color:#888; text-transform: uppercase;}

	
	.about_derp{ padding-bottom:10%;}
	
	
	.subnav .yiji{  padding:0 1%;}
	.subnav .yiji li{font-size: 12px; line-height: 45px; width: 24%;}
	
	.subnav .erji{ padding:5% 3%;}
	.subnav .erji li{ width:48%;}

	
	.bycs{ margin:2%;}
	.bycs .byimg{float:none;width: 100%}
	.bycs .byimg img{width:100%; padding: 5px 0;}
	.bycs01{ width:97%; padding:5px 1.5% 0 1.5%;}
	
	.news_list ul{margin-left:0;}
	.news_list li{float: none;width:100%;margin-left:0;  }

	.new_detai h4 { font-size: 20px; text-align: center; height:45px; line-height: 45px; }
	.new_detai .back {  margin: 25px auto 0;}
	
	.product li{ float:left; width:48%; }
	
	.goumai_t{ padding:0 2%;}
	.wrapper{ float:none; width:100%; padding-bottom:5%; border-bottom:1px solid #DDD;}
	.goumai_t_r{ float:none; width:100%; padding-top:3%;}
	.goumai_t_r .csxz dt{ float:none;}
    .goumai_t_r .product_title h2{font-size:16px;}
    .goumai_t_r .product_title span{font-size:12px;}
	.goumai_t_r .pro_info{ padding: 10px 0; font-size:13px; line-height:25px;}
	
	.goumai_b .slideTxtBox .hd ul{ margin:0 2%;}
	.goumai_b .slideTxtBox .hd ul li{ width:26%;font-size: 14px;}
	
	.goumai_b .slideTxtBox .bd{ padding:0 2%;}
	.goumai_b .slideTxtBox{ margin:15px auto;}
	
	.rczpTitle{ float:none; width: 100%;  height:auto}
	.rczpTitle ul li{ float:left; font-size:14px;}
	.rczpTitle ul li a{ padding:0 15px;}
	
	.rczp .search{ float:none; width: 90%; padding:12px 15px;overflow: hidden;}
	.rczp .search .text{ width:75%; }
	.rczp .search .ksss{ font-size:13px; width:80px;}
	
	.SiteMap ul{margin-left:-2%;}
	.SiteMap ul li{ width:31.333%; float:left; margin-left:2%; margin-bottom: 1.5%; overflow: hidden; min-height: 280px;} 
	.SiteMap ul li h5{ height:45px; line-height:45px; font-size:16px;}
	.SiteMap ul li .MapTxt{ font-size:13px; color:#666; line-height:30px; padding:10px 0;}
	
	.foot .foot_t {padding: 3% 0}
	.foot .foot_t .box{ padding:0 1.5%;}
	.foot .foot_t .t_l dl{ width:25%; min-height:160px;}
	
	.foot .foot_t .t_s{ width:98%; text-align: left; padding-bottom: 10px;}
	.foot .foot_t .t_r{ float:none; width:100%;  padding-top:3%;text-align:center;}
	
	.hgs{height: 20px;    margin-top: 60px;}
	
	
	.mxdy_list li img{width: 100%;}
	.mxdy_list li{float: left;width:100%;margin:1% 0;font-size: 15px; line-height: 24px;}
	
}