﻿img.responsive { max-width: 100%; height: auto;display:block; }
.mainContainer { width: 100%; position: relative;  }
.breadcrumbContainer {position: relative; background:#efefef; width:100%;border:0px;}
    .breadcrumbContainer .breadcrumb ul li { float: left; font-size: 14px; }
        .breadcrumbContainer .breadcrumb ul li a { color: #797979; margin: 0 10px; display: block; }
            .breadcrumbContainer .breadcrumb ul li a:hover { text-decoration:underline ;color:#cd7d28;}
            .breadcrumbContainer .breadcrumb ul li a.active { color: #cd7d28; }
.carouselContaienr { position:relative;overflow:hidden;}
.carouselContaienr .carousel { }
.contentContainer { position:relative;width:1000px;margin:50px auto 50px;}
    .contentContainer h3 {font-size:36px;color:#000;text-align:center;line-height:50px; }
    .contentContainer h4 { font-size: 18px; color: #747474; text-align: center; line-height: 36px;font-weight:normal; }
 .contentContainer h5 { font-size:20px; color: #515152; text-align: center; line-height: 40px;font-weight:normal; }
.contentContainer .content { font-size:14px;color:#747474; line-height:24px;}

#close { position:fixed;top:140px;right:80px;z-index:50;}
#arrowl { position:fixed;top:50%;left:20px;z-index:50;margin-top:-25px;}
#arrowr { position:fixed;top:50%;right:20px;z-index:50;margin-top:-25px;}


@media screen and (min-width: 1280px) {
   .breadcrumbContainer .breadcrumb {height:40px; width: 1280px;line-height:40px; }
}

@media screen and (max-width: 1280px) {
    .breadcrumbContainer .breadcrumb {height:40px; width: 1000px;line-height:40px; }


}
@media screen and (max-width:1024px) {


        .contentContainer { position:relative;width:980px;margin:50px auto 50px;}
}