@charset "UTF-8";
/************       Common       ************/
* { margin: 0; padding: 0; }
html, body { font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif; font-size: 14px; color: #333; }
a { text-decoration: none; color: #333; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
ul, ol { list-style-type: none; }
img { max-width: 100%; border: none; vertical-align: middle; object-fit: contain; }
button, input { /* font-style: inherit; */
font-family: inherit; font-weight: inherit; border: none; outline: none; }
textarea { border: none; outline: none; font-family: "微软雅黑"; text-indent: 0.725em; }
i, cite, em, var, address, dfn { font-style: normal; }
select, textarea { resize: none; outline: none; }
input { outline: medium; -webkit-appearance: none; }
input[type='button'] { cursor: pointer; }
input[type='submit'] { cursor: pointer; }
input[type='text'] { text-indent: 0.725em; }
:-moz-placeholder {
 color: #ccc;
}
/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {
 color: #ccc;
}
/* Mozilla Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #ccc;
}
.left { float: left; }
.right { float: right; }
.block { display: block; }
.none { display: none; }
.flex { display: box; display: -ms-box; display: -webkit-box; display: flex; display: -ms-flex; display: -webkit-flex; }
.in-line { display: inline; }
.inl-block { display: inline-block;  *display: inline;
 *zoom: 1;
}
.bg-fff { background: #fff; }
.f-24 { font-size: 24px; }
.f-22 { font-size: 22px; }
.f-20 { font-size: 20px; }
.f-18 { font-size: 18px; }
.f-16 { font-size: 16px; }
.f-14 { font-size: 14px; }
.f-000 { color: #000; }
.f-333 { color: #333; }
.f-666 { color: #666; }
.f-999 { color: #999; }
.f-ddd { color: #ddd; }
.f-eee { color: #eee; }
.f-fff { color: #fff; }
.placeholder { color: #aaa; }
.text-c { text-align: center; }
.text-l { text-align: left; }
.text-r { text-align: right; }
.text-j { text-align: justify; text-justify: inter-ideograph; }
.text-line { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.line-2 { -webkit-line-clamp: 2; }
.line-3 { -webkit-line-clamp: 3; }
.line-4 { -webkit-line-clamp: 4; }
.over { overflow: hidden; _height: 1px; }
.clear, .clear-fx { clear: both; }
.fl { float: left; }
.fr { float: right; }
.wd1200 { max-width: 1200px; margin: auto; }
.wd100 { width: 100%; }
.line-number-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-number-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-number-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.swiper-button-next, .swiper-button-prev, .swiper-pagination-bullet { outline: none; }
ul { margin: 0; padding: 0; }
p { margin: 0; }
/* // 手机导航 */
.m-header { width: 22px; height: 15px; display: none; cursor: pointer; float: right; }
.m-header .box { display: block; width: 100%; height: 100%; position: relative; }
.m-header .line { display: block; width: 100%; height: 2px; background-color: #3186E0; position: absolute; left: 0; transition: width 0.3s ease 0s; }
.m-header .line1 { width: 12px; top: 0; }
.m-header .line2 { width: 20px; top: 6px; }
.m-header .line3 { width: 16px; top: 13px; }
.m-header-menu { position: fixed; right: -100%; width: 66%; top: 0; z-index: 100; height: 100%; background-color: #fff; transition: all 0.44s ease 0s; }
.m-header-menu .m-menu-top { line-height: 60px;  }
.m-header-menu .m-menu-top>a img { height: 35px; }
.m-header-menu .m-menu-top .title { display: inline-block; font-size: 16px; color: #fff; margin-left: 8.2%; font-family: "Base-font"; }
.m-header-menu .m-menu-top .close {display: inline-block; width:30px; height:30px; border-radius:100%; background: url(../images/close.png) no-repeat center #3186E0; margin-right: 7.8%; margin-top: 22px; cursor: pointer; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.m-header-menu .m-header-list ul { width: 100%; }
.m-header-menu .m-header-list li { line-height: 60px; width: 100%; border-bottom: 1px solid #f2f2f2; }
.m-header-menu .m-header-list li .col-box { display: block; width: 84%; padding: 0 7.8% 0 8.2%; }
.m-header-menu .m-header-list .tit { font-size: 16px; color: #666; }
.m-header-menu .m-header-list .tit>a { color: #666; }
.m-header-menu .m-header-list .point { display: inline-block; width: 8px; height: 12px; background: url(../images/arrow_right.png) no-repeat center; margin-top: 26px; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.m-header-menu .m-header-menu-sub { position: absolute; right: -100%; top: 60px; width: 100%; height: 100%; }
.m-header-menu .m-header-menu-sub .boxs { width: 100%; position: absolute; left: 0; top: 0; transition: all 0.4s ease 0s; background-color: #fff; height: 100%; }
.m-header-menu .m-header-menu-sub .boxs.show { left: -100%; }
.m-header-menu .m-header-menu-sub .return-fir { display: block; width: 84%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #d90e00; }
.m-header-menu .m-header-menu-sub .return-fir p { padding-left: 18px; color: #fff; font-size: 16px; background: url(../images/arrow_left.png) no-repeat left center; }
.m-header-menu .m-header-menu-sub ul, .m-header-menu .m-header-menu-sub li { width: 100%; background: #fff; }
.m-header-menu .m-header-menu-sub li { line-height: 60px; border-bottom: 1px solid #f2f2f2; }
.m-header-menu .m-header-menu-sub li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666; }
.m-shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: none; z-index: 99; }
/* // 手机导航 */
footer { background-color: #272a2c; }
footer .foot-nav { padding-top: 59px; box-sizing: border-box; position: relative; border-bottom: 1px solid #5c5c5c; padding-bottom: 20px }
footer .foot-nav .wd1200 { height: 100%; position: relative; }
footer .foot-nav .wd1200 ul { position: absolute; width: 1200px; top: -95px; height: 70px; line-height: 70px; display: flex; align-items: center; justify-content: space-between; background-color: #3186E0; padding: 0 40px; }
footer .foot-nav .wd1200 ul li { position: relative; }
footer .foot-nav .wd1200 ul li a { font-size: 16px; color: #fff; transition: 0.3s; }
footer .foot-nav .wd1200 ul li a:hover { color: #ffb123; }
footer .foot-nav .wd1200 ul li::after { content: ""; position: absolute; right: -57px; top: 50%; width: 1px; height: 16px; display: block; transform: translateY(-50%); background-color: #ffffff; }
footer .foot-nav .wd1200 ul li:last-child::after { display: none; }
footer .foot-nav .wd1200 .foot-link { }
footer .foot-nav .wd1200 .foot-link .icon { width: 26px; margin-right: 10px; float: left }
footer .foot-nav .wd1200 .foot-link .word { }
footer .foot-nav .wd1200 .foot-link .word span { font-size: 16px; color: #fff; }
footer .foot-nav .wd1200 .foot-link .word a { margin-right: 8px; font-size: 14px; color: #b3b3b3; transition: 0.3s; }
footer .foot-nav .wd1200 .foot-link .word a:hover { color: #ffb123; }
footer .foot-main { padding: 40px 0; }
footer .foot-main .wd1200 { display: flex; }
footer .foot-main .wd1200 .foot-logo { flex: 3; text-align: center; padding-top: 20px; border-right: 1px solid #525252; }
footer .foot-main .wd1200 .foot-logo img { width: 158px; }
footer .foot-main .wd1200 .middle { flex: 5; padding-left: 70px; border-right: 1px solid #525252; }
footer .foot-main .wd1200 .middle h3 { font-weight: 400; font-size: 18px; color: #fff; }
footer .foot-main .wd1200 .middle .info p { margin-top: 15px; font-size: 16px; color: #b3b3b3; }
footer .foot-main .wd1200 .leave { flex: 4; padding-left: 70px; }
footer .foot-main .wd1200 .leave .title { font-size: 16px; color: #fff; }
footer .foot-main .wd1200 .leave .input { margin-top: 20px; width: 340px; height: 50px; border: solid 1px #7f7f7f; }
footer .foot-main .wd1200 .leave .input input { width: 100%; height: 100%; color: #fff; background-color: #272a2c; }
footer .foot-main .wd1200 .leave button { display: block; margin-top: 20px; width: 130px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; text-align: center; background-color: #3186E0; border-radius: 20px; transition: 0.2s; }
footer .foot-main .wd1200 .leave button:hover { background-color: #ffb123; }
footer .foot-main .wd1200 .leave .subm { display: block; margin-top: 20px; width: 130px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; text-align: center; background-color: #3186E0; border-radius: 20px; transition: 0.2s; }
footer .foot-main .wd1200 .leave .subm:hover { background-color: #ffb123; }
footer .banquan { height: 70px; line-height: 70px; border-top: 1px solid #4d4d4d; }
footer .banquan .wd1200 { justify-content: space-between; font-size: 15px; color: #b3b3b3; }
footer .banquan .wd1200 span a { color: #b3b3b3; }
#go-top { display: none; position: fixed; bottom: 10%; right: 30px; z-index: 99; width: 60px; cursor: pointer; }
.logo-m{ display:none;}


@media screen and (max-width: 751px) {
.logo-m{ display: inline-block;}
.logo-pc{ display:none;}
}

@media screen and (max-width: 1200px) {
.wd1200 { padding: 0 15px; }
}
footer .banquan a { color: #b3b3b3; padding-left: 10px }
.ab_pages { clear: both; padding: 20px 0; font-size: 14px; text-align: center; overflow: hidden }
.ab_pages ul { display: inline-block; margin: 0 auto; padding: 0 }
.ab_pages ul a { color: #555; display: block; padding: 2px 10px; border: 1px solid #ddd; float: left; margin: 0 5px; }
.ab_pages ul a.page-num-current { background: #ddd; }
#maximg img { max-width: 100%; height: auto !important }
.search-box input[type="text"]::placeholder{ color:#555;}