/* LESS Document */
* {
  padding: 0px;
  margin: 0px;
  transition: all;
  box-sizing: border-box;
  list-style-type:none;
}
a{ color:#333;text-decoration:none}
a:hover{ color:#c3282e}
input {
  vertical-align: middle;
}
html{font-size:16px;}
html,body{ height:100%; min-height:650px; }
body {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  width: 100%;
  max-width: 1920px;
  min-width:1260px;
  margin: 0 auto;
  color:#333;
}
.f-12 {
  font-size: 12px;
}
.f-14 {
  font-size: 14px;
}

.input-text {
  border: 1px #a5a5a5 solid;
  width: 270px;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px 0px 40px;
}
.input-btn {
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.login-box{ 
  width:42rem;
  height: 100%;
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
}
.login-box .login-bg{
  position:relative; 
  width: 24rem;
  margin: 0 auto;
  color: #fff;
  padding-top: 9rem;
}
.login-logo{
  text-align: center;
  margin-bottom: 3rem;
}
.login-logo img{
  width: 9rem;
  height: 9rem;
  margin-bottom: 3rem;
}
.login-logo p{
  text-align: center;
  font-size: 2rem;
}
.login-common{
  position: relative;
  height: 3rem;
  border-bottom: 1px solid #fff;
  margin-bottom: 1rem;
}
.login-common input{
  background-color: transparent;
  color: #fff;
  border: none;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}
.login-common input::-webkit-input-placeholder{
  color: #fff;
}
.login-common input::-moz-input-placeholder{
  color: #fff;
}
.login-common input:-moz-input-placeholder{
  color: #fff;
}
.login-common input:-ms-input-placeholder{
  color: #fff;
} 
.login-common div{
  width: 7rem;
  height: 3rem;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0.7rem;
  color: #f00;
  cursor: pointer;
  overflow: hidden;
}
.login-common div span{
  width: 20%;
  display: inline-block;
  height: 100%;
  font-size: 1.5rem;
  text-align: center;
  position: relative;
}
#remember + label{
  vertical-align: middle;
}
#remember + label::before{
  content: "\a0"; /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  width: 1em;
  height: 1em;
  margin-right: .5em;
  border: 1px solid #797979;
  border-radius: 3px;
  line-height: 1em; 
  background-color: #8792a2;
}
#remember:checked + label::before{
  content: "\2714";/*对号，2714加粗*/
  background: #536c83;
  text-align: center;
  color: #fff;
}
#remember{
  position: absolute;
  clip:rect(0,0,0,0)
}
.login-btn{
  width: 100%;
  height: 3rem;
  font-size: 1.1rem;
  line-height: 3rem;
  text-align: center;
  background-color: #488eee;
  border-radius: 1.5rem;
  margin: 1.5rem 0 0.8rem;
  cursor: pointer;
}
.act-forget a{
  color: #fff;
  font-size: 1rem;
}
.act-forget a:last-child{
  float: right;
}
.slogan{
  width: 51rem;
  height: 12rem;
  padding:1.5rem 0 1.5rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
  top: 13rem;
  right:0;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
}
.slogan h2{
  font-size: 3rem;
  margin: 0;
}
.slogan p{
  font-size: 2rem;
  margin: 0;
}
.zhjh-a,.wjmm-a{  
display:inline-block;
  width:49%;
  height:1.875rem;
  line-height:1.875rem;
  color:#666;
  text-decoration:none;
  
}
.copyright{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  color: #fff;
  text-align: center;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,transparent 100%);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,transparent 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,transparent 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,transparent 100%);
  position: fixed;
  bottom: 0;
  left: 0;
}


/*2016-10-13--------*/
.clear-1{ height:10px; line-height:10px; clear:both}
.clear-2{ height:20px; line-height:20px; clear:both}
.clear-3{ height:30px; line-height:30px; clear:both}

.slides{width:100%;height:100%;overflow:hidden; position:absolute; top:0px; z-index:0}
	/*.slideInner{height:100%;position:relative;left:0;margin-left:0;}
	.slideInner a{display:block;height:100%; min-width:1260px !important;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
	.nav{width:100%;position:relative;}
	.nav a{display:block;width:41px;height:119px;opacity:.2;}
	.nav a.prev{position:absolute;left:0;top:-450px;margin-top:-58px;background:url(../../images/default/ban_pre.png) no-repeat;z-index:999;}
	.nav a.next{position:absolute;right:0;top:-450px;margin-top:-58px;background:url(../../images/default/ban_next.png) no-repeat;z-index:999;}
	.navListBox{position:absolute; left:0px;bottom:4.375rem;z-index:999; width:100% !important; text-align:center; margin-left:0px !important}
	.navListBox li{ display:inline-block; padding:0px 0.5rem;}
	.navListBox li a{ display:block; width:1rem; height:1rem; background:rgba(255,255,255,0.5); border-radius:50%;}
	.navListBox li:hover{ box-shadow: none !important}
	.navListBox li a.active{ background:rgba(195,40,46,.7)}*/

.carousel{ height:100%;}	
.carousel-inner{ height:100%;}
.carousel-inner > .item { height:100%;}
.carousel-inner > .item .pic{ width:100%; height:100%;background-size: cover}
.carousel-indicators {
    bottom: 50px;
}
.carousel-indicators .active {
    width: 1rem;
    height: 1rem;
    margin: 0px 0.25rem;
    background:rgba(195,40,46,.7);
}

.carousel-indicators li {
    width: 1rem;
    height: 1rem;
    margin: 0px 0.25rem;
    background:rgba(255,255,255,0.5); 
    border:none ;
    border-radius: 50%;
}
.carousel-control{ width:10%; background-image:none !important; color:#999}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{ width:3.125rem; height:3.125rem; line-height:3.125rem; background:rgba(255,255,255,1); border-radius:50%; font-size:1.5rem}

.carousel-control:hover,
.carousel-control:focus {
  color: #999;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}


.glyphicon-chevron-left:before {
    content: "\e257";
}
.glyphicon-chevron-right:before {
    content: "\e258";
}

/*.carousel-fade .carousel-inner .item{
	 opacity: 0;
      transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
      opacity: 1;
}
*/	
/*.carousel-fade {
  .carousel-inner {
    .item {
      opacity: 0;
      transition-property: opacity;
    }

    .active {
      opacity: 1;
    }

    .active.left,
    .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

    .next.left,
    .prev.right {
      opacity: 1;
    }
  }

  .carousel-control {
    z-index: 2;
  }
}











*/
@media screen and (max-width: 1600px) {
  /*1600至1920*/
  html{ font-size:16px;}
  
  
}
@media screen and (max-width: 1600px) {
  /*1366至1600*/
  html{ font-size:14px;}
  
  
}
@media screen and (max-width: 1366px) {
  /* 1366及以下 */
  html{ font-size:12px;}

  
}