@charset "gb2312";
/* CSS Document */

.ztsjs_banner{height:35.375rem; width:auto;background:url(../images/sjszt_banner1.jpg) 50% 50% no-repeat;}
.sjs_yi{height:32.625rem; width:100%;background:url(../images/sjszt_bg-1.jpg) 50% 50% no-repeat; }
.sjs_yi .yi_l{ width:25rem; height:27.5rem; float:left;}
.sjs_yi .yi_l img{ width:23.5625rem; height:27.0625rem;}
.sjs_yi .yi_r{ width:46.875rem; height:27.5rem; float:right; margin-top:1.875rem;}
.sjs_yi .tit .t_l{ width:5.625rem; height:18.75rem; float:left; margin-right:1.25rem;}
.sjs_yi .tit .t_l img{ width:5.4375rem; height:6.0625rem;}
.sjs_yi .tit h1{ font-size:3.125rem; color:#004ab1;}
.sjs_yi .tit h3{ font-size:1.375rem; color:#2b313a; font-weight:normal; margin:0.625rem 0;}
.sjs_yi .tit hr{ width:6.25rem;  border:2px solid #333; margin:1.25rem 0; }
.sjs_yi .tit p{ width:40rem; float:right; font-size:1.5rem; color:#333; line-height:2.75rem;}


.tit_sjs{height:9.375rem;    margin:1.25rem 18.75rem;}
.tit_sjs img{width:5.4375rem; height:6.0625rem; float:left; margin:0.625rem 1.875rem 0 0; vertical-align:bottom;}
.tit_sjs h1{font-size:3.125rem; color:#004ab1; margin:0 0 0.625rem 0;}
.tit_sjs p{font-size:1.5rem; color:#333; }
.sjs_er{height:76.25rem; width:100%;background:url(../images/sjszt_bg-2.jpg) 50% 50% no-repeat; }

.sjs_er .er_zz{ height:18.75rem; margin:1.875rem auto;}
.sjs_er .er_zz ul li{ width:17.3125rem; height:17.3125rem; margin:0 0.6875rem; font-size:1.375rem;text-align:center; float:left; background:#c8ddfa;  border-radius:50%;}
.sjs_er .er_zz ul li h2{ font-size:1.375rem; padding-top:4.375rem;}
.sjs_er .er_zz ul li hr{ width:1.875rem;  border:1px solid #333;  }
.sjs_er .er_zz ul li p{ line-height:2.25rem; padding:0 1.875rem;}
.sjs_er .sjsbt{ text-align:center; height:5.625rem; font-size:1.375rem; color:#333;}
.sjs_er .sjsbt h2{ font-size:2.25rem; color:#005ddd;}
.sjs_p{ background:url(../images/sjszt-2.png) no-repeat; height:8.75rem; margin:2.5rem auto;}
.sjs_p p{ font-size:1.375rem; line-height:2.375rem; padding:1.875rem 3.75rem;}
.sjs_er  .er_dt{margin:0 18.75rem;}
.sjs_er  .er_dt img{ width:16.875rem; height:16.875rem;}

.sjs_san{height:81.25rem; width:100%;background:url(../images/sjszt_bg-3.jpg) 50% 50% no-repeat; }
.sjs_san .tit_sjs{height:9.375rem;    margin:1.25rem 0 1.25rem 9.375rem;}
.sjs_san .sjs_wh{ height:31.25rem; margin:1.875rem 0;}
.sjs_san .sjs_wh ul li{ width:17.125rem; height:18.5625rem; margin-right:2.0625rem; float:left; position:relative; text-align:center;}
.sjs_san .sjs_wh ul li:last-child{ margin-right:0;}
.sjs_san .sjs_wh ul li h2{ font-size:1.5rem; top:1.7rem; left:6.875rem; position:absolute;}
.sjs_san .sjs_wh ul li span{ font-size:1.5rem; top:4.375rem; left:8.125rem; position:absolute; color:#000;}
.sjs_san .sjs_wh ul li p{ font-size:1.375rem; top:6.875rem; margin:0 0.625rem 0 1.875rem; line-height:2.25rem; text-align:left; position:absolute;}
.sjs_san .sjs_wh ul li img{ width:17.125rem; height:28.5625rem}
.sjs_san .sjs_ybgc{ height:22.5rem; margin:1.25rem auto;}
.sjs_san .sjs_ybgc .yb_l{ width:60rem; height:auto; float:left;}
.sjs_san .sjs_ybgc .yb_l img{ width:56.8125rem; height:18.375rem;}
.sjs_san .sjs_ybgc .yb_r{ width:14.375rem; height:auto; float:left;}
.sjs_san .sjs_ybgc .yb_r h1{ font-size:1.875rem; color:#005dde; margin-top:1.25rem;}
.sjs_san .sjs_ybgc .yb_r hr{width:2.5rem; margin:1.25rem 0;  border:1px solid #333; }
.sjs_san .sjs_ybgc .yb_r p{ font-size:1.375rem; line-height:2rem;}
.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 #005dde; color:#005dde;}


.sjs_si{height:135rem; width:100%;background:url(../images/sjszt_bg-4.jpg) 50% 50% no-repeat; }
.sjs_si .tit_sjs{height:9.375rem;    margin:1.25rem 0 1.25rem 14.375rem;}
.sjs_si .si_y{ height:25rem; margin:5.625rem 0;}
.sjs_si .si_y .sy_l img{width:31.5625rem; height:24.3125rem;float:left;}
.sjs_si .si_y .sy_r{ width:35.625rem; height:24.3125rem; float:right;}
.sjs_si .sy_r .sy_t{ height:5.625rem; margin:0.625rem auto;}
.sjs_si .sy_r .sy_t img{ width:4.4375rem; height:4.4375rem;margin:0.3125rem 0.9375rem 0 0; float:left;}
.sjs_si .sy_r .sy_t h1{ font-size:1.875rem; color:#005dde;}
.sjs_si .sy_r .sy_t h2{ font-size:1.5rem; color:#333;}
.sjs_si .sy_r .sy_m img{ width:30.25rem; height:6.1875rem; }
.sjs_si .sy_r .sy_m ul{ height:7.5rem; }
.sjs_si .sy_r .sy_m ul li{ width:8.125rem;font-size:1.375rem; margin:1.25rem; float:left; text-align:center;}
.sjs_si .sy_r .sy_b{ font-size:1.375rem; line-height:2.25rem; }
.sjs_si .sy_r .sy_b img{ width:5.875rem; height:2.3125rem;}

.sjs_si .si_e{ height:25rem; margin:5rem 0;}
.sjs_si .si_e .sy_l img{width:31.5625rem; height:24.3125rem;float:right;}
.sjs_si .si_e .sy_r{ width:35.625rem; height:24.3125rem; float:left;}
.sjs_si .si_e .sy_r .sy_m img{ width:21.875rem; height:6.1875rem; }
.sjs_si .si_e .sy_r .sy_m ul li{ width:6.875rem;font-size:1.375rem; margin:1.25rem 0.625rem; float:left; text-align:center;}
.sjs_si .si_e .sy_r .sy_b .b_t{ width:6.5625rem; height:5rem; float:left;}
.sjs_si .si_e .sy_r .sy_b .b_t img{ padding-top:0.9375rem;}

.sjs_si .si_s .sy_r .sy_m img{ width:35.875rem; height:6.1875rem; }
.sjs_si .si_s .sy_r .sy_m ul li{ margin:1.25rem 1.875rem;}
.sjs_si .si_s .sy_r .sy_b .b_t{ width:6.5625rem; height:5rem ; float:left;}
.sjs_si .si_s .sy_r .sy_b .b_t img{ padding-top:0.9375rem;}

.title_d{height:11.875rem;    margin:1.25rem 0; text-align:center;}
.title_d h1{ font-size:3.125rem; color:#fff; margin:0.625rem 0;}
.title_d p{ font-size:1.375rem; color:#fff;}
.sjs_wu{height:61.6875rem; width:100%;background:url(../images/sjszt_bg-5.jpg) 50% 50% no-repeat; }
.sjs_wu .section{padding-top:6.25rem;}
.sjs_wu .section .container{width:75rem;margin:0 auto}
.sjs_wu .section .mode-list{ height: 30.25rem; }
.sjs_wu .section .mode-list .mode-item{ width: 13.3125rem; height: 29.1875rem; text-align: center; float: left; overflow: hidden;margin-left: -1px; transition: width .5s;}
.sjs_wu .section .mode-list .mode-item img{width:13.125rem;height:29.1875rem;}
.sjs_wu .section .mode-list .mode-wrap{ width: 34.5625rem; height: 29.1875rem;}
.sjs_wu .section .mode-list .mode-view{ float: left; width:13.0625rem; height:29.1875rem;  opacity: 1;}
.sjs_wu .section .mode-list .mode-detail{ float: left; color: #fff; width: 3px; height: 19.8125rem; opacity: 0;}
.sjs_wu .section .mode-list .mode-detail .detail-right{ width:34.6875rem; height:29.1875rem; }
.sjs_wu .section .mode-list .mode-detail .detail-right img{ width:34.6875rem; height:29.1875rem; }
.sjs_wu .section .mode-list .mode-item.active{ width:35rem; }
.sjs_wu .section .mode-list .mode-item.active .mode-wrap{ margin-left: -13rem; opacity: 1; }
.sjs_wu .section .mode-list .mode-item.active .mode-view{ opacity: 0; }
.sjs_wu .section .mode-list .mode-item.active .mode-detail{ opacity: 1; }


.sjs_lu{height:64rem; width:100%;background:url(../images/sjszt_bg-6.jpg) 50% 50% no-repeat; }
.sjs_lu .title_d{height:15.625rem; margin:1.25rem 0; text-align:center;}
.sjs_lu .title_d h1{ font-size:3.125rem; color:#004ab1; margin:0.625rem 0;}
.sjs_lu .title_d p{ font-size:1.375rem; color:#2b313a;}
.dzgjs-list{position:relative;height:auto;z-index:9;width:75rem;margin:1.875rem auto;}
.dzgjs-list ul li{float:left;width:24.9375rem;position:relative;height:38.75rem; text-align:center;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.dzgjs-list ul li .dc_img{ padding:7.5rem 0 1.875rem 0; height:7.5rem;}
.dzgjs-list ul li .dc_img img{ width:6.5625rem; height:6.5625rem;}
.dzgjs-introhr{ display:none;position:absolute;left:50%;margin-left:-1.25rem;}
.active .dzgjs-introhr{ display:block;bottom:15rem;background-color:#fff;width:3.5rem;height:4px;opacity:1; font-size:1.375rem;filter:alpha(opacity=100);}
.dzgjs-item-wrapper{width:24.875rem;height:38.6875rem;background:url(../images/dzgjszt_bddt1.jpg) center no-repeat}
.dzgjs-item-02{background-image:url(../images/dzgjszt_bddt2.jpg)}
.dzgjs-item-03{background-image:url(../images/dzgjszt_bddt3.jpg)}
.active .dzgjs-item-wrapper{position:absolute;z-index:9;/*top:-2rem;left:-0.5625rem;height:42.5rem;width:24.875rem;*/background:url(../images/dsjszt_bdfd1.jpg) no-repeat;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}
.active .dzgjs-item-02{background-image:url(../images/dsjszt_bdfd1.jpg)}
.active .dzgjs-item-03{background-image:url(../images/dsjszt_bdfd1.jpg)}
.dzgjs-list ul li p.dzgjs-title{width:100%;text-align:center;color:#fff;font-size:1.5rem;z-index:2; line-height:2.875rem;}
.dzgjs-list ul li p.dzgjs-title span{ font-size:2.25rem; font-weight:bold;}
.dzgjs-list ul li p.dzgjs-intro{position:absolute;left:40%;margin-left:-7.5625rem;width:20rem;overflow:hidden;color:#fff;line-height:2rem;z-index:2;opacity:0;filter:alpha(opacity=0);font-size:0.875rem;text-align:center}
.dzgjs-list ul li a{display:none;position:absolute;top:28.25rem;left:50%;margin-left:-5.4375rem;width:10.875rem;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.875rem;color:#fff;z-index:2;background-color:#0af}
.dzgjs-list ul li a:hover{background-color:#0099e5;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.dzgjs-list ul li.active p.dzgjs-title{top:9.875rem;font-size:1.5rem;}
.dzgjs-list ul li.active p.dzgjs-intro{ margin-top:2.375rem;opacity:1; font-size:1.375rem;filter:alpha(opacity=100);}
.dzgjs-list ul li.active a{top:24.25rem;display:block}
.intro_2{ bottom:6.25rem !important;}
.intro_1{ bottom:6.25rem !important; width:auto !important;}








@media screen and (max-width:1700px) {
	.ztsjs_banner{ height:469px !important; background-size:100%;}
	}
@media screen and (max-width:1440px) {
	.ztsjs_banner{height:420px !important; background-size:100%;}
	}
@media screen and (max-width:1380px) {
	.ztsjs_banner{height:397px !important; background-size:100%;}
	}	

@media screen and (max-width:1280px) {
	.ztsjs_banner{height:23.3125rem !important; background-size:100%;}
	}	


