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

}

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

}

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

}


@media screen and (max-width: 1024px){
	.flash_div{ display: block}
	
}

@media screen and (min-width : 640px){
		.phone{ display:none !important}
		.pc{ display:block !important}
		.pc_span{ display:inline!important}
    .side_bar{display:none}
::-webkit-scrollbar{width: 8px; height: 8px; background-color:rgba(168, 171, 181, 0.4); -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;}
::-webkit-scrollbar-thumb{background-color:rgba(124, 127, 139, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}



}

@media screen and (max-width: 640px){
    
    
.header.pheader_show{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
.header.pheader_hide{-webkit-transform: translateY(-91px);-ms-transform: translateY(-91px);transform: translateY(-91px)}
.header{height: 60px;position: fixed;z-index: 999;top: 0;left: 50%;margin-left: -50%;width: 100%;-webkit-transition: all .4s;transition: all .4s;background: #fff;}
.header.header_shadow{box-shadow: 0 0 5px #d2d2d2;border-bottom:#005BAC 1px solid}
    
    
		.flash_div{ display:block}
    .foot{padding: 15px 0px 20px;}
		.foot A.foot_link{ display:none !important}
		.pc{ display:none !important}
		.pc_span{ display:none!important}
         .phone{ display:block !important}
		.w_pc{ width:100%;-webkit-box-sizing: border-box; box-sizing: border-box;}
    .index_banner{ margin-top: 60px;}
    .m_i_hd h2{padding-bottom:0px;}
    .m_i_hd h2::after{width: 100px; height: 3px;margin-left: -50px;}
    
    
    .i_jituan{padding: 0px 20px;}
    .i_jituan ul p{font: 400 14px/28px microsoft yahei}
    .i_jituan_button ul{margin: 10px 0px; flex-wrap:wrap;justify-content:center}
    .i_jituan_button ul li{width: 30%; margin: 10px 0px 0px;}
    
    .i_jituan_button ul li A em.a_ico{width: 50px; height: 50px;}
    .i_jituan_button ul li A em.a_ico.jt_01{ background-position: 0 -200px}
    .i_jituan_button ul li A em.a_ico.jt_02{ background-position: -50px -200px}
    .i_jituan_button ul li A em.a_ico.jt_03{ background-position: -100px -200px}
    .i_jituan_button ul li A em.a_ico.jt_04{ background-position: -150px -200px}
    .i_jituan_button ul li A em.a_ico.jt_05{ background-position: -200px -200px}
    .i_jituan_button ul li A{ border-left: #fff 2px solid;  border-right: #fff 2px solid}
    .m_i_bd{padding-bottom: 10px;}
    
    .i_bankuai{margin-top: 0px; padding: 20px 20px 20px 20px}
    
    .i_bankuai_wrap{flex-direction: column}
    .i_bankuai_wrap li{width: auto;}
    .i_bankuai_wrap li a{padding: 10px 0px 10px;}
    .i_bankuai_wrap li a h6{ height: auto;}
    .i_bankuai_wrap li a p.more{display: none}
    
    .i_bankuai_wrap li a h5{padding-bottom: 10px;}
    .i_bankuai_wrap li{border-bottom:#D8A368 1px solid}
    
    .i_bankuai_wrap li a h5{font:700 16px/30px microsoft yahei}
    
    .i_bankuai_wrap li.bg_01a{background-image: none}
    .i_bankuai_wrap li.bg_02b{background-image: none}
    
    .m_i_hd{padding-top:20px;}
    
    
    
    
    .i_jituan_button ul li A p{font:700 16px/30px microsoft yahei}
    
    .i_xinwen{ width: 100%}
    .i_xinwen_list .i_xinwen_list_word{float: none; width:auto}
    .i_box .hd{ text-align: center; margin: 0px;}
    .i_box .hd h3{ background-color: transparent; color: #013895; font-weight: 700; font-size: 18px;}
    .i_box .hd span{  color: #C6C6C6; font-weight:400; display: block}
    .i_conbox{ margin: 10px auto 0px;}
    
    
    .foot{font-size:12px;}
    .foot .foot_mes{float: none; padding: 0px 15px;}
    .side_bar{display:none}    
    .side_page{ width:100%; background: #fff; padding: 15px 15px 30px; min-height: 800px; float:none; min-height: 400px; position: relative; margin-top: -40px;}
    .page_wrap{ padding: 14px; background: #EBF1F7}
    .side_page img{ max-width:100%; display: block; margin: 0px auto!important}
    .right_top h4{font-size: 16px; padding:0px 6px  10px}
    .i_xinwen_list_word{ padding:0px 15px 15px; width: 100%}
    .i_xinwen_list_word li span{ display: none}
    .i_xinwen_list{padding-top: 5px;}
.i_xinwen_list ul li{ margin: 0px 0px 10px 0px; text-align:left;line-height:44px; background: #EFEFF4; padding: 2px 10px; border-radius: 3px;}
    
.i_xinwen_list ul li.itop_one_news{ border-bottom:none; margin-bottom: 10px!important;}
    
    
.i_xinwen_list ul li A{ font-size: 14px;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}    
    .more_a{margin-top: 0px;}
    
.keyword_box{padding:15px 0px 15px 20px;}
.keyword_box p{  font-size: 14px; line-height:24px;}    
    
    .in_img_wap{ width: auto;}
    .in_img_wap ul{ padding: 0px 10px 0px; width: 100%}
    .in_img_wap ul li{ width: 46%; margin: 0px 2% 15px 2%; height:150px;}
  
    .m_i_hd h2{ background-color: transparent; color: #013895; font-weight: 700; font-size: 18px;}
    .m_i_hd p{  color: #C6C6C6; font-weight:400; display: block}
    
    .hasMoreTab .hd li{ padding: 0px 0px; border-bottom: #fff 3px solid;background-color: transparent; color: #6C6C6C}
    .hasMoreTab .hd li.on{border-bottom: #013895 3px solid; background-color: transparent; color: #013895}
    .m_i_bd{ padding-top: 15px;}
    .hasMoreTab .hd{ margin-bottom: 15px;}
    .hasMoreTab .bd{ padding: 0px 0 20px;}
    
    .hasMoreTab .bd .more_a{ margin-top: 10px;}
    
    .foot .foot_mes p{ color: #a6c3db; padding-top: 5px; margin-top: 5px;}
    .foot .foot_mes p.gaol{ color: #a6c3db; border-top: #1A4671 1px solid}
    
    .i_rongyu .i_rongyu_pp{padding-left: 50px;}
    .i_rongyu{height: 194px;}
    .i_jianjie{height: 194px;}
    .i_shiming{height: 194px;background: #fff url("../images/sc_03_32.jpg") no-repeat left top}
    .i_yewu{height: 194px;}
   
    
    
    
    .in_img_wap ul li A:hover .mask p{top: 30%; width:70%}
    .in_img_wap ul li A:hover .mask h4{top:36%}
    .i_rongyu .fd A{color: #fff}
    .i_rongyu .hd span{margin-left: 0px; display: block}
    .i_jianjie .hd span{margin-left: 0px; display: block}
    .i_shiming .i_shiming_pp{padding-left: 50px;}
    .i_shiming .hd span{margin-left: 0px; display: block}
    .i_shiming .hd{color: #fff}
    .right_top{text-align: left}
    
    
    #banner .slick-dots{bottom: 15px;}
    .i_xinwen_list ul li.itop_one_news A{ font-size: 14px;}
    .i_xinwen_list ul li.itop_one_news p{font-size: 12px; font-weight: 400}
    .i_yewu .bd A{font: 400 12px/20px microsoft yahei;  color: #333333; display: inline-block; border: #B2C7E2 1px solid; padding: 4px 4px; background-color: rgba(248,248,255,0.4); margin: 0px 6px 6px 0px;}
    
    .i_yewu .i_yewu_pp{ padding: 15px 0px 0px 15px;}
    
    

.banner_single{ background-size:cover; height: 180px!important; margin-top: 60px;}   
.banner_single_img{ height: 350px; width: 120%; left: -10%; position: absolute;  top: -30px;filter: blur(20px); }
    
    
    
.single_page_word{ font-size: 14px; line-height: 28px;font-family: "Microsoft YaHei"; padding:15px 5px;}
.single_page_word p{ margin-bottom: 10px; font-size: 14px;}
.video-box video{width: 100%;}
.video{width:100%;}
.scroll-top{display:none;position: fixed;right:15px;bottom:30px;background:#C8CAD6 url(../images/scroll-top.png) no-repeat center;width:36px;height:36px;z-index: 999;cursor: pointer; border-radius:100px;}
 
.single_timeline_word{ font-size: 14px; line-height: 22px;font-family: "Microsoft YaHei"; padding: 5px;}
.single_timeline_word ul{}
.single_timeline_word ul li{ padding-left: 70px; position: relative; margin-bottom: 30px;font-family: "Microsoft YaHei";}
.single_timeline_word ul li p.year{ border-bottom: #B92E33 1px solid; border-top: #B92E33 1px solid; width: 56px; color: #B92E33; font-size: 20px; line-height: 30px; text-align: center; position: absolute; left: 0px; top:0px; letter-spacing: 2px; font-weight: 700;}
  
 .third_tab A{ display: inline-block; padding: 4px 10px; margin-right: 5px; font-size: 14px; background: #B5BBCA; color: #fff; line-height: 30px; border-radius: 3px 3px 0 0}
   
.single_honnor ul{padding-top: 10px}
.single_honnor ul li{ float: none;width:100%;}
.single_honnor ul li a{ margin: 20px 20px; overflow: hidden; display: block; text-align: center}

.single_news_page{padding: 5px;}
.top_one_news A{ display:block; margin-bottom:10px;height:auto;}
.top_one_news li.pic{ width:280px; height:150px; float:left}
.top_one_news li.name{  display:block; padding-left:0px;}
.top_one_news li.name h6{ font-size:20px; line-height:2rem}
.top_one_news li.name .word{ padding-top: 10px; color: #9D9D9D}
.top_one_news li.name .date{ font-size:12px; margin-top:10px; color:#fff; background: #B92E33; display: inline-block; padding: 0px 10px; border-radius: 3px;}
.news_list .news_each li.name{padding-left:0px;}    
.news_list .news_each li.name h6{ font-size:15px;line-height:1.4rem; font-weight:400;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}    

.news_list .news_each .mdate{ font-size:12px;}   
.news_list .news_each A{  padding:10px 0px;}
 .page_news_box{padding:5px;}   
.page_news_box .news_bd{padding: 0px 0px 40px;}   
    
.page_news_box .news_hd h1{font:700 22px/30px "Microsoft YaHei"; margin-bottom:15px; text-align:center;}
    
    
    
    
 .single_culture_page{padding: 0px;}

.culture_word{ padding: 20px 0px;}
.culture_word.dpp{ padding: 20px 0px;}
.culture_word ul{ padding: 30px 0px;}
.culture_word p{ color: #B92E33; font-size:20px; line-height:34px; text-align: left; padding-left: 50px; padding-right: 40px;}
.culture_word em.top{ width: 50px; height: 50px; background: url("../images/top.svg") no-repeat center; background-size: 50px; display: block; position: absolute; left: 0px; top: 0px;}
.culture_word em.bottom{ width: 50px; height: 50px; background: url("../images/bottom.svg") no-repeat center; background-size: 50px; display: block; position: absolute; right: 0px; bottom: 0px;}
.culture_word_intro{ padding-left:20px;}
.culture_word_intro dt{ font-size: 16px; line-height: 40px; font-weight: 700;padding-bottom: 0px;}
.culture_word_intro dd{ font-size: 13px; line-height: 24px; margin-bottom: 10px;padding-right: 10px; padding-left: 20px;}
.culture_word_intro dd em{ display: inline-block; margin-left: -21px}
  
    
.f_k_ul{ margin-bottom: 20px; padding-right: 20px;}
.f_k_ul p{ margin-left: 0px; font-size: 14px; line-height: 26px; margin-bottom: 5px;}
.culture_word_intro dd em.f_k{ display: inline-block; width: 6px; height: 6px; background: #B92E33; vertical-align: 2px; margin-right: 10px;}   
.audio.green-audio-player{ width: 100%}   
    
    

.single_build ul{padding-top: 0px}
.single_build ul li{ float: none;width: 100%;}
.single_build ul li a{ margin: 10px 0px; overflow: hidden; display: block; background: #fff; padding: 5px;}
.single_build ul li a img{ width: 100%; max-height: 100%}
.single_build ul li a .img_b{ width: 100%; height: 200px; display: block}

.single_build ul li a p{  display: block;text-align: left;  font-size: 15px; padding: 2px 5px; line-height: 30px;}
.single_build ul li a .date{ font-size:13px; margin-top:0px; color:#fff; background: #B92E33; display: inline-block; padding: 0px 10px; border-radius: 3px; margin-left: 5px;}
.single_build ul li a:hover{  background: #f7f7f7; }    
    
    
.single_honnor{ margin: 0px;}   
    
.single_people_page{ padding:30px 0px 5px;}

.people_news_list A{ display:block; margin-bottom:20px; background: #fff; padding: 0px;}
.people_news_list li.pic{ width:100%; height:200px; float:none}
.people_news_list li.pic img{ display: block}
.people_news_list li.name{  display:block;  text-align: left; padding: 5px 20px 5px 0px}    
.people_news_list li.name h6{ font-size:15px; line-height:2rem; height:auto; text-align: left; margin-top: 0px;}
.people_news_list li.name .word{ padding-top: 10px; color: #9D9D9D}
.people_news_list li.name .more{ display: none}

    
.works_page_list{ padding:5px;}
.works_page_list ul{overflow: hidden;margin: 0 0px;}
.works_page_list ul li.works_list_li{float:none;width:100%; height: auto;}
.works_page_list ul li.works_list_li A{ background: #EFEFF4; padding: 20px; margin: 10px 0px; display: block; cursor: progress}
.works_page_list ul li.works_list_li A:hover{ color: #fff!important}
.works_page_list ul li.works_list_li A h6{  font-size: 18px; margin-bottom: 5px;}
.works_page_list ul li.works_list_li A .date{margin-bottom: 20px;}
.works_page_list ul li.works_list_li A:hover h6{ color: #fff!important}    
    
    
.link_page_list{ padding:0px 0px 50px 20px;}
.link_page_list .img{ display: none}

.link_page_list .word{ font-size: 14px; line-height: 32px;}
.dituContent{width: 100%; height: 350px; font-size: 12px}

    
.page_road_box{padding: 10px 10px 10px;}
.page_road_box .road_hd{ position:relative; margin-top:30px; border-bottom: #EBEBEB 4px double; padding-bottom: 10px;}

.page_road_box .road_hd h1{font:700 20px/24px "Microsoft YaHei"; color:#405A89; margin-bottom:10px; text-align:left; border-left: #013895 10px solid; padding-left: 20px;}
.page_road_box .road_hd p.road_ot{line-height: 28px; padding: 4px 0px 4px 30px; text-align: left;   font-size:14px;color: #9B9B9B; margin-bottom: 0px;}
.page_road_box .road_hd p.road_ot span{padding: 0px 20px 0px 0px; color: #405A89;font-weight: 700}


.page_road_box .road_bd h4{font:700 18px/20px "Microsoft YaHei"; color:#405A89; margin-bottom:20px; text-align:left; border-left: #013895 4px solid; padding-left: 20px; }
.page_road_box .road_bd{padding: 30px 0px 40px; text-align: left; font: 15px/30px Microsoft YaHei; }
.page_road_box .road_bd P{font: 15px/30px Microsoft YaHei;   margin-bottom: 10px; text-indent: 2rem}
.page_road_box .road_bd img{ max-width:100%}
.page_road_box .road_bd iframe{ height:500px;}    
 
    
/*jingpin gongcheng*/

.single_build_jp{ font-size: 15px; line-height: 22px;font-family: "Microsoft YaHei"; overflow: hidden;margin: 0 0px;}
.single_build_jp ul{padding-top: 20px; margin: 0px;}
.single_build_jp ul li{ float: none;width: 100%;}
.single_build_jp ul li a{ margin: 20px 0px; overflow: hidden; display: block; background: #fff; padding: 0px;}
.single_build_jp ul li a img{ width: 100%; max-height: 100%}
.single_build_jp ul li a .img_b{ width: 100%; height: 200px; display: block; border-radius:10px;}
.single_build_jp ul li a .name{  display: block;text-align: left;  font-size: 16px; padding: 10px 5px; height: 70px;}


.single_build_jp ul li A span.img_b .mask{ transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; position: relative; display: block; width: 100%; height: 100%;background-color: rgba(0,0,0,0.4); position: relative; z-index: 99; border-radius:10px;}

.single_build_jp ul li A .mask p{ width: 80%; height: 4px; border-bottom: #8FB6F1 1px solid; position: absolute; left: 24px; top: 77%; opacity: 1;}
.single_build_jp ul li A .mask h4{font: 400 15px/22px microsoft yahei;  color: #E3E5E8; position: absolute; left: 24px; top: 82%; opacity: 1; padding-right: 30px;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; width: 80%}
.single_build_jp ul li A .mask h6{font: 400 15px/22px microsoft yahei;  color: #E3E5E8; position: absolute; left: 24px; top: 63%; opacity: 1; padding-right: 30px;}


    .people_news_list li.name .date{padding-top: 0px;}    
    
    .samenews_box ul li em{ display: none;}   
    
    .bg_index_01{ background:none; overflow: hidden}
.bg_index_02{ background:none; overflow: hidden}
.bg_index_03{ background:none; overflow: hidden}


    
    
}





/* 判断ipad */
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px){
		.pc{ display:none !important}
		.phone{ display:block !important}

		.flash_div{ display:block}
		.foot A.foot_link{ display:none !important}
		.pc{ display:none !important}
		.phone{ display:block !important}
		.w_pc{ width:100%;-webkit-box-sizing: border-box; box-sizing: border-box;}
		

}
/* ipad横屏 */  
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape){  
			.pc{ display:none !important}
		.phone{ display:block !important}
		
		.flash_div{ display:block}
		.foot A.foot_link{ display:none !important}
		.pc{ display:none !important}
		.phone{ display:block !important}
		.w_pc{ width:100%;-webkit-box-sizing: border-box; box-sizing: border-box;}
		
}  
/* ipad竖屏 */  
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait){  
			.pc{ display:none !important}
		.phone{ display:block !important}
				.flash_div{ display:block}
		.foot A.foot_link{ display:none !important}
		.pc{ display:none !important}
		.phone{ display:block !important}
		.w_pc{ width:100%;-webkit-box-sizing: border-box; box-sizing: border-box;}
		

		
}