@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{font-size:14px;}
input,body,textarea{ font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}
body{ background:#fff;}


.main{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
}
.bg-white{
    background: #fff;
}
.clear{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.top{
    width: 100%;
    height: 130px;
    padding: 26px 0;
    box-sizing: border-box;
}
.top .logo img{
    height: 78px;
    width: auto;
}
.top .tel{
    background: url(../images/tel.png) no-repeat left center;
    padding-left: 70px;
    height: 78px;
}
.top .tel p{
    height: 39px;
    line-height: 39px;
    font-weight: bold;
    color: #1a1a1a;
    font-size: 20px;
}
.header .nav{
    background: #ed881c;
    width: 100%;
    height: 56px;
    line-height: 56px;
}
.header .nav ul li{
    float: left;
    width: 170px;
}
.header .nav ul li a{
    color: #fff;
    font-size: 18px;
    display:block;
    text-align: center;
}
.header .nav ul li:hover a,.header .nav ul li.on a{
    background: #e47600;
}



.foot{
    background: #2c2c2c;
    font-size: 18px;
    color: #a2a2a2;
    padding: 30px 0
}
.foot a{
    color: #a2a2a2;
}
.foot p{
    margin-bottom: 10px;
}
.foot .weixin img{
    width: 150px;
    height: 150px;
}
.foot .weixin h6{
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    padding: 10px 0;
    margin: 0 auto;
}
.bh-fixtop{ width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; background-color: #fff; box-shadow: 0 0 5px #ddd; position: fixed; bottom: 20px; right: 20px;cursor: pointer;}
.bh-fixtop span{ background: url(../images/top.png) no-repeat center center;background-size: 50% 50%;display: block;width: 50px;height: 50px;}





.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.threeline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.fourline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.flex{ display: flex; align-items: center;}
.flex-c{ display: flex; align-items: center;}
.flex-cc{ display: flex; align-items: center; justify-content: center;}
.flex-cb{ display: flex; align-items: center; justify-content: space-between;}
.flex-ce {display: flex;align-items: center;ustify-content: flex-end;}
.flex-1{ flex: 1;}

::selection{background:#ed881c;color:#fff;}
::-moz-selection{background:#ed881c;color:#fff;}

::-webkit-input-placeholder{text-overflow:ellipsis}
::-webkit-scrollbar{width:8px;height:8px;overflow:auto}
::-webkit-scrollbar-thumb{background-color:#e6e6e6;min-height:25px;min-width:25px;border:1px solid #e0e0e0}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

.pagination{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:20px auto 20px auto;}
.pagination li{ min-width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
.pagination li:first-child a,.pagination li:last-child a{box-sizing: border-box;padding: 0 10px;}
.pagination li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
.pagination li:hover,.pagination li.active{ background:#38a0f4; color:#fff; border:solid 1px #38a0f4; }
.pagination li:hover a{ color: #fff;}


.ui-nodata{ text-align: center; padding: 20px; box-sizing: border-box; overflow: hidden;}
.ui-nodata img{ display:block; margin: 0 auto;}
.ui-nodata p{ font-size: 13px; color: #666; line-height: 38px;}


.mypage{ width:auto; height:40px; overflow:hidden; clear:both; text-align:center;  margin:15px auto 0 auto;}
.mypage li{ min-width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;}
.mypage li:first-child a,.mypage li:last-child a{box-sizing: border-box;padding: 0 10px;}
.mypage li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; border:solid 1px #d9d9d9; border-radius:2px;box-sizing: border-box; }
.mypage li a:hover,.mypage li.active a{ background:#38a0f4; color:#fff; border:solid 1px #38a0f4; }