@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption {margin: 0;padding: 0;}
body {font-size: 12px;font-family: Arial, 微软雅黑;color: #333;/* min-width: 1300px; */}
h1,h2,h3,h4,h5 {font-weight: normal;}
em,i {font-style: normal;}
li {list-style: none;}
a {text-decoration: none;color: inherit;}
a:focus {text-decoration: none;outline: none;}
img {border: none;max-width: 100%;}
table {border-collapse: collapse;}
input,textarea {outline: none;background: #fff;border: none;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.img-box {display: table-cell;  vertical-align: middle; text-align: center;}
.img_box {display: table-cell;  vertical-align: middle; text-align: center;}
.main {width: 100%;max-width: 1400px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fixed {position: fixed;left: 0;top: 0;z-index: 999;}
.btn {font-family: '微软雅黑';cursor: pointer;}
.bl {display: inline-block;float: left;}
.br {display: inline-block;float: right;}
h1,h2,h3,h4,h5 {font-weight: normal;}
/* .img-box {position: relative;}
.img-box img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} */





/*当页面大于1200px时，大屏幕主要是PC端*/
@media (min-width:1200px){
.main{
	width: 83.333%;
	min-width: 1100px;
}
.container{
    max-width:1400px;
    width:83.33%;
    margin:0 auto;
	*zoom:1;
}
.col-lg-1{
    width:8.33%;
    float:left;
}
.col-lg-2{
    width:16.66%;
    float:left;
}
.col-lg-3{
    width:25%;
    float:left;
}
.col-lg-4{
    width:33.33%;
    float:left;
}
.col-lg-5{
    width:41.66%;
    float:left;
}
.col-lg-6{
    width:50%;
    float:left;
}
.col-lg-7{
    width:58.33%;
    float:left;
}
.col-lg-8{
    width:66.66%;
    float:left;
}
.col-lg-9{
    width:74.99%;
    float:left;
}
.col-lg-10{
    width:83.33%;
    float:left;
}
.col-lg-11{
    width:91.66%;
    float:left;
}
.col-lg-12{
    width:100%;
    float:left;
}



.hidden-lg{
    display: none!important;
}


.col-lg-offset-1{
    margin-left:8.33%;
}
.col-lg-offset-2{
    margin-left:16.66%;
}
.col-lg-offset-3{
    margin-left:25%;
}
.col-lg-offset-4{
    margin-left:33.33%;
}
.col-lg-offset-5{
    margin-left:41.66%;
}
.col-lg-offset-6{
    margin-left:50%;
}
.col-lg-offset-7{
    margin-left:58.33%;
}
.col-lg-offset-8{
    margin-left:66.66%;
}
.col-lg-offset-9{
    margin-left:74.99%;
}
.col-lg-offset-10{
    margin-left:83.33%;
}
.col-lg-offset-11{
    margin-left:91.66%;
}
.col-lg-offset-12{
    margin-left:100%;
}







}



/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

.main{
	width: 970px;
}
.container{
    max-width:1199px;
    width:83.33%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}





.hidden-md{
    display: none!important;
}


.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}




}




/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.main{
	width: 750px;
}
.container{
    max-width:991px;
    width:83.33%;
    margin:0 auto;
    *zoom:1;
}
.col-sm-1{
    width:8.33%;
    float:left;
}
.col-sm-2{
    width:16.66%;
    float:left;
}
.col-sm-3{
    width:25%;
    float:left;
}
.col-sm-4{
    width:33.33%;
    float:left;
}
.col-sm-5{
    width:41.66%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-7{
    width:58.33%;
    float:left;
}
.col-sm-8{
    width:66.66%;
    float:left;
}
.col-sm-9{
    width:74.99%;
    float:left;
}
.col-sm-10{
    width:83.33%;
    float:left;
}
.col-sm-11{
    width:91.66%;
    float:left;
}
.col-sm-12{
    width:100%;
    float:left;
}



.hidden-sm{
    display: none!important;
}



.col-sm-offset-1{
    margin-left:8.33%;
}
.col-sm-offset-2{
    margin-left:16.66%;
}
.col-sm-offset-3{
    margin-left:25%;
}
.col-sm-offset-4{
    margin-left:33.33%;
}
.col-sm-offset-5{
    margin-left:41.66%;
}
.col-sm-offset-6{
    margin-left:50%;
}
.col-sm-offset-7{
    margin-left:58.33%;
}
.col-sm-offset-8{
    margin-left:66.66%;
}
.col-sm-offset-9{
    margin-left:74.99%;
}
.col-sm-offset-10{
    margin-left:83.33%;
}
.col-sm-offset-11{
    margin-left:91.66%;
}
.col-sm-offset-12{
    margin-left:100%;
}






}





/*在小于767像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 767px){
.main{
	padding-left: 15px;
	padding-right: 15px;
}

.container{
    max-width:767px;
    width:90%;
    margin:0 auto;
    *zoom:1;
}
.col-xs-1{
    width:8.33%;
    float:left;
}
.col-xs-2{
    width:16.66%;
    float:left;
}
.col-xs-3{
    width:25%;
    float:left;
}
.col-xs-4{
    width:33.33%;
    float:left;
}
.col-xs-5{
    width:41.66%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-7{
    width:58.33%;
    float:left;
}
.col-xs-8{
    width:66.66%;
    float:left;
}
.col-xs-9{
    width:74.99%;
    float:left;
}
.col-xs-10{
    width:83.33%;
    float:left;
}
.col-xs-11{
    width:91.66%;
    float:left;
}
.col-xs-12{
    width:100%;
    float:left;
}



.hidden-xs{
    display: none!important;
}


.col-xs-offset-1{
    margin-left:8.33%;
}
.col-xs-offset-2{
    margin-left:16.66%;
}
.col-xs-offset-3{
    margin-left:25%;
}
.col-xs-offset-4{
    margin-left:33.33%;
}
.col-xs-offset-5{
    margin-left:41.66%;
}
.col-xs-offset-6{
    margin-left:50%;
}
.col-xs-offset-7{
    margin-left:58.33%;
}
.col-xs-offset-8{
    margin-left:66.66%;
}
.col-xs-offset-9{
    margin-left:74.99%;
}
.col-xs-offset-10{
    margin-left:83.33%;
}
.col-xs-offset-11{
    margin-left:91.66%;
}
.col-xs-offset-12{
    margin-left:100%;
}


}