/************ reset ***********/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px Microsoft Yahei,\5b8b\4f53;color:#333333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333333;}
/*12px/1.14*/
/*清除浮动*/
.clearFloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
html,body{
    height: 100%;
}
html{
    font-size: 100px;
}
body{
    font-size: 14px;
}
.ellipsis{
    overflow:hidden;    /*超出的文本隐藏*/
    text-overflow:ellipsis;   /*溢出用省略号显示*/
    -o-text-overflow:ellipsis;  /*针对Opera*/
    display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示。*/
    -webkit-box-orient: vertical;   /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
    -webkit-line-clamp: 1;
    /*-webkit-line-clamp: 2;  !*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数*!*/
}
.ellipsis2{
    overflow:hidden;    /*超出的文本隐藏*/
    text-overflow:ellipsis;   /*溢出用省略号显示*/
    -o-text-overflow:ellipsis;  /*针对Opera*/
    display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示。*/
    -webkit-box-orient: vertical;   /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
    -webkit-line-clamp: 2;
    /*-webkit-line-clamp: 2;  !*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数*!*/
}
.ellipsis3{
    overflow:hidden;    /*超出的文本隐藏*/
    text-overflow:ellipsis;   /*溢出用省略号显示*/
    -o-text-overflow:ellipsis;  /*针对Opera*/
    display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示。*/
    -webkit-box-orient: vertical;   /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
    -webkit-line-clamp: 3;
    /*-webkit-line-clamp: 2;  !*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数*!*/
}
.ellipsis4{
    overflow:hidden;    /*超出的文本隐藏*/
    text-overflow:ellipsis;   /*溢出用省略号显示*/
    -o-text-overflow:ellipsis;  /*针对Opera*/
    display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示。*/
    -webkit-box-orient: vertical;   /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
    -webkit-line-clamp: 4;
}
/*body{*/
    /*min-height:100%;*/
    /*position: relative;*/
/*}*/
/***************public*********************/
.copyright{
    background-color: #757985;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.16rem;
    height: 0.7rem;
    line-height: 0.7rem;

}
.footer{
    background-color: #646567;
}
.footer>div{
    width: 12rem;
    margin: 0 auto;
    padding: 0.35rem 0;
}
.footer .logo{
    background-image: url("../img/footer_logo.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.74rem;
    height: 1.68rem;
    display: inline-block;
    vertical-align: bottom;
}
.footer .qr{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.54rem;
    height: 1.54rem;
    display: inline-block;
    vertical-align: bottom;

}
.footer .content{
    width: 7.02rem;
    padding: 0 0.85rem;
    display: inline-block;
    vertical-align: bottom;
    color: #FFFFFF;

}
.footer .content .link a{
     color: #FFFFFF;
    font-size: 0.2rem;
    padding: 0 0.24rem;
    border-left: 1px solid #FFFFFF;

 }
.footer .content .link a:nth-child(1){
    padding-left: 0;
    border-left: 0;
}

.footer .content .link a:nth-child(4){
    padding-right: 0;
}
.footer .content .link a.active{
    color: #ff5134;
}
.footer .content .info{
    font-size: 0.18rem;
}
.footer .content div:nth-child(2){
    padding: 0.3rem 0 0.2rem;

}