@charset "UTF-8";

html,body{ overflow: hidden;}

.shinetour-hd .nav li{ width: 125px;}

.section .bg{ min-height: 540px;}
.section1 .login-Box .people-icon,.section1 .login-Box .lock-icon,.section1 .login-Box .remember i,.section .next-arrow{ background: url(../../images/global/index-icon.png) no-repeat;}
.section1{ position: relative; z-index: 1;}
.section1 .logon-content{ position: absolute; width: 100%; height: 380px; top: 50%; margin-top: -190px; font-size: 14px; text-align: center; *position: static; *margin-top: -590px;}
.section1 .logon-content .title{ margin-bottom: 10px; text-align: center; color: #fff;}
.section1 .logon-content .title h1{ font-size: 36px; padding-bottom: 10px;}
.section1 .logon-content .title h3{ font-size: 18px;}
.section1 .logon-content .title em{ color: #FA8F12;}
.section1 .login-Box{ width: 300px; height: 280px; margin: 0 auto; padding:20px 80px; background: url(../../images/main/login_bg.png) no-repeat; /*  background-color: rgba(0,0,0,0.2); padding:20px 80px; border-radius: 5px; */}
.section1 .login-Box label{ display: inline-block; width: 60px; color: #fff; font-size: 16px; *padding-bottom: 10px;}
.section1 input{ width: 180px; height: 40px; line-height: 40px; padding: 0px 40px 0px 20px; background: url(about:blank); border:none; border-bottom:1px solid #333; margin-bottom: 0px; margin-bottom: 10px; font-weight: bold; color: #FA8F12;}
.section1 .under-line{ width: 240px; height: 1px; position: absolute; top: 41px; right: 0px; background-color: #fff; opacity: 0.3; filter:Alpha(opacity=30);}
.section1 .login-Box div{ position: relative;}
.section1 .login-Box .current{ font-size: 16px; font-weight: bold;}
.section1 .login-Box .people-icon,.section1 .login-Box .lock-icon{ display: inline-block; width: 25px; height: 30px; position: absolute; top: 10px; right: 5px;}
.section1 .login-Box .people-icon{ background-position: -2px -1px;}
.section1 .login-Box .lock-icon{ background-position: -3px -32px;}
.section1 .login-Box .security-icon{ position: absolute; top: 5px; right: 5px; width: 70px; *width: 80px; height: 30px; background: #fff; text-align: center; line-height: 30px; font-weight: bold;}
.section1 .login-Box .remember,.section1 .login-Box .forget{ float: left; color: #fff; font-size: 12px; padding-top: 5px; cursor: pointer;}
.section1 .login-Box .forget{ float: right;}
.section1 .login-Box .remember i{ float: left; width: 12px; height: 12px; margin: 4px 3px 0px 0px;}
.section1 .login-Box .remember .no{ background-position: -1px -65px;}
.section1 .login-Box .remember .yes{ background-position: -17px -65px;}
.section1 .login-Box .tips{ color:red; text-align: left; font-size:12px; padding-top: 10px;}
.section1 .login-btn{ border:none; width: 100%; height: 36px; line-height: 36px; text-align: center; color: #fff; margin-top: 10px; background-color: rgba(249,143,18,0.7); border-radius: 2px; font-size: 16px;}
.section1 .login-btn:hover{ background-color: rgba(249,143,18,1);}
.section1 .test-btn,.section1 .logon-btn{ border:none; width: 49%; height: 36px; line-height: 36px; text-align: center; margin-top: 10px; color: #fff; background-color: rgba(0,0,0,0.7); border-radius: 2px;}
.section1 .test-btn:hover,.section1 .logon-btn:hover{ background-color: rgba(0,0,0,1);}
.section1 .test-btn{ float: left; margin-right: 1%;}
.section1 .logon-btn{ float: right;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .login-btn{
    background-color:#f98f12;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .test-btn,.logon-btn{
    background-color:#000;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  /* .section1 .login-Box{
    background-color:#000;
    filter:Alpha(opacity=20);
    position:static;
    *zoom:1;
  } */
  .login-btn:hover,.test-btn:hover,.logon-btn:hover{filter:Alpha(opacity=100);}
  .login-btn .login-in,.test-btn .test-in,.logon-btn .logon-in{ position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */}  
}
.section .next-arrow{ display: inline-block; width: 14px; height: 22px; position: absolute; bottom: 10px; left: 50%; margin-left: -7px; *margin-left: -9px;}
.section1 .next-arrow{ background-position: -30px -64px;}
.section2 .next-arrow,.section3 .next-arrow{ background-position: -46px -64px;}

.section2 .title{ width: 750px; height: 80px; position:absolute; top: 15%; left: 50%; margin-left: -375px;}
.section2 .title{ margin-bottom: 10px; text-align: center; color: #fff;}
.section2 .title h1{ font-size: 28px; padding-bottom: 10px;}
.section2 .interview-Box{ width: 72%; height: 65%; position:absolute; top: 24%; left: 16%;}
.section2 .img{ width:368px; height:180px; position:absolute; top:0px; opacity:0; filter:alpha(opacity=0);}
.section2 .img1,.section2 .img3{ right:0;}
.section2 .img2,.section2 .img4{ left:0;}

.section3 .title{ width: 750px; height: 80px; position:absolute; top: 15%; left: 50%; margin-left: -375px;}
.section3 .title{ margin-bottom: 10px; text-align: center; color: #fff;}
.section3 .title h1{ font-size: 28px; padding-bottom: 10px;}
.section3 .title h3{ font-size: 14px;}
.section3 .roundabout{ width: 60%; height: 65%; position:absolute; top: 28%; left: 20%; z-index: 5;}
.section3 .roundabout-moveable-item{ width: 82%; height: 95%;}

.section4 .fp-tableCell{ display: block; background: #242629;}
.section4 .banner{ position: relative; overflow: hidden;}
.section4 .banner ul{ height: 100%;}
.section4 .banner ul li { display: none; height: 100%;}
.section4 .banner ul .current { display:block; }
.section4 .banner ol { width: 300px; position:absolute; bottom: 5%; left: 50%; margin-left: -150px;}
.section4 .banner ol li { float:left; width: 50px; height: 5px; cursor:pointer; margin-left: 10px; background: #fff;}
.section4 .banner ol .current { background: #fa8f12; }


/* 自适应区域调整 */
.w980 .section .bg{ min-width: 980px; min-height: 500px;}
/* .w980 .section1 .logon-content{ top: 55%;} */
.w980 .section1 input{ margin-bottom: 5px;}
.w980 .section2 .interview-Box{ width:980px; height:400px; position:absolute; top: 200px; left: 50%; margin-left: -490px;}
.w980 .section4 .banner{/*  height: 70%;  */min-height: 330px;}


/*TMC*/
/* .TMC-bd .section1 .login-Box label{ color: #35393C;}
.TMC-bd .section1 input{ border-bottom: 1px solid #888; color: #35393C;}
.TMC-bd .section1 .login-Box .people-icon{ background-position: -60px -1px;}
.TMC-bd .section1 .login-Box .lock-icon{ background-position: -62px -32px;}
.TMC-bd .section1 .login-Box .remember,.TMC-bd .section1 .login-Box .forget{ color: #35393C;}
.TMC-bd .section1 .login-Box .remember .no{ background-position: -62px -65px;}
.TMC-bd .section1 .login-Box .remember .yes{ background-position: -78px -65px;} */
.TMC-bd .section1 .login-Box{ background: none; }
.TMC-bd .section1 input{ border-bottom: 1px solid #fff;}
.TMC-bd .section1 .logon-content .title{ margin-bottom: 25px; }
.TMC-bd .section1 .logon-content .title h1{ text-shadow: 0px 4px 3px rgba(0,0,0,0.4); filter:shadow(Color=#5c5c5c,Direction=4,Strength=4); font-size: 44px; letter-spacing: 8px;}
.TMC-bd .section1 .logon-content .title h3{ letter-spacing: 2px;}
.TMC-bd .section1 .login-Box label{ text-align: left; }
.TMC-bd .section1 .test-btn,.TMC-bd .section1 .logon-btn{ display: none; }