.top{ width: 100%;position: absolute; top: 30px; left: 0; z-index: 10}
.dht{ background: url(../img/dht.png) repeat-x; }
.yd_banner{ display:none}
.yd_banner img{ display: block; width: 100%;}
.logo{ float: left; width: 152px; margin-right: 20px}
.logo img{ width: 100%;}
.menu{ position: absolute;left: 170px; top: -20px}
.logo_txt{ float: right}
.logo_txt img{ width: 100%}
.menu li{ float: left; font-size: 14px; width:82px; line-height: 62px; padding-right: 8px;padding-top: 9px; text-align: center}
.menu li a{ display: block;}
.menu li.ck{ background: url(../img/ck.png) no-repeat right top;}
.menu li.ck a{ color: #fff;}
.menu li a:hover{ color: #D61419}
.a_1 {background: url(../img/fbg.jpg) center 0; padding: 40px 0}
.txt1{ width: 560px; float: left; line-height: 28px; color: #5d5d5d; font-size: 14px}
.txt1 h2{ padding-bottom: 20px}
.txt1_img{ float: right;}
.more a{ color: #0f5eaa;font-size: 12px}
.more a:hover{ color: #BF080B}
.ywfw{ padding: 40px 0}
.banner{position: relative; z-index: 0}
.rt{float: right;}
.yw_title h2{ font-weight: normal; color: #171717; font-size: 20px}
.show_ywfw{ width: 1200px; overflow: hidden}
.show_ywfw li{ width: 280px; height: 200px; margin-right:26px; position: relative; float: left}
.show_ywfw li span{ width: 100%; height:46px; background: rgba(0,0,0,0.8); position: absolute;bottom: 0; left: 0; text-align: center; color: #fff; line-height: 46px; font-size: 14px}
.show_ywfw li img{ width: 100%}
.show_ywfw li:hover span{ background: rgba(218,37,29,0.8)}
.show_ywfw ul{ width: 1300px}
.news{ background: #f3f3f3; padding: 50px 0}
.video_tp{ float: left; width: 396px; height: 350px }
.video_tp img{ width: 100%;}
.news_nr{ float: right; width: 790px; background:#fff; height: 350px;}
.news_nr h2{font-weight: normal; color: #171717; font-size: 20px; padding:16px 20px; background:#fafafa}
.news_cnr li{ width: 50%; float: left;height: 90px; overflow: hidden; position: relative}
.news_cnr li:hover{ background: #fafafa;}
.tit_nr{ padding: 10px; position: relative; margin: 2px 0 5px 0}
.tit_nr a{ display: block; cursor: pointer}
.n_date{ float: left; border-right: 1px solid #eaeaea;text-align: center;  color: #666;font-size: 14px; width: 20%;}
.n_date i{ display: block; font-size:24px; font-style: normal}
.t_bt{ float: left; width:75%; padding-left: 4%}
.t_bt h3{font-size: 14px}
.t_bt p{font-size: 12px; color: #999}
.news_icon{ width: 29px;height: 28px; position: absolute; top:10px;right: 0;}
.news_cnr li:hover h3{ color: #D50F06}
.news_cnr li:hover p{ color: #333}
.ft1{ background: #3e3b3f; padding: 20px;}
.ft2{ background: #2e2b2e; padding: 14px 10px; color: #fff; font-size: 12px}
.dr{float: right;}
.bglogo{ background: url(../img/ft_logo.png) no-repeat right center;height: 140px}
.bt_nr h4 a{font-size: 14px; line-height: 34px}
.bt_nr a{ color: #fff;font-size: 12px; line-height: 24px; margin-right: 14px}
.bt_nr a:hover{ color: #D70F07}
.bt_nr li{float: left; margin-right: 10px; width: 180px}
.show_link{ position: relative; display: block}
.link_nr{ width:180px; position: absolute;padding: 10px; bottom: 40px;background: rgba(0,0,0,0.95); z-index: 10; border: 2px solid #504e4e;display: none}
.link_nr a{ display: block; border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0; line-height: 28px;}
.s_bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8);left: 0; top: 0; z-index: 5}
.video_nr{  width: 640px; height: 360px;position: fixed; z-index: 10; left: 50%; top: 50%; margin: -180px 0 0 -320px}
.video_nr video{ width: 100%}
.s_tit{ height: 70px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%}
.show_tits{ height: 70px; float: right;line-height: 70px}
.show_tits li{ padding: 0 20px; text-align: center;float: left}
.show_tits li.ck{ background:#da251d }
.show_tits li.ck a:hover{ color: #fff;}
.show_tits a{ color: #fff;display: block; height: 70px;font-size: 14px}
.show_tits a:hover{ color: #da251d}
.m_tit{position: absolute;width: 210px; height: 150px; background: #2e2b2e url(../img/icd.png) no-repeat bottom center;left: 0; bottom: -70px; text-align: center; color: #fff;}
.m_tit h3{ padding: 30px 0 6px; font-size: 22px}
.m_tit p{font-size: 12px; text-transform: uppercase}
.show_nr{ padding: 30px 0;}
.nr_left{ width: 880px; float: left;}
.nr_left .about{text-indent: 2em;}
.nr_left .about img{ width: 100%; float: left}
.nr_right{ width: 260px; float: right;}
.tits{ height: 45px; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 20px}
.qline{ line-height: 45px; font-size: 12px; color: #999}
.qline em{ width:18px; height: 15px; background: url(../img/home.png) no-repeat; display:inline-block; margin-right: 6px}
.menu_list li{width: 120px; height: 120px; background: #eaeaea; float: left;text-align: center;font-size: 16px; margin: 0 10px 10px 0}
.menu_list li a{ display: block; height: 120px}
.menu_list li:hover{ background: #ccc;}
.menu_list i{ padding: 20px 20px 0; display: block}
.menu_list i img{ margin:0 auto;padding-bottom:4px;}
.nr_show{ line-height: 24px; font-size: 14px; color:#666}
.videos{ width: 250px;}
.videos img{ width: 100%}
.contact h2{ padding-bottom: 20px;}
.ct_show li{float: left; line-height:40px; font-size: 14px; padding: 10px 0}
.ct_show li:nth-child(1){ width: 60%}
.ct_show li:nth-child(3){ width: 60%}
.ct_show li img{ display: inline; vertical-align: middle; padding-right:10px}
.map{ margin-top: 40px;width: 880px; height: 600px;}
.map img{ width: 100%}
.job_list li{ border-bottom: 1px solid #eaeaea; padding: 5px 10px; margin-bottom: 10px}
.job_list li:hover{ background: #fafafa;}
.job_list li a{ display: block;}
.job_list li i{ float: right;font-style: normal;color:#999;}
.job_list li span{ color: #666}
.nr_wd{ width: 100%}
.news_wd li{ float: none; width: 100%}
.news_wd li .n_date{ width: 10%}
.news_wd li .t_bt{width: 85%;padding-left: 2%;}
.job_tit{ background: #fafafa; border-bottom: 1px solid #eaeaea;padding: 10px;}
.job_tit i{ float: right; font-style: normal; color: #999}
.jts{ font-size: 16px; font-weight: bold; color: #000;margin: 20px 0; border-left: 2px solid #DA251D; padding-left:10px}
.qyfc{ padding-top: 20px}
.qyfc li{ width:25%;float: left; margin-bottom: 30px;}
.qyfc li a{ display: block; width:280px;margin: 0 auto; background: #eaeaea;font-size: 14px;border-bottom: 2px solid #ddd;}
.qyfc li a:hover{ background:#D51006; color:#fff;border-bottom: 2px solid #9B0C05}
.qyfc li a img{ width: 100%;height: 187px}
.qyfc li a p{ height: 45px; line-height: 45px; text-align: center;}
.nr_tit{ font-size: 12px;line-height: 24px; padding-bottom: 20px}
.nr_tit h3{font-size: 18px; color: #666; padding-bottom:15px}
.nr_img li{ width: 80%; margin: 0 auto 60px;}
.nr_img li img{width: 100%}
img.mat { 
    box-sizing: border-box; 
    width: 80%; 
    height: auto;
    display: block; 
    margin: 1rem auto; 
    padding: 8%;
    background: #F4F0EC; 
    border: 8px solid #333;
    box-shadow: 0 0 0 50px rgba(125,125,125,0.3) inset; 
	}  
.gsyj{}
.gsyj table { 
  width: 100%; 
  border-collapse: collapse; 
}
.gsyj tr:nth-of-type(odd) { 
  background: #eee; 
}
.gsyj th { 
  background: #666; 
  color: white; 
  font-weight: bold; 
}
.gsyj td, .gsyj th { 
  padding:10px 6px; 
  border: 1px solid #ccc; 
  text-align: left; font-size: 12px
}
.news_title{ text-align: center; font-size: 16px;font-weight: normal; background: #eaeaea; padding: 10px; margin-bottom: 20px}
.news_title h3{font-size: 20px;}
.news_title p{font-size: 12px; color: #999}
.news_nrshow{ line-height: 24px;  }

.ywms{width: 880px}
.ywms ul{width: 900px;}
.ywms li{ width: 430px; height: 250px; float: left; position: relative;margin: 0 20px 20px 0}
.ywms li p{position: absolute; width: 100%; height: 50px; left: 0; bottom: 0; background: rgba(0,0,0,0.8); text-align: center; color: #fff; font-size: 16px; line-height: 50px}
.ywms li:hover p{background:rgba(214,20,25,0.8)}
.ryzs {padding-top: 20px}
.ryzs li{ width: 205px; background: #f6f6f6; margin: 0 20px 20px 0; float: left}
.ryzs li img{ width: 100%}
.ryzs span{ line-height: 40px; text-align: center; display: block; background: #fff;}
.ryzs ul{ width: 900px}
.ryzs li a:hover{ color: #DA251D}
/*手机端*/
@media screen and (max-width: 960px) {
	.map{width: 100%; height: 300px;}
	.dht{ padding: 12px;}
	.top{top: 0;position: relative}
	.yd_banner{ display: block;}
	.logo_txt{ display: none}
	.logo{float: none; margin: 0 auto 10px}
	.menu {position: relative;float: none; top: 0;left: 0}
	.menu li{text-align: center; padding: 0; margin: 0; width: 25%; line-height: 35px; margin-bottom: 5px}
	.menu li.ck{ background:#D61419;padding-right: 0; border-radius: 30px}
	.menu li.ck a:hover{ color: #fff;}
	.menu li a:hover{ color: #D61419}
	.txt1{float: none;padding: 10px; width: inherit;}
	.txt1_img{ float: none; padding: 10px;}
	.yw_title{ padding:0 10px 10px}
	.txt1_img img{ width: 100%;}
	.show_ywfw ul ,.show_ywfw{ width: 100%;}
	.show_ywfw li{width:46%; height: auto; margin:2%}
	.show_ywfw li span{ text-align: center; height: 34px; line-height: 34px}
	.video_tp{ float: none;width:96%; padding:2%; clear: both;height: inherit}
	.video_tp img{ width: 100%}
	.news{ padding: 20px 0}
	.news_nr{ clear: both;float: none;width: 100%; padding: 20px;box-sizing: border-box;height: inherit}
	.news_nr li{float: none; width: 100%; height: inherit}
	.ft2{ text-align: center; color: #999}
	p.dr{margin-bottom: 10px;text-align: center;display:block; float: none}
	.ft1{ display: none}
	.video_nr{  width: 320px; height: 180px;position: fixed; z-index: 10; left: 50%; top: 50%; margin: -90px 0 0 -160px}
	.banner{ display: none}
	.yd_show{ background: #eaeaea;padding: 10px 0 0; display: flex}
	.yd_show li{flex: 1; text-align: center; padding-bottom: 10px; border: 2px solid #eaeaea;}
	.yd_show li.ck{ border-bottom:2px solid #D51006}
	.yd_show li a{ display: block}
	.nr_left{ float: none; width: 100%;box-sizing: border-box}
    .nr_right{ display: none}
	.show_nr{padding: 10px}
	.ct_show li{ clear: both; float: none; border-bottom: 1px solid #eaeaea;}
	.ct_show li:nth-child(1),.ct_show li:nth-child(3){ width: 100%}
	.ct_show li img{ float: left; width: 30px}
	.ct_show li span{ display: block; padding-left:42px; text-align: left; line-height: 30px}
	.news_wd li .n_date{ width: 20%}
    .news_wd li .t_bt{width: 75%;padding-left: 2%;}
	
	.qyfc{ padding-top: 10px}
	.qyfc li{ width:100%;float: left; margin-bottom: 30px; }
	.qyfc li a{ display: block; width:90%;margin: 0 auto; background: #eaeaea;}
	.qyfc li a:hover{ background:#D51006; color:#fff;}
	.qyfc li a img{ width: 100%;height: auto}
	.qyfc li a p{ height: 34px; line-height: 34px; text-align: center;}
	.nr_img li{ width: 100%; margin: 0 auto 40px;}
	img.mat { 
	    box-sizing: border-box; 
	    width: 99%; 
	    height: auto;
	    display: block; 
	    margin: 1rem auto; 
	    padding: 2%;
	    background: #F4F0EC; 
	    border: 8px solid #333;
	    box-shadow: 0 0 0 50px rgba(125,125,125,0.3) inset; 

	}  
		
	.ywms{width: 100%}
	.ywms ul{width:  100%}
	.ywms li{ width: 100%; float: left; position: relative;margin: 0 2% 0px 0; height: inherit; margin-bottom: 20px}
	.ywms img{ width: 100%; display: block}
	.ywms li p{width: 100%; height: 35px; background: rgba(0,0,0,0.8); text-align: center; color: #fff; line-height: 35px; font-size: 14px}
	.ywms li:hover p{background:rgba(214,20,25,0.8)}
	.ryzs ul{ width: 100%}	
	.ryzs li{ width:46%; background: #f6f6f6; margin: 0 2% 20px 2%; float: left}
	.ryzs li img{ width: 100%}
	.ryzs span{ line-height: 40px; text-align: center; display: block; background: #fff;}
	.nr_tit img{width: 100%}

	
}

/*PC端*/
@media screen and (min-width:960px){
	.dht{padding:10px;height: 41px}
	.banner{  height: 600px; }
	.dht,.banner,.a_1,.foot,.news {min-width: 1200px;}
	.wd{ max-width:1200px ;min-width: 960px; margin: 0 auto; position: relative}
	.menu li{ float: left;}
	.yw_title{ padding-bottom: 20px}
	.nws,.show_nr{width: 1200px;}
}

.mob_pagination li a,.mob_pagination li span{
	padding: 1px 0;
	width: 38px;
	text-align: center;
	text-indent:0;
	line-height: 32px;
}
.news_list{
	width: 120px;
}
.news_list p{
	float: left;
}
.ac_tr td:hover{
	cursor: pointer;
}