@charset "UTF-8";

.shinetour-hd .nav li{ width: 125px;}
.emptyBox{ height: 80px;}
.module{ width: 100%; }

/*banner*/
.banner{ width: 100%; min-width: 980px; max-height: 375px; min-height: 260px; position: relative; overflow: hidden;}
.banner ul li{ display: none; }
.banner ul .current{ display:block; }
.banner ol{ width: 10px; height: 100px; position:absolute; top: 50%; margin-top: -50px; right: 10%;}
.banner ol li{ width: 10px; height: 10px; cursor:pointer; margin-bottom: 10px; background: url(../../images/global/control-icon.png) no-repeat; background-position: -8px 0px;}
.banner ol .current { background-position: -52px 0px;}

.loginBox{ width: 320px; padding:30px; position: absolute; left: 10%; top: 20px; background: url(../../images/main/selfhelp/loginBox_bg.png) no-repeat; color: #fff; font-size: 14px;}
.loginBox ul li{ display: block; padding:5px 0px; }
.loginBox strong{ font-size: 24px;  font-weight: normal;}
.loginBox em{ color: #faa512; padding:0px 5px; }
.loginBox a{ color: #fff; text-decoration: underline;}
.loginBtn,.logonBtn{ display: block; width: 320px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; cursor: pointer; font-size: 16px;}
.loginBtn{ background: #faa512; }
.logonBtn{ background: #1dbc82; }

.module02{ position: relative; margin-top: -5px;}
.module02 .title{ width: 90%; height: 80px; position: absolute; top: 50px; left: 5%; margin-bottom: 10px; text-align: center; color: #fff;}
.module02 .title h1{ font-size: 36px; padding-bottom: 10px;}
.module02 .title h2{ position: relative; width: 100%; border-top: 1px solid #b7a7a9; padding-bottom: 10px;}
.module02 .title h2 img{ width: 50px; height: 12px; position: absolute; top: 0px; left: 50%; margin-left: -25px;}
.module02 .title h3{ font-size: 18px; color: #faa512; text-transform:uppercase;}
.module02 .interview-Box{ width: 70%; height: 65%; position:absolute; top: 28%; left: 15%;}
.module02 .img{ width:368px; height:180px; position:absolute; top:0px; opacity:0; filter:alpha(opacity=0);}
.module02 .img1,.section2 .img3{ right:0;}
.module02 .img2,.section2 .img4{ left:0;}

.module03{ height: 600px; background: #fff; position: relative; overflow: hidden;}
.module03 .title{ width: 90%; height: 80px; position: absolute; top: 50px; left: 5%; margin-bottom: 10px; text-align: center; color: #faa512;}
.module03 .title h1{ font-size: 36px; padding-bottom: 10px;}
.module03 .title h2{ position: relative; width: 100%; border-top: 1px solid #fae1c4; padding-bottom: 10px;}
.module03 .title h2 img{ width: 50px; height: 12px; position: absolute; top: 0px; left: 50%; margin-left: -25px;}
.module03 .title h3{ font-size: 18px; color: #333b4e; text-transform:uppercase;}
.module03 .left{ width: 680px; height: 360px; position: absolute; left: -680px; top: 220px; opacity: 0; transition: all 1.7s; }
.module03 .left li{ float: left; width: 300px; height: 90px; }
.module03 .left strong{ display: block; font-size: 14px;}
.module03 .left a{ color:#1dbc82; padding-left:20px; font-weight:bold;}
.module03 .left i{ float: left; width: 65px; height: 65px; background: url(../../images/main/selfhelp/module03-icon.png) no-repeat;}
.module03 .left .icon01{ background-position: -8px -8px; }
.module03 .left .icon02{ background-position: -88px -8px; }
.module03 .left .icon03{ background-position: -8px -77px; }
.module03 .left .icon04{ background-position: -88px -77px; }
.module03 .left .icon05{ background-position: -8px -145px; }
.module03 .left .icon06{ background-position: -88px -145px; }
.module03 .right{ width: 540px; height: 360px; position: absolute; right: -540px; top: 180px; opacity: 0; transition: all 1.7s;}
.active .left{ left: 8%; opacity: 1; }
.active .right{ right: 4%; opacity: 1;}

/* 自适应区域调整 */
.w980 .bg,.w980 .module{ min-width: 980px;}
.w980 .loginBox{ left: 5%; padding: 10px 20px; }
.w980 .loginBox strong{ font-size: 18px; }
.w980 .loginBtn,.w980 .logonBtn{ height: 30px; line-height: 30px; }
.w980 .module02 .interview-Box{ width:980px; height:400px; position:absolute; top: 150px; left: 50%; margin-left: -490px;}
.w980 .active .left{ left: 0; opacity: 1; }
.w980 .module03 .left li{ width: 280px; }
.w980 .active .right{ width: 420px; right: 0; opacity: 1;}