.tnav {display:none; background-color: #fdf7f0 !important; color: #8b3122 !important; height: 32px !important; }
.tnavcl { max-width: 840px; }
.tnavcl span { color: #8e8275 !important; }
.tnavcl a { display: inline-block; float: left; height: 32px; line-height: 30px; margin-right: 20px;  font-size: 14px; color:#de021b; }
.tnavs {  border: 1px #e9e5e1 solid;   }
.tnavsbut input, .tnavsbut button { background-color: #de021b; color: #fff; }
    .tnavsbut input:hover, .tnavsbut button:hover { background-color: #f00;  }
.tnavs span {   color: #b5afad;  }
.tnavcr { display: none !important; }

.d-banner { padding: 50px 0 60px; text-align: center; background: url(images/banner.png) center #de021b no-repeat; }
    .d-banner span, .d-banner a { display: inline-block; font-size: 40px; padding-right: 50px; color: #ffed71; text-align: center; text-shadow: 0 2px 12px rgba(0,0,0,0.15); }
    .d-banner img { display: block; } 

.d-wrapper { max-width: 1200px; margin: 0 auto; }
    .d-wrapper:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
    .d-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix { display: block; }
.clearfix:after, ul:after { content: ''; display: block; width: 100%; height: 0; clear: both; }

.d-newtop { padding: 30px 0 10px; text-align: center; }
    .d-newtop h1 { line-height: 42px; font-size: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; color: #de021b; }
        .d-newtop h1 a { color: #de021b; }
    .d-newtop p { margin: 0 5%; line-height: 1em; height: 1em; overflow: hidden; font-size: 16px; }
        .d-newtop p a { display: inline-block; max-width: 33%; padding: 0 0.8em; white-space: nowrap; color: #de021b; text-overflow: ellipsis; overflow: hidden; border-left: 1px #ccc solid; }
            .d-newtop p a:hover { color: #de021b; }
            .d-newtop p a:nth-child(1) { border: none; }

.d-new { padding: 30px 0;   }
.d-new .swiper-container { float: left; width: 620px; height: 480px; }
    .d-new .swiper-slide { display: block; width: 100%; height: 430px; background-color: #fff; color: #444; }
        .d-new .swiper-slide img { width: 100%; background-size: cover !important; margin-bottom: 20px; }
        .d-new .swiper-slide h1 { line-height: 30px;   background-color: #fff; font-size: 20px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .d-new .swiper-pagination { left: auto !important; right: 0; bottom: 0 !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
    .d-new .swiper-pagination-bullet-active { background: #f00 !important; }
    .d-new ul { float: right; width: 540px; height: 480px; overflow: hidden; }
    .d-new ul li {  line-height: 30px; margin-bottom: 12px; padding-left: 14px;position:relative; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .d-new ul li a { color:#333;}
            .d-new ul li a:hover { color: #de021b !important; }
        .d-new ul li:after { content: ''; display: inline-block; width: 4px; height: 4px; background-color: #ddd; position: absolute; left: 0; top: 50%; margin-top: -2px; }
        .d-new ul li:nth-child(4) a { font-weight:800;   }
        .d-new ul li:nth-child(1) a, .d-new ul li:nth-child(2) a, .d-new ul li:nth-child(3) a, .d-new ul li:nth-child(6) a { font-weight: 100; background-color: #fdf7f0; color: #916433 }

.d-row { margin: 0 -1%; }
    .d-row .d-box { float: left; width: 48%; margin: 0 1% 20px; background-color: #fdf7ea; padding: 30px 40px 25px; }
        .d-row .d-box h1 { line-height: 1; margin-bottom: 20px; border-left: 4px #de021b solid; font-size: 24px; padding-left: 0.5em; color: #de021b;position:relative;}
            .d-row .d-box h1 a { display: inline-block; line-height: 20px; font-size: 14px; position: absolute; right: 0; top: 50%; margin-top: -10px; font-weight: normal; }
                .d-row .d-box h1 a:hover { color: #de021b; }
                .d-row ul li { height: 30px; line-height: 30px; margin-bottom: 8px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .d-row ul li a { color: #333; }
            .d-row ul li a:hover { color: #de021b; }

.d-link { padding: 10px 0 20px; }
.d-link ul { margin: 0 -0.3%; }
    .d-link ul li { float: left; width: 24.4%; margin: 0 0.3%; }
        .d-link ul li img { width: 100%; }

.d-footer { padding: 30px 50px 40px; text-align: center; line-height: 2; color: #a38750; font-size: 15px; }
    .d-footer p { margin-bottom: 0.4rem; }
    .d-footer p a { display: inline-block; padding: 0 1.2em; line-height: 1; color: #444; border-left: 1px #ccc solid; }
        .d-footer p a:hover { color: #de021b; }
        .d-footer p a:nth-child(1) { border: none; }

.d-imgnew { padding: 30px 35px 15px; background-color: #f9f9f9; }
    .d-imgnew h1 { line-height: 1; margin-bottom: 20px; border-left: 4px #de021b solid; font-size: 24px; padding-left: 0.5em; color: #de021b; position: relative; }
        .d-imgnew h1 a { display: inline-block; line-height: 20px; font-size: 14px; position: absolute; right: 0; top: 50%; margin-top: -10px; font-weight: normal; }
        .d-imgnew  h1 a:hover { color: #de021b; }
.d-imgnew ul{margin:0 -1%; }
    .d-imgnew li { float: left; width: 18%; margin: 0 1% 20px; }
        .d-imgnew li img { width: 100%; background-size: cover !important; margin-bottom: 3px; }
        .d-imgnew li p { line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
            .d-imgnew li a { color: #444;font-size:15px; }
            .d-imgnew li a:hover { color: #de021b; }
    .d-imgnew .swiper-slide { color: #444; font-size: 16px; }
        .d-imgnew .swiper-slide:hover { color: #de021b; }
    .d-imgnew .swiper-slide img { width: 100%; background-size: cover !important; margin-bottom: 3px; }
    .d-imgnew .swiper-slide p { line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align:center; margin-bottom:15px;}

.d-bg { background-color: #f9f9f9; }
    .d-bg .d-wrapper { max-width: 1100px;}
.d-artbox { min-height: 500px; background-color: #fff; padding: 20px 50px 40px; } 
.d-bread { line-height: 20px; font-size: 14px; color: #999; padding: 20px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.d-bread a { padding: 0 0.5em; color: #555; }
.d-art-title { border-bottom: 1px #eee solid; margin-bottom: 20px; }
    .d-art-title h1,
    .d-art-title h2 { line-height: 1.4; font-weight: normal; padding: 18px 0; font-size: 30px; color: #333; font-weight: bold; }
    .d-art-title h2 { color: #de021b; padding: 8px 0 18px; text-align: center; }
    .d-art-title .alt { font-size: 14px; color: #999; line-height: 1.4; padding-bottom: 20px; position: relative; }
        .d-art-title .alt > span { margin-right: 10px; }
.d-html { line-height: 2.2; font-size: 16px; color: #333; overflow: hidden; }
    .d-html p { margin-bottom: 0.5em; }
    .d-html > * { max-width: 100%; }
    .d-html img { max-width: 100%;  }
    .d-html a { color: #333333; }
        .d-html a:hover { color: #e50012; }

.d-listbox { min-height: 500px; background-color: #fff; padding: 40px 50px 40px; }
    .d-listbox .d-tit { line-height: 1; margin-bottom: 30px; border-left: 6px #ddd solid; font-size: 28px; padding-left: 0.5em; color: #de021b; position: relative;font-weight:bold; }
.d-lists li { position: relative; font-size: 18px; color: #999; line-height: 2.6em; padding:0 8em 0 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.d-lists li:after { content: ''; display: inline-block; width: 4px; height: 4px; background-color: #ddd; position: absolute; left: 0; top: 50%; margin-top: -2px; }
    .d-lists li a { color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .d-lists li a:hover { color: #de021b; }
    .d-lists li span { display: inline-block; line-height: 2.4em; position: absolute; top: 0; right: 0; font-size: 16px; }
    .d-lists li:nth-child(4n) { margin-bottom: 1.5em; }

.d-page { padding: 2rem 0 1.5em; text-align: center; font-size: 1rem; }
    .d-page ul,
    .d-page li { list-style: none; display: inline-block; }
    .d-page:before,
    .d-page:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
    .d-page .page-wrapper { display: inline-block; margin: 0 auto; }
    .d-page a,
    .d-page span,
    .d-page input,
    .d-page button,
    .d-page select { display: inline-block; float: left; line-height: 2.2rem; padding: 0 0.8rem; color: #333333; background-color: #fff; margin: 0 3px 0.4rem 0; border: 1px #eee solid; border-radius: 1px; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; cursor: pointer; }
        .d-page a:hover { border: 1px solid rgba(236, 97, 73, 0.7); background-color: #fef7f6; color: #d24d69; }
        .d-page a:active { color: #fff; background-color: rgba(236, 97, 73, 0.7); }
    .d-page span { color: #fff; background-color: #de021b; border-color: #de021b; cursor: no-drop; }
    .d-page input { width: 5rem; height: 2rem; }
    .d-page select { width: 4rem !important; height: 2.2rem; }

@media screen and (max-width: 768px) { .tnav { display: none !important; }
    html, body { font-size: 10pt; }
    .d-banner { padding: 3rem 5% 2.4rem; background-size: cover !important; }
        .d-banner span { padding: 0; }
        .d-banner img {   width:100%; }
    .d-newtop { padding: 1.4rem 0.5rem 0.8rem;  }
        .d-newtop h1 { line-height: 1; font-size: 1.26rem; margin-bottom: 0.8rem; }
            .d-newtop h1 a { color: #de021b; }
        .d-newtop p { margin: 0; line-height: 0.9rem; height: 0.9rem; font-size: 0.9rem; }
            .d-newtop p a { height: 1em; max-width: 50%; padding: 0 0.2em;  margin-bottom:0.5rem; color:#555;  }

    .d-new { padding: 0.5rem; }
        .d-new .swiper-container { width: 100%; height: initial;padding-bottom:1.4rem }
        .d-new .swiper-slide { width: 100%; height: initial; position: relative; }
            .d-new .swiper-slide img {display:block; margin-bottom: 0; }
            .d-new .swiper-slide h1 { position: absolute; z-index: 10; left: 0; bottom: 0; width: 100%; padding:0 1em;color:rgba(255,255,255,0.8); line-height:3;font-weight:normal; background-color: rgba(0,0,0,0.5); font-size: 1rem; height: initial;  }
        .d-new .swiper-pagination { left: 50% !important; right: initial; bottom: 0 !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } 
        .d-new ul {  width: 100%; height: initial; padding:0.8rem 0 0.4rem;  }
            .d-new ul li {   line-height: 2; margin-bottom: 0.2rem; padding-left: 0.8em;  font-size: 1.06rem;  }
                .d-new ul li:nth-child(1) a, .d-new ul li:nth-child(2) a, .d-new ul li:nth-child(3) a{ font-weight: 100; background-color: #fdf7f0; color: #916433 }
                .d-new ul li:nth-child(8), .d-new ul li:nth-child(9), .d-new ul li:nth-child(10), .d-new ul li:nth-child(11), .d-new ul li:nth-child(12) { display: none; }

    .d-link { padding:  0 0.5rem 1rem; }
        .d-link ul { margin: 0 -0.8%; }
            .d-link ul li { width: 48.4%; margin: 0 0.8% 0.2rem; }

    .d-row { margin: 0 0.5rem; }
        .d-row .d-box { float: left; width: 100%; margin: 0 0 0.6rem; padding: 1rem 1.2rem 1.2rem; background-color: #fdf7f0 }
            .d-row .d-box h1 {  margin-bottom: 1rem;  font-size: 1.36rem;border-width:3px;  }
                .d-row .d-box h1 a {   font-size: 0.9rem;  } 
        .d-row ul li { height: initial; line-height: 2.1; margin: 0; font-size: 1.06rem;  }
            .d-row ul li a {color: #916433 }

    .d-imgnew { padding: 1rem 0.6rem 0.5rem;  }
        .d-imgnew h1 { margin-bottom: 1rem; font-size: 1.36rem; }
        .d-imgnew ul { margin: 0 -1%; }
        .d-imgnew li { width: 48%; margin: 0 1% 1rem; }
            .d-imgnew li img { margin: 0; }
            .d-imgnew li p { height: 3.2rem; line-height: 1.6rem; font-size: 1rem; }
            .d-imgnew li a { color: #444; font-size: 15px; }
                .d-imgnew li a:hover { color: #de021b; }
        .d-imgnew .swiper-slide { font-size: 0.9rem; } 
            .d-imgnew .swiper-slide img { width: 100%; background-size: cover !important; margin-bottom: 3px; }
            .d-imgnew .swiper-slide p { line-height: 1.6rem; margin-bottom: 1rem; }

    .d-footer { padding: 1.5rem 2rem;   font-size: 0.9rem; }

    .d-page { padding: 1.2rem 0; font-size: 0.9rem; }
        .d-page span { background-color: #de021b; border-color: #de021b; background-image: none !important; }
        .d-page a,
        .d-page span,
        .d-page input,
        .d-page button { line-height: 1.8rem; padding: 0 0.6rem; margin: 0 1px 0.3rem 0; }
        .d-page input { width: 5rem; height: 2rem; }
        .d-page select { width: 4rem !important; height: 2rem; }

          
    .d-artbox { min-height: initial; margin:0 0.5em; padding:0.5rem 1rem 1rem; }
    .d-bread { line-height: 1.6; font-size: 0.85rem; padding:1em 0.5em; } 
    .d-art-title {  margin-bottom: 1rem; }
        .d-art-title h1 {  padding: 1rem 0; font-size: 1.36rem  }
        .d-art-title .alt { font-size: 0.85rem; padding-bottom: 1rem;  }
            .d-art-title .alt > span { margin-right: 0.5rem; }
    .d-html { font-size: 1.06rem; line-height: 1.8; } 

    .d-listbox { min-height: initial;   padding:1.4rem 1rem; }
        .d-listbox .d-tit { margin-bottom: 1rem; border-width: 4px; font-size: 1.4rem; }
    .d-lists li { font-size: 1.06rem;  line-height: 2.2rem; padding: 0 5em 0 1em;   }
        .d-lists li span { line-height: 2.2rem; font-size: 0.8rem; }
        .d-lists li:nth-child(8n) { margin-bottom: 0.6em; }

}