body{margin:0; padding:0; font-family: 'Ubuntu', sans-serif; font-size: 62.5%}
.clear{clear: both} img {border:none} :focus {outline:0}

/* ALL */
.s05, .s10, .s15, .s20, .s25, .s30, .s35, .s40, .s50, .s100{width:10px; margin:auto}
.s05{height:5px} .s10{height:10px} .s15{height:15px} .s20{height:20px} .s25{height:25px} .s30{height:30px} .s35{height:35px} .s40{height:40px} .s50{height:50px} .s100{height:100px}

.head_in{max-width:1180px; padding:0 10px 0 10px; height:80px; margin:auto}
  .buto{width:100px; height:80px; float:right; line-height:80px; text-align:center}
	a.butox1:link, a.butox1:visited, a.butox1:active {font-size:15px; color:#222222; font-weight:500; text-decoration:none} a.butox1:hover {color:#00BCD4}
	a.butox2:link, a.butox2:visited, a.butox2:active {font-size:15px; color:#00BCD4; font-weight:500; text-decoration:none} a.butox2:hover {color:#00BCD4}
	a.cutol:link, a.cutol:visited, a.cutol:active {color: #222; font-weight: 500; font-size: 22px; text-decoration:none} a.cutol:hover {color:#000}
.head_i{width:100%; height:580px; background:url(/head.jpg) center; display:table}
  .head_txt{padding:0 10px 0 10px; color:#FFF; font-size:42px; font-weight:300; text-align:center; display: table-cell; vertical-align: middle}
  
/* INDEX */
.index_t{padding:0 10px 0 10px; font-size:32px; font-weight:300; text-align:center}
.index_sub{max-width:1140px; padding:0 10px 0 10px; font-size:14px; margin:auto; text-align:center; color:#666}
.index_1_3{max-width:1180px; padding:0 10px 0 10px; margin:auto}
 .index_1_3in{width:33.3%; float:left}
  .index_1_3img{max-width:100%; text-align:center; padding:0 10px 0 10px}
    .index_1_3imgin{max-width:100%; border:1px solid #DBDBDB; -webkit-box-shadow: 1px 1px 5px 0 rgba(194,194,194,1); -moz-box-shadow: 1px 1px 5px 0 rgba(194,194,194,1); box-shadow: 1px 1px 5px 0 rgba(194,194,194,1)}
  .index_1_3tite{padding:15px 10px 15px 10px; text-align:center; font-size:20px; font-weight:300; color:#0094B3}
  .index_1_3desc{padding:0 20px 20px 20px; text-align:center; font-size:14px; color:#666}
  
  .index_2_1img{width:60px; height:60px; padding:10px; margin:auto}
    .index_2_1tite{padding:15px 10px 15px 10px; text-align:center; font-size:20px; font-weight:300}
	
.index_tablet{max-width:1140px; padding:0 10px 0 10px; margin:auto}
  .index_tin1{width:50%; float:left; text-align:center}
	.index_tinimg{max-width:459px; width:100%;}
  .index_tin2{width:50%; float:left}
	.index_tin2in{padding:0 10px 0 40px}
	  .index_tin2_t{font-size:30px; font-weight:300}
	  .index_tin2_desc{padding:30px 10px 30px 0; font-size:14px; color:#666}
	  .index_tin2_point{padding:10px 10px 10px 0; font-size:22px; font-weight:300; color:#0094B3}



.index_bcall{padding:0 10px 0 10px}
  .index_bc1, .index_bc2, .index_bc3{width:33.3%; float:left; padding:30px 0 30px 0}
  .index_bcin{max-width:300px; padding:0 15px 0 15px; margin:auto; text-align:center; color:#FFF; font-size:14px}
  .index_bc1{background:#00C9E1}
  .index_bc2{background:#00BCD4}
  .index_bc3{background:#00B1C8}
  .index_bc_t{font-size:22px; font-weight:300}
  
.inter{background:#DEE0D5}
.inter_s{max-width:1140px; padding:50px 10px 30px 10px; margin:auto}
  .inter_in{width:25%; padding:0 0 20px 0; float:left; text-align:center; font-size:14px; color:#666}
  .interinmg{width:120px; height:120px; margin:auto; background:#00BCD4; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px}
   .interinmgpo{width:50px; height:50px; margin:35px}
   .interin_t{font-size:22px; font-weight:300; color:#0094B3}

.plant2, .plan2, .noplan2{padding:30px 10px 30px 10px; margin:0 10px 0 10px; text-align:center}
.plant2{font-size:20px; font-weight:300; color:#FFF; background:#00A5B7}
.noplan2{font-weight:300; font-size:20px}
.plan2{font-size:14px; color:#FFF; background:#00A5B7}

.conto{padding:20px 10px 20px 10px; text-align:center; font-size:14px}
  
@media screen and (min-width:840px) {
.head{width:100%; height:80px; position:fixed; background:#FFF; border-bottom:#CCC 1px solid} .head2, .mini, .tooluser, .xjjlogin{display:none}
.separator{width:100%; height:80px}
.enlace{width:10px; height:80px; position:absolute; margin:-80px 0 0 0}
.logo{width:150px; padding:0 0 0 50px; line-height:50px; height:50px; margin:12px 0 0 0; float:left; background:url(/logo.png) no-repeat; background-size:40px}
}

@media screen and (max-width: 839px) {
.head2{width:100%; height:60px; position:fixed; background:#FFF; border-bottom:#CCC 1px solid} .head{display:none}
.separator{width:100%; height:60px}
.enlace{width:10px; height:60px; position:absolute; margin:-80px 0 0 0}
.mini{width:36px; height:40px; margin:10px 20px 0 0; right:0; position:absolute; cursor:pointer; z-index:99}
  .mini_img{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.tooluser{position:fixed; width:225px; margin:15px 10px 0 10px; padding:5px; right:0; background:#FFF; display:none; border:1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 1px 1px 2px 0 rgba(194,194,194,1);-moz-box-shadow: 1px 1px 2px 0 rgba(194,194,194,1); box-shadow: 1px 1px 2px 0 rgba(194,194,194,1); z-index:5000}
.bgpros{width:26px; height:10px; position:absolute; margin:-15px 0 0 190px; background:url(/bgpros.png)}
.xjjlogin{width:100px; height:30px; margin:5px; float:left; line-height:30px; text-align:center; border:1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .xjjlogin:hover{border:1px solid #999}
  .xjjloginspan{display: block; width:100px; height:30px} a.xjloginl:link, a.xjloginl:visited, a.xjloginl:active {font-size:13px; color:#333; text-decoration:none} a.xjloginl:hover {color:#000}
.logo{width:150px; padding:0 0 0 50px; line-height:50px; height:50px; margin:5px 0 0 0; float:left; background:url(/logo.png) no-repeat; background-size:40px}
.index_tin1{width:100%;} .index_tin2{width:100%; text-align:center}
.inter_in{width:50%; padding:0 0 20px 0; float:left; text-align:center; font-size:14px; color:#666}
}

@media screen and (max-width: 680px) {
.index_1_3in{width:100%; float:left}
.index_bc1, .index_bc2, .index_bc3{width:100%; float:left}
.inter_in{width:100%; padding:0 0 20px 0; float:left; text-align:center; font-size:14px; color:#666}
}