html {font-size: 62.5%;}
body {background-color:#fff;color:#000; font-size:1.6rem font:Microsoft YaHei, Verdana, Geneva, sans-serif; }
* {margin:0;padding:0;}
img{vertical-align:middle;
    }


/*头与菜单*/
#fwtop {width:100%;margin:0 auto;border-bottom:1px solid #e9e9e9;overflow:hidden;}

.tophead {width:122rem;height:5rem;color: #444444; font-size:1.6rem; margin:0 auto;clear:both;}
  .topheadl { width:16rem;height:6rem;float: left;padding-left:1rem; background:url(logo.png) no-repeat bottom center}
  .topheadr {width:102rem;float:right;height:5rem; line-height:5rem;text-align:center; font-size:1.2rem;}
  .topheadr  a{text-decoration:none;color: #f00; margin-left:2rem}
  .topheadr  a:hover{color:#2690D6;}
/*.footmiddle {width:122rem;margin:0 auto; text-align:center; font-size:1.6rem; padding:2rem 0}
.footmiddle  a{text-decoration:none;color: #fff; margin-left:2rem}
.footmiddle  a:hover{color:#2690D6;}
.footmiddle  a span{background:url(../images/arow.png) no-repeat;width:10px;height:10px;display:inline-block;vertical-align:middle;margin-right: 5px}
*/
.top-nav{width:122rem;margin:0 auto; }
.top-nav ul{float:left;margin:0.3rem 0 0 0;}
.top-nav ul li{display:inline-block;margin: 0 0.5rem;}
.top-nav ul li a{color:#60B0E6;text-decoration:none;padding:0.4rem 1.5rem;display:block;border:0.1rem solid #fff;font-size:1.6rem;font-weight:400;}
.top-nav ul li.active a,.top-nav ul li a:hover{border:0.1rem solid #60B0E6;}


#maintop{margin:0 auto;width:100%; height:10.5rem; text-align:center; vertical-align :middle;clear :both ;background:#fff url(beach2.jpg)}
#maintop4{margin:0 auto;width:100%; height:9.5rem; text-align:center; vertical-align :middle;clear :both ;background:#fff url(beach2.jpg)}

#main{width:100%;margin:0 auto;overflow:hidden;}
.con{margin:0 auto;width:125rem; clear :both ;}
    .con .left{ width:50rem;float:left;}
         .left .lbt{ width:50rem;color: #282A2C; font-size:2rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .left .lcon{margin:1rem 0 1rem 0; clear:both}         
         .left .lcon p{ text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:2.4rem;clear:both}
         .left .lcon p  a{text-decoration:none;color:#f00;}
         .left .lcon p  a:active,.p a:hover{color:#000;}
         
    .con .right{width:60rem;float:left; margin-left:5rem}
         .right .rbt{ width:50rem;color: #282A2C; font-size:2rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .right .rcon{margin:1rem 0 1rem 0; clear:both}         
         .right .rcon p{ text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:2.4rem;clear:both}
         .right .rcon p  a{text-decoration:none;color:#f00;}
         .right .rcon p  a:active,.p a:hover{color:#000;}
         
.aimain{margin:0 auto; width:125rem; font-size:1.4rem; clear:both;}
    .aimain .aileft{ width:30rem;float:left;margin:1rem 1rem 0 0;}
         .aileft .lbt{ width:30rem;color: #282A2C; font-size:2.4rem; font-weight:500;clear:both;margin:0 0 1rem 0;}         
         .aileft .lbt span{color:#56A7DC;cursor:pointer}
         
         .aileft .lcon{margin:1rem 1rem 0 0;text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:2.4rem; clear:both}         
         .aileft .lcon span{ cursor:pointer}
         .aileft .lcon table{color:#80888E; margin:0; padding:0;font-size:1.6rem;line-height:2.4rem;clear:both}
         
    .aimain .airight{width:91rem;float:left; padding-left:1rem; margin:1rem 0 0 1rem; border-left:0.1rem dashed #80888E;}
         .airight .rbt{ width:90rem;color: #282A2C; font-size:2rem; font-weight:500;clear:both; margin:0 0 1rem 1rem;}
         .airight .rcon{width:90rem; clear:both}         
         .airight .rcon p{ text-indent:2rem;color:#5E686F; font-size:1.6rem;line-height:2.4rem;clear:both}
   
         .airight .rcon ul{width:90rem;margin:0 0 0 0;}
         .airight .rcon ul li{ cursor:pointer;margin-bottom:0.2rem; width:100%; line-height:2.7rem;display:block; clear:both;border:0.1rem solid #fff; text-align:left;}
         .airight .rcon ul li a{float:left; width:4.8rem;height:3rem; line-height:2.7rem; text-align:center; vertical-align:middle;color:#60B0E6; background-color:#E0E1E4;text-decoration:none;display:inline-block;border:0.1rem solid #fff;font-size:1.6rem;font-weight:400;}
         .airight .rcon ul li.active a, .rcon ul li a:hover{width:4.8rem;height:3rem;line-height:2.7rem; text-align:center; background-color:#E0E1E4;display:inline-block;border:0.1rem solid #60B0E6;}

    .aimain .aileft2{ width:50rem;float:left;margin:1rem 1rem 0 0;}
         .aileft2 .lbt{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500;clear:both;margin:0 0 1rem 0;}         
         .aileft2 .lbt span{color:#56A7DC;cursor:pointer}
         
         .aileft2 .lcon{margin:1rem 1rem 0 0;text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:2.4rem; clear:both}         
         .aileft2 .lcon span{ cursor:pointer}
         .aileft2 .lcon table{color:#80888E; margin:0; padding:0;font-size:1.6rem;line-height:2.4rem;clear:both}
         
    .aimain .airight2{width:71rem;float:left; padding-left:1rem; margin:1rem 0 0 1rem; border-left:0.1rem dashed #80888E;}
         .airight2 .rbt{ width:70rem;color: #282A2C; font-size:2rem; font-weight:500;clear:both; margin:0 0 1rem 1rem;}
         .airight2 .rcon{width:70rem; clear:both}         
         .airight2 .rcon p{ text-indent:0.5rem;color:#5E686F; font-size:1.6rem;line-height:2.4rem;clear:both}
   
         .airight2 .rcon ul{width:70rem;margin:0 0 0 0;}
         .airight2 .rcon ul li{ cursor:pointer;margin-bottom:0.2rem; width:100%; line-height:2.7rem;display:block; clear:both;border:0.1rem solid #fff; text-align:left;}
         .airight2 .rcon ul li a{float:left; width:4.8rem;height:3rem; line-height:2.7rem; text-align:center; vertical-align:middle;color:#60B0E6; background-color:#E0E1E4;text-decoration:none;display:inline-block;border:0.1rem solid #fff;font-size:1.6rem;font-weight:400;}
         .airight2 .rcon ul li.active a, .rcon ul li a:hover{width:4.8rem;height:3rem;line-height:2.7rem; text-align:center; background-color:#E0E1E4;display:inline-block;border:0.1rem solid #60B0E6;}


    .submain2{margin:0 auto; width:122rem; text-align:left;color:#000; font-size:1.6rem; clear:both;}
    .submain2 p{font-size:1.6rem;color:#000; line-height:2.8rem; clear:both;}
    #location_nav{font-size:1.6rem;color:#282A2C;}
    
    .con .leftsub2{ width:60rem;float:left;margin:1rem 0 0 0;}
         .leftsub2 .lbtsub2{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:1rem 1rem 0 0;clear:both}
         .leftsub2 .lbtsub2 span{color:#56A7DC; cursor:pointer}
         
         .leftsub2 .lconsub2{margin:1rem 0 0 0;text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:2.4rem; clear:both}  
         .leftsub2 .lconsub2 span{ cursor:pointer}
         .leftsub2 .lconsub2 table{color:#80888E; margin:0; padding:0;font-size:1.6rem;line-height:2.4rem;clear:both}
         
    .con .rightsub2{width:61rem;float:left; margin:1rem 0 0 1rem; border-left:0.1rem dashed #80888E; padding-left:0rem;}
         .rightsub2 .rbtsub2{ width:55rem;color: #282A2C; font-size:2rem; font-weight:500; margin:1rem 0 0 1rem;clear:both}
         .rightsub2 .rconsub2{margin:1rem 0 0 1rem; clear:both}         
         .rightsub2 .rconsub2 p{ text-indent:2rem;color:#5E686F; font-size:1.6rem;line-height:2.4rem;clear:both}
         .rightsub2 .rconsub2 p  a{text-decoration:none;color:#56A7DC;}
         .rightsub2 .rconsub2 p  a:active,.p a:hover{color:#5E686F;}

    .submain3{margin:0 auto; width:120rem; text-indent:8.8rem; text-align:left;color:#60B0E6; font-size:2.4rem; clear:both;}
    .con .leftsub3{ width:18rem;float:left;}
         .leftsub3 .lbtsub3{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .leftsub3 .lconsub3{margin:1rem 0 1rem 0; clear:both}         
         .leftsub3 .lconsub3 p{ text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:3rem;clear:both}
         .leftsub3 .lconsub3 p  a{text-decoration:none;color:#56A7DC;}
         .leftsub3 .lconsub3 p  a:active,.p a:hover{color:#5E686F;}
         .leftsub3 .lconsub3 p span{ cursor:pointer}
         
    .con .rightsub3{width:92rem;float:left; margin-left:5rem; border-left:0.1rem dashed #80888E; padding-left:2rem;}
         .rightsub3 .rbtsub3{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .rightsub3 .rconsub3{margin:1rem 0 1rem 0; clear:both}         
         .rightsub3 .rconsub3 p{ text-indent:2rem;color:#5E686F; font-size:1.6rem;line-height:2.4rem;clear:both}
         .rightsub3 .rconsub3 p  a{text-decoration:none;color:#56A7DC;}
         .rightsub3 .rconsub3 p  a:active,.p a:hover{color:#5E686F;}

    .submain4{margin:0 auto; width:120rem; text-indent:10rem; text-align:left;color:#60B0E6; font-size:2.4rem; clear:both;}
    .con .leftsub4{ width:10rem;float:left;}
         .leftsub4 .lbtsub4{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .leftsub4 .lconsub4{margin:1rem 0 1rem 0; clear:both}         
         .leftsub4 .lconsub4 p{ text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:3rem;clear:both}
         .leftsub4 .lconsub4 p  a{text-decoration:none;color:#56A7DC;}
         .leftsub4 .lconsub4 p  a:active,.p a:hover{color:#5E686F;}
         .leftsub4 .lconsub4 p span{ cursor:pointer}
         
    .con .rightsub4{width:100rem;float:left; margin-left:5rem; border-left:0.1rem dashed #80888E; padding-left:2rem;}
         .rightsub4 .rbtsub4{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .rightsub4 .rconsub4{margin:1rem 0 1rem 0; clear:both}         
         .rightsub4 .rconsub4 p{ text-indent:2rem;color:#5E686F; font-size:1.6rem;line-height:2.4rem;clear:both}
         .rightsub4 .rconsub4 p  a{text-decoration:none;color:#56A7DC;}
         .rightsub4 .rconsub4 p  a:active,.p a:hover{color:#5E686F;}
         
    .submainadmin{margin:0 auto; width:120rem; text-indent:10rem; text-align:left;color:#60B0E6; font-size:2.4rem; clear:both;}
    .con .leftsubadmin{ width:10rem;float:left;}
         .leftsubadmin .lbtsubadmin{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .leftsubadmin .lconsubadmin{margin:1rem 0 1rem 0; clear:both}         
         .leftsubadmin .lconsubadmin p{ text-indent:2rem;color:#80888E; font-size:1.6rem;line-height:3rem;clear:both}
         .leftsubadmin .lconsubadmin p  a{text-decoration:none;color:#56A7DC;}
         .leftsubadmin .lconsubadmin p  a:active,.p a:hover{color:#5E686F;}
         .leftsubadmin .lconsubadmin p span{ cursor:pointer}
         
    .con .rightsubadmin{width:100rem;float:left; margin-left:5rem; border-left:0.1rem dashed #80888E; padding-left:2rem;}
         .rightsubadmin .rbtsubadmin{ width:50rem;color: #282A2C; font-size:2.4rem; font-weight:500; margin:2rem 0 1rem 0;clear:both}
         .rightsubadmin .rconsubadmin{margin:1rem 0 1rem 0; clear:both}         
         .rightsubadmin .rconsubadmin p{ text-indent:2rem;color:#5E686F; font-size:1.6rem;line-height:2.4rem;clear:both}
         .rightsubadmin .rconsubadmin p  a{text-decoration:none;color:#56A7DC;}
         .rightsubadmin .rconsubadmin p  a:active,.p a:hover{color:#5E686F;}
         
         /*index3用*/
         #in2{ display:none}
         #in3{ display:none}
         #in4{ display:none}
         #in5{ display:none}
         #in6{ display:none}


      
#foot{width:100%;margin:0 auto;background: #70B8E8; clear:both;}
.footmiddle {width:122rem;margin:0 auto; text-align:center; font-size:1.6rem; padding:2rem 0}
.footmiddle  a{text-decoration:none;color: #fff; margin-left:2rem}
.footmiddle  a:hover{color:#2690D6;}
.footmiddle  a span{background:url(../images/arow.png) no-repeat;width:10px;height:10px;display:inline-block;vertical-align:middle;margin-right: 5px}
    
    
    
    
.color1{color: #282A2C;}
.color2{color: #333;}
.color2{color: #343E46;}

.fgx{ color:#808080}

.p1{ color:#80888E}

.p1  a{text-decoration:none;color:#000;}
.p1  a:active,.p1 a:hover{color:#000;}


.umstring{ display:inline-block; line-height:180%;font-weight:200; font-size:140%;}

.um{ display:inline-block; width:16px; font-weight:200; font-size:150%;}
.umb{ display:inline-block; width:16px;border-bottom:1px solid green; font-weight:200; font-size:150%;}
.umt{ display:inline-block; width:16px;border-top:1px solid green; font-weight:200; font-size:150%;}
.umr{ display:inline-block; width:16px;border-right:1px solid green; font-weight:200; font-size:150%;}
.uml{ display:inline-block; width:16px;border-left:1px dashed green;font-weight:200; font-size:150%;}
.umbl{ display:inline-block; width:16px;border-bottom:1px solid green;border-left:1px dashed green;font-weight:200; font-size:150%;}
.ums{ display:inline-block; width:16px; color:Blue; font-size:60%;}
.umsb{ display:inline-block; width:16px; border-bottom:1px solid green; color:Blue; font-size:60%;}