.carousel-indicators { margin-bottom:80px;}
/*#IndexBanner .item {     background-size: contain;}*/
    #indexBanner .title { text-align:center;line-height:45px;color:#ffffff;padding:10px 0;}
        #indexBanner .title a { color:#ffffff;}
        #indexBanner .title p { margin:0;}
#indexMain {background-color:#f6f6f6; padding-top:75px;padding-bottom:82px; }
    #indexMain > .container { background-color:#ffffff; }




    #news .area, #news .item { padding:0;}

#news .item { position:relative;}
    #news .item > img, #news .item .content {-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;   -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden ;backface-visibility: hidden; }
#news .item > img{  z-index:1;background-color:#ffffff;}
#news .item:hover > img,#news .item.active > img{z-index:2;-moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#news .item .content {z-index:2;background-color:#ffffff; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 5px;   color: #acacac; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
#news .item:hover .content,#news .item.active .content { z-index: 1; -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
    #news .item .content .style1 { position:absolute;left:0;right:0;height:61px;margin-top:-40px;top:50%;}
    #news .item .content .style2 { padding:8px;}

    #news .item .content h4.title {font-size:24px;text-align:center; color:#000000;}
    #news .item .content .subTitle {font-size:18px;text-align:center;color:#7a7a7a; }
 
@media(min-width:768px){
 

#news .item .content h4.title{font-size:16px!important; }
#news  .item .content .subTitle{font-size:12px!important; }

#news .area .item { float:left;}
#news .area:nth-child(1)  .item:nth-child(n+2){width:50%;float:left; }
#news .area:nth-child(2)  .item:nth-last-child(n+2){width:50%;float:left; }
 
}

@media(max-width:768px){
    #indexBanner .title p { margin:0;    line-height: 30px;}
     

    #news .item .content h4.title { font-size:18px;}
    #news .item .content .subTitle { font-size:14px;}
}