body{ font-size:16px; font-family:微软雅黑; color:#333333; width:100% }
span{ line-height:30px}
a{ color:#333333;text-decoration: none}


 @media screen and (max-width: 1440px)
 {
 body{ font-size:14px; font-family:微软雅黑; }
span{ line-height:28px}

 }
 
  @media screen and (max-width: 768px)
 {
 body{ font-size:12px; font-family:微软雅黑; }
span{ line-height:28px}

 }

*{ margin:0; padding:0; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   -o-box-sizing: border-box;    -ms-box-sizing: border-box;
box-sizing: border-box;  }

ul,li{ list-style:none; border:0; margin:0; padding:0;}

/*弹性盒子*/
.flex{ display: flex; justify-content:safe center;flex-wrap:wrap}

.flex-left{display:flex;flex-direction:row;flex-wrap:wrap}


.flex-right{display:flex;flex-direction:row-reverse;flex-wrap:wrap}

.flex-center{display:flex;justify-content:center;}

.flex-liangduan{display:flex;justify-content:space-between;flex-wrap:wrap}

/*清空样式*/
.clearfix{*zoom:1;clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}


/*页面宽度*/



 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:800px}
.inner_bg .more{position: absolute;z-index:5; width:100%; height:auto; color:#FFF;   text-align:center; line-height:40px;text-transform: uppercase; }
.inner_bg .more a{ color:#FFF; background-color:#4471c4; width:150px;height:40px;margin-top:35%; margin-left:2%; display:block}
.inner_bg .img{position: absolute;z-index:1;width:100%; background-size:cover; height:auto; display:inline }	

.inner_bg img{ width:100%;height:auto}
@media screen and (max-width: 1920px)
 {
	 	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:780px}
	 
	 }
	 
	 @media screen and (max-width: 1850px)
 {
	 	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:770px}
	 
	 }

@media screen and (max-width: 1680px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:700px}
 }


@media screen and (max-width: 1600px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:667px}
 }
 
 
 @media screen and (max-width: 1440px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:600px}
 }
 
  @media screen and (max-width: 1400px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:583px}
 }
   @media screen and (max-width: 1380px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:575px}
 }
 
 
  @media screen and (max-width: 1366px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:569px}
 }
   @media screen and (max-width: 1360px)
 {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:567px}
 }
 
 @media screen and (max-width: 1280px) {
	 .inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:530px}

}
 @media screen and (max-width: 1024px) {
.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:427px}
}

 @media screen and (max-width: 960px) {
.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:400px}
}

 @media screen and (max-width: 800px) {
.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:333px}
}



@media screen and (max-width: 768px) {.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:320px}

}

@media screen and (max-width: 414px){.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:173px}
.inner_bg .more{position: absolute;z-index:5; width:100%; height:auto; color:#FFF;   text-align:center; line-height:30px;text-transform: uppercase; }
.inner_bg .more a{ color:#FFF; background-color:#4471c4; width:100px;height:30px;margin-top:28%; margin-left:2%; display:block}
.inner_bg .img{position: absolute;z-index:1;width:100%; background-size:cover; height:auto; display:inline }



}
@media screen and (max-width: 375px){.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:146px}


}
@media screen and (max-width: 360px){.inner_bg{width: 100%;position: relative;  height:auto; margin-top:5px; min-height:150px}


}




.inner{ width:1300px; margin:0px auto 30px auto;}


 @media screen and (max-width: 1024px) {.inner{ width:98%; margin:0px auto 30px auto;}}

.nry_about{ margin-top:30px; text-align:center}
.nry_about .l{ width:20%; }


