/*--公共部分--*/
* { margin:0; padding:0; border:0; outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font-family:"Microsoft Yahei","Helvetica",sans-serif,Lato; font-size:14px; color:#333; background:#fff;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
img{border:0;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#444; outline:none;}
a:hover{ background-repeat:no-repeat; color:#000; text-decoration:none;}
a,area{blr:expression(this.onFocus=this.blur())} /*清除 a 链接在点击时会产生虚线的问题*/
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{clear:both; *zoom:1;}
input,button,select,textarea{font-family:"Microsoft Yahei"; outline:none; border:none; border-radius:0; -webkit-appearance: none; -moz-appearance:none;}
.pull-left { float: left; }
.pull-right { float: right; }
.ovh { overflow: hidden; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.mgb15 { margin-bottom: 15px;}
.mglr15 { margin: 0 15px;}

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) {
  .container {
  	width: 750px; 
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1180px;
  }
}


.commonleft{float:none;}
.commonright{float:none;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
	float:left; padding-left:15px; padding-right:15px;
}
	
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 520px){
	.col-ww-50{float:left; padding-left:15px; padding-right:15px;}
	.col-ww-50{ width:50%;}
}


@media (min-width: 768px){
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-27, .col-sm-73, .col-sm-40, .col-sm-60, .col-sm-20, .col-sm-80, .col-sm-35, .col-sm-65, .col-sm-55, .col-sm-45, .col-sm-56, .col-sm-44, .col-sm-13{float:left; padding-left:15px; padding-right:15px;}
	.col-sm-12 {
	  width: 100%;
	}
	.col-sm-11 {
	  width: 91.66666667%;
	}
	.col-sm-10 {
	  width: 83.33333333%;
	}
	.col-sm-9 {
	  width: 75%;
	}
	.col-sm-8 {
	  width: 66.66666667%;
	}
	.col-sm-7 {
	  width: 58.33333333%;
	}
	.col-sm-6 {
	  width: 50%;
	}
	.col-sm-5 {
	  width: 41.66666667%;
	}
	.col-sm-4 {
	  width: 33.33333333%;
	}
	.col-sm-3 {
	  width: 25%;
	}
	.col-sm-2 {
	  width: 16.66666667%;
	}
	.col-sm-1 {
	  width: 8.33333333%;
	}
	.col-sm-27{ width:25%;}
	.col-sm-73{ width:75%;}
	
	.col-sm-40{ width:40%;}
	.col-sm-60{ width:60%;}
	
	.col-sm-20{ width:30%;}
	.col-sm-80{ width:70%;}
	.col-sm-35{ width:35%;}
	.col-sm-65{ width:65%;}
	.col-sm-55{ width:55%;}
	.col-sm-45{ width:45%;}
	
	.col-sm-56{ width:55%;}
	.col-sm-44{ width:45%;}
	.col-sm-13{ width: 20%;}
}

@media (min-width: 992px){	
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.col-mdww-3, .col-md-40, .col-md-60, .col-md-35, .col-md-65, .col-md-54, .col-md-45{
		float:left; padding-left:15px; padding-right:15px;}
	.col-md-12 {
	  width: 100%;
	}
	.col-md-11 {
	  width: 91.66666667%;
	}
	.col-md-10 {
	  width: 83.33333333%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666667%;
	}
	.col-md-7 {
	  width: 58.33333333%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666667%;
	}
	.col-md-4 {
	  width: 33.33333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.66666667%;
	}
	.col-md-1 {
	  width: 8.33333333%;
	}
	.col-mdww-3 {
	  width: 20%;
	}
	.col-md-40 {
	  width:40%;
	}
	.col-md-60 {
	  width:60%;
	}
	.col-md-35 {
	  width:35%;
	}
	.col-md-65 {
	  width:65%;
	}
	.col-md-54 {
	  width:54.5%;
	}
	.col-md-45 {
	  width:45.5%;
	}
	
}

@media (min-width: 1024px)
{
	.col-ro-40, .col-ro-60{float:left; padding-left:15px; padding-right:15px;}
	.ww-ro-1{width: 33.33333333%;}
	
	.col-ro-40{ width:40%;}
	.col-ro-60{ width:60%;}
	
}

@media (min-width: 1199px){
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; padding-left:15px; padding-right:15px;}
	
	.col-lg-12 {
	  width: 100%;
	}
	.col-lg-11 {
	  width: 91.66666667%;
	}
	.col-lg-10 {
	  width: 83.33333333%;
	}
	.col-lg-9 {
	  width: 75%;
	}
	.col-lg-8 {
	  width: 66.66666667%;
	}
	.col-lg-7 {
	  width: 58.33333333%;
	}
	.col-lg-6 {
	  width: 50%;
	}
	.col-lg-5 {
	  width: 41.66666667%;
	}
	.col-lg-4 {
	  width: 33.33333333%;
	}
	.col-lg-3 {
	  width: 25%;
	}
	.col-lg-2 {
	  width: 16.66666667%;
	}
	.col-lg-1 {
	  width: 8.33333333%;
	}
	
	
}


.visible-lg,.visible-md,.visible-sm,.visible-ww{display:none;}
.hidden-lg,.hidden-md,.hidden-sm,.hidden-ww,.hidden-xs{display:none;}

@media (min-width: 767px){
	.visible-sm{display:block;}
	.hidden-sm{display:none;}
}

@media (min-width: 991px) {
	.visible-md{display:block;}
	.hidden-sm{display:block;}
	.hidden-sm-991{ display:none;}
	
	
}

@media (min-width: 1024px) {
	.visible-ww{ display:block;}
	.hidden-ww{display:block;}
	.hidden-sm-991{ display:block;}
	
}

@media (min-width: 1200px) {
	.visible-lg{ display:block;}
	.hidden-lg{display:block;}
}