﻿@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){
		.flash_div{ display:block}
		.foot .foot_link{float: left;}
    .foot img.phone{margin-top: 60px;}

		.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;}
    #banner .slick-dots{bottom: 10px;}
    .i_conbox{margin: 3px auto;}
    .copy_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}
    .page_wrap{ padding: 14px;}
    .side_page img{ width:100%;height: auto!important}
    .right_top h4{font-size: 16px;}
    .hasMoreTab{ padding: 15px; width: 100%}
    .hasMoreTab .bd li span{ display: none}
.hasMoreTab .hd li{ float:left;  padding:0 5px; cursor:pointer; background: #fff; line-height:44px; font-size: 16px;border-radius: 3px;margin-right: 15px;}
.hasMoreTab .hd{ position:relative;line-height:44px; height: 45px}
.hasMoreTab .hd li.on{  background:#fff;  color:#B92E33; border-bottom: #B92E33 3px solid;border-radius: 0px;}

.hasMoreTab .bd li{ margin: 0px 0px 10px 0px; text-align:left;line-height:38px; background: #EFEFF4; padding: 2px 10px; border-radius: 3px;}
.hasMoreTab .bd li A{ font-size: 14px;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}    

    
.keyword_box{padding:15px 0px 15px 20px;}
.keyword_box p{  font-size: 14px; line-height:24px;}    
.keyword_box p span{ display: block}    
    
    

.phone_bg.banner_guanyu{ background-image: url("../images/mp1.jpg"); height: 300px; width: 100%; background-color: #F1D3C8}
.phone_bg.banner_jianshe{ background-image:  url("../images/mp2.jpg") ; height: 300px; width: 100%; background-color: #9CA2BC}
.phone_bg.banner_qiye{ background-image:  url("../images/mp3.jpg"); height: 300px; width: 100%; background-color: #DCD1D7}
.phone_bg.banner_zhujiu{ background-image:  url("../images/mp4.jpg"); height: 300px; width: 100%; background-color: #F0E5D1}
.phone_bg.banner_youxiu{ background-image:  url("../images/mp5.jpg"); height: 300px; width: 100%; background-color: #C6D0DC}
.phone_bg.banner_rencai{ background-image:  url("../images/mp6.jpg") ; height: 300px; width: 100%; background-color: #E9B6A3}
.phone_bg{ background-size:cover; height: 180px!important; margin-top: 60px;}   
.single_page_word{ font-size: 14px; line-height: 28px;font-family: "Microsoft YaHei"; padding: 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:100px;background:#C8CAD6 url(../images/scroll-top.png) no-repeat center;width:36px;height:36px;z-index: 999;cursor: pointer; border-radius:2px;}
 
.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_honnor ul li span.img_b{ display:block;min-height:auto!important;}

    
    
    
.single_news_page{padding: 5px;}
.top_one_news A{ display:block; margin-bottom:10px;height:auto;}
.top_one_news li.pic{ width:100%; height:200px; float:none}
.top_one_news li.name{  display:block; padding-left:0px;}
.top_one_news li.name h6{ font-size:18px; 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_pic A{ display:block; border-top:#E7E7E7 1px solid; padding:10px 0px;min-height:auto}
.news_list .news_each_pic li.name{  display:block;}
.news_list .news_each_pic li.name h6{ font-size:16px;line-height:1.6rem; font-weight:400;} 
.news_list .news_each_pic .pic{ float:none; width:100%; text-align:center;  color:#B7BFCE; height:200px;  margin-left:0px;  padding-left: 0px; margin-top: 10px;}
.news_list .news_each_pic .pic img{ width: 100%; height: 100%}
.news_list .news_each_pic A:hover h6{ font-weight: 700}

.news_list .news_each_pic li.name .word{ font-size:12px; padding-top:6px; color:#9D9D9D; line-height:20px;}
.news_list .news_each_pic li.date span{ font-size:12px; color:#fff; line-height:20px; display: inline-block;background: #B92E33; padding: 0px 10px; margin-top: 10px; border-radius: 3px; border-left: #B92E33 4px solid}
    

    
    
.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"; color:#B92E33; 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:15px; line-height:34px; text-align: center!important; padding-left: 30px; padding-right: 20px;}
.culture_word p span{ display: block}    
.culture_word em.top{ width: 50px; height: 50px; background: url("../images/top.svg") no-repeat center; background-size: 50px; display: block; position: absolute; left: -10px; 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: -10px; bottom: 0px;}
.culture_word_intro{ padding-left:20px;}
.culture_word_intro dt{ font-size: 15px; 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_people_page{ padding: 5px;}

.people_news_list A{ display:block; margin-bottom:30px; 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; padding-left:0px; text-align: left}
.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{ background: #B92E33; color: #fff!important}
.works_page_list ul li.works_list_li A h6{ color:#B92E33; 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}    
    
    
/*招聘展示*/
.works_page_show{padding: 10px;}
.works_page_show .works_hd{ position:relative; margin-top:30px;}

.works_page_show .works_hd h1{font:700 22px/20px "Microsoft YaHei"; color:#B92E33; margin-bottom:25px; text-align:left;  border-left: #B92E33 4px solid; padding-left: 10px;}
.works_page_show .works_hd p.works_ot{line-height: 20px;  text-align: left; margin-bottom:30px;border-top: #DFE3E4 1px dashed; padding: 20px 0px 10px 14px}
.works_page_show .works_hd p.works_ot span{padding: 0px 20px 0px 0px; color: #000000; font-size: 14px;}
.works_page_show .works_hd p.works_ot span A{color: #D8B57B}

.works_page_show .works_bd{padding: 0px 0px 40px 15px; text-align: left; font: 14px/30px Microsoft YaHei; }
.works_page_show .works_bd P{font: 14px/30px Microsoft YaHei;   margin-bottom: 10px; color: #000}

    
    
    
    
.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}

    
    .phone_link{ padding:0px 15px 35px;}
    .phone_link ul{ margin-right: -6px;}
    .phone_link ul li{ width: 50%; height: 60px; margin-bottom: 6px;}
    .phone_link ul li A{ display: block; line-height: 60px; padding-left: 20px; background: #818591; color: #fff; border-right: #fff 6px solid; font-size: 15px;}
    
    .phone_link ul li A.a01{ display: block; line-height: 40px; padding-left: 20px; background: #B92E33; color: #fff; border-right: #fff 6px solid; height: 126px;}   
    .phone_link ul li A.a01 em{ display: block; text-transform: uppercase; color: #C76164; line-height: 18px; padding-top: 30px;}       
    
    
.phone_video{ position: relative;  width:50%; height:126px; overflow: hidden;}
.phone_video img{display: block; width: 100%; height:126px}
.phone_video:after{content: '';background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;width: auto;height: 100%; right: 6px;}
.phone_video p{ position:absolute;z-index: 9; color: #E3E3E3; font-size: 18px; top: 40px; left: 30px; width: 114px; text-align: center; font-weight: 400;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.phone_video p em{ display: block; font-size: 10px;text-transform:uppercase; border-top: #E3E3E3 1px solid; padding-top: 4px; margin-top: 5px;}

    
.phone_link ul li.phone_video{ height:126px;}
.phone_link ul li.phone_video A{ padding-left: 0px; }
    
    .dkfdk{ margin-right: 6px;}   
    
   
}





/* 判断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;}
		

		
} 