.dkjj-banner {height: 493px; padding-left: 100px; padding-top: 122px;  background: url(/images/en-dkjj_head_img_02.jpg) no-repeat center top; background-size: cover; }
.dkjjWarp{padding-top: 30px; padding-bottom: 120px; background-color: #fff;}
.dkjjWarp a{transition: .3s;}
.dkjjWarp a:hover{opacity: .8;}
.dkjjWarp .title_box h4.title{background-color: #d1c0a5;}
.dkjjWarp .title_box h4.title::before{background-image: url(/images/en-dkjj_title_bg_05.png); right: -68px; width: 68px;}
.dkjjWarp .title_box{margin-bottom: 25px; border: none;}
.dkjjWarp .theme1 .theme1_box{height: 276px; margin-bottom: 37px; padding:0 50px; padding-top: 30px; background: url(/images/en-dkjj_image_05.jpg) no-repeat; background-size: cover;}
.dkjjWarp .theme1 .theme1_box p{font-size: 17px; font-weight: bold; line-height: 25px; color: #ffff;}
.dkjjWarp .theme1 .theme1_box .moveBox{text-align: right; padding-top: 10px;}
.dkjjWarp .theme1 .theme1_box .moveBox a{display: inline-block; font-size: 15px; font-weight: bold; background-color: #d1c0a5; width: 66px; height: 28px; color: #fff; line-height: 28px; text-align: center;}
.dkjjWarp .theme2 ul{margin-left: -36px;}
.dkjjWarp .theme2 ul li {width: 50%; float: left; padding-left: 36px; margin-bottom: 48px;}
.dkjjWarp .theme2 ul li a{display: block; position: relative; height: 356px; }
.dkjjWarp .theme2 ul li a .txt{font-size: 24px; min-height: 56px; word-break: break-all; padding-right: 15px; font-weight: bold; line-height: 28px; color: #fff; text-shadow: 2px 4px 6px #1d1d1d; position: absolute; left: 25px; bottom: 13px;}
.dkjjWarp .theme2 ul li a .txt i{font-size: 18px; display: block;}
.dkjjWarp .theme2 ul li.li1 a{background: url(/images/en-dkjj_image_09.jpg) no-repeat; background-size: cover;}
.dkjjWarp .theme2 ul li.li2 a{background: url(/images/en-dkjj_image_11.jpg) no-repeat; background-size: cover;}
.dkjjWarp .th3 .theme3_box1 a{display: block; position: relative; height:550px; background: url(/images/en-dkjj_image_15.jpg) no-repeat; background-size: cover;}
.dkjjWarp .th3 .theme3_box1 a .txt{font-size: 24px; font-weight: bold; line-height: 28px; color: #fff; text-shadow: 2px 4px 6px #1d1d1d; position: absolute; left: 25px; bottom: 15px;}
.dkjjWarp .th3 .theme3_box1 a .txt i{font-size: 18px; display: block;}
@media screen and (max-width: 1200px) {
  .dkjj-banner{height: 220px; padding: 0 15px; padding-top: 40px;}
  .dkjjWarp{padding-bottom: 30px;}
  .dkjjWarp .theme1 .theme1_box .moveBox a{font-size: 13px; width: 60px; height: 24px; line-height: 24px;}
  .dkjjWarp .title_box{margin-bottom: 15px;}
  .dkjjWarp .title_box h4.title::before{width: 44px; right: -44px;}
  .dkjjWarp .theme1 .theme1_box{padding: 25px 15px; margin-bottom: 15px; height: auto;}
  .dkjjWarp .theme1 .theme1_box p{font-size: 13px; line-height: 24px;}
  .dkjjWarp .theme2 ul{margin-left: 0px;}
  .dkjjWarp .theme2 ul li{float: none; width: auto; padding-left: 0px; margin-bottom: 15px;}
  .dkjjWarp .theme2 ul li a{height: 230px;}
  .dkjjWarp .theme2 ul li a .txt{font-size: 16px; min-height: 36px; left: 18px; line-height: 18px;}
  .dkjjWarp .theme2 ul li a .txt i{font-size: 13px;}
  .dkjjWarp .th3 .theme3_box1 a{height: 175px;}
  .dkjjWarp .th3 .theme3_box1 a .txt{font-size: 16px; left: 18px; bottom: 18px; line-height: 18px;}
  .dkjjWarp .th3 .theme3_box1 a .txt i {font-size: 13px;}
}