@charset "utf-8";

/* ====== 重置CSS 2018-09-04 ====== */
* { box-sizing: border-box; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.5; }
body { font-size: 14px; line-height: 1.75; font-family: 'PingFang SC', "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #666; background: #fff; overflow-x: hidden; }
ul, ol, li { list-style: none; }
a { color: #666; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a:hover { outline: none; color: #d71618; }
a:focus { outline: none; }
input, button, textarea {border-radius: 0; padding: 0; border: none; background: none; outline: none; font-family: 'PingFang SC', "微软雅黑", Arial, Helvetica; }
button { outline: none; }
table { border-collapse: collapse;     word-break: break-all; border-spacing: 0; }
tr,td{word-break: break-all;}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
img { vertical-align: middle; border: none; max-width: 100%;}
/*HTML5 Fix*/
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
/*去除苹果默认样式*/
input,textarea { -webkit-appearance: none; }

/* ====== 通用样式 ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.elp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide { display: none; }
.show { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.icon { display: inline-block; font-style: normal; vertical-align: middle;}
.oh {overflow: hidden;}
/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }
/*定宽布局*/
.com-width { margin-right: auto; margin-left: auto; width: 1400px; }
.w1400 { margin-right: auto; margin-left: auto; width: 1400px; }
@media (max-width:1800px) {
    .com-width,.w1400 {
        width: 1300px;
    }
}
@media (max-width:1366px) {
    .com-width,.w1400 {
        width: 94%;
    }
}
@media (max-width:1200px) {
    .com-width,.w1400 {
        width: 94%;
    }
}
/*背景色*/
.bg-gray { background: #f7f7f7 !important; }
/*简易栅格化*/
.col { margin-left: -10px; margin-right: -10px; zoom: 1; }
.col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col>li, .col .item { float: left; padding: 0 10px;}
.col li img, .col .item img { max-width: 100%; width: 100%;}
.col-2 li, .col-2 .item { width: 50%; }
.col-3 li, .col-3 .item { width: 33.3333%; }
.col-4>li, .col-4 .item { width: 25%; }
.col-5 li, .col-5 .item { width: 20%; }
.col-6 li, .col-6 .item { width: 16.6666%; }
.col-8 li, .col-8 .item { width: 12.5%; }

.col.sb20 {
    margin-left: -20px; margin-right: -20px;
}
.col.sb20>li, .col.sb20 .item {
    padding: 0 20px;
}


/*浏览器更新提示*/
.browserupgrade { margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px; }
.browserupgrade a { font-weight: 600; color: red; text-decoration: underline; }
/*图片放大*/
.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
/*图片去色*/
.img-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
/*三角形*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; margin-top: -1px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }


.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-110 {
    padding-top: 110px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-110 {
    padding-bottom: 110px;
}
.pb-100 {
    padding-bottom: 100px;
}
.c-default {
    color: #d71618;
}
.com-tit-36 {
    font-size: 36px;
    color: #333;
    line-height: 34px;
    height: 34px;
}
.com-tit-36.white {
    color: #fff;
}
.com-des-16 {
    font-size: 16px;
    line-height: 30px;
}
.com-des-14 {
    font-size: 14px;
    color: #717171;
    line-height: 30px;
}


.c-333 {
    color: #333;
}


.f0 {
    font-size: 0;
}
.red {
    color: #d71618;
}
.bold {
    font-weight: bold;
}

.bg-fff {
    background: #fff;
}
.bt-line {
    border-top: 1px solid #eee;
}


.pic-default img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}
.f14{font-size: 14px;}
.f16{font-size: 16px;}

.video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    width: 57px;
    height: 57px;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -28.5px;
    opacity: .7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.banner .swiper-button-next {
    right: 25px;
    background: url(../images/banner-next.png) no-repeat center #fff;
}
.banner .swiper-button-prev {
    left: 25px;
    background: url(../images/banner-prev.png) no-repeat center #fff;
}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover {
    background-color: #d71618;
}
.banner .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #fff;
    opacity: .9;
}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}