﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {

}

@media screen and (max-width: 980px) {
	.top{ margin:0;}
	.top .logo img{ width:220px;}
	
	.nav{position: absolute;width: 30%; padding-top: 0; padding-left: 4%;cursor: pointer; right: 75px;top: 28px;}
	.nav img{display: inline; top:0;}
	.nav ul{background: #333; padding-top: 70px; position: fixed;left:-100%;text-align: right;top: 0px;z-index: 10;height:100%; width: 50%;  transition: all 0.2s}
	.nav ul li{display: block;line-height: 48px;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .3);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)}
	.nav ul li a{ color: #eee;border-radius: 0;}
	.nav ul li .actived{border-bottom: none;}
	.nav ul li a:hover{color: #028ade;}
	
	.nav ul.ttq{ left:0;}
	
	
	.top .yuyan{ width:82px; float:right; margin-top:25px;}
	.top .yuyan ul li{ width:35px; height:35px; float:left; margin-left:3px; background:#e6e6e6; line-height:35px; text-align:center;}
	.top .yuyan ul li a{ font-size:16px;}


	
}

@media screen and (max-width: 720px) {
	.wd,.layout,.wrap-1{padding: 0 2%;}
	
	.flex-control-nav {bottom:0;}
	.flex-control-paging li a {width:12px; height:12px;}

	.banner_pc{ display:block; margin-top:0;}
	.banner_pic .pic_yi{display: none;}
	.banner_pic .pic_er{display: block;}


	.content{ height: auto;}
	.content .cent_tgy{float: none;width: 100%;position:static;left: 0;}
	
	.content .cent_sltion{float: none;width: 100%;position:inherit;left: 0;}
	.content .cent_new{float: none;width: 100%;position:inherit;left: 0; height: auto;padding:22px 0 15px 0;}
	.cent_new .new_cent .ntab_list{margin:10px 0;overflow:hidden;}

	
	.footbox{ padding:12px;}
	.footbox .navbxo{ width:100%; float:left;}
	.footbox .navbxo ul li h3{ font-size:14px;}
	.footbox .navbxo ul li p{ line-height:1.6;}
	.footbox .navbxo ul li p a{ font-size:12px;}
	.footbox .copy{ width:100%;float:left; margin-top:4%; text-align: center;}
	
	
	.intitle h2{ display: none;}
	.in-nav{ width: 100%;}
	.in-nav a{ display: inline-block;margin-left:10px; font-size: 14px; }
	
	.BT_title{ margin:0 0 20px 0;}
	.BT_title h2{font-size:25px;  line-height: 30px; padding: 12px 0; text-align: center;}
	.BT_title span{ background: #1267ab; width: 40px; height: 3px; margin: 0 auto;display: block;}
	
	
	.jieshao-box p {font-size: 14px;color: #444;line-height: 28px;}
	.jieshao-box img {width: 100% !important;display: block ; float: none !important; margin-bottom: 10px !important;}
	
	
	.qiye-box ul li{width: 47%;}
	.qiye-box ul li p{padding: 8px 12px;font-size: 13px;line-height: 25px; color: #333;text-align: center;min-height: 55px;}
	
	.factory ul li {float:left;width:47%; }
	.honor ul li{float:left;width:47%; }
	
	.news .hot{display: none;}
	.news.p2{ padding-top:30px; padding-bottom:30px; }
	.news .bar{ padding:1rem 0; }
	.news .bar .text{ padding-right:1.4rem; padding-left:.4rem;  }
	.news .bar .text .name{ font-size:16px; margin-bottom:1rem; max-width:24rem; }
	.news .bar .text .brief{ font-size:13px; line-height:1.6rem; height:3.2rem; }
	.news .bar .date{ width:4rem; padding:0 2rem; }
	.news .bar .date .m{ font-size:1.8rem; }
	.news .bar .date .Y{ font-size:1.3rem; }
	.news .bar .icon{ padding-right:1rem; width:1rem; background:url(../images/13-1.png) no-repeat 0 50% / 1rem auto; }
	.news .bar .icon>div{ width:1rem; height:2rem; }
	.news .bar:hover{ background:none; }
	.news .bar:hover *{ color:#333 !important; }
	.news .bar:hover .text .brief{ color:#888 !important; }
	.news .bar:hover .date{ border-color:#ccc; }
	.news .bar:hover .date .m{ color:#0080cc !important; }
	.news .bar:hover .date .Y{ color:#666; }
	.news .bar:hover .icon{ background-image:url(../images/13-1.png); }
		
		
	.NewsDetailed h3{font-size:18px;font-weight:400;color:#000;}
	.NewsDetailed-content{line-height:28px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:13px;}
	.fanhui{display: none;}
	
	
	.home-pro ul{margin-right:0;}
	.home-pro li{float: left;width:100%;margin-right:0;}
	.hp-sign img{display: none;}
	
	.pro_box {margin:10px 0 20px 0;line-height: 24px;font-size: 12px; overflow:hidden; text-align:center;}
	.pro_box .titse{font-size:25px; line-height:32px; margin-bottom:15px;font-weight:500;}
	
	.pro_list li{ float:left; width:48%;}
	
	.prost_list ul li img{width:200px; border:1px solid #e2e2e2; padding:2px;}
	.prost_list ul li .boxs{ float:right; width:calc(100% - 225px);}
	.prost_list ul li .boxs span{display:block; font-size:15px; font-weight:bold; padding:5px 0; color:#028ade;}
	.prost_list ul li .boxs i{display:block; font-size:14px; padding:4px 0; color:#777; }
	.prost_list ul li .boxs  p{font-size:13px; line-height:27px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
	
	.pro_lft{float: left;width: 100%;margin-top: 8px; margin-bottom: 0;}
	.s_column_a_1{width: 100%; height: 70px;text-align: center;font-size: 25px;position: absolute;left: 0px;top: 0;line-height:70px;}
	.sideBar{position: relative;padding-top: 75px;}
	.sideBar li{border-bottom: 1px solid #ebebeb;height: 46px;line-height: 46px;}
	.sideBar li a{color: #434343;font-size: 14px;}
	
	.pro_lxwm{display: none;}
	.pro_rgt{float: right;width: 100%;}
	.nei_art{padding:16px 0px; font-size: 20px;}
	
	.nextDiv p{width:100%; margin-bottom: 1px;font-size: 12px;}
	
	.Planlist .list .Item .left, .Planlist .list .Item .right { width:100%; margin-bottom: 15px;}
	.Planlist .list .Item .Intro { padding:10px 0; position: relative;  }
	.Planlist .list .Item .Intro .box { min-height: 225px; overflow: hidden; }
	.Planlist .list .Item .Intro p { font-size: 14px; color: #666666; line-height:28px; }
	.Planlist .list .Item .more { border: 1px solid #e0e0e0; padding: 10px 22px; font-size: 15px;}
	
	.Contact{ padding:15px;}
	.Contact dl{ padding:10px 0px;}
	.Contact dl dt{ float:left; width:100%;}
	.Contact dl dt p{font-size:15px;padding-left:50px; padding-bottom:15px; line-height: 25px;}
	.Contact dl dd{ float:right; width:100%; }
	
}