@charset "gb2312";
/* CSS Document */
h1,h2,h3,h4,h5,h6,p,label,form,fieldset,input,textarea,blockquote,table{padding:0; margin:0;}
.transparent{background:transparent;}

body{background:url(imagesztdzspdzsp-header-bg.jpg) no-repeat top #fff;}
a{color:#343434;}
a:hover{color:#c00;}

.dzsp-header{text-align:center; height:571px; overflow:hidden;}
.dzsp-layer-yellow{padding-top:32px; padding-bottom:32px; background-color:#fdf5d2;}
.dzsp-layer-pink{padding-top:36px; padding-bottom:36px; background-color:#fdd8cb;}
.dzsp-layer-purple{padding-top:36px; padding-bottom:36px; background-color:#c1d0e8;}
.dzsp-wapper{width:1000px; margin:0 auto;}

.dzsp-dept{padding:28px; background-color:#fff; border-radius:10px;}
.dzsp-dept .ewm{width:498px; float:left;}
.dzsp-dept .ewm li.spacing{padding-bottom:30px;}
.dzsp-dept .ewm li a{float:left;margin-right:30px;}
.dzsp-dept .ewm li img{float:left;}
.dzsp-dept .QA{float:right; width:398px;}
.dzsp-dept .QA dl{min-height:82px;}
.dzsp-dept .QA dl dt{width:80px; height:80px; border:solid #c9c9c9 1px;}
.dzsp-dept .QA dl dt img{display:block; width:100%; height:100%;}
.dzsp-dept .QA dl dd{padding:18px 25px; border:solid #c9c9c9 1px; border-radius:8px; font-weight:700; color:#000; font-size:1.125em; line-height:190%; letter-spacing:2px;}
.dzsp-dept .QA dl dd i{ position:absolute; top:20px; display:inline-block; width:10px; height:16px; background-repeat:no-repeat;}
.dzsp-dept .QA dl.left{position:relative; padding-left:105px; margin-bottom:20px;}
.dzsp-dept .QA dl.left dt{position:absolute; top:0; left:0;}
.dzsp-dept .QA dl.left dd{position:relative; float:left;}
.dzsp-dept .QA dl.left dd i{left:-10px; background-image:url(imagesztdzspdzsp-QA-arrow-l.jpg);}
.dzsp-dept .QA dl.right{position:relative; padding-right:105px;}
.dzsp-dept .QA dl.right dt{position:absolute; top:0; right:0;}
.dzsp-dept .QA dl.right dd{position:relative;}
.dzsp-dept .QA dl.right dd i{right:-10px; background-image:url(imagesztdzspdzsp-QA-arrow-r.jpg);}
.dzsp-dept .QA dl.right dd a{color:#fc0000;}
.dzsp-dept .QA dl.right dd a:hover{color:#c00;}
.dzsp-gray-line{width:96%; height:16px; margin:auto; overflow:hidden; background-color:#dcdcdc;}


.dzsp-ytmd{float:left; width:64%; height:712px; overflow:hidden;}
.dzsp-min{float:right; width:33%;}
.dzsp-title-head{height:37px;}
.dzsp-title-head h2{float:left; height:37px; line-height:35px; padding-right:6px; padding-left:15px; font-weight:700; font-size:1.375em; color:#fff; background-color:#1a57a8;}
.dzsp-title-head i{float:left; width:24px; height:37px; background-image:url(imagesztdzspdzsp-title-bg.png);}
.dzsp-title-head a.more{float:right; padding-top:11px; padding-right:12px; font-size:.875em; font-weight:700; color:#666; line-height:28px;}
.dzsp-title-head a.more:hover{color:#c00;}
.dzsp-spacing{padding:18px 0; background-color:#fff;}
.dzsp-cjwt{height:408px;}
.dzsp-xgwj{height:128px;}

.dzsp-list{padding-right:10px; padding-left:10px; font-weight:700; overflow:hidden;}
.dzsp-list{line-height:1.6em; font-size:1em;}
.dzsp-list li{position:relative; float:left; clear:both; padding-top:.4em; padding-bottom:.4em; padding-left:26px; overflow:hidden; color:#999; }
.dzsp-list li i{position:absolute; top:.4em; left:5px; width:10px; height:10px; margin-top:.48em; background-color:#ed6850; border-radius:50%;}
.dzsp-list li a{float:left;}

.dzsp-scroll-layer{padding:25px 30px; background-color:#fff;}
.dzsp-scroll-pics{position:relative; width:100%; height:202px;}
.dzsp-scroll-pics .bd{width:100%; overflow:hidden;}
.dzsp-scroll-pics .bd ul{margin:0 -15px; overflow:hidden; zoom:1;}
.dzsp-scroll-pics .bd ul li{position:relative; float:left; margin-right:15px; margin-left:15px; width:280px; height:202px;}
.dzsp-scroll-pics .bd ul li img{display:block; width:100%; height:100%;}
.dzsp-scroll-pics .bd ul li .textbg{position:absolute; bottom:0;  left:0; height:34px; background:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;}
.dzsp-scroll-pics .bd ul li span{position:absolute; bottom:0;  left:0; display:block; width:100%; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.dzsp-scroll-pics a.ss-prev,
.dzsp-scroll-pics a.ss-next{position:absolute; top:50%; width:47px; margin-top:-24px; height:92px; display:block; background-image:url(imagesztdzspdzsp-sprite.png); background-repeat:no-repeat; z-index:99; cursor:pointer;}
.dzsp-scroll-pics a.ss-prev{left:-106px; background-position:left center;}
.dzsp-scroll-pics a.ss-next{right:-106px; background-position:right center;}


/*responsive*/
@media (max-width: 1199px) {
.dzsp-wapper{width:1000px;}
.dzsp-scroll-pics a.ss-prev,
.dzsp-scroll-pics a.ss-next{width:40px; height:60px; margin-top:-34px;}
.dzsp-scroll-pics a.ss-prev{left:10px;}
.dzsp-scroll-pics a.ss-next{right:10px;}
}

/*1024*/

@media (max-width:992px) {
body{background:#fff;}
.dzsp-wapper{width:98%;}
.dzsp-header{height:auto;}
.dzsp-header img{float:left; width:100%;}
.dzsp-title-head a.more{padding-right:4px;}
.dzsp-scroll-layer{padding:20px 15px;}
.dzsp-scroll-pics,
.dzsp-scroll-pics .bd ul li{height:auto;}
.dzsp-scroll-pics .bd ul{margin:0;}
.dzsp-scroll-pics .bd ul li{width:33.3333%; margin-right:0; margin-left:0;}
.dzsp-scroll-pics .bd ul li a{display:block; margin:0 5px; width:auto !important; max-width:none; position:relative;}
.dzsp-scroll-pics .bd ul li img{height:176px;}

.dzsp-cjwt,
.dzsp-xgwj{height:auto;}
}

/*ipad 980*/
@media (min-width:769px) and (max-width:992px) {
.dzsp-dept .ewm,
.dzsp-dept .QA{width:100%;}
.dzsp-dept .QA{padding-top:30px;}
.dzsp-dept .ewm li{text-align:center;}
.dzsp-dept .ewm li img{float:none;}

}

/*mobile*/
@media (max-width:768px) {
.dzsp-dept .ewm,
.dzsp-dept .QA{width:100%;}
.dzsp-dept .QA{padding-top:30px;}
.dzsp-dept .ewm li{text-align:center;}
.dzsp-dept .ewm li img{float:none;}

.dzsp-ytmd,
.dzsp-min{float:none; width:100%;}
.dzsp-ytmd{height:400px; text-align:center;}
.dzsp-ytmd img{width:100%;}
.dzsp-min{padding-top:30px;}

.dzsp-scroll-layer{padding:15px 10px;}
.dzsp-scroll-pics .bd ul li{width:50%;}
}

@media (max-width:480px) {
.dzsp-dept .QA dl dt{width:60px; height:60px;}
.dzsp-dept .QA dl.left{padding-left:72px;}
.dzsp-dept .QA dl.right{padding-right:72px;}
}

@media (max-width:320px) {
.dzsp-scroll-pics .bd ul li{width:100%;}
}