.list_banner{
width: 100%;
height: auto;
overflow:hidden;
position: relative;
}
.list_banner img{
width: 100%;
}
.list_banner .list_ntit{
position: absolute;
left: 10%;
bottom:-20%;
color: #fff;
opacity: 0;
}
.list_banner .list_ntit .list_big{
font-size:2.5rem;
position: relative;
padding-bottom:0.5rem;

}
.list_banner .list_ntit .list_big::after{
content: "";
width: 60%;
height: 3px;
background-color: #fff;
position: absolute;
left: 50%;
bottom:-3px;
margin-left: -30%;
}


@media screen and (min-width:1200px) {

	.list_main{
	width: 80%;
	height: auto;
	margin:3rem auto 2rem;
	overflow:hidden;
	}
	
	.list_main .listleft{
	width:25%;
	height: auto;
	overflow:hidden;
	float: left;
	background-color: #fff;
	}
	
	.list_main .listleft .listbox{
	width: 100%;
	height: auto;
	overflow:hidden;
	}
	.list_main .listleft .listbox .listsub{
	width: 100%;
	height: auto;
	overflow:hidden; 
	box-sizing: border-box;
	padding:1rem 0;
	border-bottom:1px solid #f2f2f2;
	}

	.list_main .listleft .listbox .listsub .listbtit{
	font-size: 2rem;
	color: #997300;
	padding:0rem 0 0.5rem 10%;
	font-weight:500;
	}
	.list_main .listleft .listbox .listsub .liststit{
	font-size:1.5rem;
	color: #997300;
	padding:1rem 0 0 10%;
	}
	.list_main .listleft .listbox .listbot{
	width: 100%;
	height: auto;
	overflow:hidden; 
	}
	.list_main .listleft .listbox .listbot ul{

	}
	.list_main .listleft .listbox .listbot ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	}
	.list_main .listleft .listbox .listbot ul li:last-child{
	margin-bottom:1rem;
	}
	.list_main .listleft .listbox .listbot>ul>li>a{
	padding: 0.8rem 0 0.8rem 5%;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	font-size: 1.1rem;
	border-bottom: 1px dashed #dfdfdf;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	}

	.list_main .listleft .listbox .listbot>ul>li>a:hover{
	padding-left: 7%;
	color:#997300;
	
	}

	.list_main .listleft .listbox ul.sonnav li a{
	padding: 0.8rem 0 0.8rem 10%;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	font-size: 1.1rem;
	border-bottom: 1px dashed #dfdfdf;
	transition: all 0.3s ease-in-out;
	}
	.list_main .listleft .listbox ul li a{
	transition: all 0.3s ease-in-out;

	}
	.list_main .listleft .listbox ul.sonnav li a:hover{
	padding-left: 12%;
	color:#997300;

	}
	.list_main .listleft .listbox .active{
	color:#997300;

	}

	.list_main .listleft .listbox .listbot>ul>li>a::after{
	font-family: 'Font Awesome 5 Free';
	font-weight:600;
	content: "\f105";
	float: right;
	line-height: 1.6rem;
	padding-right:0.5rem;
	transition:all ease-in-out 0.5s;
	}

	.list_main .listleft .listbox .sonnav{
	display: none;

	}

	.list_main .listright{
	width: 75%;
	height: auto;
	overflow: hidden;

	}

	.list_main .listright .probox{
	width: 30%;
	height: 18rem;
	background-color: #fff;
	display: inline-block;
	float: left;
	margin:0rem 0 2rem 3.33%;
	}
	.list_main .listright .probox .prosimg{
	width: 100%;
	height: 13rem;
	text-align: center;
	}
	.list_main .listright .probox .prosimg img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align:middle;
	}
	.list_main .listright .probox .probtit{
	width: 100%;
	height: 2rem;
	box-sizing: border-box;
	padding:0 0.5rem;
	line-height: 2rem;
	text-align: center;
	font-size: 1.5rem;
	margin:0.5rem 0;
	}

	.list_main .listright .probox .prostit{
	width: 100%;
	height:1rem;
	box-sizing: border-box;
	padding:0 0.5rem;
	line-height:1rem;
	text-align: center;
	font-size: 1rem;
	color: #aaa;
	}


	.listtbox{
	width: 100%;
	height: auto;
	overflow: hidden;
	}
	.listtbox .listatop{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 2rem;
	color:#997300;
	}
	.listtbox .listabot{
	width: 100%;
	height: auto;
	overflow: hidden;
	color:#997300;
	text-align: center;

	}
	.listtbox .listabot .listaline{
	display: inline-block;
	width:5rem;
	border-top: 1px solid #997300;
	vertical-align: 5px;
	
	}
	.listtbox .listabot .listmid{
	display: inline-block;
	padding: 0 1.2rem;
	color:#997300;
	text-align: center;
	font-size: 1.5rem;
	}
	.listabout{
	width:98%;
	margin:2rem auto 3rem;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 0.3rem;
	}

	.listabout img{
	max-width: 100%;
	
	}

	pre {
		overflow-x: scroll;
		background: #ffffff;
		border: 1px solid #cecece;
		padding: 10px;
	}

	.clear {
		clear: both;
	}

	.zoomed > .container {
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}

	.container {
		width:100%;
		margin:3rem auto;
	}

	.gallery {
		list-style-type: none;
		margin: 0;
		width:100%;
	}
	
	.gallery li{
		float: left;
		width:25%;
		height:20rem;
		box-sizing: border-box;
		padding:1rem 0.5rem;
		overflow: hidden;
		text-align: center;
		display: table-cell;
		transition: all 0.3s ease-in-out;
	}
	.gallery li:hover{
		
		box-shadow: 0px 0px 5px #ccc inset;

	}

	.gallery li img{
		max-width:100%;
		max-height:100%;
		display: inline-block;
		vertical-align: middle;
	}


	/*新闻中心*/
	.wel-news-box{
	width: 100%;
	margin:3rem auto;
	overflow: hidden;
	}
	.wel-news-box .item {
	  margin-bottom: 10px;
	  float: left;
	  padding: 20px 0 20px 15px;
	  box-sizing: border-box;
	  width: 100%;
	}
	.wel-news-box .item:hover {
	  background: #0060a3;
	  transition: .5s ease-in-out;
	  color: #ffffff;
	}
	.wel-news-box .item:hover .left {
	  transition: .5s ease-in-out;
	  color: #fff;
	}
	.wel-news-box .item:hover .right .h0 {
	  transition: .5s ease-in-out;
	  color: #ffffff;
	}
	.wel-news-box .item:hover .right .p {
	  transition: .5s ease-in-out;
	  color: #def1ff;
	}
	.wel-news-box .item .left {
	  width:20%;
	  text-align: center;
	  line-height: 1;
	  color:#222222;
	  transition: .5s ease-in-out;
	  float: right;
	}
	.wel-news-box .item .left .num {
	  font-size: 50px;
	  line-height: 1;
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  position: relative;

	}
	.wel-news-box .item .left .num:after {
	  content: "";
	  position: absolute;
	  height: 1px;
	  width: 45px;
	  background: #dddddd;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  margin: auto;
	}
	.wel-news-box .item .left .time {
	  font-size: 16px;
	}
	.wel-news-box .item .right {
	  float: left;
	  width: 58%;
	}
	.wel-news-box .item .right .h0 {
	  font-size: 20px;
	  color: #222222;
	  line-height: 22px;
	  height: 22px;
	  overflow: hidden;
	  transition: .5s ease-in-out;
	  margin-bottom: 15px;
	}
	.wel-news-box .item .right .p {
	  transition: .5s ease-in-out;
	  font-size: 14px;
	  color: #666666;
	  line-height: 26px;
	}
	.wel-news-box .wel-news-img{
	width: 20%;
	height:8rem;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	margin-right: 2%;
	}

	/*分页*/
	.pagelist{
	text-align: center;
	
	}
	.pagelist li{
	display: inline-block;
	margin:0 0.5rem;
	}
	/*新闻内页*/
	.position{
	font-size:1.2rem;
	text-align: right;
	}
	.position a{
	line-height: 1.5rem;
	padding:0 0.5rem;
	font-size:1.2rem;
	}	
	.bodytop{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #f2f2f2;
	margin:2rem 0 1rem;
	}
	.bodytop .bodytit{
	font-size:2rem;
	}
	.bodytop .bodytime{
	font-size: 1.8rem;
	margin:0.7rem 0;
	}

	.bodycon{
	margin:1rem 0;
	min-height:500px;
	line-height: 1.6rem;
	}
	.bodycon img{
	max-width: 100%;
	}
	.bodygrow{
	width: 100%;
	height:auto;
	background-color:#f2f2f2;
	}

	.bodygrow li{
	padding:0.5rem 1rem;
	font-size: 1.2rem;
	color: #333;
	width: 50%;
	display: inline-block;
	}
	.bodygrow li:first-child{
	float: left;
	}
	.bodygrow li:nth-child(2n){
	float: right;
	text-align: right;
	}
	.bodygrow li a{
	font-size: 1.1rem;
	transition: all 0.3s ease-in-out;
	}
	.bodygrow li a:hover{
	color:#997300;
	}
	/*产品内页*/
	.proconleft{
	width:50%;
	height:auto;
	overflow: hidden;
	float: left;
	}
	.csize{
	margin:2rem 2rem;
	}
	.proconright{
	width:50%;
	height:auto;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	padding:0rem 2rem 0 0;
	}
	.proconright .procontit{
	font-size: 2rem;
	margin:1.5rem 0;
	font-weight:600;
	}
	.proconright .procondes{
	font-size:1.2rem;
	margin:0.5rem 0;
	text-align: justify;
	}
	.proconright .proconitems{
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding:0.5rem 0;
	margin:1rem 0 0;
	font-size:1.2rem;
	}
	.proconright .request{
	padding: 1rem 2rem;
	margin-top:2rem;
	display: block;
	background-color: #003058;
	color: #fff;
	text-align: center;
	font-size:1.4rem;
	}

	.pi1{
	width:45%;
	height:300px;
	float: left;
	margin:3rem 0 0 0;
	}
	.pike img{
	max-width: 100%;
	max-height: 100%;
	}
	.contact_right{
	width: 55%;
	height:300px;
	float: left;
	margin:3rem 0 0 0;
	background-color: #fbfaf8;
	}
	.contact_right .contact_tit{
	font-size:2rem;
	margin:2rem 0 3rem 2rem;
	color:#997300;
	}
	.contact_right .contact_des{
	margin:0.5rem 0 0 2rem;
	font-size:1.2rem;
	}
}



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

	.list_main{
	width:95%;
	height: auto;
	margin:3rem auto 2rem;
	overflow:hidden;
	}
	
	.list_main .listleft{
	width:25%;
	height: auto;
	overflow:hidden;
	float: left;
	background-color: #fff;
	display: none;
	}
	
	.list_main .listleft .listbox{
	width: 100%;
	height: auto;
	overflow:hidden;
	}
	.list_main .listleft .listbox .listsub{
	width: 100%;
	height: auto;
	overflow:hidden; 
	box-sizing: border-box;
	padding:1rem 0;
	border-bottom:1px solid #f2f2f2;
	}

	.list_main .listleft .listbox .listsub .listbtit{
	font-size: 2rem;
	color: #997300;
	padding:0rem 0 0.5rem 10%;
	font-weight:500;
	}
	.list_main .listleft .listbox .listsub .liststit{
	font-size:1.5rem;
	color: #997300;
	padding:1rem 0 0 10%;
	}
	.list_main .listleft .listbox .listbot{
	width: 100%;
	height: auto;
	overflow:hidden; 
	}
	.list_main .listleft .listbox .listbot ul{

	}
	.list_main .listleft .listbox .listbot ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	}
	.list_main .listleft .listbox .listbot ul li:last-child{
	margin-bottom:1rem;
	}
	.list_main .listleft .listbox .listbot>ul>li>a{
	padding: 0.8rem 0 0.8rem 5%;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	font-size: 1.1rem;
	border-bottom: 1px dashed #dfdfdf;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	}

	.list_main .listleft .listbox .listbot>ul>li>a:hover{
	padding-left: 7%;
	color:#997300;
	
	}

	.list_main .listleft .listbox ul.sonnav li a{
	padding: 0.8rem 0 0.8rem 10%;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	font-size: 1.1rem;
	border-bottom: 1px dashed #dfdfdf;
	transition: all 0.3s ease-in-out;
	}
	.list_main .listleft .listbox ul li a{
	transition: all 0.3s ease-in-out;

	}
	.list_main .listleft .listbox ul.sonnav li a:hover{
	padding-left: 12%;
	color:#997300;

	}
	.list_main .listleft .listbox .active{
	color:#997300;

	}

	.list_main .listleft .listbox .listbot>ul>li>a::after{
	font-family: 'Font Awesome 5 Free';
	font-weight:600;
	content: "\f105";
	float: right;
	line-height: 1.6rem;
	padding-right:0.5rem;
	transition:all ease-in-out 0.5s;
	}

	.list_main .listleft .listbox .sonnav{
	display: none;

	}

	.list_main .listright{
	width:90%;
	height: auto;
	margin:0 auto;
	overflow: hidden;

	}

	.list_main .listright .probox{
	width:100%;
	height:auto;
	background-color: #fff;
	display: inline-block;
	margin:0rem auto 2rem;
	}
	.list_main .listright .probox .prosimg{ 	
	width: 100%;
	height: auto;
	text-align: center;
	}
	.list_main .listright .probox .prosimg img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align:middle;
	}
	.list_main .listright .probox .probtit{
	width: 100%;
	height: 2rem;
	box-sizing: border-box;
	padding:0 0.5rem;
	line-height: 2rem;
	text-align: center;
	font-size: 1.5rem;
	margin:0.5rem 0;
	}

	.list_main .listright .probox .prostit{
	width: 100%;
	height:1rem;
	box-sizing: border-box;
	padding:0 0.5rem 2rem;
	line-height:1rem;
	text-align: center;
	font-size: 1rem;
	color: #aaa;
	}

	
	.listtbox{
	width: 100%;
	height: auto;
	overflow: hidden;
	}

	.listtbox .listatop{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 2rem;
	color:#997300;
	}
	.listtbox .listabot{
	width: 100%;
	height: auto;
	overflow: hidden;
	color:#997300;
	text-align: center;

	}
	.listtbox .listabot .listaline{
	display: inline-block;
	width:5rem;
	border-top: 1px solid #997300;
	vertical-align: 5px;
	
	}
	.listtbox .listabot .listmid{
	display: inline-block;
	padding: 0 1.2rem;
	color:#997300;
	text-align: center;
	font-size: 1.5rem;
	}
	.listabout{
	width:98%;
	margin:2rem auto 3rem;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 0.3rem;
	}

	.listabout img{
	max-width: 100%;
	
	}

	pre {
		overflow-x: scroll;
		background: #ffffff;
		border: 1px solid #cecece;
		padding: 10px;
	}

	.clear {
		clear: both;
	}

	.zoomed > .container {
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}

	.container {
		width:100%;
		margin:3rem auto;
	}

	.gallery {
		list-style-type: none;
		margin: 0;
		width:100%;
	}
	
	.gallery li{
		width:85%;
		height:auto;
		box-sizing: border-box;
		padding:1rem 1rem;
		margin:1rem auto;
		overflow: hidden;
		line-height: 20rem;
		text-align: center;
	}
	.gallery li img{
		max-width:100%;
		max-height:100%;
		display: inline-block;
		vertical-align: middle;
	}

	/*新闻中心*/
	.wel-news-box{
	width: 100%;
	margin:1rem auto;
	overflow: hidden;
	}
	.wel-news-box .item {
	  margin-bottom: 10px;
	  float: left;
	  padding: 20px 10px 20px 10px;
	  box-sizing: border-box;
	}
	.wel-news-box .item:hover {
	  background: #0060a3;
	  transition: .5s ease-in-out;
	  color: #ffffff;
	}
	.wel-news-box .item:hover .left {
	  transition: .5s ease-in-out;
	  color: #fff;
	}
	.wel-news-box .item:hover .right .h0 {
	  transition: .5s ease-in-out;
	  color: #ffffff;
	}
	.wel-news-box .item:hover .right .p {
	  transition: .5s ease-in-out;
	  color: #def1ff;
	}
	.wel-news-box .item .left {
	  width:20%;
	  text-align: center;
	  line-height: 1;
	  color:#222222;
	  transition: .5s ease-in-out;
	  float: left;
	  margin-top:1rem;
	}
	.wel-news-box .item .left .num {
	  font-size: 50px;
	  line-height: 1;
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  position: relative;
	}
	.wel-news-box .item .left .num:after {
	  content: "";
	  position: absolute;
	  height: 1px;
	  width: 45px;
	  background: #dddddd;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  margin: auto;
	}
	.wel-news-box .item .left .time {
	  font-size: 16px;
	}
	.wel-news-box .item .right {
	  float: left;
	  width:80%;
	  margin-top:1rem;
	}
	.wel-news-box .item .right .h0 {
	  font-size:20px;
	  color: #222222;
	  line-height: 22px;
	  height: 22px;
	  overflow: hidden;
	  transition: .5s ease-in-out;
	  margin-bottom: 15px;
	}
	.wel-news-box .item .right .p {
	  transition: .5s ease-in-out;
	  font-size: 14px;
	  color: #666666;
	  line-height: 26px;
	}
	.wel-news-box .wel-news-img{
	width:100%;
	height:12rem;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	}

	/*分页*/
	.pagelist{
	text-align: center;
	
	}
	.pagelist li{
	display: inline-block;
	margin:0 0.5rem;
	}
			/*新闻内页*/
	.position{
	font-size:1.2rem;
	text-align: left;
	}
	.position a{
	line-height: 1.5rem;
	padding:0 0.5rem;
	font-size:1.2rem;
	}	
	.bodytop{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #f2f2f2;
	margin:2rem 0 1rem;
	}
	.bodytop .bodytit{
	font-size:1.1rem;
	}
	.bodytop .bodytime{
	font-size: 1rem;
	margin:0.7rem 0;
	}

	.bodycon{
	margin:1rem 0;
	min-height:500px;
	line-height: 1.6rem;
	}
	.bodycon img{
	max-width: 100%;
	}
	.bodygrow{
	width: 100%;
	height:auto;
	background-color:#f2f2f2;
	}

	.bodygrow li{
	padding:0.5rem 1rem;
	font-size: 1.2rem;
	color: #333;
	display: inline-block;
	}
	.bodygrow li a{
	font-size: 1.1rem;
	transition: all 0.3s ease-in-out;
	}
	.bodygrow li a:hover{
	color:#997300;
	}

		/*产品内页*/
	.proconleft{
	width:100%;
	height:auto;
	overflow: hidden;
	}
	.csize{
	margin:2rem 2rem;
	}
	.proconright{
	width:100%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	padding:0 2rem 2rem;
	}
	.proconright .procontit{
	font-size: 2rem;
	margin:1.5rem 0;
	font-weight:600;
	}
	.proconright .procondes{
	font-size:1.2rem;
	margin:0.5rem 0;
	text-align: justify;
	}
	.proconright .proconitems{
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding:0.5rem 0;
	margin:1rem 0 0;
	font-size:1.2rem;
	}

	.proconright .request{
	padding: 1rem 2rem;
	margin-top:2rem;
	display: block;
	background-color: #003058;
	color: #fff;
	text-align: center;
	font-size:1.4rem;
	}

	.pi1{
	width:100%;
	height:300px;
	margin:3rem 0 0 0;
	}
	.pike img{
	max-width: 100%;
	max-height: 100%;
	}
	.contact_right{
	width:100%;
	height:300px;
	margin:3rem 0 0 0;
	background-color: #fbfaf8;
	overflow:hidden;
	}
	.contact_right .contact_tit{
	font-size:2rem;
	margin:2rem 0 3rem 2rem;
	color:#997300;
	}
	.contact_right .contact_des{
	margin:0.5rem 0 0 2rem;
	font-size:1.2rem;
	}
	.list_banner .list_ntit .list_big{
	font-size:1.5rem;
	position: relative;
	padding-bottom:0.5rem;

	}

}