.nry_about .year_bg{ width: 230px; height:80px;position: relative;  }
.nry_about .year_bor{ position: absolute;width:230px; height:80px;z-index:1;background-color:#d5dce4; border:8px solid #2d75b6 }

.nry_about .year_wz{ position: absolute;width:230px; height:80px;z-index:100; text-align:center; color:#2d75b6; line-height:80px; font-size:30px; font-weight:bold}

.nry_about .year_bor_1{position: absolute;z-index:50;width:200px; 

width: 0;

height: 0; 

border-left: 20px solid transparent;

border-right: 0px solid transparent;

border-top: 20px solid #2d75b6; margin-left:205px; margin-top:8px;

}

.nry_about .year_bor_11{position: absolute;z-index:50;width:200px; 

width: 0;

height: 0; 

border-left: 20px solid transparent;

border-right: 0px solid transparent;

border-top: 20px solid #fff; margin-left:210px

}




.nry_about .year_bor_2{position: absolute;z-index:50;width:200px; 

width: 0;

height: 0;

border-left: 0px solid transparent;

border-right: 20px solid transparent;

border-bottom: 20px solid #2d75b6; margin-top:55px; margin-left:5px

}




.nry_about .year_bor_22{position: absolute;z-index:50;width:200px; 

width: 0;

height: 0;

border-left: 0px solid transparent;

border-right: 20px solid transparent;

border-bottom: 20px solid #fff; margin-top:60px; margin-left:0px

}


.nry_about .year_dsj_bg{ width: 230px; height:auto; background:url(../sximg/gl.jpg) center repeat-y; line-height:20px; padding:10px 15px   }


.nry_about .year_dsj_bg1{ width: 230px; height:auto;  line-height:20px; padding:10px 15px   }







.nry_about .r{ width:100%; text-align:left; line-height:30px; margin-left:0%}



.web_year_pc{ }
.web_year_pc img{ width:100%!important; height:auto}


 @media screen and (max-width: 1024px){
	 
	 .nry_about .l{ width:20%; display:none }
	 
	 
	 .nry_about .r{ width:98%; text-align:left; line-height:25px;margin-left:0%}
	 
	 
	 .web_year_dsj{ display:block; line-height:20px}
	 
	 
	 
	 }




.nry_about h3{ font-size:16px; text-align:left; margin-top:30px }
.nry_about img{ width:90%;margin-top:30px}














.nry_pro{ height:auto}
.nry_pro ul{}
.nry_pro ul li{ width:100%; height:auto; padding-top:30px}
.nry_pro ul li .img{ width:25%; height:auto}
.nry_pro ul li .img img { width:100%;height:auto}
.nry_pro ul li span{  width:73%; text-align:left; line-height:24px}



 @media screen and (max-width: 1024px){
	 
.nry_pro ul li .img{ width:100%; height:auto}
.nry_pro ul li .img img { width:100%;height:auto}
.nry_pro ul li span{  width:100%; text-align:left; line-height:24px}
	 
 }
 
 

.nry_new{ height:auto}


.news-item {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2%;cursor: pointer;position: relative; }


.news-item::before {content: "";position: absolute;left: 0;top: 0;width: 0;background: #2f5597;transition:all 0.5s;z-index: 1; }


.news-item .r{  width:75%; text-align:left; float:left; padding:0 2%}
.news-item .l{ width:25%;  float:left; background-color:#FFF; height:220px}
.news-item .l img { width:100%;height:220px }





 @media screen and (max-width: 1680px){
	 .inner{ width:1200px; margin:0px auto 30px auto;}
	 
	
	 
	 }
	 
	 
 @media screen and (max-width: 1024px){
.inner{ width:98%; margin:0px auto 20px auto;}
 }

	 

	 
	 


.news-rig {width: 100%;padding:0;z-index: 2; }


.news-rig h1 {font-size: 18px;font-weight: bold;color: #292929; margin-top:2%}


.news-rig p {font-size: 14px;color: #8e8e8e;line-height: 22px;margin: 20px 0;/*transition:all 0.5s;从大缩到小*/}


.news-rig time {display: block;text-align: left;font-size: 14px;font-weight: bold;transition:all 0.5s;}


.news-nr .news-item:last-child {margin-bottom: 0%;}


.news-item:hover::before {width: 100%; height:100%}


.news-item:hover .news-rig p,.news-item:hover .news-rig h1,.news-item:hover .news-rig time {color: #fff;}




.nry_newnr{ height:auto; line-height:30px}

.nry_newnr h3{ line-height:40px; text-align:left; font-size:18px}
.nry_newnr .time{ line-height:40px; text-align:left; font-size:16px}

.nry_newnr img{margin:0px auto; width:80%}

@media screen and (max-width: 414px) {
	
	
.nry_newnr{ height:auto; line-height:25px}

.nry_newnr h3{ line-height:30px; text-align:left; font-size:16px}
.nry_newnr .time{ line-height:30px; text-align:left; font-size:14px}

.nry_newnr img{margin:0px auto; width:100%}
	
}





/*联系*/

.contact_div{ width:1360px; margin:0px auto; height:auto}




.contact_div ul{ margin:10px auto;height:auto }
.contact_div ul li{ width:22%; margin:0.5% 1.5%!important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*//*box-shadow: 0 2px 6px 2px #e5e5e5;*/}

.contact_div ul li img{ margin:30px 0 40px 0}

.contact_div ul li h3{ font-size:25px; color:#0382db; line-height:30px;text-transform:uppercase}

.contact_div .hr{height:2px; background-color:#16529b; width:15%;  margin:20px auto;}
.contact_div span{font-size:18px;  line-height:30px; display:block;  margin:20px auto 30px auto;}

.map1{ width:55%; margin-top:10px; margin-bottom:20px}
.add{width:45%; line-height:35px; margin-bottom:20px}

@media screen and (max-width: 768px) {
	
	.contact_div ul li img{ margin:10px 0 40px 0}
	.contact_div ul li h3{ font-size:18px; color:#0382db; line-height:30px;text-transform:uppercase}
	
	
	.map1{ width:100%}
.add{width:100%; line-height:25px}
}











/*底部*/
.footer_bg{ background: #2f5597; padding:30px 0 20px 0 }
.footer{ color:#FFF; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #FFF}
.footer a{color:#FFF}
.footer_l{ width:55%; line-height:30px}

.footer_l ul{ margin:15px 0}

.footer_l ul li{ padding:0 20px 0 0; font-size:12px}


.footer_r{ width:45%}







.copyright{ color:#fff;  }

.copyright span{line-height:40px;}

.copyright a{color:#fff;}


.contact-form{}
.contact-form input{ background-color:#5f7caf; border:0; height:40px; line-height:40px; color:#FFF; padding-left:20px; margin-right:5px; width:178px;}
.float_layerSubmit{ width:100%;}
.float_layerSubmit .l{width:365px}
.float_layerSubmit .r{width:30%;}
.float_layerSubmit .l textarea{ background-color:#5f7caf; border:0; height:100px; line-height:40px; color:#FFF; padding-left:20px; margin-right:5px; width:100%;  margin-top:10px}

.float_layerSubmit input{ background-color:#5f7caf; border:0; height:40px; line-height:40px; color:#FFF; padding-left:20px; margin-left:5.5%; width:178px; margin-top:70px; text-align:left}


.inco{ width:198px; margin-left:355px; margin-top:20px}

.inco ul{}

.inco ul li{ width:25%; text-align:right; }

.inco0{margin-right:0%}

.inner_copy{ width:1300px; margin:0px auto 30px auto;}

@media screen and (max-width: 768px) {
	
	.footer_l{ width:100%; line-height:30px}
	.footer_r{ width:100%}
	.contact-form input{ background-color:#5f7caf; border:0; height:40px; line-height:40px; color:#FFF; padding-left:20px; margin-right:5px; width:100%;}
	.float_layerSubmit .r{width:100%;}
	.float_layerSubmit input{ background-color:#5f7caf; border:0; height:40px; line-height:40px; color:#FFF; padding-left:20px; margin-left:0%; width:178px; margin-top:10px; text-align:left}
	.inco{ width:100%; margin-left:0px; margin-top:20px}
	.inco ul li{ width:15%; text-align:right; }
	
	.inner_copy{ width:98%; margin:0px auto 0px auto;}
.copyright span{line-height:30px;}

.copyright a{color:#fff;}
.footer_bg{ background: #2f5597; padding:30px 0 20px 0 }
.footer{ color:#FFF; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #FFF}
	}