@font-face {
  font-family: ARLRDBD;
  src: url(../font/ARLRDBD.TTF);
}
/*#content{width: 100%;height: auto; margin: 0 auto;}*/
/*#content div{width: 100%; margin: 0 auto; }*/
#content div#item1{}
#content div#item2{}
#content div#item3{}
#content div#item4{}
#content div#item5{}
#content div#item6{}
#content div#item{ width: 100%; overflow: hidden; }
#content div#item1{ position: relative; padding-top: 74px;}
#content div#item2,#content div#item3,#content div#item4,#content div#item5,#content div#item6{  padding-top: 104px;}
#content div#item3{ position: relative; width: 100%; height:648px ;  background: url(../images/bg_indexFeatures.jpg) no-repeat center; }
#content div#item5{ position: relative; width: 100%; height:644px ;  background: url(../images/bg_indexService.jpg) no-repeat center top; }
#content div#item1 h1,#content div#item2 h1,#content div#item3 h1,#content div#item4 h1,#content div#item6 h1{font-size: 2.25em; color: #5a5a5a; font-family:ARLRDBD, sans-serif; text-align: center;}
#content div#item5 h1{ font-size: 2.25em; color: #fff; font-family:ARLRDBD, sans-serif; text-align: center;}
#content div#item1 h2,#content div#item2 h2,#content div#item3 h2,#content div#item4 h2,#content div#item6 h2{font-size: 1.75em; color: #7c7c7c; font-weight: 100; text-align: center; margin-bottom: 50px; }
#content div#item5 h2{ font-size: 1.75em; color: #fff; font-weight: 100; text-align: center; margin-bottom: 50px; }
#menu{ width: 37px; height: auto; position: fixed;top: 50%;right: 5%;margin-top: -135px; font-size: 0; z-index: 10; display: block; }
#menu .btn_top{ width: 37px; height: 37px; background: url(../images/btn_top.png) no-repeat; margin-bottom: 10px; font-size: 0; display: none; }
#menu .btn_top a{ width: 37px; height: 37px; display: block; }
#menu ul{display: block;list-style: none; width: 21px; margin: 0 auto;}
#menu ul li a{ width: 21px; height: 21px; margin:0 auto 15px;text-align: center; background: url(../images/point.png) no-repeat bottom; display: block; }
#menu ul li a.cur{ background: url(../images/point.png) no-repeat top; }
#menu ul li a:hover{background: url(../images/point.png) no-repeat top; }

@media screen and (max-width:1199px){
#content div#item1,#content div#item2,#content div#item3,#content div#item4,#content div#item5{  padding-top: 53px;}
}

@media screen and (max-width:1024px){
/*#menu{ display: none; }*/
}

@media screen and (max-width:1023px){
#content div#item1 h1,#content div#item2 h1,#content div#item3 h1,#content div#item4 h1,#content div#item5 h1,#content div#item6 h1{font-size: 2em;}
#content div#item1 h2,#content div#item2 h2,#content div#item3 h2,#content div#item4 h2, div#item5 h2,#content div#item6 h2{font-size: 1.5em;}

#content div#item5{ position: relative; width: 100%; height:auto ; padding-bottom: 50px;  background: #000;  /*background: -webkit-linear-gradient(180deg, rgba(0 ,0, 0,1) 30%,rgba(0 ,0, 0,0.3) ); background: -moz-linear-gradient(180deg, rgba(0 ,0, 0,1) 30%,rgba(0 ,0, 0,0.3) ); background: linear-gradient(180deg, rgba(0 ,0, 0,1) 30% ,rgba(0 ,0, 0,0.3) );*/}

}


@media screen and (max-width:767px){
#content div#item3{ position: relative; width: 100%; height:auto; ;  background: #eee; }



}

@media screen and (max-width:1024px) and ( min-width: 1023px){

}


@media screen and (max-width:735px) and ( min-width: 480px){


}

@media screen and (max-width:567px){

}