* {
    font-family: PingFangSC-Regular, PingFangSC;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5tahoma, arial, \5b8b\4f53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: 12px;
}

a {
    text-decoration: none!important;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}


/*重置默认样式*/


/*---------------------base reset--------------------------*/


/*使其容器如DIV的内容自动换行*/

* {
    word-wrap: break-word;
    word-break: break-all;
}


/*去掉列表标签的默认样式*/

ul,
ol,
dl {
    list-style-type: none
}


/*防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
    -webkit-text-size-adjust: 100%;
    /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
    -ms-text-size-adjust: 100%;
    /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
    font-family: sans-serif;
    /* 1 */
    -webkit-font-smoothing: antialiased;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

button {
    overflow: visible;
    vertical-align: middle;
    outline: none
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

a,
area {
    outline: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:focus {
    outline: none
}

a:hover,
a:active {
    outline: none;
    text-decoration: none;
}

:focus {
    outline: none
}

a {
    transition: all 0.2s linear 0s;
}


/*img自适应*/

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.wid100 {
    width: 100%;
    z-index: -1;
}

.wid50 {
    width: 40%;
}

a:hover {
    color: #333
}


/*IE下a:hover 背景闪烁*/


/* html {
    overflow: -moz-scrollbars-vertical;
    zoom:expression(function(ele) {
        ele.style.zoom="1";
        document.execCommand("BackgroundImageCache", false, true)
    }
    (this))
} */

img {
    border: none;
}


/*---------------------HTML5 reset--------------------------*/

header,
footer,
section,
aside,
details,
menu,
article,
section,
nav,
address,
hgroup,
figure,
figcaption,
legend {
    display: block;
    margin: 0;
    padding: 0
}

time {
    display: inline
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}


/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/*HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题，给下列元素添加“block”显示属性*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

button {
    border: 0;
    background-color: transparent;
    outline: none;
}


/*清除浮动*/

.clearfix {
    *zoom: 1;
}


/*解决ie6/7下面的浮动塌陷问题*/

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}


/*display:table;解决其他下面的浮动塌陷问题,line-height是将添加的内容高度设为0；*/

.clearfix:after {
    clear: both;
}


/*清除浮动*/


/**外边距**/

.m0auto {
    margin: 0 auto;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml14 {
    margin-left: 14px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml55 {
    margin-left: 55px;
}

.ml60 {
    margin-left: 60px;
}

.ml70 {
    margin-left: 70px;
}

.ml80 {
    margin-left: 80px;
}

.ml90 {
    margin-left: 90px;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt13 {
    margin-top: 13px;
}

.mt14 {
    margin-top: 14px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.mt120 {
    margin-top: 120px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb80 {
    margin-bottom: 80px;
}


/**内边距**/

.p5 {
    padding: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px!important;
}

.pl30 {
    padding-left: 30px;
}

.pl50 {
    padding-left: 50px!important;
}

.pl70 {
    padding-left: 70px!important;
}

.pr0 {
    padding-right: 0!important;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px!important;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pt0 {
    padding-top: 0px!important;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px!important;
}

.pb70 {
    padding-bottom: 70px!important;
}

.p20 {
    padding: 20px;
}


/*隐藏*/

.hidden {
    display: none;
}


/*浮动*/

.fl {
    float: left;
    display: block;
}

.fr {
    float: right;
    display: block;
}


/*字体*/

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f14linh20 {
    font-size: 14px;
    line-height: 20px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f25 {
    font-size: 25px;
}

.f30 {
    font-size: 30px;
}

.f34 {
    font-size: 34px;
}

.f36 {
    font-size: 36px;
}

.f60 {
    font-size: 60px;
}


/* 字体样式 */

.fonfa {
    font-family: DINAlternate-Bold, DINAlternate;
}


/* 背景色 */

.bgcf8 {
    background-color: #f8f8f8!important;
}

.bgcfa {
    background-color: #fafafa!important;
}


/* 字体颜色 */

.colfff {
    color: #fff!important;
}

.col000 {
    color: #000;
}

.col333 {
    color: #333;
}

.col666 {
    color: #666;
}

.col999 {
    color: #999;
}

.colblue {
    color: #2578CB;
}

.colred {
    color: #EF142D;
}

.cole9 {
    color: #E9EEF2;
}

.cold4 {
    color: #d4d4d4;
}

.colb2 {
    color: #B2B2B2!important;
}

.fon400 {
    font-weight: 400;
}

.fon500 {
    font-weight: 500;
}

.fon600 {
    font-weight: 600;
}


/*文字位置*/

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.arial {
    font-family: "arial";
}

.pr {
    position: relative;
    /* z-index: 999; */
}

.pr1 {
    position: relative;
    z-index: 999;
}

.overflow {
    overflow: hidden
}

.disblock {
    display: block;
}

.overflow2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

input::placeholder,
textarea::placeholder {
    color: #B2B2B2;
}


/* .swiper-container {
    width: 100%;
    height: 100%;
} */

.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 288px!important;
    height: 310px!important;
    margin-right: 0!important;
}

.page { margin: 40px auto 0px auto;text-align:center;padding-bottom:20px}
	.page a{    
		padding: 0 12px;
	    height: 30px;
	    border: 1px solid #2578cb;
	    border-radius: 0;
	    overflow: hidden;
	    line-height: 30px;
	    display: inline-block;
	    margin: 0 2px;
	    color: #444;
	    font-size: 14px;
		}
	.page .current{
		padding: 0 12px;
	    height: 30px;
	    border: 1px solid #2578cb;
	    border-radius: 0;
	    overflow: hidden;
	    line-height: 30px;
	    display: inline-block;
	    margin: 0 2px;
	    color: #fff;
	    font-size: 14px;
		background:#2578cb;
		}
	.page a:hover{color:#fff;background:#2578cb;}