@charset "utf-8";



header,nav .carousel-inner-fdc{height:480px}



nav .carousel-inner-fdc .banner {

    color: #FFFFFF;

    line-height: 180%;

    font-size: 34px;

    font-family: 'HanHei-SC';

}



.casebanner1{background:#000000;}



.casebanner1::before{content:"";  display: table; 

background:url(../caseimg/cdhfmd-banner.png) no-repeat center 0/auto 100%;

opacity:0.3;

filter:"alpha(opacity=3)";

-ms-filter:"alpha(opacity=3)";

}









.banner{text-align:center;}

.banner p{font-size:20px}







.casetitle{border-top:15px solid #EAEAEA; border-bottom:1px solid #E7E7E7}

.casetitle h2{display:table; margin:0px auto; border-bottom:3px solid #EB7A00; padding:30px 5px; font-size:34px}

.caselr,.caselr1{padding:30px 0; line-height:30px}

.caselr div{width:50%; margin:0px auto; line-height:36px; background:url(../imges/tb.jpg) no-repeat left 14px; padding-left:2%}

.caselr1 div{width:70%;}

.caseimgbg{background:#000000; padding-top:30px}

.casepic{background:url(../imges/PCbg.png) no-repeat  center top; height:655px; text-align:center}



/*滚动条*/

.casepic .dviimg{width:970px;  margin:0px auto; height:600px; padding-top:25px; overflow: visible;}

.casepic .dviimg img{width:100%}

.casepic .dviimg .type_ul

{width:100%; padding:0; margin:0; padding-right:10px;}



#scrollbar-y_1{width: 1px;background: #ccc;z-index: 10;height: 575px;}    

#scrollbar-bg_1{background: #fff;width: 6px;z-index: 11;cursor: pointer; border-radius:3px;}

#xn_c_jsScroll_1_main_1{overflow:hidden;height:575px;width: 100%;} 



#scrollbar-y_2{width: 1px;background: #ccc;z-index: 10;}    

#scrollbar-bg_2{background: #555;width: 6px;z-index: 11;cursor: pointer;}

#xn_c_jsScroll_1_main_2{overflow:hidden;height:580px;width: 340px;} 





#scrollbar-y_3{width: 1px;background: #ccc;z-index: 10;}    

#scrollbar-bg_3{background: #555;width: 6px;z-index: 11;cursor: pointer;}

#xn_c_jsScroll_1_main_3{overflow:hidden;height:580px;width: 340px;} 





#scrollbar-y_4{width: 1px;background: #ccc;z-index: 10;}    

#scrollbar-bg_4{background: #555;width: 6px;z-index: 11;cursor: pointer;}

#xn_c_jsScroll_1_main_4{overflow:hidden;height:580px;width: 340px;} 







.casepic-bottom{background:url(../imges/PCbg.png) no-repeat  center bottom; height:120px;text-align:center}

.caselx{text-align: center; padding:30px 0px; color:#00C1DE; font-size:16px; line-height:40px}

.caselx img{width:150px}

.caselx a{background:#FD6679; padding:15px 60px; font-size:18px; color:#FFFFFF}



@media (min-width: 768px) and (max-width: 991px){



.casepic{background: none; height:auto; padding-bottom:30px;}

.casepic  .dviimg

{width:100%;}

.casepic .dviimg .type_ul

{padding-right:0px;}

.casepic-bottom

{display:none;}



.casepic .dviimg{height:auto; padding-top:10px; }

#scrollbar-y_1{display:none;} 

#scrollbar-bg_1{display:none;}   

#xn_c_jsScroll_1_main_1{height:auto;} 

}



@media (min-width: 300px) and (max-width: 766px){



header,nav .carousel-inner-fdc{width:100%; height:340px; display:table; }

nav .carousel-inner-fdc .banner {

    color: #FFFFFF;

    line-height: 180%;

    font-size: 34px;

    font-family: 'HanHei-SC'; 

}



.caselr{padding:30px 5%;}



.caselr div{width:90%; margin:0px auto; line-height:36px; background:url(../imges/tb.jpg) no-repeat left 12px; padding-left:4%}



.casepic{background: none; height:auto; padding-bottom:20px;}

.casepic  .dviimg

{width:100%;}

.casepic .dviimg .type_ul

{padding-right:0px;}

.casepic-bottom

{display:none;}



.casepic .dviimg{height:auto; padding-top:0; }

#scrollbar-y_1{display:none;} 

#scrollbar-bg_1{display:none;}   

#xn_c_jsScroll_1_main_1{height:auto;} 



}