@charset "utf-8";
/* .dj-banner {background: url(../../images/xxdj.files/dj_banner.png) no-repeat top center; /* background-size:100% */} */

.dj-logo {background: url(../../images/xxdj.files/dj-logo.png) no-repeat center center;height: 360px;margin: 80px 0}

.dj-nav {background: #bf0c12;line-height: 56px;height: 56px;border-radius: 4px}

.dj-nav a {font-size: 18px;font-weight: 700;text-align: center;color: #fff;display: block}

#foucs {position: relative;width: 100%;overflow: hidden}

#foucs .swiper-slide {position: relative;text-align: center}

#foucs img {display: block;width: 100%;height: 372px;min-height: 372px;overflow: hidden;object-fit: cover;transition: all .6s}

#foucs img:hover {transform: scale(1)}

#foucs h2 {position: absolute;right: 0;bottom: 0;left: 0;height: 42px;line-height: 42px;color: #fafafa;text-align: left;background: rgba(0, 0, 0, .6);font-weight: 400;font-size: 15px;padding: 0 8px}

#foucs a {display: block}

#foucs .pagination {position: absolute;right: 0;bottom: 3px;z-index: 20;margin-bottom: 20px;text-align: center}

#foucs .swiper-pagination-bullet {display: inline-block;width: 8px;height: 8px;margin: 0 2px;cursor: pointer;background: #fff;border-radius: 8px;opacity: .8}

#foucs .swiper-pagination-bullet-active {background: #015293}

#foucs .swiper-button-next, #foucs .swiper-button-prev {position: absolute;z-index: 10;width: 20px;height: 65px;top: 44%;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 20px 65px}

.swiper-button-next:after, .swiper-button-prev:after {font-size: 32px}

.tab-head {width: 100%;height: auto;overflow: hidden;line-height: 40px}

.tab-head ul {height: auto;overflow: hidden;line-height: 38px;border-bottom: solid 1px #eee}

.tab-head ul li {float: left;padding: 0 8px}

.tab-head ul li a {font-size: 18px;font-weight: 700}

.tab-head ul li:first-child {padding-left: 0}

.tab-head ul li.default a {color: #bf0c12;font-weight: 700;font-size: 18px;border-bottom: 2px solid #bf0c12;display: block;padding: 0 8px}

.col-bd {height: auto;overflow: hidden;border-radius: 2px}

.col-tnm {margin: 0 auto;background: #bf0c12;line-height: 42px;height: 42px;border-radius: 4px 4px 0 0}

.col-tnm a {font-size: 18px;font-weight: 700;color: #fff;padding: 0 16px;text-align: center;display: inline-block;background: #ed953e;line-height: 36px;margin: 5px 8px 0 8px;border-radius: 8px 8px 0 0;border-top: solid 1px #b56a06;border-left: solid 1px #b56a06;border-right: solid 1px #b56a06}

.m-lst36 ul {padding: 8px;height: auto;overflow: hidden}

.m-lst36 ul li {background: url(../../images/common.files/point2.png) no-repeat left center}

.m-lst32 ul li {background: url(../../images/xxdj.files/point.png) no-repeat left center;line-height: 36px}

.footer {background: #c31e1f}

.position {background: #f68923;border-radius: 16px;display: inline-block;padding: 0 32px}

.position .icon {margin-left: 0}

.position span, .position span a {color: #fff}

.m-lst-nav .tnm {background: #bf0c12}

.m-lst-nav ul li.hover a {color: #bf0c12}

.u-nm h2 {color: #bf0c12;border-bottom: 2px solid #bf0c12}

.m-lst-pg span.hover {background: #bf0c12}

@media all and (max-width: 750px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0;}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 421.88px;height: 421.88px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 720px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 405px;height: 405px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 640px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 360px;height: 360px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 600px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 337.5px;height: 337.5px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 560px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 315px;height: 315px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 520px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 292.5px;height: 292.5px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 480px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 270px;height: 270px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 440px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 247.5px;height: 247.5px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 414px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 232.88px;height: 232.88px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 400px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 225px;height: 225px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 375px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 210.94px;height: 210.94px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 360px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 202.5px;height: 202.5px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}

@media all and (max-width: 320px) {
	.dj-logo {background-size: 56%;margin: 0;height: 160px}
	
	.dj-nav {height: auto;overflow: hidden;line-height: 32px;padding: 8px 0}
	
	.dj-nav a {font-size: 16px}
	
	.m-glup {padding: 0 4px}
	
	#foucs img {min-height: 180px;height: 180px}
	
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px}
	
	.section .name, .section .name a {color: #bf0c12}
	
	.section .name a:after {border-bottom: 2px solid #bf0c12}
	
	.wapMore {background: #bf0c12}
	}


/* 处理导航在缩小情况下只显示一行背景 */
@media all and (max-width: 1024px) {
	.dj-nav {height: 112px;}
	}

@media all and (max-width: 750px) {
	.dj-nav {height: 80px;line-height: 32px;}
	}