.yjsjcym{background-color: #eaf4fe; padding-top: 0px}
.w1678{max-width: 1678px; margin: 0 auto;}
.yjsjcym .bannrBox{height: 413px; padding-top: 133px; background: url(/newimages/yjs_jcym_headBg_02.jpg) no-repeat top center; background-size: cover;}
.yjsjcym_content { padding-top: 1px; padding-bottom: 260px; background: url(/newimages/yjs_jcym_contentBg_03.jpg) no-repeat bottom center; }
.yjsjcym_content .th1 .themeBox{padding: 49px 52px; background: url(/newimages/yjs_jcym_bg.png), url(/newimages/yjs_jcym_bg1.png); background-repeat: no-repeat, no-repeat; background-size: 100% auto, 100% auto; background-position: top left, bottom left;}
.yjsjcym_content .th1 .themeBox > p{font-size: 24px; text-indent: 2em; color: #364458; line-height: 45px;}
.yjsjcym_content .w1678{margin-top: -260px;}

.yjsjcym_content .th2{padding-top: 60px; transition: .3s;}
.yjsjcym_content .th2.on{padding-top: 206px;}
.yjsjcym_content .th2.on2{margin-bottom: 206px;}
.yjsjcym_content .th2 .themeBox ul {font-size: 0px; text-align: center;}
.yjsjcym_content .th2 .themeBox ul li{display: inline-block; position: relative; margin: 0 79px; margin-top: -20px; width: 260px; height: 260px; text-align: center; padding-top: 53px; box-sizing: border-box; border-radius: 100%; background: url(/newimages/yjs_jcym_ybg1.png) no-repeat; background-size: 100% 100%;}
.yjsjcym_content .th2 .themeBox ul li.s1{margin: 0 81px;}
.yjsjcym_content .th2 .themeBox ul li a .iconBox{display: block; font-size: 0px; height: 95px; margin-bottom: 5px;}
.yjsjcym_content .th2 .themeBox ul li a .txt{color: #076cc8; font-size: 20px; font-weight: bold;}
.yjsjcym_content .th2 .themeBox ul li.i2{background-image: url(/newimages/yjs_jcym_ybg2.png);}
.yjsjcym_content .th2 .themeBox ul li.i3{background-image: url(/newimages/yjs_jcym_ybg3.png);}
.yjsjcym_content .th2 .themeBox ul li.i4{background-image: url(/newimages/yjs_jcym_ybg4.png);}
.yjsjcym_content .th2 .themeBox ul li.i5{background-image: url(/newimages/yjs_jcym_ybg5.png);}
.yjsjcym_content .th2 .themeBox ul li.i6{background-image: url(/newimages/yjs_jcym_ybg6.png);}
.yjsjcym_content .th2 .themeBox ul li.i7{background-image: url(/newimages/yjs_jcym_ybg7.png);}
.yjsjcym_content .th2 .themeBox ul li.i2 a .txt{color: #32a089;}
.yjsjcym_content .th2 .themeBox ul li.i3 a .txt{color: #e9557d;}
.yjsjcym_content .th2 .themeBox ul li.i4 a .txt{color: #5a4fac;}
.yjsjcym_content .th2 .themeBox ul li.i5 a .txt{color: #cb9513;}
.yjsjcym_content .th2 .themeBox ul li.i6 a .txt{color: #d17d44;}
.yjsjcym_content .th2 .themeBox ul li.i7 a .txt{color: #1d5ab6;}

.yjsjcym_content .th2 .themeBox ul li .tcBox{ visibility: hidden; opacity: 0; transition: .3s; border-radius: 30px; background-color: rgba(244, 136, 165, 0.12); width: 545px; height: 145px; box-shadow: 0px 0px 19px rgba(66, 129, 179, 0.5);  position: absolute; left: 50%; top: -160px; transform: translateX(-50%);}
.yjsjcym_content .th2 .themeBox ul li.on .tcBox{visibility: visible; opacity: 1;}
.yjsjcym_content .th2 .themeBox ul li .tcBox .tcConetnt{height: 100%; padding: 0 15px; border-radius: 30px; box-shadow: inset 0px 0px 40px rgb(255, 255, 255);}
.yjsjcym_content .th2 .themeBox ul li:not(.s1) .tcBox{bottom: -160px; top: auto;}
.yjsjcym_content .th2 .themeBox ul li .tcBox .tcConetnt > p{position: relative; top: 50%; transform: translateY(-50%); text-align: left; text-indent: 2em; font-size: 16px; color: #364458; line-height: 28px;}
.yjsjcym_content .th2 .themeBox ul li.i1 .tcBox{background-color: rgba(195, 228, 255, 0.12);}
.yjsjcym_content .th2 .themeBox ul li.i2 .tcBox{background-color: rgba(203, 235, 237, 0.12);}
.yjsjcym_content .th2 .themeBox ul li.i3 .tcBox{background-color: rgba(244, 136, 165, 0.12);}
.yjsjcym_content .th2 .themeBox ul li.i4 .tcBox{background-color: rgba(210, 219, 247, 0.72);}
.yjsjcym_content .th2 .themeBox ul li.i5 .tcBox{background-color: rgba(238, 238, 225, 0.72);}
.yjsjcym_content .th2 .themeBox ul li.i6 .tcBox{background-color: rgba(237, 227, 224, 0.72);}
.yjsjcym_content .th2 .themeBox ul li.i7 .tcBox{background-color: rgba(201, 224, 254, 0.72);}

@media screen and (max-width: 1720px) {
  .w1678{max-width: 1200px; }
  .yjsjcym_content .th2 .themeBox ul li{width: 200px; height: 200px; margin: 0 50px;}
  .yjsjcym_content .th2 .themeBox ul li.s1{margin: 0 57px;}
  .yjsjcym_content .th2 .themeBox ul li a .iconBox img{width: 50px;}
  .yjsjcym_content .th2 .themeBox ul li a .iconBox{height: 55px;}
  .yjsjcym_content .th2 .themeBox ul li a .txt{font-size: 16px;}
  .yjsjcym_content .th2{padding-top: 163px;}
}

@media screen and (max-width: 1200px) {
  .yjsjcym .bannrBox{height: 260px; padding: 0 15px; padding-top: 60px;}
  .yjsjcym_content{padding: 0 15px; padding-bottom: 30px;}
  .yjsjcym_content .w1678{margin-top: -200px;}
  .yjsjcym_content .th1 .themeBox{padding: 15px;}
  .yjsjcym_content .th1 .themeBox > p{font-size: 15px; line-height: 28px;}
  .yjsjcym_content .th2{padding-top: 20px;}
  .yjsjcym_content .th2 .themeBox ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .yjsjcym_content .th2 .themeBox ul li{width: 150px; height: 150px; padding-top: 29px; margin: 0px !important; margin-top: -5px !important;}
  .yjsjcym_content .th2 .themeBox ul li a .txt{font-size: 14px;}
  .yjsjcym_content .th2 .themeBox ul li a .iconBox{height: 42px;}
  .yjsjcym_content .th2 .themeBox ul li a .iconBox img{width: 40px;}
  .yjsjcym_content .th2 .themeBox ul li .tcBox{display: none;}
  
}