﻿.banner_bg {
	height: 405px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0;width:100%;
}
.banner{ width:100%; height:300px; margin-top:105px}


@media screen and (max-width: 768px) {
	
	
	
	.banner_bg {
	height: 185px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0;width:100%;
}
.banner{ width:100%; height:140px; margin-top:80px}
	
	
	
	
	}


@media screen and (max-width: 414px) {
	
	
	
	.banner_bg {
	height: 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0;width:100%;
}
.banner{ width:100%; height:100px; margin-top:100px}
	
	
	
	
	}





.nry_list_bg{ width:100%; height:50px; background:#eff0f8; margin:0px auto; font-size:16px
}
.nry_box{ width:80%;margin:50px auto; }
.nry_box1{ width:80%;margin:50px auto; }
.about_box{ width:76%;margin:50px auto; }
.cp_box{ width:80%;margin:0px auto; }
.tuijian_box{ width:81%;margin:0px auto; font-size:18px!important;}
.tuijian_title{margin:0px auto; font-size:18px!important; font-weight:bold; line-height:40px}


.nry_box_nr{ width:70%;margin:50px auto; }




.nry_list{height:50px;margin:0px auto;color:#000; line-height:50px}


.nry_list_left{ float:left; font-size:14px }
.nry_list_left a{ color:#000; font-size:14px}





.sj_SideLayer{ display:none}
.sjnew_SideLayer{ display:none}


.pz_SideLayer{  float:right; height:65px; /*padding-left:475px;*/  color:#000000}
.pz_SideLayer li{float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_SideLayer li a{ display:block; padding:0 15px; font-size:14px; color:#000; line-height:50px;}
.pz_SideLayer li.l2,
.pz_SideLayer li.l3{display:none;}
.pz_SideLayer li.on,.pz_SideLayer li:hover{}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#ff0000; height:50px; color:#fff;}



.nry_nr{ line-height:35px!important; font-size:14px  }
.nry_nr h2{  font-size:30px;color:#000!important;line-height:55px}

.nry_nr h1{  font-size:30px;color:#000!important;line-height:55px; text-align:center}
.nry_nr p{line-height:35px!important; margin-top:0px!important; padding-top:0px!important;}
.nry_nr img{ width:90%}

@media screen and (max-width: 768px) {.nry_nr img{ width:98%}}


/*新闻*/

.nry-list .title h3{ color: #000;}
.nry-list .title h2{  font-size: 55px; text-align: center;  letter-spacing: 3px; font-family:Arial, Helvetica, sans-serif;color:#000; padding-top:0}
.nry-list .title h2 span{ color:#ddae68}
.nry-list ul{}
.nry-list ul li{ width: 90%; margin:0 3% 3% 3%}

.nry-list ul li  img{display: block; float:left; width:15%; margin-right:5%}





.c_1570_box{ margin:0 5%;}

.c_1570_box  ul{ margin-top:60px}
.c_1570_box  ul li{ width:19%; margin:0 0.5%; float:left; margin-bottom:60px}

.c_1570_box  ul li .pic{}
.c_1570_box  ul li .pic img{ width:100%; height:auto;}
.c_1570_box  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:60px; font-size:16px; text-align:center }


.c_1570_box_sj{ display:none}


.cp_1570_box{ margin:0 5%;}

.cp_1570_box  ul{ margin-top:60px}
.cp_1570_box  ul li{ width:19%; margin:0 0.5%; float:left; margin-bottom:60px}

.cp_1570_box  ul li .pic{}
.cp_1570_box  ul li .pic img{ width:100%; height:auto;}
.cp_1570_box  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:30px; font-size:16px; text-align:center }


.cp_left{ float:left; width:20%; height:auto;font-size:14px}
.cp_left h2{ font-size:16px; font-weight:bold}
.cp_right{ float:left; width:80%; height:auto; text-align:left}
.cp_right img{ }


/*产品列表*/
.inner_33{margin-top:0px!important; padding-top:0px!important;; background:#FFF}


.inner_44{margin-top:0px!important; padding-top:0px!important;}


.nry_img{ text-align:center}

.nry_img img{ width:80vh; max-width:600px;}

.nry-list li h5{ font-size: 18px; color: #000; font-family: "arial narrow";letter-spacing: 2px;}
.nry-list li .time{font-size: 16px; color: #d9a454; line-height:40px}
.nry-list li p{ font-size: 16px; color: #000; line-height: 30px;  margin:10px 0; height:auto; max-height:60px; overflow:hidden }

.nry-list li span{ font-size: 14px; color: #D08F2E; text-transform: uppercase;}






.aboutimgs{width:100%; height:auto; float:right;}	
.aboutimgs ul{}
.aboutimgs ul li{ width:23%; margin:1%; float:left}
.aboutimgs ul li img{ width:100%}	




.honorimgs{width:100%; height:auto;}	
.honorimgs ul{}
.honorimgs ul li{ width:33%; float:left}
.honorimgs ul li img{ width:95%}

.gcimgs{width:100%; height:auto; }	
.gcimgs ul{}
.gcimgs ul li{ width:25%;text-align:center }
.gcimgs ul li img{ width:60%}
.gcimgs ul li p{ line-height:30px}


.gcimgs1{width:100%; height:auto;line-height:30px;}	
.gcimgs1 ul{}
.gcimgs1 ul li{ width:20%; text-align:center }
.gcimgs1 ul li img{ width:80%}
.gcimgs1 ul li p{ line-height:30px; margin-bottom:20px}


.gcimgs2{width:100%; height:auto;line-height:30px;}	
.gcimgs2 ul{border:1px solid #CCC;}
.gcimgs2 ul li{ line-height:45px}
.li1{ width:9%!important; border-top:1px solid #CCC;border-right:1px solid #CCC; text-align:center}
.li2{ width:73%!important;border-top:1px solid #CCC; padding-left:5px}
.li0{ border-top:0px solid #CCC;}





@media screen and (max-width: 768px) {
	
	.gcimgs ul li{ width:50%;text-align:center }
	
	.gcimgs1 ul li{ width:33%; text-align:center }
	
	
.gcimgs2 ul li{ line-height:28px; font-size:12px}
.li1{ width:13%!important; border-top:1px solid #CCC;border-right:1px solid #CCC; text-align:center}
.li2{ width:61%!important;border-top:1px solid #CCC; padding-left:5px}
}



@media screen and (max-width: 1680px)
 {
.nry_box1{ width:90%;margin:0px auto; }
.nry_box_nr{ width:1200px;margin:0px auto; }

}



@media screen and (max-width: 1440px) {
.index-seccp .swiper-slide{ margin:7px 3px 27px 3px}
.nry_box1{ width:98%;margin:0px auto; }


.pz_SideLayer li{float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_SideLayer li a{ display:block; padding:0 10px; font-size:14px; color:#000; line-height:50px;}
}




@media screen and (max-width: 1366px) {
.index-seccp .swiper-slide{ margin:7px 3px 27px 3px}
.nry_box1{ width:99%;margin:0px auto; }
}

@media screen and (max-width: 1280px) {
.nry_box_nr{ width:98%;margin:30px auto; }
.nry_list_left{ float:none; padding:0 10px;width:100%; }

.nry_box{ width:98%;margin:0px auto; }

.about_box{ width:98%;margin:0px auto; }
.cp_box{ width:98%;margin:0px auto; }
.tuijian_box{ width:98%;margin:0px auto; display:none;font-size:14px!important; }


.pz_SideLayer{ /*width:100%;*/ float:none; height:35px; /*padding-left:475px;*/ display:none }

.sj_SideLayer{ /*width:100%;*/ float:none; height:35px; /*padding-left:475px;*/ display:block; color:#000000 }

.sj_SideLayer ul{ margin:10px 0}
.sj_SideLayer ul li{ width:32.75%;float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sj_SideLayer li a{ display:block; padding:0; font-size:14px; color:#000; line-height:35px; text-align:center; background:#F3F3F3; margin:3.5%}
.sj_SideLayer li.l2,
.sj_SideLayer li.l3{display:none;}
.sj_SideLayer li.on,.pz_SideLayer li:hover{}
.sj_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#cccccc; height:35px;}



.sjnew_SideLayer{ /*width:100%;*/ float:none; height:35px; /*padding-left:475px;*/ display:block; color:#000000 }

.sjnew_SideLayer ul{ margin:10px 0}
.sjnew_SideLayer ul li{ width:32.75%;float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sjnew_SideLayer li a{ display:block; padding:0; font-size:14px; color:#000; line-height:35px; text-align:center; background:#F3F3F3; margin:3.5%}
.sjnew_SideLayer li.l2,
.sjnew_SideLayer li.l3{display:none;}
.sjnew_SideLayer li.on,.pz_SideLayer li:hover{}
.sjnew_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#cccccc; height:35px;}

.cp_left{ float:left; width:400px; height:auto;font-size:14px}
.cp_left h2{ font-size:16px; font-weight:bold}
.cp_right{ float:left; width:800px; height:auto; text-align:left}
.cp_right img{ }

}


@media screen and (max-width: 768px) {

	
.cp_left{ float:none; width:100%; height:auto;font-size:14px}
.cp_left h2{ font-size:16px; font-weight:bold}
.cp_right{ float:none; width:100%; height:auto; text-align:left}
.cp_right img{ width:100% }

.nry-list ul li{ width: 96%; margin:0 2% 5% 2%}
.nry-list li h5{ font-size: 14px; color: #000; font-family: "arial narrow";letter-spacing: 2px;}
.nry-list li p{ font-size: 14px; color: #000; line-height: 30px;  margin:5px 0; height:auto; max-height:60px; overflow:hidden }
.nry-list li .time{font-size: 14px; color: #d9a454; line-height:40px}

.nry-list ul li  img{display: block; float:left; width:15%; margin-right:5%;display:none}



.nrycp_1570_box{ margin:0 1%;}
.nrycp_1570_box  ul{ margin-top:30px}
.nrycp_1570_box  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:20px}


.c_1570_box{ margin:0 1%; display:none}
.c_1570_box  ul{ margin-top:30px}
.c_1570_box  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:30px}


.c_1570_box_sj{ margin:0 1%; display:block}
.c_1570_box_sj  ul{ margin-top:30px}
.c_1570_box_sj  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:30px}




.c_1570_box_sj  ul li .pic{}
.c_1570_box_sj  ul li .pic img{ width:100%; height:auto;}
.c_1570_box_sj  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:60px; font-size:16px; text-align:center }

.cp_1570_box{ margin:0 1%;}
.cp_1570_box  ul{ margin-top:30px}
.cp_1570_box  ul li{ width:49%; margin:0 0.5%; float:left; margin-bottom:20px}

.nryry_1570_box{ margin:0 1%;}
.nryry_1570_box  ul{ margin-top:30px}
.nryry_1570_box  ul li{ width:31%; margin:0 0.5%; float:left; margin-bottom:20px; text-align:center}
.nryry_1570_box  ul li {}
.nryry_1570_box  ul li img{ width:80%!important; height:auto; }
.nryry_1570_box  ul li .pic_title{background:#fff; height:60px; width:100%;  line-height:30px; font-size:16px; text-align:center; background-color:#efefef }

	}
	
	@media screen and (max-width: 768px){

.nry_list_bg{ width:100%; height:35px; background:#eff0f8; margin:0px auto; font-size:14px
}
.nry_list{height:35px;margin:0px auto; line-height:35px}
}
	

@media screen and (max-width: 414px){


.nry_box{ width:98%;margin:30px auto; }
.nry_box_nr{ width:98%;margin:30px auto; }
.about_box{ width:98%;margin:30px auto; }
.nry_list{height:35px;margin:0px auto; line-height:35px}



.nry_list_left a{ font-size:14px}


.sj_SideLayer ul li{ width:48%;float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}



}



@media screen and (max-width: 1680px)
 {
.nrycp_1570_box  ul li .pic img{ width:100%; height:222px;}
}



@media screen and (max-width: 1440px) {
	.nrycp_1570_box  ul li .pic img{ width:100%; height:190px;}
}


@media screen and (max-width: 1366px) {
	.nrycp_1570_box  ul li .pic img{ width:100%; height:180px;}



}

@media screen and (max-width: 1280px) {
	.nrycp_1570_box  ul li .pic img{ width:100%; height:169px;}



}



@media screen and (max-width: 1024px) {
	.nrycp_1570_box  ul li .pic img{ width:100%; height:135px}



}


@media screen and (max-width: 768px) {
	.nrycp_1570_box  ul li .pic img{ width:100%; height:295px;}

}

@media screen and (max-width: 414px){
	.nrycp_1570_box  ul li .pic img{ width:100%; height:154px;}
	
	
	

@media screen and (max-width: 375px){
	.nrycp_1570_box  ul li .pic img{ width:100%; height:139px;}


}
@media screen and (max-width: 360px){
	.nrycp_1570_box  ul li .pic img{ width:100%; height:134px;}
}





