@charset "utf-8";

.main_box{ margin:0 auto; width:1200px; position:relative;}

.main_box_small{ margin:0 auto; width:1115px; position:relative;}


/*==============================--内页开始==============================-*/

#n_main_box{ margin-bottom:0px; }
#n_content{padding:50px 0 0px; }/*===================内页banner================*/
#n_banner{ display:block; width:100%; height:205px; position: relative; }
.n_title{  position:relative; padding: 25px 0 0;}

.n_title .main_box{ border-bottom:3px solid #d9d9dd;}

.n_title h1{ padding:0 0 0px 0px; background:url(../images/bg_n_title_small.png) left bottom no-repeat; font-size:22px; color:#000; line-height:40px; }
.n_title h1 span{border-bottom:#de242c solid 3px; padding-bottom:5px;}

/*.n_title h1 span{ font-size:18px; color:#b5b5b7; line-height:40px;  font-family: "Arial"; text-transform:uppercase; padding-left:5px; font-weight:normal; padding-left:5px;}*/

.n_title .position{ position:absolute; right:0; bottom:0; line-height:40px; color:#888; background:url(../images/icon_home.png) left 17px no-repeat; padding-left:21px;}

.n_title .position span,.n_title .position a,.n_title .position i{ font-size:14px; color:#888;}

.n_title .position em{ font-size:12px; color:#de242c; font-style:normal;}

.n_title .position a:hover{ color:#de242c;}

#n_main_box #n_up_box .n_title .main_box .position{ font-size:14px;background:url(../images/icon_home.png) left center no-repeat;}

#position{ position:absolute;line-height: 73px; height:73px; right:0px; top:0px; font-size:14px; color:#666; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px; font-size:14px}

#position span, #position a, #position i{ font-size:14px; color:#666;}

#position em{ font-size:14px; color:#de242c; font-style: normal;}

#position a:hover{ color:#de242c;}

 

#n_title{ margin-bottom: 50px;}

#n_title h1{ color:#000; display: block; text-align: center; font-size: 16px; font-weight: 400;}

#n_title strong{ display:block; text-align: center;  padding: 0px 0 5px 0; text-transform: uppercase; font-size: 28px; font-family: "Impact";color: #000;text-align: center;}


.n_content{ margin-top: 38px; margin-bottom: 0px; }

#n_left{ float: left; width:260px;}

#n_left .ad_box{ margin-top: 10px;}

#n_left .ad_box a { display: block; position: relative;}

#n_left .ad_box img{ width: 260px; display: block;}

#n_left .ad_box .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }

#n_left .ad_box .icon_box::before,#n_left .ad_box  .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

#n_left .ad_box .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#n_left .ad_box .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#n_left .ad_box a:hover .icon_box::before,#n_left .ad_box a:hover .icon_box::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}



#n_left .bnt_box { margin-top: 10px;}

#n_left .bnt_box a{display:block;position:relative;height:60px;margin-bottom:15px;border:1px solid #e4e5e8;background:#fff}

#n_left .bnt_box a i{background:url(../images/icon_jm_download.png) 25px center no-repeat #de242c;height:60px;width:85px;position:absolute;left:0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

#n_left .bnt_box a strong{position:relative;display:block;padding-top:12px;z-index:2;font-size:15px;color:#48494b;margin-left:110px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

#n_left .bnt_box a strong span{display:block;font-size:10px;font-family:Arial;color:#424a59;text-transform:uppercase;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

#n_left .bnt_box a:hover i{width:100%}

#n_left .bnt_box a:hover strong{color:#fff}

#n_left .bnt_box a:hover strong span{color:#fff}


#n_nav{}
#n_nav ul{ border: 1px solid #dadadc; border-top: none;}
#n_nav li{ display: block; }
#n_nav li a{ display: block; height: 48px; position: relative; border-top: 1px solid #dadadc;}
#n_nav li a strong{ position: relative; z-index: 9; height: 48px; line-height: 48px; color: #333; font-size: 16px; padding-left: 30px;}
#n_nav li a i{position: absolute; left: 0; top: 0; display:block; background: #de242c; height: 48px; width: 0;}
#n_nav li a:hover i{ width:100%;}
#n_nav li a:hover strong{ color: #fff;}
#n_nav li.on a i{ width:100%;}
#n_nav li.on a strong{ color: #fff;}
#n_right{ float: right; width: 880px;font-size:14px}

/*==============新闻中心=====================*/


#n_news .un ul{ margin-top:0px; padding-top:0px; margin-bottom: -40px; overflow: hidden;}
#n_news .un li{  margin-bottom:20px;display:block;}
#n_news .un li .left{ float:left; width:214px; height:160px;}
#n_news .un li .right{ float:right; width: 640px;height: 160px;overflow: hidden;padding-top: 2px;}
#n_news .un li .left strong{ display:block; font-size:30px; color:#58595a; text-align:center; margin: 18px 0 0px 0;}
#n_news .un li .left span{ display:block;color:#58595a; font-size:14px;text-align:center;}
#n_news .un li .right h2 a{ font-size:16px; color:#000; line-height:30px; display:block; margin-bottom:0px; margin-top:3px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-weight:normal}
#n_news .un li .right p{ font-size:14px; color:#999; line-height:24px;}
#n_news .un li .right .rq{line-height:30px; font-size:14px; color:#999}
#n_news .un li .right h2:hover a{ /*letter-spacing: 1px;  */color:#f00; line-height:30px;}
#n_news .un li:hover .left{ background-color:#f9f9f9;}

.sxp2,.sxp2 a,.sxp2 a:hover{ font-size:14px}

.pages{display:inherit; width:100%;  text-align: right; padding-top: 20px;}
.pages a{ padding:3px 10px; border:#ddd solid 1px; margin:5px; font-size:14px}
.pages span{padding:3px 0px; border:#ddd solid 1px;font-size:14px}
.pages font{background:#de242c; color:#fff !important; text-decoration:none; border:1px solid #de242c;padding:3px 10px;}
.pages a:hover{ background:#de242c; color:#fff !important; text-decoration:none; border:1px solid #de242c; }

#n_right .xq{ font-size:16px; padding-bottom:0px;}
#n_right div{ color:#333}
#n_right p{ color:#333}
#n_right span{ color:#333}

#n_right .xq ul {width: 920px;margin: 0px auto;padding-top: 5px; margin-left:-25px;}
#n_right .xq ul li {float: left;width: 276px;padding-left: 25px; overflow:hidden; padding-bottom:25px;}
#n_right .xq ul li .lb{ border:#ccc solid 1px;width:274px;height:207px; display:block}
#n_right .xq ul li a.tp {float:left;width:274px;height:207px;overflow:hidden;background:#fff;position:relative;}
#n_right .xq ul li a .tp img{width:274px;height:207px;transition:all .5s;opacity:1;filter:alpha(opacity=100);}
#n_right .xq ul li a:hover .tp {float:left;width:274px;height:207px;overflow:hidden;background:#fff;position:relative;}
#n_right .xq ul li a:hover .tp img{transform: scale(1.05, 1.05);transition:all .5s;opacity:0.5;filter:alpha(opacity=50);}
#n_right .xq ul li a h4 {
background: #333;padding: 10px;width: 256px; float:left;font-size: 16px; text-align:left; font-weight:normal; line-height:25px; color:#FFF; text-align:center}
#n_right .xq ul li a:hover h4 {
background: #de242c;padding: 10px;width: 256px; float:left;font-size: 16px; text-align:left; font-weight:normal; line-height:25px; color:#FFF; text-align:center}

#n_right .lm{width:102px; text-align:left;float:left; padding-top:13px;}
#n_right .lm a{ width:100px; height:30px; line-height:30px; text-align:center; border:#ddd solid 1px;border-radius:5px; display:block; float:left; color:#333; font-size:14px}
#n_right .lm a:hover{ width:100px; height:30px; line-height:30px; text-align:center; border:#ddd solid 1px;border-radius:5px; display:block; float:left; background-color:#F00; color:#FFF;font-size:14px}
/*分页*/
.n-page{ text-align:center; clear:both;}
.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}
.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#000; border:#000 1px solid;}
.n-page a:hover{ color:#FFF; background-color:#000; border:#000 1px solid;}@media only screen and (min-width:1025px) and (max-width:1456px){	.n-page{ margin: 50px;}}@media only screen and (min-width:768px) and (max-width:1024px){	.n-page{ margin: 40px 0;}}@media only screen and (max-width:767px){	.n-page{ margin: 30px 0;}}

/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem ;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	background-color: #fff;
	border: 1px solid #dee2e6; margin:0 5px; font-size:14px
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.page-num-current:hover {
	color: #fff;
}/*其他*/
.pages {
	padding-top: 10px;
	padding-bottom: 0px;
}
.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #333;
  background-color: #fff;
  border: 1px solid #dee2e6; margin:0 5px;
}

.page-link:hover,.page-num:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.mt-4,
.my-4 {
  margin-top: 30px !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 10px !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}