.dapic{ background:#fff; margin:0px 0;  width:600px; padding-bottom:20px; float:left; border:#e1e1e1 1px solid; position:relative;}

#showbox { width:580px; margin:0 auto; box-sizing:border-box}
#showbox span { background:url(../images/whitebg.png) repeat;}

#showbox p{ background:#ffffff;border:1px solid #eeeeee}

#showsum { left:0px; margin-top:10px; width:580px}
#showsum span { border:1px solid #ddd; box-sizing:border-box; margin:0; padding:0; text-align:center}
#showsum span.sel { border:1px solid #f60;box-sizing:border-box}
#showsum span img{ width:88px; height:88px}

.showpage { width:580px; margin-left:10px; position:relative; display:none;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.cpjs1{ float:left; width:calc(100% - 610px)  ; padding:50px; box-sizing:border-box}
.cpjs1 h3{ display:block; font-size:30px; color:#000; margin-bottom:20px}
.cpjs1 p{ display:block; font-size:16px; line-height:40px; color:#666}
.cpjs1 p em{ color:#006cc8; padding-right:5px}


@media only screen and (max-width:992px){
	
.cpjs1{ float:none; width:100%; padding:10px; box-sizing:border-box}
.cpjs1 h3{ display:block; font-size:16px; color:#000; margin-bottom:10px}
.cpjs1 p{ display:block; font-size:14px; line-height:30px; color:#666}
.cpjs1 p em{ color:#006cc8; padding-right:5px}	
	

.dapic{ display:none;}

}


   .dapic2 {
        width: 100%;
        height: 100%;
		display:none;
		padding-bottom:50px;
    }
   .dapic2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	  .dapic2 .swiper-slide img{ width:100%; height:auto}
	    	  .dapic2 .swiper-pagination-bullet{ background:#eee; width:10px; height:10px}
	  	  .dapic2 .swiper-pagination-bullet-active{ background:#2db1e8}
@media only screen and (max-width:992px){
	
	
   .dapic2  { display:block}
}