@charset "utf-8";
/* CSS Document */

/*===================CSS Reset================*/
::selection {color:#fff;background-color: #b50005;}
::-moz-selection {color:#fff;background-color: #b50005;}
::-webkit-selection {color:#fff;background-color: #b50005;}
::-webkit-scrollbar {width: 2px;height: 2px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #ddd;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #90fae8;}
* {padding: 0;margin: 0; box-sizing:border-box;}
body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px;}
:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color:#393939;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}
.no_padding{ padding:0; margin:0 !important;}
/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt p{ color:#777;}
.clear{ clear:both;}

/*head*/
#header{
		position: absolute; padding-top:40px;
		height: 108px;
		display:block;
		width: 100%;
		z-index:9;
	}
	
#logo{ float:left;}
#nav{ float:right; margin-top:35px;}
#nav ul{}
#nav ul li{ float:left; text-align:center; display:table; position: relative; padding:0 27px;position:relative}
#nav ul li .a{ display:table-cell; vertical-align:middle; height:78px; position:relative; z-index:0; position: relative;}
#nav ul li h5{ font-size:22px; color:#fff; text-align:center; margin-bottom:9px;  -moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition: .3s; font-weight:bold;}
#nav li h5:after{ content:""; width:0; height:3px; background:#feb300; display:block; position:absolute; bottom:20px; left:50%; margin-left:-15px; transition:.3s; -webkit-transition:.3s; transform:scale(0);}
#nav li:hover h5:after,#nav li.on h5:after{ width:30px; transform:scale(1);}
#nav .list{ width:126px;left:-1px;max-height:0;position:absolute;top:30px; z-index:0; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); box-shadow:0px 2px 5px rgba(0,0,0,0.2);}
#nav .list div{ overflow:hidden; }
#nav .list:before{ display: block; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #f8f8fc;border-color:#f8f8fc transparent;border-top:0; margin-right: -9px; content: "";}
#nav .list a{width:126px;height:50px;line-height:50px;text-align:center;color:#434445;display:block;font-size:16px;text-decoration:none;opacity:1;background-color:#f8f8fc;border-bottom:#e8e8e8 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s}
#nav .list a:before{ color:#b50006; margin-right:0; transition:.3s; opacity:0; transform:scale(0); display:inline-block; width:0px;}
#nav .list a:hover{background: #fff; color:#b50006;}
#nav .list a:hover:before{ opacity:1; transform:scale(1); margin-right:5px; width:9px;}
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; top:85px; opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}
#n_header{
		position: relative; padding-top:20px;
		height: 158px;
		display:block;
		width: 100%;
		z-index:9;
	}
#n_header #nav ul li h5{ font-size:20px; color:#5c5c5c; font-weight:bold;}
/*banner*/
.banner { height:782px; width:100%; overflow:hidden; position:relative; z-index:0; text-align:center; }
.banner .swiper-slide{ height:782px; }
.banner .swiper-slide a{ display:block; height:100%;}
.banner .txt{ padding-top:315px; transform:scale(.5); opacity:0; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.banner .swiper-slide-active .txt{transform:scale(1); opacity:1; }
.banner .pagination {
  position: absolute;
  z-index: 20;
  bottom: 35px; width: 100%; text-align: center;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  margin:0 4px;
  opacity: 0.8;
  border: 2px solid #fff;
  cursor: pointer;
}

.banner .swiper-active-switch {
  background: #fff;
}

/*banner end*/

#gotop { position:fixed; z-index:90; bottom:100px; right:80px; width:47px; height:52px; color:#fff; font-family:simsun; font-size:30px; text-align:center; line-height:47px;  border-radius:5px; box-sizing:border-box; background:#c92328; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;padding-top: 3px;
 transform:rotate(270deg);
 -webkit-transform:rotate(270deg);
 -moz-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 -o-transform:rotate(270deg);
}
#gotop.hide { bottom:-50px;}
#gotop:hover { background:#c92328;}

#s_about{ height:447px; background:url(../images/s_about_bg.png) center no-repeat; padding-top:56px;}
#s_about .box1{ width:871px; float:left;}
#s_about .box1 .tt{ padding-top:60px; padding-bottom:25px; overflow:hidden;}
#s_about .box1 .tt h3{ font-size:25px; color:#b50005; float:left; font-weight:bold;}
#s_about .box1 .tt h3 span{ display:block; font-size:15px; color:#acafb1; text-transform:uppercase; font-family:arial; margin-top:8px;}
#s_about .box1 .tt .more{ float:right; font-size:15px; color:#97949b; font-family:arial; margin-top:10px; transition:.3s; -webkit-transition:.3s;}
#s_about .box1 .tt .more:hover{ color:#b50005;  letter-spacing:1px;}
#s_about .box1 .txt{ width:528px; float:left; font-size:16px; color:#767379; line-height:30px; height:150px;}
#s_about .box1 .img{ width:300px; height:179px; float:right; margin-top:-20px;}
#s_about .box2{ width:278px; height:336px;  background:#b50005; float:right; padding:47px 37px; position:relative; transition:.5s; -webkit-transition:.5s;}
#s_about .box2:hover{ background:#ca0e13;}
#s_about .box2 h3{ font-size:22px; color:#fff; margin-top:0;margin-bottom:10px; transition:.5s; -webkit-transition:.5s; font-weight:bold;}
#s_about .box2 h5{ font-size:27px; line-height:35px; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold;}
#s_about .box2 .bot{ position:absolute; bottom:0; height:68px; border-top:1px solid #c73d41; line-height:67px; left:0; width:100%; padding:0 45px;}
#s_about .box2 .bot img{ margin-top:18px;}
#s_about .box2 .bot .more{ font-size:14px; color:#fff; float:right; transition:.3s;}
#s_about .box2 .bot .more:hover{ letter-spacing:1px;}
#s_about .box2:hover h3{ margin-bottom:20px; margin-top:20px;}

.s_tt{ margin-bottom:45px; font-size:25px; color:#5f5f5f; font-weight:bold;}
.s_tt a{font-size:22px; color:#5f5f5f; font-weight:bold;}
.s_tt span{ font-size:16px; color:#a4a4a7; margin-left:10px;}
.s_tt .more{ float:right; font-size:14px; color:#a4a4a4; font-family:arial; transition:.3s; -webkit-transition:.3s;}
.s_tt .more:hover{ color:#b50005;  letter-spacing:1px;}

#s_yewu{ padding-top:65px; padding-bottom:78px; height:415px;}
#s_yewu ul{ margin-right:-31px;}
#s_yewu ul li{ width:276px; float:left; margin-right:31px; padding-bottom:20px; position:relative;}
#s_yewu ul li:before{ content:""; width:0; height:2px; background:#b50005; display:block; position:absolute; right:0; bottom:0; transition:.5s; -webkit-transition:.5s;}
#s_yewu ul li .img{ width:276px; height:161px;}
#s_yewu ul li .img img{ transition:1s; -webkit-transition:1s;}
#s_yewu ul li:hover .img img{ transform:scale(1.1);}
#s_yewu ul li h5{ font-size:20px; color:#5a585d; margin-top:18px; margin-bottom:16px; text-align:center; font-weight:bold;}
#s_yewu ul li p{ font-size:14px; color:#97949b; line-height:22px;}
#s_yewu ul li:hover:before{ width:100%; left:0; right:auto;}

#s_case{ padding-top:65px; padding-bottom:78px; height:660px; background:#f8f8f8; overflow: hidden;}
#s_case ul{ margin-right:-42px;}
#s_case ul li{ width:268px; float:left; margin-right:42px; margin-bottom:38px; transition:.5s; -webkit-transition:.5s;}
#s_case ul li .img{ width:268px; height:174px;}
#s_case ul li .img img{ transition:1s; -webkit-transition:1s;}
#s_case ul li:hover .img img{ transform:scale(1.1);}
#s_case ul li h5{ font-size:16px; color:#616064; line-height:50px; height:50px; text-align:center; padding:0 10px;}
#s_case ul li:hover{ background:#fff; box-shadow:0 0 10px 3px rgba(0,0,0,.2);}

#s_news{ box-sizing:border-box; overflow:hidden; padding-bottom:63px;}
#s_news .hd{ float:right;}
#s_news .hd ul li{ text-align:center; cursor:pointer; float:left; width:110px; height:40px;  background:#edeef1; margin:0 4px;transition:.3s; -webkit-transition:.3s; }
#s_news .hd ul li a{ font-size:16px; color:#83838e; transition:.3s; -webkit-transition:.3s; display:block; line-height:40px; }
#s_news .hd ul li:hover{ background:#b50005;}
#s_news .hd ul li:hover a{ color:#fff;}
#s_news .hd ul li.on{ background:#b50005;}
#s_news .hd ul li.on a{ color:#fff;}
.news_left{ width:475px; height:348px; float:left; overflow:hidden;}
.news_left .img{ width:475px; height:245px;}
.news_left .img img{ transition:2s; -webkit-transition:2s;}
.news_left:hover .img img{ transform:scale(1.1);}
.news_left .txt{ position:relative; padding:25px 36px; padding-left:116px; height:102px; background:#feb300;}
.news_left .txt h5{ padding-bottom:8px; font-size:16px; color:#fff;}
.news_left .txt h5 a{ font-size:16px; color:#fff; display:inline-block;transition:.3s; -webkit-transition:.3s;}
.news_left .txt p{ font-size:14px; line-height:24px; height:24px; color:#fff; overflow:hidden;} 
.news_left .txt .riqi{ position:absolute; width:46px; height:95px; left:38px; top:19px; color:#fff; font-family:arial; font-size:12px;}
.news_left .txt .riqi span{ font-size:37px; display:block; color:#fff; margin-bottom:2px;}

#s_news{ padding-top:72px;}
.news_right{ width:650px; float:right;}
#s_news .bd{}
#s_news .bd .new1{ position:relative; width:660px; height:156px; background:#f9f9fb; padding:20px 33px;}
#s_news .bd .new1 h5{ margin-bottom:18px; border-bottom:1px solid #eee; padding-bottom:20px;}
#s_news .bd .new1 h5 a{ font-size:16px; color:#424040; display:inline-block;transition:.3s; -webkit-transition:.3s;}
#s_news .bd .new1 h5 a:hover{ color:#b50005;}
#s_news .bd .new1 p{ font-size:14px; line-height:24px; height:48px; color:#9d9da3; overflow:hidden;} 
#s_news .bd ul{ padding-top:16px; }
#s_news .bd ul li{ display:block; height:48px; line-height:48px; transition:.3s; -webkit-transition:.3s; }
#s_news .bd ul li h5{ float:left; font-size:16px; line-height:48px; color:#62626b; transition:.3s; -webkit-transition:.3s;}
#s_news .bd ul li h5 i{ color:#b50005; margin-right:10px; padding-left:6px;}
#s_news .bd ul li:hover h5{ color:#b50005;}
#s_news .bd ul li span{ float:right; font-size:14px; font-family:arial; color:#999; font-weight:100;}
#s_rukou{ height:708px; background:url(../images/s_rukou_bg.jpg) center top no-repeat; text-align:center;}
#s_rukou ul{ display:inline-block;}
#s_rukou ul li{ width:300px; height:360px; float:left; margin:0 26px; margin-top:183px;}
#s_rukou ul li .img{ width:300px; height:227px;}
#s_rukou ul li .img img{ transition:1s; -webkit-transition:1s;}
#s_rukou ul li:hover .img img{ transform:scale(1.1);}
#s_rukou ul li .txt{ padding:38px;transition:.3s; -webkit-transition:.3s;}
#s_rukou ul li:hover .txt{ padding-top:45px;}
#s_rukou ul li .txt h5{ font-size:30px; color:#fff; text-transform:uppercase; font-family:arial; text-align:right; margin-bottom:5px;}
#s_rukou ul li .txt p{ text-align:right; font-size:20px; color:#fff; font-weight:bold;}
#s_rukou ul li.li_1{ background:#f6d025 url(../images/s_rukou_ico1.png) left bottom no-repeat;}
#s_rukou ul li.li_2{ background:#c92328 url(../images/s_rukou_ico2.png) left bottom no-repeat; width:392px; height:525px; margin-top:94px;}
#s_rukou ul li.li_3{ background:#70707d url(../images/s_rukou_ico3.png) left bottom no-repeat;}
#s_rukou ul li.li_2 .img{ width:392px; height:316px;}

#footer{ overflow:hidden; background:#37373a; padding-top:38px;}
#footer .fl{ width:650px;}
#footer .fl h5{ font-size:16px; color:#d1d1d1; padding-top:27px; margin-bottom:22px;}
#footer .fl p{ line-height:30px;}
#footer .fl p a{ font-size:14px; color:#787677; display:inline-block; margin-right:14px;}
#footer .fr{ padding-top:52px; height:177px; width:520px; padding-left:40px; border-left:1px solid #4b4b4e;}
#footer .fr ul{}
#footer .fr ul li{ font-size:14px; color:#d1d1d1; line-height:36px;}
#footer .fr ul li img{ margin-right:12px; position:relative; top:2px;}
#footer .fr ul li .tel{ font-size:18px; color:#c8a618;}

.foot_bot{ height:57px; line-height:57px; border-top:1px solid #49494c; margin-top:37px; font-size:12px; color:#75777a; text-align:center;}
.foot_bot *{font-size:12px; color:#75777a; display: inline-block;}
#footer a{ transition:.3s;}
#footer a:hover{ color:#fff !important;}

/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}
.ny_banner {width: 1920px;height:265px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}

.n_main{}
.n_title{ height:100px; border-bottom:1px solid #dadada;}
.n_title .m{ overflow:visible;}
.n_position{ float:right; background:url(../images/home_ico.png) left center no-repeat; padding-left:20px; margin-top:40px;}
.n_position a{ font-size:14px; color:#9e9e9f; padding-right:23px; position:relative;}
.n_position a:after{ content: url(../images/home_ico2.png); position:absolute; right:10px; top:1px;}
.n_position em{ font-size:14px; color:#b50005;}
.n_position a:hover{ color:#b50005;}

.n_nav{ position:relative; text-align:center; font-size:0; float:left; margin-top:20px;}
.n_nav a{display:inline-block; width:150px; height:60px; line-height: 60px; border-radius:3px; text-align: center;box-sizing: border-box;position: relative; -webkit-transition:0.2s;transition:0.2s; margin-left:1px;}
.n_nav a strong{display:block;color: #474748;position:relative;z-index:4;font-size:20px;height:60px; line-height: 60px;font-weight:bold;}
.n_nav .on,.n_nav a:hover{background: #b50005;color: #fff;}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}


.n_nav_sub{ background:#f2f4f8;}
.n_nav_sub a{display:inline-block; padding:15px 0; line-height: 40px; margin-right:50px; border-radius:3px; text-align: center;box-sizing: border-box;position: relative; 
-webkit-transition:0.2s;transition:0.2s; margin-left:1px;color: #474748; font-size:19px; font-weight:bold;}
.n_nav_sub .on,.n_nav_sub a:hover{color: #b50005;}


.n_content{ padding-top:60px;}


.ar_article{font-size:14px;color:#727272;line-height:30px;text-align:justify;}
.ar_article p{font-size:18px;color:#727272;line-height:45px;text-align:justify;margin-bottom: 23px;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ display:inline-block;}
.ar_article img{ display:inline-block;}
.ar_article td,
.ar_article th{padding: 10px 0.9375rem;border: 1px solid #cfcfcf;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.ar_article table td {border-left: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;line-height: 24px;}

#n_about{ padding-bottom:80px;}


/*====分享插件====*/
.shart_box{float: right;height: 40px;  position:relative; top:-5px; }
span.span2.shart_box{ }
.shart_box a{ color:#7a7a7a; font-size:12px; line-height:35px;}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
.shart_box img{ position:relative; top:3px;}
#j_shart_s_24{padding-left: 10px;position:relative;float: left; display:none;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;}

/*==============新闻详情=====================*/

.n_article { margin-bottom:80px;}
.n_article .ar_title{ margin-bottom:10px; position:relative;}
.n_article .ar_title h1{ font-size: 24px; display:block; line-height:30px; color:#4a4b4c; font-weight:bold; text-align:center; margin-bottom:22px;}
.n_article .ar_title h2{height: 45px; background:#f6f7f9; font-size:14px;  display:block; text-align:center; color:#888; line-height:45px;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}
.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
.jiathis_style{ margin-top:10px;}
.n_article .bnt_page{ position:relative;}
.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}
#ar_fot{ position:relative; height:62px; border-top:1px dashed #e5e5e5; border-bottom:1px dashed #dcdcdc; margin-top:20px;}
#ar_fot h1{ display:block; font-size:12px; line-height:62px; color:#777777; font-weight:bold; max-width:48%; overflow:hidden;}
#ar_fot h1 a{ font-size:14px; color:#575859; font-weight:normal;}
#ar_fot h1 a:hover{ color:#b50005;}

#n_yewu{ padding-bottom:80px;}
#n_yewu .tt{ font-size:24px; color:#b60005; text-align:center; font-weight:bold; margin-bottom:40px;}
#n_yewu .tt i{ margin:0 10px; font-size:18px;}

/*====翻页效果====*/
.j_pages{ margin:0 auto; margin-bottom:80px;}
.j_pages .box{display:inherit;width:100%;text-align: center;}
.j_pages .box li{display:inline-block;}
.j_pages a{padding: 0px 12px;height: 33px;line-height: 31px;display:inline-block; margin:0 3px; border:1px solid #dedede; color: #666666;font-size: 14px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background:#b50005;color:#fff!important;border:1px solid #b50005;}
.j_pages .page-active a{background:#b50005;color:#fff!important;border:1px solid #b50005;}
.j_pages a:hover{background:#b50005;color:#fff!important;text-decoration:none;border:1px solid #b50005;}
.j_pages a:hover font{color:#fff}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}


#n_zizhi{ padding-bottom:50px; overflow:hidden; margin-top:-10px;}
#n_zizhi ul{ margin-right:-56px; margin-top:-15px;}
#n_zizhi ul li{ margin-top:25px; width:258px; height:227px; margin-right:56px; float:left; border:1px solid #dedfe0; padding:8px; box-shadow:0 0px 4px 2px rgba(0,0,0,.1);}
#n_zizhi ul li .img_tab{ width:240px; height:165px; background:#f5f4f9; display:table;}
#n_zizhi ul li .tab_cl{ width:240px; height:165px; display:table-cell; vertical-align:middle; text-align:center;}
#n_zizhi ul li img{ max-width:100%; max-height:100%;}
#n_zizhi ul li h5{ text-align:center; line-height:50px; font-size:16px; color:#504e4e;}
#n_zizhi ul li:hover h5{ color:#b50005;}

#n_zizhi .hd{}
#n_zizhi .hd a{ display:block; width:33px; height:33px; position:absolute; top:50%; margin-top:-16px;}
#n_zizhi .hd .prev{ left:-63px; background:url(../images/n_zizhi_l.png) center no-repeat;}
#n_zizhi .hd .next{ right:-63px; background:url(../images/n_zizhi_r.png) center no-repeat;}
#galleryOverlay .placeholder:after{ content:"✕"; position:fixed; top:80px; right:80px; color:#eee;color: rgba(255,255,255,.6); font-size:30px; cursor:pointer; transition:.3s; }
#galleryOverlay .placeholder img{ max-width:100% !important; max-height:100% !important;}

#n_news{ padding-bottom:55px;}
#n_news ul{ margin-top:-30px;}
#n_news ul li{ padding:30px 0; border-bottom:1px dotted #bcbcc2; overflow:hidden;}
#n_news .riqi{ width:86px; height:99px; background: url(../images/date_bg.jpg) center no-repeat; float:left; font-size:30px; color:#58595a; font-family:arial; display:table;transition: all .3s; -webkit-transition: all .3s; }
#n_news .riqi div{ width:86px; height:99px; text-align: center; display:table-cell; vertical-align:middle;}
#n_news .riqi span{ display:block; font-size:14px; color:#58595a;}
#n_news .txt{ padding-left:115px; margin-top:12px;}
#n_news .txt h5{ font-size:18px; color:#383839; margin-bottom:12px;transition: all .3s; -webkit-transition: all .3s;}
#n_news .txt p{ font-size:14px; color:#8a8a8c; line-height:24px; height:48px; overflow:hidden;}
#n_news ul li:hover .riqi{ background:#b50005; color:#fff;}
#n_news ul li:hover .riqi div{}
#n_news ul li:hover .riqi span{ color:#fff;}
#n_news .txt h5:hover{ color:#b50005;}

#n_lianxi{ margin-bottom:75px;}
#n_lianxi .box1{ overflow:hidden; margin-bottom:65px;}
#n_lianxi .img{ width:408px; height:327px; float:left;}
#n_lianxi .txt{ float:right; width:705px; padding-top:10px;}
#n_lianxi .txt .tt{ font-size:30px; color:#b50005; font-weight:bold; margin-bottom:40px;}
#n_lianxi .txt ul{}
#n_lianxi .txt ul li{ font-size:22px; color:#434445; line-height:48px;}
#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}

/*==============人才招聘=====================*/
#n_zhaopin{ margin-bottom:50px;}
#n_zhaopin #list_slide{  position:relative;border-top: 1px dotted #cccdd1; }
#n_zhaopin #list_slide dl strong{  display:block; float:left; margin-top:24px; width: 3px; height:18px; background: #b60005; }
#n_zhaopin #list_slide dl{ border-bottom:1px dotted #cccdd1; position: relative; }
#n_zhaopin #list_slide dt{ position:relative; cursor:pointer; height:65px; }
#n_zhaopin #list_slide dt.on{ }
#n_zhaopin #list_slide dt h1{ color:#3f3f40; padding-left:22px; font-size:20px; line-height:65px; background:url(../images/ico_s.png) right center no-repeat;  display:block; margin-right:18px; font-weight:bold;}
#n_zhaopin #list_slide dd{ display:none; line-height:24px;  padding: 0px 18px; padding-bottom:15px;}
#n_zhaopin #list_slide dd p{  margin-bottom:0;}
#n_zhaopin #list_slide dd p:last-child{ padding-bottom:0;}
#n_zhaopin #list_slide dd .content{ padding:5px 20px 15px 0px;}
#n_zhaopin #list_slide dd .content { color:#8c8d90; font-size:16px; line-height:30px;}
#n_zhaopin #list_slide dd .content *{ color:#8c8d90; font-size:16px; line-height:30px;}
#n_zhaopin #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat ;  }

#n_yeji{ padding-bottom:78px;}
#n_yeji ul{ margin-right:-26px;}
#n_yeji ul li{ width:280px; height:209px; float:left; margin-right:26px; margin-bottom:36px; background:#f2f4f8;}
#n_yeji ul li .img{ width:280px; height:164px; position:relative;}
#n_yeji ul li .img img{ transition:1s; -webkit-transition:1s;}
#n_yeji ul li:hover .img img{ transform:scale(1.1);}
#n_yeji ul li h5{ font-size:16px; color:#616064; line-height:45px; height:45px; position:relative; text-align:center}
#n_yeji ul li h5:after{ content: url(../images/n_yeji_ico.png); position:absolute; right:20px; display:none;}

#n_yeji ul li .font{width:100%; height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; z-index:999;}
#n_yeji ul li .font::before,#n_yeji ul li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
#n_yeji ul li .font::before{top:8px;right:8px;bottom:8px;left:8px;border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_yeji ul li .font::after{top:8px;right:8px;bottom:8px;left:8px;border-right:1px solid rgba(255,255,255,0.7);border-left:1px solid rgba(255,255,255,0.7);transform:scale(1,0);transform-origin:100% 0;}
#n_yeji ul li:hover .font::before,#n_yeji ul li :hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
#n_yeji ul li:hover .font{ background:none;}