@media screen and (max-width:1199px) and (min-width:769px){

	.list_main{
	width:95%;
	height: auto;
	margin:3rem auto 2rem;
	overflow:hidden;
	}
	
	.list_main .listleft{
	width:30%;
	height: auto;
	overflow:hidden;
	float: left;
	background-color: #fff;
	}
	
	.list_main .listleft .listbox{
	width: 100%;
	height: auto;
	overflow:hidden;
	}
	.list_main .listleft .listbox .listsub{
	width: 100%;
	height: auto;
	overflow:hidden; 
	box-sizing: border-box;
	padding:1rem 0;
	border-bottom:1px solid #f2f2f2;
	}

	.list_main .listleft .listbox .listsub .listbtit{
	font-size: 2rem;
	color: #997300;
	padding:0rem 0 0.5rem 10%;
	font-weight:500;
	}
	.list_main .listleft .listbox .listsub .liststit{
	font-size:1.5rem;
	color: #997300;
	padding:1rem 0 0 10%;
	}
	.list_main .listleft .listbox .listbot{
	width: 100%;
	height: auto;
	overflow:hidden; 
	}
	.list_main .listleft .listbox .listbot ul{

	}
	.list_main .listleft .listbox .listbot ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	}
	.list_main .listleft .listbox .listbot ul li:last-child{
	margin-bottom:1rem;
	}
	.list_main .listleft .listbox .listbot>ul>li>a{
	padding: 0.8rem 0 0.8rem 5%;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	font-size: 1.1rem;
	border-bottom: 1px dashed #dfdfdf;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	}

	.list_main .listleft .listbox .listbot>ul>li>a:hover{
	padding-left: 7%;
	color:#997300;
	
	}

	.list_main .listleft .listbox ul.sonnav li a{
	padding: 0.8rem 0 0.8rem 10%;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	font-size: 1.1rem;
	border-bottom: 1px dashed #dfdfdf;
	transition: all 0.3s ease-in-out;
	}
	.list_main .listleft .listbox ul li a{
	transition: all 0.3s ease-in-out;

	}
	.list_main .listleft .listbox ul.sonnav li a:hover{
	padding-left: 12%;
	color:#997300;

	}
	.list_main .listleft .listbox .active{
	color:#997300;

	}

	.list_main .listleft .listbox .listbot>ul>li>a::after{
	font-family: 'Font Awesome 5 Free';
	font-weight:600;
	content: "\f105";
	float: right;
	line-height: 1.6rem;
	padding-right:0.5rem;
	transition:all ease-in-out 0.5s;
	}

	.list_main .listleft .listbox .sonnav{
	display: none;

	}

	.list_main .listright{
	width:70%;
	height: auto;
	overflow: hidden;

	}

	.list_main .listright .probox{
	width:45%;
	height: 18rem;
	background-color: #fff;
	display: inline-block;
	float: left;
	margin:0rem 0 2rem 5%;
	}
	.list_main .listright .probox .prosimg{
	width: 100%;
	height: 13rem;
	text-align: center;
	}
	.list_main .listright .probox .prosimg img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align:middle;
	}
	.list_main .listright .probox .probtit{
	width: 100%;
	height: 2rem;
	box-sizing: border-box;
	padding:0 0.5rem;
	line-height: 2rem;
	text-align: center;
	font-size: 1.5rem;
	margin:0.5rem 0;
	}

	.list_main .listright .probox .prostit{
	width: 100%;
	height:1rem;
	box-sizing: border-box;
	padding:0 0.5rem;
	line-height:1rem;
	text-align: center;
	font-size: 1rem;
	color: #aaa;
	}


	
	.listtbox{
	width: 100%;
	height: auto;
	overflow: hidden;
	}

	.listtbox .listatop{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 2rem;
	color:#997300;
	}
	.listtbox .listabot{
	width: 100%;
	height: auto;
	overflow: hidden;
	color:#997300;
	text-align: center;

	}
	.listtbox .listabot .listaline{
	display: inline-block;
	width:5rem;
	border-top: 1px solid #997300;
	vertical-align: 5px;
	
	}
	.listtbox .listabot .listmid{
	display: inline-block;
	padding: 0 1.2rem;
	color:#997300;
	text-align: center;
	font-size: 1.5rem;
	}
	.listabout{
	width:98%;
	margin:2rem auto 3rem;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 0.3rem;
	}

	.listabout img{
	max-width: 100%;
	
	}

	pre {
		overflow-x: scroll;
		background: #ffffff;
		border: 1px solid #cecece;
		padding: 10px;
	}

	.clear {
		clear: both;
	}

	.zoomed > .container {
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}

	.container {
		width:100%;
		margin:3rem auto;
	}

	.gallery {
		list-style-type: none;
		margin: 0;
		width:100%;
	}
	
	.gallery li{
		width:40%;
		height:auto;
		box-sizing: border-box;
		padding:1rem 1rem;
		margin:1rem 5%;
		overflow: hidden;
		line-height: 20rem;
		text-align: center;
		float: left;
		display: table-cell;
		transition: all 0.3s ease-in-out;
	}
	.gallery li:hover{
		
		box-shadow: 0px 0px 5px #ccc inset;

	}



	.gallery li img{
		max-width:100%;
		max-height:100%;
		display: inline-block;
		vertical-align: middle;
	}

	/*新闻中心*/
	.wel-news-box{
	width:100%;
	margin:1rem auto;
	overflow: hidden;
	}
	.wel-news-box .item {
	  margin-bottom: 10px;
	  float: left;
	  padding: 20px 10px 20px 10px;
	  box-sizing: border-box;
	  width: 50%;
	}
	.wel-news-box .item:hover {
	  background: #0060a3;
	  transition: .5s ease-in-out;
	  color: #ffffff;
	}
	.wel-news-box .item:hover .left {
	  transition: .5s ease-in-out;
	  color: #fff;
	}
	.wel-news-box .item:hover .right .h0 {
	  transition: .5s ease-in-out;
	  color: #ffffff;
	}
	.wel-news-box .item:hover .right .p {
	  transition: .5s ease-in-out;
	  color: #def1ff;
	}
	.wel-news-box .item .left {
	  width:20%;
	  text-align: center;
	  line-height: 1;
	  color:#222222;
	  transition: .5s ease-in-out;
	  float: left;
	  margin-top:1rem;
	}
	.wel-news-box .item .left .num {
	  font-size: 50px;
	  line-height: 1;
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  position: relative;
	}
	.wel-news-box .item .left .num:after {
	  content: "";
	  position: absolute;
	  height: 1px;
	  width: 45px;
	  background: #dddddd;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  margin: auto;
	}
	.wel-news-box .item .left .time {
	  font-size: 16px;
	}
	.wel-news-box .item .right {
	  float: left;
	  width:80%;
	  margin-top:1rem;
	}
	.wel-news-box .item .right .h0 {
	  font-size:20px;
	  color: #222222;
	  line-height: 22px;
	  height: 22px;
	  overflow: hidden;
	  transition: .5s ease-in-out;
	  margin-bottom: 15px;
	}
	.wel-news-box .item .right .p {
	  transition: .5s ease-in-out;
	  font-size: 14px;
	  color: #666666;
	  line-height: 26px;
	}
	.wel-news-box .wel-news-img{
	width:100%;
	height:12rem;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	}

	/*分页*/
	.pagelist{
	text-align: center;
	
	}
	.pagelist li{
	display: inline-block;
	margin:0 0.5rem;
	}

	/*新闻内页*/
	.position{
	font-size:1.2rem;
	text-align: right;
	}
	.position a{
	line-height: 1.5rem;
	padding:0 0.5rem;
	font-size:1.2rem;
	}	
	.bodytop{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #f2f2f2;
	margin:2rem 0 1rem;
	}
	.bodytop .bodytit{
	font-size:2rem;
	}
	.bodytop .bodytime{
	font-size: 1.8rem;
	margin:0.7rem 0;
	}

	.bodycon{
	margin:1rem 0;
	min-height:500px;
	line-height: 1.6rem;
	}
	.bodycon img{
	max-width: 100%;
	}
	.bodygrow{
	width: 100%;
	height:auto;
	background-color:#f2f2f2;
	}

	.bodygrow li{
	padding:0.5rem 1rem;
	font-size: 1.2rem;
	color: #333;
	display: inline-block;
	}
	.bodygrow li a{
	font-size: 1.1rem;
	transition: all 0.3s ease-in-out;
	}
	.bodygrow li a:hover{
	color:#997300;
	}

		/*产品内页*/
	.proconleft{
	width:50%;
	height:auto;
	overflow: hidden;
	float: left;
	}
	.csize{
	margin:2rem 2rem;
	}
	.proconright{
	width:50%;
	height:auto;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	padding:0rem 2rem 0 0;
	}
	.proconright .procontit{
	font-size: 2rem;
	margin:1.5rem 0;
	font-weight:600;
	}
	.proconright .procondes{
	font-size:1.2rem;
	margin:0.5rem 0;
	text-align: justify;
	}
	.proconright .proconitems{
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding:0.5rem 0;
	margin:1rem 0 0;
	font-size:1.2rem;
	}

	.proconright .request{
	padding: 1rem 2rem;
	margin-top:2rem;
	display: block;
	background-color: #003058;
	color: #fff;
	text-align: center;
	font-size:1.4rem;
	}

	.pi1{
	width:45%;
	height:300px;
	float: left;
	margin:3rem 0 0 0;
	}
	.pike img{
	max-width: 100%;
	max-height: 100%;
	}
	.contact_right{
	width: 55%;
	height:300px;
	float: left;
	margin:3rem 0 0 0;
	background-color: #fbfaf8;
	}
	.contact_right .contact_tit{
	font-size:2rem;
	margin:2rem 0 3rem 2rem;
	color:#997300;
	}
	.contact_right .contact_des{
	margin:0.5rem 0 0 2rem;
	font-size:1.2rem;
	}

}