@charset "gb2312";
/* CSS Document */

.ztdjs_banner{height:42.5rem; width:auto;background:url(../images/djszt_banner1.jpg) 50% 50% no-repeat;background-size: 100%;}
.djs_yi{height:63.125rem; width:100%;background:url(../images/djszt_bg1.jpg) 50% 50% no-repeat; }
.djs_title{ text-align:center; height:7.5rem; padding:3.75rem 0 0;}
.djs_title h1{ font-size:3rem; margin-bottom:16px;background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(0, 18, 110)), to(rgb(2, 51, 300))); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.djs_title p{ font-size:1.375rem; color:#2c2f3b;}
.zzwh{ height:35rem; margin:3.75rem 0;}
.zzwh_1{ width:22.375rem; height:33.4375rem; background:#fff; color:#333; float:left; text-align:center;}
.zzwh_1 h2{ font-size:1.875rem; padding:1.875rem 0 1.25rem 0;}
.zzwh_1 hr{ width:3.125rem;  border:2px solid #333;}
.zzwh_1 p{ font-size:1.25rem; line-height:2rem; padding:1.25rem 1.25rem 1.25rem 1.875rem; text-align:left;}
.zzwh_1 img{ padding-top:1.25rem; width:14.6875rem; height:11.875rem;}
.zzwh_1 h3{ font-size:1.375rem; padding-top:0.625rem;}
.zzwh_c{ margin-left:3.9375rem;}
.zzwh_c img{ width:16.625rem !important; height:9.1875rem !important;}
.zzwh_2{ width:22.375rem; height:33.4375rem; background:#38405a; color:#fff; float:right; text-align:center;}
.zzwh_2 h2{ font-size:1.875rem; padding:1.875rem 0 1.25rem 0;}
.zzwh_2 hr{ width:3.125rem;  border:2px solid #fff;}
.zzwh_2 p{ font-size:1.25rem; line-height:2rem; padding:1.25rem 0 1.25rem 2.5rem;color:#fff; text-align:left;}
.zzwh_2 img{ padding-top:1.25rem;width:18.1875rem; height:14.0625rem;}
.jszx{ height:3.75rem; clear:both; margin-left:10rem;}
.jszx ul li img{ width:1.9375rem; height:1.9375rem; margin-right:1.25rem;}
.jszx ul li{ border:2px solid #FFF; height:1.875rem; width:auto; padding:0.625rem 1.875rem; font-size:1.375rem; color:#fff; float:left; margin:0 3.6rem; border-radius:15px;}
.jszx .zx_l{ border:2px solid #666; color:#333;}
.jszx .zx_r{ border:2px solid #0233c9; color:#0233c9;}
.djs_er{height:56.625rem; width:100%;background:url(../images/djszt_bg2-1.jpg) 50% 50% no-repeat;}
.djs_er .er_gn{ height:27.5rem;}
.djs_er .djs_l{ width:29.375rem; float:left;}
.djs_er .djs_l img{ width:29.125rem; height:23.75rem;}
.djs_er .djs_r{ width:44.375rem; float:right;}
.djs_er .djs_r ul li{ font-size:1.5rem; background:#fff;  color:#333; padding:0.625rem 1.875rem; border-radius:50px; float:left; margin:0.9375rem 0.625rem;}
.djs_er .djs_r .on_1{margin-left:0 !important;}
.djs_er .djs_r .on_2{background:#38405a; color:#fff;}
.djs_er .djs_r .on_3{margin-left:0; padding:0.625rem 2.6875rem; background:#38405a; color:#fff;}
.djs_er .djs_r .on_4{padding:0.625rem 2.6875rem;}
.djs_er .djs_r .on_5{padding:0.625rem 3.25rem; background:#38405a; color:#fff;}
.djs_er .djs_r .on_6{padding:0.625rem 1.25rem; background:#38405a; color:#fff;}
.djs_er .djs_r img{ width:40rem; height:3.5rem; margin:0.625rem 0 1.875rem 0;}
.djs_er .er_tit img{ width:4.4375rem; height:4.4375rem; float:left; margin-right:0.9375rem;}
.djs_er .er_tit h2{ font-size:2.25rem; color:#333;}
.djs_er .er_tit span{ font-size:1.25rem; color:#555;}
.djs_er .er_tit p{ font-size:1.5rem; color:#333; margin:1.875rem 1.875rem 0 5.375rem; line-height:2.5rem;}
.djs_er_2{height:71.125rem; width:100%;background:url(../images/djszt_bg2-2.jpg) 50% 50% no-repeat; }
.djs_er_2 ul li{ width:35.75rem; height:32.5rem; background:#38405a; float:left; margin:0.9375rem 0;}
.djs_er_2 ul li p{ font-size:1.25rem; color:#fff; line-height:2.25rem; margin:1.25rem;}
.djs_er_2 ul li img{ width:35.75rem; height:22.875rem;}
.djs_er_2 .l_r{ float:right;}
.djs_er_3{height:52.875rem; width:100%;background:url(../images/djszt_bg2-3.jpg) 50% 50% no-repeat; }
.djs_er_3 .er_tit { height:9.375rem;}
.djs_er_3 .er_tit p{ height:6.25rem;float:left; margin-right:0.9375rem;}
.djs_er_3 .er_tit img{ width:4.4375rem; height:4.4375rem; }
.djs_er_3 .er_tit h2{ font-size:2.25rem; color:#333;}
.djs_er_3 .er_tit span{ font-size:1.375rem; color:#555;}
/*.djs_er_3 .er_z{ height:30rem;}
.djs_er_3 .er_z ul li{ position:relative;width:17.0625rem; height:22.75rem; margin-right:2.1875rem; float:left; text-align:center;color:#fff; }
.djs_er_3 .er_z ul li:last-child{ margin:0;}
.djs_er_3 .er_z ul li p{ color:#fff; font-size:1.25rem; line-height:2.1875rem; margin:0 0.9375rem 0 1.875rem; text-align:left;}
.djs_er_3 .er_z ul li h1{ margin:3.125rem 0 1.875rem 0; font-size:2.375rem; font-weight:normal;}
.item1 div{position:absolute;left:0;bottom:55px;width:100%;height:auto;text-align:center;background:rgba(95,118,225,0.8);color:#FFF; overflow:hidden;}
*/

.effects{ height:23.125rem; position:relative; margin:2rem 0 6rem 0;}
#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  top: 3.125rem;
  margin: 0 auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
}

.effects .img {
  position: relative;
  float: left;
  width:17.0625rem;
  overflow: hidden;
  margin-right:2.1875rem;
  
}
.img_bg img{width:17.0625rem;}
.img_bg1{ position:absolute; left:0; bottom:0.375rem;}
.img_bg2{ position:absolute; left:19.25rem; bottom:0.375rem; }
.img_bg3{ position:absolute; right:19.4375rem; bottom:0.375rem;}
.img_bg4{ position:absolute; right:3px; bottom:0.375rem; width:}
.effects .img:last-child {
  margin-right:0 !important;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}
.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(95,118,225,0.6);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height:19.25rem;
}
a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  text-align: center;
  color: #fff;

  font-size: 2.25rem;
}
.overlay p{position:absolute;color:#fff; font-size:1.25rem; line-height:2.1875rem; width:14.375rem; top:8.125rem; left:1.875rem;}


/********************************************************/


.djs_san{height:83.125rem; width:100%;background:url(../images/djszt_bg3.jpg) 50% 50% no-repeat; }
.djs_san .bdzj{ height:28.125rem;}
.djs_san .bdzj_left{ width:35.875rem; float:left;}
.djs_san .bdzj_right{ width:35.875rem; float:right;}
.djs_san .bdzj img{ width:35.875rem; height:12.5rem; margin-bottom:1.25rem;}
.djs_san p{ font-size:1.375rem; line-height:2.375rem; margin:0 1.875rem;}
.djs_san .yyml{ margin:3.125rem 0; text-align:center;}
.djs_san .yyml h2{ font-size:1.875rem; color:#061d64; margin:0.9375rem 0;}
.djs_san .yyml img{ width:69.125rem; height:21.1875rem;}

.djs_si{height:90.625rem; width:100%;background:url(../images/djszt_bg4.jpg) 50% 50% no-repeat; }
.djs_si .qxl{ height:26.25rem; margin:3.125rem 0;}
.djs_si .qxl img{ width:75rem; height:26rem;}
.djs_si .dtzs{ height:37.5rem;}
.djs_si .dtzs .zs_l{ width:37.875rem; height:32rem; background:#fff; float:left; text-align:center;}
.djs_si .dtzs .zs_l img{ width:36.1875rem; height:29.6875rem; padding-top:1.125rem;}
.djs_si .dtzs .zs_r{ width:33.75rem; height:32rem;  float:right; }
.djs_si .dtzs .zs_r li{ height:5.625rem; border-bottom:2px solid #333; margin:30px 0;}
.djs_si .dtzs .zs_r ul li:last-child{ border-bottom:0;}
.djs_si .dtzs .zs_r .zsl_i{ width:5.625rem; height:4.5rem; float:left; border-right:2px solid #333;}
.djs_si .dtzs .zs_r .zsl_i h1{ font-size:2.25rem; color:#061d64;}
.djs_si .dtzs .zs_r .zsl_i h6{ font-size:1.125rem; font-weight:normal;}
.djs_si .dtzs .zs_r li p{  width: 26.625rem;    font-size:1.375rem; line-height:2.25rem;   color:#000; float: right;}
.djs_si .jszx ul li{padding: 0.625rem 4rem !important;}
.djs_si .jszx ul li img{ width:2.0625rem; height:1.9375rem; margin-right:1.25rem;}

.djs_wu{height:33.625rem; width:100%;background:url(../images/djszt_bg5.jpg) 50% 50% no-repeat; }
.djs_wu .wu_t p{ text-align:center; font-size:2.0625rem; line-height:2.8125rem;     height: 6.25rem;    margin: 2.8125rem 0;}
.djs_wu .wu_t p span{ font-size:2.375rem;background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(0, 18, 110)), to(rgb(2, 51, 300))); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.djs_wu .wu_img{ text-align:center;}

/**********doc************/
.djs_lu{height:42.875rem; width:100%;background:url(../images/djszt_bg6.jpg) 50% 50% no-repeat; }
.djs_lu .section{padding-top:6.25rem;}
.djs_lu .section .container{width:84.375rem;margin:0 auto}
.djs_lu .section .mode-list{ height: 30.25rem; }
.djs_lu .section .mode-list .mode-item{ width: 12.5rem; height: 29.1875rem; text-align: center; float: left; overflow: hidden; margin-left: -1px; transition: width .5s;}
.djs_lu .section .mode-list .mode-item img{width:12.8125rem;height:29.1875rem;}
.djs_lu .section .mode-list .mode-wrap{ width: 34.5625rem; height: 29.1875rem;}
.djs_lu .section .mode-list .mode-view{ float: left; width:13.125rem; height:29.1875rem;  opacity: 1;}
.djs_lu .section .mode-list .mode-detail{ float: left; color: #fff; width: 3px; height: 19.8125rem; opacity: 0;}
.djs_lu .section .mode-list .mode-detail .detail-right{ width:34.6875rem; height:29.1875rem; }
.djs_lu .section .mode-list .mode-detail .detail-right img{ width:34.6875rem; height:29.1875rem; }
.djs_lu .section .mode-list .mode-item.active{ width:34.6875rem; }
.djs_lu .section .mode-list .mode-item.active .mode-wrap{ margin-left: -13.125rem; opacity: 1; }
.djs_lu .section .mode-list .mode-item.active .mode-view{ opacity: 0; }
.djs_lu .section .mode-list .mode-item.active .mode-detail{ opacity: 1; }

.djs_qi img{ width:100%;background-size:100%;}
.djs_ba{height:67.5rem; width:100%;background:url(../images/djszt_bg8.jpg) 50% 50% no-repeat; }
.djs_ba .wu_t p{font-size:1.5rem; line-height:2.5rem;height: 6.875rem;    margin:1.875rem 1.25rem;}
.djs_ba .ba_img{ text-align:center;} 
.djs_ba .ba_img img{ width:68.75rem; height:40.625rem;}




@media screen and (max-width:1700px) {
	.ztdjs_banner{height:33.5625rem;background-size: 100%;}
	}