.main_sub_text{ font-size:35px;  color:#55463c;;}
.main_sub_text2{ font-size:20px;  color:#fff; font-weight:350; }
.main_sub_text3{ font-size:30px;  color:#55463c;}
.main_main_text{ font-size:55px; color:#3e2f25;}
.main_main_text2{ font-size:60px; color:#fff;}
.sub_text{ font-size:20px; line-height:30px; letter-spacing:0px;  font-weight:350; color:#8f918f;  }
.sub_text1{ font-size:20px; font-weight:350;}
.sub_text2{ font-size:20px; line-height:35px;  font-weight:350;}
.main_text{ font-size:35px;font-weight: lighter; color:#444; line-height:55px;}
.main_text1{ font-size:25px;}
.img_main_fix{}
::-moz-selection {
   background: #6dcbd5;
   color: #fff;
}
::selection {
   background: #6dcbd5;
   color: #fff;
}
#main1{ background:#79b6c3;}

  @media only screen and (max-width: 900px) 
{
.mobile_size_re{width:200% !important;} 

.img_main_fix{}
.main_sub_text{ font-size:30px;  color:#55463c;}
.main_sub_text3{ font-size:20px;  color:#55463c;}
.main_sub_text2{ font-size:20px;  color:#fff; font-weight:350; }
.main_main_text{ font-size:55px; color:#3e2f25;}
.main_main_text2{ font-size:60px; color:#fff;}
.sub_text{ font-size:14px; line-height:20px; letter-spacing:0px;  font-weight:350; color:#8f918f;  }
.sub_text1{ font-size:14px; font-weight:350;}
.sub_text2{ font-size:14px; line-height:20px;  font-weight:350;}
.main_text{ font-size:25px;font-weight: lighter; color:#444; line-height:35px;}
.main_text1{ font-size:18px;}
}
/***************************/

.left_mars_set{margin-left:-500px;}

img{vertical-align:top; margin:0px; padding:0px;}
.main_over{ max-width:70%; margin:0 auto;}
.overs{ width:80%; margin:0 auto; position:relative;}
.over_h{ position: relative;overflow:hidden; width:100%; height:100%;}
.overs img{width:100%;  }
.over_content1{ margin-top:50px; max-width:500px; }
.over_content2 {max-width:500px; }
.over_contents{ width:100%;
-webkit-transform: scale(0.7, 0.7);
transform: scale(1, 0.7); 
height:250%; 
top:-100%; 
padding-top:50%; 
left:0px; 
position:absolute; 
opacity:0; 
z-index:1;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.over_contents:hover{ 
-webkit-transform: scale(1, 1);
transform: scale(1, 1); 
padding-top:0%;  
top:0;
height:100%; 
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.cont1{background:rgba(103,148,197,0.8) ;  }
.cont2{background:rgba(196,198,158,0.8);  }
.cont3{background:rgba(112,180,188,0.8);  }
.cont1f{background:#7dbac7 !important;  }
.cont2f{background:#82a6d0 !important;  }
.cont3f{background:#404957!important;  }
.border_box1{position:absolute; z-index:-1; background:rgba(103,148,197,0.5); opacity:1; width:100%; height:100%; left:-5px; bottom:-5px; text-align:center;}
.border_box2{position:absolute; z-index:-1; background:rgba(196,198,158,0.5); opacity:1; width:100%; height:100%; left:-5px; bottom:-5px; text-align:center;}
.border_box3{position:absolute; z-index:-1; background:rgba(112,180,188,0.5); opacity:1; width:100%; height:100%; left:-5px; bottom:-5px; text-align:center;}
.text_box{position:absolute; width:80%; height:20%; left:0px; right:0px; top:0px; bottom:0px; margin: auto; text-align:center; color:#fff; z-index:2;}	
#example7.sp-mask
{ overflow:visible !important;}
  @media only screen and (max-width: 900px) 
{.left_mars_set{margin-left:0px !important;}
.over_content1{ margin-top:0px; max-width: auto; }

.over_contents{ width:100%;
-webkit-transform: scale(0.7, 1);
transform: scale(1, 1); 
height:30%; 
top:70%; 
padding-top:0%; 
left:0px; 
position:absolute; 
opacity:1; 
z-index:1;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.over_contents:hover{ 
-webkit-transform: scale(1, 1);
transform: scale(1, 1); 
padding-top:0%;  
top:70%;
height:30%; 
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

.text_box{position:absolute; width:80%; height:60%; left:0px; right:0px; top:0px; bottom:0px; margin: auto; text-align:center; color:#fff; z-index:2;}	

}


/************************/


.movie_css_sub{ display:block; margin:0 auto;}
.more_btn{width:150px; height:40px; line-height:40px; text-align: center; background:#70b4bc; color:#fff; border-radius:30px; margin:0 auto;}
.more_btn1:hover{ box-shadow:200px 0 0 0 rgba(0,0,0,0.5) inset; }
.movie_size{ width:100%; max-width:800px; margin:0 auto; display:block;}
.left_bk{position: absolute !important; left:50%; margin-left:-1400px; top:0px; background:rgba(125,186,199,0.5); width:800px; height:500px; z-index:10;}
.right_bk{position: absolute !important; right:50%; margin-right:-1400px;  top:0px; background:rgba(125,175,230,0.5); width:800px; height:500px; z-index:10;}
.shadow {
    box-shadow : 4px 2px 15px #CCC;
}
.shadow2 {
    box-shadow : 4px 2px 15px #666;
}
.movie_text_warp{}
.over_movie{ background:rgba(125,186,199,0.5);   float:left; width:100%; height:20%; padding-top:2%; max-width:800px; color:#fff !important; text-align:center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.over_movie:hover{ background:rgba(85,70,60,0.9);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;} 

.over_inter{ background:rgba(85,70,60,0.5);  float:left; width:100%; height:20%; padding-top:3%; max-width:750px; color:#fff !important; text-align:center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.over_inter:hover{ background:rgba(85,70,60,0.9); padding-top:3%; opacity:1; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;opacity:1!important;} 

a {text-decoration:none}
example44 iframe,.sp-video{display:block; margin:0 auto !important; z-index:1000 !important; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin: auto;}
.sp-layer{ z-index:10 !important;}
.sp-layer:hover{}

  @media only screen and (max-width: 900px) 
{
.movie_warps{background:#f9f9f9;}	
.movie_size{ width:95%; max-width:800px; margin:0 auto; display:block;}	
}
/***********************/

.counter_box{background: url(../img/fix_bg.jpg) center top; background-attachment:fixed;  width:100%; height:600px; padding:50px 0 50px 0;}
.counter_text{ font-size:45px; color:#fff; text-align:center; font-weight:350; line-height:60px; letter-spacing:-2px; }
.counter_text_sub{font-size:20px;  color:#fff; line-height:35px; font-weight:350;}

@media only screen and (max-width: 900px) 
{
.counter_box{background: url(../img/fix_bg.jpg) center top;  width:100%; height: auto; padding:50px 0 50px 0;}
.img_conters{ width:25%; margin:5%;}
.counter_text{ font-size:20px; color:#fff; text-align:center; font-weight:350;  line-height:30px;}
.counter_text_sub{font-size:20px;  color:#fff; line-height:20px; font-weight:350;}	
}
/***********************/

.section2_warp{ }
.section2{ max-width:80%; margin:0 auto; max-width:1180px}
.cys{ width:220px; height:220px; border-radius:50%; text-align:center; position:relative; overflow:hidden;
border: 0px solid #fff; margin:5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; float:left;}
.text_cy1{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin: auto; width:90%; height:25%; color:#fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; font-size:20px; }
.cy_hover{ opacity:1; width:320px; height:220px; padding-top:150px;  position:absolute; top:-150%; right:-28%; border-radius:50%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.cy_hover:hover{  opacity:1; width:220px; height:220px; padding-top:100px;  position:absolute; top:-150%; right:-5%; border-radius:20%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;


}
.ch:hover{background:rgba(103,148,197,1); }
.ch2:hover{background:rgba(196,198,158,1);  }
.ch3:hover{background:rgba(112,180,188,1);  }

.bk1{background:rgba(103,148,197,1) !important; }
.bk2{background:rgba(196,198,158,1) !important;  }
.bk3{background:rgba(112,180,188,1) !important;  }
.bk4{background:#514944 !important;}
@media only screen and (max-width: 1250px) 
{
.section2{ max-width:730px; margin:0 auto; width:100%;}	
}
@media only screen and (max-width: 900px) 
{
.section2{ max-width:330px; margin:0 auto; width:100%;}
.cys{ width:100px; height:100px; border-radius:50%; text-align:center; position:relative; overflow:hidden;
border: 0px solid #fff; margin:5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; float:left;}
.text_cy1{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin: auto; width:90%; height:25%; color:#fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; font-size:13px; }
.cy_hover{ opacity:0; width:100px; height:100px; padding-top:40px;  position:absolute; top:-150%; right:-28%; border-radius:50%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.cy_hover:hover{  opacity:1; width:100px; height:100px; padding-top:40px;  position:absolute; top:-150%; right:-5%; border-radius:20%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.left_3t{margin-left:60px;}
}
/*************************/

.people{ position:relative; width:100%;  background-repeat:no-repeat !important; background:url(../img/bg3.jpg) center top; }
.inter_warp{ max-width:1100px; height:1050px; background:#f8f8f8; display:block; margin:0 auto; border:10px solid #fff; }
.example2{ display:block; margin:0 auto;}
.text_inter_box{ max-width:90%; margin:0 auto;  color:#666; background:#f1f1f1; max-width:750px; padding:20px 0 20px 6%;}
.main_color{ color:#6794c5; font-size:20px;}
.main_color2{/**color:#70b4bc;**/ background:#70b4bc;  width:30px; height:30px; border-radius:50px;  text-align:center; line-height:30px; color:#fff; font-size:15px;}
.size_set_lefts{ width:190px; float:left;}
@media only screen and (max-width: 900px) 
{
.people{ position:relative; width:100%;  background-repeat:no-repeat !important; background:url(../img/bg3.jpg) center top; background-size:260%; }
.inter_warp{ max-width:1000px; height: auto; background:#f8f8f8; display:block; margin:0 auto; border:10px solid #fff; }	
.inter_size{max-width:95%; margin:0 auto; }
}
/************************/

.icons{max-width:75%; margin:0 auto;}
.icon:hover{ }
.icon{width:15%; margin:0.5%; float:left;}
.text_icon{ text-align:center; font-size:22px; padding-top:5px;}
.icon_btn{margin-top:20px; }
.icon_btn a{ font-weight:350; font-size:22px;}

@media only screen and (max-width: 1450px) 
{
.icon{width:32%; margin:0.5%; float:left;}
}

@media only screen and (max-width: 900px) 
{
.icons{max-width:95%; margin:0 auto;}
.icon:hover{ }
.icon{width:33.33333%; margin:0%; float:left; border:1px solid #f9f9f9; padding-bottom:20px;}
.icon img{ width:50%; display:block;  margin:15%;}
.text_icon{ text-align:center; font-size:14px; padding-top:5px;}
.icon_btn{margin-top:20px; display:none; }
.icon_btn a{ font-weight:350; font-size:14px;}	

}

/*************************/

.info_warp{ background:url(../img/bg4.jpg);  width:100%; height:auto; padding:20px 0 20px 0;}
.info{max-width:1200px; margin:0 auto; width:80%;}
.info_text{ font-size:20px; line-height:50px; font-weight:350; color:#5d544f;}

@media only screen and (max-width: 900px) 
{
.info_warp{ background:url(../img/bg4.jpg)35%; background-size:cover;  width:100%; height:auto; padding:0px 0px 0px 0px;}
.info{max-width:1200px; margin:0 auto; max-width:95%;}
.info_text{ font-size:14px; line-height:25px; font-weight:350; color:#5d544f;}
}