.w1500 { max-width: 1500px; margin: 0 auto;}
.zt-warp{background-color: #ffecd0;}
.bannerBox{height: 900px; padding-top: 111px; background: url(/images/gjcjdkjj_head_img_02.jpg) no-repeat center;}
.zt-content { padding-top: 1px; padding-bottom: 10px; background: url(/images/gjcjdkjj_content_img_02.jpg) no-repeat; background-size: cover;}
.zt-content .main{margin-top: -335px;}
.boxShaow{box-shadow: 0px 0px 4px rgba(230, 173, 120, 0.5); background-color: #fffaf5;}
.theme .titleBox{margin-bottom: 50px;}
.theme {margin-bottom: 84px;}
.theme.th1 .themeBox{padding: 118px 90px; border-radius: 12px;}
.theme.th1 video{width: 100%; height: 100%;}
.theme.th2 .titleBox{margin-bottom: 76px;} 
.theme.th2 .themeBox{position: relative; padding-right: 9px; padding-bottom: 9px;}
.theme.th2 .themeBox::before{content: ''; position: absolute; left: 9px; top: 9px; bottom: 0px; right: 0px; border: 1px solid #fff; border-radius: 12px;}
.theme.th2 .themeBox .matter{position: relative; padding: 65px 53px 60px; border-radius: 12px; box-shadow: 0px 0px 8px rgba(175, 117, 64, 0.5); background-color: #fffaf5;}
.theme.th2 .themeBox .matter::before{content: ''; position: absolute; top: -26px; left: 17px; right: 17px; height: 53px; background: url(/images/gjcjdkjj_bg_icon_03.png) repeat-x;}
.theme.th2 .themeBox .matter p{font-size: 22px; color: #35322c; line-height: 45px; text-indent: 2em;}
.theme.th3 .themeBox{padding: 83px 0px 69px; padding-left: 199px; border-radius: 6px;}
.theme.th3 .themeBox > p{display: inline-block; position: relative; padding: 18px 78px; padding-right: 87px; border-radius: 70px; background-color: #fbe9d8;}
.theme.th3 .themeBox > p::before{content: ''; position: absolute; left: -53px; top: 50%; transform: translateY(-50%); width: 116px; height: 155px; background: url(/images/gjcjdkjj_icon1.png) no-repeat;}
.theme.th3 .themeBox > p a{display: inline-block; font-size: 22px; color: #5e330b; font-weight: bold; margin: 5px 0;}
.theme.th4 .explain{font-size: 22px; color: #5e330b; font-weight: bold; margin-bottom: 43px;}
.theme.th4 .themeBox .item{margin-bottom: 27px;}
.theme.th4 .themeBox .item .titBox{margin-bottom: 19px; position: relative; background-image: linear-gradient(to right, transparent, #fdb76f); height: 54px;}
.theme.th4 .themeBox .item .titBox::after{content: ''; position: absolute; right: 41px; top: 50%; transform: translateY(-50%); width: 56px; height: 12px; background: url(/images/gjcjdkjj_theme4_dian.png) no-repeat;}
.theme.th4 .themeBox .item .titBox .num1{display: inline-block; vertical-align: middle; font-size: 49px; color: #f15e5b; font-weight: bold; font-style: italic;}
.theme.th4 .themeBox .item .titBox .name{ position: relative; display:inline-block; vertical-align: middle; font-size: 30px; line-height: 50px; color: #fff; font-weight: bold; padding: 0 30px; margin: 0 15px; height: 100%; background-image: linear-gradient(to right, #f05b5a, #fd837c);}
.theme.th4 .themeBox .item .titBox .name::before{content: ''; position: absolute; left: -15px; top:0px; width: 15px; height: 54px; background: url(/images/gjcjdkjj_theme4_bg_03.png) no-repeat;}
.theme.th4 .themeBox .item .titBox .name::after{content: ''; position: absolute; right: -16px; top:0px; width: 16px; height: 54px; background: url(/images/gjcjdkjj_theme4_bg_05.png) no-repeat;}
.theme.th4 .themeBox .item .itemBox{padding: 30px 55px 40px; border-radius: 6px;}
.theme.th4 .themeBox .item .itemBox p{font-size: 22px; color: #35322c; line-height: 45px; border-radius: 6px;}

.theme.th5 .themeBox{padding: 41px 0px; padding-left: 144px; border-radius: 6px;}
.theme.th5 .themeBox > p{display: inline-block; position: relative; padding: 18px 141px; border-radius: 70px; background-color: #fbe9d8; font-size: 22px; color: #5e330b; font-weight: bold;}
.theme.th5 .themeBox > p::before{content: ''; position: absolute; left: -53px; top: 50%; transform: translateY(-50%); width: 158px; height: 123px; background: url(/images/gjcjdkjj_icon2.png) no-repeat;}

@media screen and (min-width: 1922px) {
  .bannerBox{height: 1000px; background-size: cover;}
}
@media screen and (max-width: 1655px) {
  .w1500 { max-width: 1200px; margin: 0 auto;}
  .theme .titleBox{margin-bottom: 30px;}
  .theme .titleBox img{height: 55px;}
  .theme.th1 .themeBox{padding: 40px;}
  .theme{margin-bottom: 60px;}
  .theme.th2 .titleBox{margin-bottom: 45px;}
  .theme.th3 .themeBox{padding-left: 125px}
}

@media screen and (max-width: 1200px) {
  .bannerBox{height: 300px; padding: 0 15px; padding-top: 36px; background-size: cover;}
  .bannerBox img{max-height: 150px; height: auto;}
  .zt-content{ padding: 1px 15px; }
  .zt-content .main{margin-top: -20px;}
  .theme .titleBox{margin-bottom: 15px;}
  .theme .titleBox img{height: 25px;}
  .theme.th1 .themeBox{padding: 15px; border-radius: 6px;}
  .theme{margin-bottom: 25px;}
  .theme.th2 .titleBox{margin-bottom: 25px;}
  .theme.th2 .themeBox .matter::before{left: 10px; right: 10px; top: -15px; height: 30px; background-size: auto 100%;}
  .theme.th2 .themeBox .matter{padding: 10px; padding-top: 15px;}
  .theme.th2 .themeBox .matter p{font-size: 13px; line-height: 22px; }
  .theme.th3 .themeBox > p::before{display: none;}
  .theme.th3 .themeBox{padding: 10px;}
  .theme.th3 .themeBox > p{padding: 4px 10px; min-width: 100%;}
  .theme.th3 .themeBox > p a{font-size: 13px; line-height: 22px;}
  .theme.th4 .explain{font-size: 13px; line-height: 22px; margin-bottom: 15px;}
  .theme.th4 .themeBox .item{margin-bottom: 15px;}
  .theme.th4 .themeBox .item .titBox .num1{font-size: 18px;}
  .theme.th4 .themeBox .item .titBox{height: 30px; margin-bottom: 10px;}
  .theme.th4 .themeBox .item .titBox .name{font-size: 16px; line-height: 30px; padding: 0 5px; margin: 0 10px;} 
  .theme.th4 .themeBox .item .titBox .name::before{height: 100%; width: 8px; left: -8px; background-size: auto 100%;}
  .theme.th4 .themeBox .item .titBox .name::after{height: 100%;  width: 9px; right: -8px; background-size: auto 100%;}
  .theme.th4 .themeBox .item .titBox::after{right: 9px; width: 30px; height: 6px; background-size: 100% auto;}
  .theme.th4 .themeBox .item .itemBox{padding: 10px; }
  .theme.th4 .themeBox .item .itemBox p{font-size: 13px; line-height: 22px;}
  .theme.th5 .themeBox{padding: 10px;}
  .theme.th5 .themeBox > p::before{display: none;}
  .theme.th5 .themeBox > p{ min-width: 100%; padding: 2px 7px; font-size: 13px; line-height: 22px;}
}
@media screen and (max-width: 760px) {
  .zt-content .main{margin-top: -120px;}

}