@charset "utf-8";
.mailer {
    width: 100%;
    height: 750px;
    margin-left: 0%;
    overflow: visible;
}
img { max-width: 100%; }
a { text-decoration: none; color: inherit; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }

.r_t:after, .r_b:after { content: ""; width: 12px; height: 12px; float: right; }
.r_t:after { background:url(../images/r_t_r_bg.jpg) no-repeat; }
.r_b:after { background:url(../images/r_b_r_bg.jpg) no-repeat; }

.header { background: url(../images/bg.jpg) #fff repeat-x; }
.dm_header { z-index: 11; }
.s_banner { display: none; }
.s_about img { float: left; }
.s_about2 img { float: right; }
.swiper-pagination-bullet { width: 12px; height: 12px; border: #fff 2px solid; background-color: transparent; opacity: 1; }
.swiper-pagination-bullet-active { background: #fff; }

/* .calendar-container { position: relative; padding-bottom: 70%; height: 0;  overflow: hidden; } */
/* .calendar-container iframe { position: absolute; top:0; left: 0; width: 100%!important; height: 100%!important; } */

/* slidebars */
[canvas=container] { background-color: #fff; }
.mobile { display: none; }
.mobile > a { display: inline-block; float: right; max-height: 80px; max-width: 442px; margin: 5px; }
.slidebars { background: #f7f7f7; }
.slidebars .logo { position: static; float: none; margin: auto; padding: 0; background: url(../images/bg.jpg) top -50px center; }
.slidebars .logo a { display: block; width: 100%; padding: 10px 5px; margin: auto; min-height: 64px; }
.slidebars > .right { display: block; font-size: 14px; text-align: left; padding-left: 5px; float: none; color: #fff; border-bottom: #ddd 1px solid; line-height: 31px; background: #1d5ba8; }
.slidebars > .right a { margin: 0 20px; }

.slidebars .menu { display: block; position: static; width: 100%; background: none; height: auto; }
.slidebars .menu li { float: none; width: 100%; text-align: left; background: url(../images/dh_bg2.png) repeat-x top center; line-height: 50px; }
.slidebars .menu a { padding-left: 20px; font-size: 20px; }
.slidebars .menu dl { border-bottom: #d6d6d6 1px solid; background: #eee; }
.slidebars .menu dd a { padding-left: 25px; font-size: 18px; border-bottom: #ccc 1px dashed; color: #666; }
.slidebars .menu dd a:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 5px; }
.slidebars .menu dd.bg a { display: block; text-decoration: none; background: #c70001; color: #fff; border-bottom-color: #c70001; }

.slidebars > dl { width: 218px; margin: 2em auto; padding: 12px 0 24px; color: #666; background: #fff; border: #d9d9d9 1px solid; border-radius: 10px; }
.slidebars > dl dt { font-size: 18px; line-height: 25px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; color: #C40002; padding-left: 15px; margin-bottom: 15px; }
.slidebars > dl dd p { padding-left: 15px; }

.slidebars > .menu > ul > li:nth-child(1) { animation-delay:.1s; }
.slidebars > .menu > ul > li:nth-child(2) { animation-delay:.2s; }
.slidebars > .menu > ul > li:nth-child(3) { animation-delay:.3s; }
.slidebars > .menu > ul > li > dl > dd:nth-child(1) { animation-delay:.4s; }
.slidebars > .menu > ul > li > dl > dd:nth-child(2) { animation-delay:.5s; }
.slidebars > .menu > ul > li > dl > dd:nth-child(3) { animation-delay:.6s; }
.slidebars > .menu > ul > li > dl > dd:nth-child(4) { animation-delay:.7s; }
.slidebars > .menu > ul > li > dl > dd:nth-child(5) { animation-delay:.8s; }
.slidebars > .menu > ul > li:nth-child(4) { animation-delay:.9s; }
.slidebars > .menu > ul > li:nth-child(5) { animation-delay:1s; }

@media (max-width:1000px) {
	html { box-sizing: border-box; }
	*, *:before, *:after { box-sizing: inherit; }
	body { background: none; }
	[canvas=container] { background-color: #fff; }
	.dm_header { background: url(../images/bg.jpg) #fff repeat-x; }
	.top, .dm_header, .dm_main { width: 100%; }
	.top .left, .top .right { margin: 0 10px; }
	.logo, .tit { position: static; margin-top: 16px; }
	.logo { float: left; margin-left: 15px; }
	.tit { float: right; margin-right: 15px; }
	#bgimg_show { width: 100%; height: auto; }
	#bgimg_show a div { width: 100%; }
	.swiper-slide { overflow: hidden; }
	.swiper-slide img { max-width: inherit; width: 180%; margin-left: -42%; }
	.dm_main > .lr_l { margin-left: 15px; }
	.lr_l dl { width: 100%; }
	.lr_r { width: calc(100% - 262px); margin-right: 15px; }
	.r_kk, .r_t, .r_c, .r_c dd, .s_pro, .r_b { width: 100%; overflow: hidden; }
	.r_c dd { padding: 0 15px; }
	.s_pro li { width: 25%; padding: 0 8px; }
	.page_list A { padding: 0 5px; margin: 0 1px 5px; display: inline-block; }
	.cont dl { height: auto; }
}
@media (max-width:990px) {
	.dm_bottom { width: 100%; }
	.menu { width: 96%; left: 0; margin: 0 2%; background-size: contain; }
	.menu li { width: 20%; }
}
@media (max-width:948px) {
	.menu { width: 100%; margin: 0; }
	.s_pro li { width: 33.3333%; }
}
@media (max-width:800px) {
	.dm_header { min-height: inherit; }
	.dm_header .logo, .dm_header .tit { display: none; }
/*	.logo { float: none; text-align: center; margin: 0; padding: 5px 20px; }*/
	.top .right, .menu, .lr_l { display: none; }
	.banner { position: relative; top: -30px; }
	.dm_main { margin-top: 0; }
	.lr_r { width: 100%; max-width: 768px; float: none; margin: auto; padding: 0 15px; }
	.s_pro li { width: 25%; }
	.mobile { display: block; max-height: 90px; background: url(../images/bg.jpg) top -50px center; }
	.mobile span { display: inline-block; min-width: 82px; font-size: 20px; border: #ddd 1px solid; margin: 23px 0 0 10px; padding: 10px; background: #c70001; color: #fff; text-align: center; }
}
@media (max-width:767px) {
	.dm_bottom { text-align: center; }
	.dm_bottom .left, .dm_bottom .right { float: none; display: block; }
}
@media (max-width:640px) {
	.mobile > a { max-width: 380px; }
	body, a { font-size: 14px; }
	.top { font-size: 12px; }
	.s_pro li { width: 33.3333%; }
	.calendar-container { padding-bottom: 100%; }
}
@media (max-width:520px) {
	.calendar-container { padding-bottom: 140%; }
}
@media (max-width:480px) {
	.mobile > a { max-width: 375px; }
	.mobile span { margin: 20px 0 10px 10px;  }
	.top { line-height: 1.2; }
	.top .left { min-height: 32px; padding-top: 2px; }
	.banner { top: -20px; }
	.s_about img { float: none; margin-bottom: 20px; }
	.r_c dt { padding-right: 15px; }
	.s_pro li { width: 50%; }
	.calendar-container { padding-bottom: 160%; }
}
@media (max-width:425px) {
	.mobile > a { margin: 5px 0; max-width: 300px; }
	.mobile span { margin-top: 15px;  }
}
 @media (max-width:375px) {
	.mobile > a { max-width: 273px; }
	.mobile span { margin-top: 10px; }
	.calendar-container { padding-bottom: 210%; margin-left: -50px; }
}
@media (max-width:360px) {
	.mobile > a { max-width: 260px; }
}
@media (max-width:320px) {
	.mobile > a { max-width: 225px; }
	.mobile span { margin-top: 5px; }
	.calendar-container { padding-bottom: 250%; }
}