@charset "utf-8";
body, input, textarea { font-family: "iconfont","Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif; font-size: 14px }

body { margin: 0; line-height: 1.7; color: #343434; background: #fff }

@media(max-width: 767px) {
    body { padding-top: 60px }
}

a, a:hover, a:active { color: #343434; text-decoration: none }

img { border: none }

img.block { display: block; width: 100% }

* { text-justify: inter-ideograph; text-align: justify }

.text-pre { white-space: pre-wrap }

h1, h2, h3, h4, h5, p, ul, li, ol, dl, dt, dd { list-style: none; margin: 0; padding: 0 }

.center { text-align: center }

.bold { font-weight: bold }

.small { font-size: 12px }

.f5 { font-size: 16px }

.f4 { font-size: 18px }

.f3 { font-size: 20px }

.f2 { font-size: 24px }

.f1 { font-size: 32px }

h1 { font-size: 32px; font-weight: bold }

h2 { font-size: 24px; font-weight: bold }

h3 { font-size: 20px; font-weight: bold }

h4 { font-size: 18px; font-weight: bold }

h5 { font-size: 16px; font-weight: bold }

button, input, select, textarea { background: none; border-radius: 0; box-sizing: border-box; border: 0; margin: 0; padding: 0; height: 40px; line-height: 40px; outline: none }

input[type=text], input[type=password], textarea, select { width: 100% }

select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 0 40px 0 20px; border-radius: 20px; background: url(/Content/Home/Image/select-arrow.png) no-repeat right center #ddd }

::-webkit-input-placeholder { color: #999 }

:-ms-input-placeholder { color: #999 }

::placeholder { color: #999 }

.dark { color: #fff }

.dark a, .dark input { color: #fff }

.dark ::-webkit-input-placeholder { color: rgba(255,255,255,.5) }

.dark :-ms-input-placeholder { color: rgba(255,255,255,.5) }

.dark ::placeholder { color: rgba(255,255,255,.5) }

.dark .gray { color: rgba(255,255,255,.5) }

.dark select { background: url(/Content/Home/Image/select-arrow.png) no-repeat right center #fff }

.translucent { opacity: .6 }

.blue, a.blue, .blue a { color: #014099 }

.gray, a.gray, .gray a { color: #999 }

.red, a.red, .red a { color: #e12d30 }

.bg-darkgray { background-color: #ddd }

.flex-center { display: flex; justify-content: center; align-items: center }

.flex-column-center { display: flex; flex-direction: column; justify-content: center; align-items: center }

.container { box-sizing: border-box; width: 1240px; padding: 0 20px; margin: 0 auto; overflow: hidden }

@media(max-width: 767px) {
    .container { padding: 0 15px; width: 100% }
}

@media(min-width: 761.000001px) {
    body { min-width: 1240px }
}

.header { position: relative }

.header .container { display: flex; align-items: center; position: relative }

.header .container > * { flex-shrink: 0; flex-grow: 0 }

.header .container > *:nth-child(n+2) { margin-left: 30px }

.header .container > .stretch { width: 100%; flex-shrink: 1 }

.header .container .logo img { display: block; height: 40px }

.header .container .nav { flex: 1; line-height: 100px; display: flex; justify-content: center }

.header .container .nav a { margin: 0 25px; font-size: 15px }

.header .container .nav a.active, .header .container .nav a:hover { color: #e12d30; position: relative }

.header .container .nav a.active:after, .header .container .nav a:hover:after { content: ''; display: block; position: absolute; z-index: 2; left: 0; bottom: 0; right: 0; height: 3px; overflow: hidden; background: #e12d30 }

.header .container .search { display: none; position: absolute; z-index: 3; left: 200px; right: 20px; top: 0; height: 99px; justify-content: center; align-items: center; background: #fff; border-bottom: 1px solid #eee }

.header .container .search input { background: none; border: 0; width: 100%; outline: none; margin: 0 10px; height: 40px }

.header .container .search.show { display: flex }

.header .container .icon { font-size: 20px; cursor: pointer }

.header:after { content: ''; display: block; position: absolute; z-index: 0; left: 0; bottom: 0; right: 0; height: 1px; overflow: hidden; background: #eee }

.header.dark { background: #014099 }

.header.dark:after { display: none }

.header.dark .search { background: #014099; border-bottom: 0; height: 100px }

@media(max-width: 767px) {
    .header { position: fixed; z-index: 80; left: 0; top: 0; right: 0; box-shadow: 0 0 10px rgba(0,0,0,.2); background: #fff }

    .header .container { height: 60px; display: flex; align-items: center }

    .header .container > * { flex-shrink: 0; flex-grow: 0 }

    .header .container > *:nth-child(n+2) { margin-left: 20px }

    .header .container > .stretch { width: 100%; flex-shrink: 1 }

    .header .container .logo { flex: 1 }

    .header .container .logo img { height: 40px }

    .header .container .nav { display: none }

    .header .container .search.show { height: 60px; left: 15px; right: 15px; margin-left: 0 }

    .header:after { display: none }
}

.full-screen-menu { display: none; position: fixed; z-index: 99; left: 0; right: 0; bottom: 0; top: 0; background: url(/Content/Home/Image/menu_bg.jpg) no-repeat center center; background-size: cover }

.full-screen-menu .container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; position: relative }

.full-screen-menu .container .close { position: absolute; top: 50%; right: 20px; margin-top: -320px; font-size: 20px; cursor: pointer }

.full-screen-menu .container .logo img { display: block; height: 130px }

.full-screen-menu .container .menu { padding: 60px 0; width: 100%; display: flex }

.full-screen-menu .container .menu .item { flex: 1 }

.full-screen-menu .container .menu .item a { display: block; margin-top: 15px; font-size: 16px; opacity: .6 }

.full-screen-menu .container .menu .item a:hover { opacity: 1 }

.full-screen-menu .container .menu .item a:first-child { margin-top: 0; font-size: 24px; opacity: 1 }

.full-screen-menu .container .contact-bar { width: 100%; padding-top: 60px; border-top: 1px solid rgba(255,255,255,.5); display: flex; justify-content: space-between; align-items: center }

.full-screen-menu .container .contact-bar .links { width: 200px }

.full-screen-menu .container .contact-bar .links select { margin-top: 15px }

.full-screen-menu .container .contact-bar .contact { text-align: center; flex: 1 }

.full-screen-menu .container .contact-bar .contact i { font-size: 24px }

.full-screen-menu .container .contact-bar .contact p { text-align: center }

.full-screen-menu .container .contact-bar .contact h2 { text-align: center }

.full-screen-menu .container .contact-bar .wechat { width: 100px; padding-left: 100px }

.full-screen-menu .container .contact-bar .wechat img { display: block; width: 100% }

.full-screen-menu .container .contact-bar .wechat p { text-align: center }

@media(max-width: 767px) {
    .full-screen-menu { top: 60px }

    .full-screen-menu .container { display: block }

    .full-screen-menu .container .close { display: none }

    .full-screen-menu .container .logo { display: none }

    .full-screen-menu .container .menu { padding: 0; display: block }

    .full-screen-menu .container .menu .item { border-bottom: 1px solid rgba(255,255,255,.5); padding: 10px 0 }

    .full-screen-menu .container .menu .item a { display: none; font-size: 14px; margin-top: 5px }

    .full-screen-menu .container .menu .item a:first-child { display: block; margin-top: 0; font-size: 16px; opacity: 1 }

    .full-screen-menu .container .menu .item a:first-child:after { float: right; content: "" }

    .full-screen-menu .container .menu .item.open a { display: block }

    .full-screen-menu .container .menu .item.open a:first-child:after { content: '' }

    .full-screen-menu .container .contact-bar { padding-top: 20px; border-top: none }

    .full-screen-menu .container .contact-bar .links { display: none }

    .full-screen-menu .container .contact-bar .wechat { display: none }
}

.footer { background: #eee; padding: 60px 0 20px 0 }

.footer .container .links { display: flex; align-items: center }

.footer .container .links .logo { flex: 1 }

.footer .container .links select { width: 200px; margin-left: 15px }

.footer .container .menu-bar { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 15px 0; display: flex }

.footer .container .menu-bar .menu { flex: 1; padding: 60px 0 60px 0; display: flex }

.footer .container .menu-bar .menu .item { flex: 1 }

.footer .container .menu-bar .menu .item a { display: block; margin-top: 10px; font-size: 12px }

.footer .container .menu-bar .menu .item a:hover { color: #e12d30 }

.footer .container .menu-bar .menu .item a:first-child { margin-top: 0; font-size: 18px }

.footer .container .menu-bar .menu .item a:first-child:after { content: ''; display: block; width: 20px; height: 3px; overflow: hidden; background: #e12d30; margin-top: 10px }

.footer .container .menu-bar .contact { width: 240px; padding: 60px 0 60px 60px; border-left: 1px solid #ddd }

.footer .container .copyright-wap { display: none }

@media(max-width: 767px) {
    .footer { padding: 20px 0 15px 0 }

    .footer .container .links { display: none }

    .footer .container .menu-bar { border-top: none; border-bottom: 1px solid #ddd; margin: 0; display: block }

    .footer .container .menu-bar .menu { padding: 0; display: block }

    .footer .container .menu-bar .menu .item { border-bottom: 1px solid #ddd; padding: 10px 0 }

    .footer .container .menu-bar .menu .item a { display: none }

    .footer .container .menu-bar .menu .item a:first-child { display: block; margin-top: 0; font-size: 16px }

    .footer .container .menu-bar .menu .item a:first-child:after { display: inline; width: auto; height: auto; background: none; margin: inherit; float: right; content: "" }

    .footer .container .menu-bar .menu .item.open a { display: block }

    .footer .container .menu-bar .menu .item.open a:first-child:after { content: '' }

    .footer .container .menu-bar .contact { width: auto; padding: 15px 0; border-left: none }

    .footer .container .copyright { display: none }

    .footer .container .copyright-wap { display: block; margin-top: 15px }
}

.p-index .banner { height: 650px }

.p-index .banner .swiper-container { height: 100% }

.p-index .banner .swiper-container .swiper-slide a { display: block; height: 100%; width: 100%; overflow: hidden }

.p-index .banner .swiper-container .swiper-button { display: none }

.p-index .banner .swiper-container .swiper-pagination { bottom: 10px }

.p-index .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; background: rgba(255,255,255,.5); width: 50px; height: 5px; border-radius: 3px; opacity: 1; transition: all .2s }

.p-index .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #014099; height: 10px; border-radius: 5px }

@media(max-width: 767px) {
    .p-index .banner { height: 0 }
}

.p-index .banner-wap { overflow: hidden; height: 0 }

.p-index .banner-wap .swiper-container .swiper-slide img { display: block; width: 100% }

.p-index .banner-wap .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #014099 }

@media(max-width: 767px) {
    .p-index .banner-wap { height: auto }
}

.p-index .t1 { color: #e12d30; font-size: 24px; font-weight: bold }

.p-index .about { padding: 80px 0 }

.p-index .about .container { margin-top: 60px; display: flex; box-shadow: 0 0 5px rgba(0,0,0,.1) }

.p-index .about .container .data { width: 50%; display: flex; flex-wrap: wrap }

.p-index .about .container .data .item { width: 33.3333%; box-sizing: border-box; background: #f5f5f5; padding: 20px; position: relative }

.p-index .about .container .data .item:nth-child(3), .p-index .about .container .data .item:nth-child(5) { background: #eee }

.p-index .about .container .data .item:nth-child(2) { width: 66.6666%; background: #fff }

.p-index .about .container .data .item .name-en { color: #999; text-justify: none; text-align: left }

.p-index .about .container .data .item .value { position: absolute; left: 20px; bottom: 20px; line-height: 1; display: flex; align-items: flex-end }

.p-index .about .container .data .item .value strong { color: #e12d30; font-size: 32px }

.p-index .about .container .data .item .value span { font-size: 12px; margin-left: 10px; transform: translateY(-4px) }

.p-index .about .container .content { width: 50%; position: relative }

.p-index .about .container .content img { display: block; width: 100%; position: relative; z-index: 0 }

.p-index .about .container .content .info { position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background: rgba(1,64,153,.9); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px; opacity: 0; transition: all .2s }

.p-index .about .container .content .info a, .p-index .about .container .content .info input { color: #fff }

.p-index .about .container .content .info ::-webkit-input-placeholder { color: rgba(255,255,255,.5) }

.p-index .about .container .content .info :-ms-input-placeholder { color: rgba(255,255,255,.5) }

.p-index .about .container .content .info ::placeholder { color: rgba(255,255,255,.5) }

.p-index .about .container .content .info .gray { color: rgba(255,255,255,.5) }

.p-index .about .container .content .info select { background: url(/Content/Home/Image/select-arrow.png) no-repeat right center #fff }

.p-index .about .container .content .info p { margin-top: 20px }

.p-index .about .container .content:hover .info { opacity: 1 }

@media(max-width: 767px) {
    .p-index .about { padding: 30px 0 }

    .p-index .about .container { margin-top: 20px; display: block }

    .p-index .about .container .data { width: auto }

    .p-index .about .container .data .item { padding: 10px; padding-bottom: 50px }

    .p-index .about .container .data .item .name-en { font-size: 12px }

    .p-index .about .container .data .item .name { font-size: 12px }

    .p-index .about .container .data .item .value { left: 10px }

    .p-index .about .container .data .item .value strong { font-size: 18px }

    .p-index .about .container .data .item .value span { margin-left: 5px; transform: translateY(-1px) }

    .p-index .about .container .content { width: auto }

    .p-index .about .container .content img { margin-top: 15px }

    .p-index .about .container .content .info { position: static; background: #f5f5f5; opacity: 1; color: #343434; padding: 15px }

    .p-index .about .container .content .info p { margin-top: 10px }

    .p-index .about .container .content:hover .info { opacity: 1 }
}

.p-index .news { background: #f5f5f5; padding: 80px 0 }

.p-index .news .container .swiper-container .swiper-wrapper { padding-bottom: 40px; padding-top: 60px }

.p-index .news .container .swiper-container .swiper-slide { transition: all .3s }

.p-index .news .container .swiper-container .swiper-slide a .pic { width: 100%; padding: 35% 0 }

.p-index .news .container .swiper-container .swiper-slide a h4 { overflow: hidden; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; margin-top: 15px }

.p-index .news .container .swiper-container .swiper-slide a p { color: #999 }

.p-index .news .container .swiper-container .swiper-slide:hover { transform: translateY(-20px) }

.p-index .news .container .swiper-container .swiper-slide:hover a h4 { color: #e12d30 }

.p-index .news .container .swiper-pagination { bottom: 0 }

.p-index .news .container .swiper-pagination .swiper-pagination-bullet-active { background: #e12d30 }

@media(max-width: 767px) {
    .p-index .news { padding: 30px 0 }

    .p-index .news .container .swiper-container .swiper-wrapper { padding-bottom: 30px; padding-top: 20px }

    .p-index .news .container .swiper-container .swiper-slide a img { float: left; width: 100px }

    .p-index .news .container .swiper-container .swiper-slide a h4 { margin-left: 115px; margin-top: 0; font-size: 14px; font-weight: normal }

    .p-index .news .container .swiper-container .swiper-slide a p { margin-left: 115px; font-size: 12px }

    .p-index .news .container .swiper-container .swiper-slide:hover { transform: none }
}

.p-index .industryspace { display: flex; align-items: stretch; justify-content: flex-end }

.p-index .industryspace .descr-box { box-sizing: border-box; padding-right: 60px; width: 600px; display: flex; flex-direction: column; justify-content: center }

.p-index .industryspace .descr-box .descr { margin-top: 20px }

.p-index .industryspace .descr-box .list { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -6%; margin-right: -6%; padding-top: 20px }

.p-index .industryspace .descr-box .list > * { box-sizing: border-box; width: 44.339622642%; margin: 5.660377358% 5.660377358% 0 0 }

.p-index .industryspace .descr-box .list a { border: 1px solid #ddd; text-align: center; line-height: 38px }

.p-index .industryspace .descr-box .list a.active { background: #343434; color: #fff }

.p-index .industryspace .detail-box { width: 50%; position: relative; padding: 14% 0; overflow: hidden }

.p-index .industryspace .detail-box .detail { position: absolute; left: 0; top: 0; width: 100%; height: 100% }

.p-index .industryspace .detail-box .detail .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .5s }

.p-index .industryspace .detail-box .detail .info { position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,.7); color: #fff; padding: 20px; transform: translateY(200px); transition: all .5s }

.p-index .industryspace .detail-box .detail .info .title { font-size: 16px; font-weight: bold }

.p-index .industryspace .detail-box .detail.active { display: block }

.p-index .industryspace .detail-box .detail.active .pic { opacity: 1 }

.p-index .industryspace .detail-box .detail.active .info { transform: translateY(0) }

@media(max-width: 767px) {
    .p-index .industryspace { display: block }

    .p-index .industryspace .descr-box { padding: 30px 15px; width: auto }

    .p-index .industryspace .descr-box .descr { margin-top: 20px }

    .p-index .industryspace .descr-box .list { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -6%; margin-right: -6%; padding-top: 20px }

    .p-index .industryspace .descr-box .list > * { box-sizing: border-box; width: 44.339622642%; margin: 5.660377358% 5.660377358% 0 0 }

    .p-index .industryspace .descr-box .list a { border: 1px solid #ddd; text-align: center; line-height: 38px }

    .p-index .industryspace .descr-box .list a.active { background: #fff; color: #343434 }

    .p-index .industryspace .detail-box { display: none }
}

.p-index .service { background: #f5f5f5; padding: 80px 0 }

.p-index .service .container { margin-top: 60px }

.p-index .service .container .list { display: flex; margin-left: -30px }

.p-index .service .container .list .item { position: relative; margin-left: 30px; flex: 1 }

.p-index .service .container .list .item img { position: relative; z-index: 0; display: block; width: 100% }

.p-index .service .container .list .item .info { position: absolute; z-index: 2; left: 0; top: 0; right: 0; box-sizing: border-box; padding: 20px; background: #fff; height: 200px }

.p-index .service .container .list .item .info h3:after { content: ''; display: block; margin-top: 15px; width: 30px; height: 5px; background: #000; overflow: hidden }

.p-index .service .container .list .item .info p { margin-top: 25px; opacity: .7 }

.p-index .service .container .list .item .info a { position: absolute; z-index: 3; left: 20px; bottom: 20px; font-weight: bold; display: none }

.p-index .service .container .list .item .info a:after { content: ""; color: #e12d30; margin-left: 10px }

.p-index .service .container .list .item:hover .info { height: 100%; background: rgba(1,64,153,.9); color: #fff }

.p-index .service .container .list .item:hover .info a, .p-index .service .container .list .item:hover .info input { color: #fff }

.p-index .service .container .list .item:hover .info ::-webkit-input-placeholder { color: rgba(255,255,255,.5) }

.p-index .service .container .list .item:hover .info :-ms-input-placeholder { color: rgba(255,255,255,.5) }

.p-index .service .container .list .item:hover .info ::placeholder { color: rgba(255,255,255,.5) }

.p-index .service .container .list .item:hover .info .gray { color: rgba(255,255,255,.5) }

.p-index .service .container .list .item:hover .info select { background: url(/Content/Home/Image/select-arrow.png) no-repeat right center #fff }

.p-index .service .container .list .item:hover .info h3:after { background: #e12d30 }

.p-index .service .container .list .item:hover .info a { display: block }

@media(max-width: 767px) {
    .p-index .service { padding: 30px 0 }

    .p-index .service .container { margin-top: 20px }

    .p-index .service .container .list { display: block; margin-left: 0 }

    .p-index .service .container .list .item { margin-left: 0; overflow: hidden }

    .p-index .service .container .list .item:nth-child(n+2) { margin-top: 15px }

    .p-index .service .container .list .item img { position: relative; z-index: 0; display: block; width: 100%; margin: -40px 0 }

    .p-index .service .container .list .item .info { height: 100%; background: rgba(1,64,153,.9); color: #fff }

    .p-index .service .container .list .item .info a, .p-index .service .container .list .item .info input { color: #fff }

    .p-index .service .container .list .item .info ::-webkit-input-placeholder { color: rgba(255,255,255,.5) }

    .p-index .service .container .list .item .info :-ms-input-placeholder { color: rgba(255,255,255,.5) }

    .p-index .service .container .list .item .info ::placeholder { color: rgba(255,255,255,.5) }

    .p-index .service .container .list .item .info .gray { color: rgba(255,255,255,.5) }

    .p-index .service .container .list .item .info select { background: url(/Content/Home/Image/select-arrow.png) no-repeat right center #fff }

    .p-index .service .container .list .item .info h3:after { background: #e12d30 }

    .p-index .service .container .list .item .info a { display: block }
}

.p-index .enterprise { padding: 80px 0 }

.p-index .enterprise .container { margin-top: 60px }

.p-index .enterprise .container .swiper-container .swiper-wrapper { padding-bottom: 40px }

.p-index .enterprise .container .swiper-container .swiper-slide .type { font-size: 18px; font-weight: bold; text-align: center }

.p-index .enterprise .container .swiper-container .swiper-slide .list { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -2%; margin-right: -2%; padding-top: 20px }

.p-index .enterprise .container .swiper-container .swiper-slide .list > * { box-sizing: border-box; width: 18.039215686%; margin: 1.960784314% 1.960784314% 0 0 }

.p-index .enterprise .container .swiper-container .swiper-slide .list .item { padding: 20px 10px; border-radius: 20px; box-sizing: border-box; border: 1px solid #ddd; transition: all .2s }

.p-index .enterprise .container .swiper-container .swiper-slide .list .item .logo { height: 96px; overflow: hidden }

.p-index .enterprise .container .swiper-container .swiper-slide .list .item .name { text-align: center; margin-top: 10px }

.p-index .enterprise .container .swiper-container .swiper-slide .list .item .descr { font-size: 12px; opacity: .6; white-space: pre-line; text-align: center }

.p-index .enterprise .container .swiper-container .swiper-slide .list .item:hover { transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1) }

.p-index .enterprise .container .swiper-pagination { bottom: 0 }

.p-index .enterprise .container .swiper-pagination .swiper-pagination-bullet-active { background: #e12d30 }

@media(max-width: 767px) {
    .p-index .enterprise { padding: 30px 0 }

    .p-index .enterprise .container { margin-top: 20px }

    .p-index .enterprise .container .swiper-container .swiper-wrapper { padding-bottom: 30px }

    .p-index .enterprise .container .swiper-container .swiper-slide .list { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -2%; margin-right: -2%; padding-top: 10px }

    .p-index .enterprise .container .swiper-container .swiper-slide .list > * { box-sizing: border-box; width: 48.039215686%; margin: 1.960784314% 1.960784314% 0 0 }

    .p-index .enterprise .container .swiper-container .swiper-slide .list .item { padding: 10px; border-radius: 10px }

    .p-index .enterprise .container .swiper-container .swiper-slide .list .item .logo { height: 50px; overflow: hidden }
}

.article-content { font-size: 16px; line-height: 1.7 }

.article-content img { max-width: 100% }

@media(max-width: 767px) {
    .article-content { font-size: 14px }
}

.pagerhtml { border-bottom: 1px solid #ddd; padding: 20px 0; display: flex }

.pagerhtml .custominfo { font-size: 16px; display: flex; align-items: flex-end; line-height: 1; color: #ccc; flex: 1 }

.pagerhtml .custominfo .active { font-size: 24px; font-weight: bold; color: #343434 }

.pagerhtml .custominfo .active:after { content: '/'; font-weight: normal; margin-left: 13px; margin-right: 5px; color: #ccc }

.pagerhtml a.prev:before { content: "" }

.pagerhtml a.next:before { content: "" }

.pagerhtml a { width: 28px; line-height: 28px; text-align: center; border: 1px solid #ddd; border-radius: 50%; margin-left: 10px }

.pagerhtml a:hover { border-color: #e12d30; background: #e12d30; color: #fff }

.pagerhtml a.disabled { opacity: .6 }

.pagerhtml a.disabled:hover { border-color: #ddd; background: no-repeat; color: #343434 }

.random-news .t { display: flex; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 10px }

.random-news .t h3 { flex: 1 }

.random-news .t h3:before { color: #e12d30; margin-right: 5px }

.random-news .t a { color: #999 }

.random-news .t a:before { margin-right: 5px }

.random-news .list a { display: block; overflow: hidden; padding: 20px 0 }

.random-news .list a:nth-child(n+2) { border-top: 1px solid #ddd }

.random-news .list a .time { color: #999; font-size: 12px; margin-top: 20px }

.random-news .list a .title { font-weight: bold; font-size: 18px; margin-top: 10px }

.random-news .list a .summary { margin-top: 10px; overflow: hidden; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2 }

.random-news .list a .view { width: 100px; line-height: 20px; text-align: center; font-size: 12px; background: #eee; color: #999; float: left; margin-top: 10px; transform: scale(.7); margin-left: -15px }

.random-news .list a .view:after { content: ""; margin-left: 5px }

.random-news .list a:hover .title { color: #e12d30 }

.random-news .list a:hover .view { background: #e12d30; color: #fff }

.sub-nav { display: flex; align-items: flex-end; margin-top: 60px }

.sub-nav a { line-height: 1; font-size: 18px; color: #999 }

.sub-nav a:nth-child(n+2) { margin-left: 20px }

.sub-nav a.active { font-size: 24px; color: #e12d30; font-weight: bold }

.sub-nav a:hover { color: #e12d30 }

@media(max-width: 767px) {
    .sub-nav { margin-top: 30px }
}

.sub-nav2 { display: flex; justify-content: center; margin-top: 40px }

.sub-nav2 .content { width: auto; display: flex; justify-content: center; line-height: 40px; background: #f5f5f5; border-radius: 10px; overflow: hidden }

.sub-nav2 .content a { font-size: 16px; color: #999; padding: 0 40px }

.sub-nav2 .content a.active, .sub-nav2 .content a:hover { background: #e12d30; color: #fff; border-radius: 10px }

@media(max-width: 767px) {
    .sub-nav2 { margin-top: 20px }

    .sub-nav2 .content { line-height: 35px; border-radius: 7px }

    .sub-nav2 .content a { font-size: 14px; padding: 0 15px }

    .sub-nav2 .content a.active { border-radius: 7px }
}

.p-industrialspace .list .item { display: flex; align-items: stretch; background: #f9f9f9 }

.p-industrialspace .list .item .pic { width: 50% }

.p-industrialspace .list .item .pic img { display: block; width: 100% }

.p-industrialspace .list .item .info { box-sizing: border-box; width: 600px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 60px }

.p-industrialspace .list .item .info .title { font-size: 30px }

.p-industrialspace .list .item .info .title:after { content: ''; display: block; margin-top: 20px; width: 100%; height: 3px; overflow: hidden; background: #e12d30 }

.p-industrialspace .list .item .info a { margin-top: 80px; width: 136px; line-height: 46px; border: 1px solid #343434; text-align: center }

.p-industrialspace .list .item .info a:after { content: ""; margin-left: 10px }

.p-industrialspace .list .item .info a:hover { background: #343434; color: #fff }

.p-industrialspace .list .item:nth-child(2n) { justify-content: flex-end }

.p-industrialspace .list .item:nth-child(2n) .pic { order: 2 }

.p-industrialspace .list .item:nth-child(2n) .info { padding-left: 0 }

@media(max-width: 767px) {
    .p-industrialspace .list .item .info { width: 50%; padding-left: 20px }

    .p-industrialspace .list .item .info .title { font-size: 16px }

    .p-industrialspace .list .item .info .title:after { margin-top: 5px; height: 2px }

    .p-industrialspace .list .item .info a { margin-top: 20px; width: 70px; line-height: 28px }

    .p-industrialspace .list .item:nth-child(2n) .info { padding-left: 20px }
}

.p-industrialspace-detail { padding: 80px 0 }

.p-industrialspace-detail .container .title { display: flex; justify-content: center; align-items: center }

.p-industrialspace-detail .container .title .info { font-size: 30px; border-bottom: 3px solid #e12d30; padding-bottom: 10px }

.p-industrialspace-detail .container .content { margin-top: 60px }

.p-industrialspace-detail .container .content-wap { display: none }

@media(max-width: 767px) {
    .p-industrialspace-detail { padding: 40px 0 }

    .p-industrialspace-detail .container .title .info { font-size: 24px; padding-bottom: 7px }

    .p-industrialspace-detail .container .content { display: none }

    .p-industrialspace-detail .container .content-wap { display: block; margin-top: 30px }
}

.p-about .about-video { width: 100%; margin: 60px 0 -40px 0; text-align: center }

.p-about .about-video video { width: 100% }

.p-about .content { padding: 60px 0 }

.p-about .content-wap { display: none }

@media(max-width: 767px) {
    .p-about .about-video { margin: 30px 0 -20px 0 }

    .p-about .content { display: none }

    .p-about .content-wap { display: block; padding: 30px 0 }
}

.p-transition { padding: 60px 0 }

.p-transition .container .scale img { display: block; width: 100% }

.p-transition .container .list { margin-top: 40px; display: flex; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd }

.p-transition .container .list .item { flex: 1; border-left: 1px solid #ddd; padding: 30px 20px }

.p-transition .container .list .item .title { color: #014099; font-size: 30px; font-weight: bold }

.p-transition .container .list .item .title2 { font-size: 24px; margin-top: 10px }

.p-transition .container .list .item .summary { opacity: .8 }

.p-transition .container .list .item .summary p { margin-top: 15px }

.p-transition .container .list .item:hover { background: linear-gradient(to bottom,#0260cb,#002067); color: #fff }

.p-transition .container .list .item:hover .title { color: #fff }

.p-transition .container .swiper-container { height: 0; overflow: hidden; margin: 0 }

.p-transition .container .swiper-container .swiper-wrapper { padding-bottom: 30px }

.p-transition .container .swiper-container .swiper-wrapper .swiper-slide .title { color: #014099; font-size: 30px; font-weight: bold }

.p-transition .container .swiper-container .swiper-wrapper .swiper-slide .title2 { font-size: 24px; margin-top: 10px }

.p-transition .container .swiper-container .swiper-wrapper .swiper-slide .summary { opacity: .8 }

.p-transition .container .swiper-container .swiper-wrapper .swiper-slide .summary p { margin-top: 15px }

.p-transition .container .swiper-container .swiper-pagination { bottom: 0 }

.p-transition .container .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #014099 }

@media(max-width: 767px) {
    .p-transition { padding: 30px 0 }

    .p-transition .container .scale { display: none }

    .p-transition .container .list { display: none }

    .p-transition .container .swiper-container { height: auto }
}

.p-honor { padding: 60px 0 }

.p-honor .container .types { display: flex; justify-content: center }

.p-honor .container .types a { font-size: 24px; margin: 0 20px; font-weight: bold }

.p-honor .container .types a.active { color: #e12d30 }

.p-honor .container .big-pic { margin-top: 30px }

.p-honor .container .big-pic p { text-align: center; font-size: 20px; font-weight: bold }

.p-honor .container .big-pic img { display: block; height: 500px; margin: 10px auto 0 auto; box-shadow: 0 0 20px rgba(0,0,0,.2) }

.p-honor .container .swiper-container { margin: 0 50px }

.p-honor .container .swiper-container .swiper-slide { border: 1px solid #ddd; box-sizing: border-box; height: 90px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer }

.p-honor .container .swiper-container .swiper-slide img { display: block; max-width: 110px; max-height: 80px }

.p-honor .container .swiper-container .swiper-slide.active { border-color: #e12d30 }

.p-honor .container .swiper-button { top: 0; width: 30px; height: 90px; text-align: center; background: #ddd; color: #999; margin: 0 !important; outline: none }

.p-honor .container .swiper-button.swiper-button-prev { left: 0 }

.p-honor .container .swiper-button.swiper-button-next { right: 0 }

.p-honor .container .swiper-button:hover { background: #014099; color: #fff }

.p-honor .container .swiper-button:after { display: none }

.p-honor .container .list { position: relative; overflow: hidden; margin-top: 40px }

.p-honor .container .list-wap { position: relative; height: 0; overflow: hidden }

.p-honor .container .list.hide, .p-honor .container .list-wap.hide { height: 0 !important; margin-top: 0 !important }

@media(max-width: 767px) {
    .p-honor { padding: 30px 0 }

    .p-honor .container .types { margin: 0 -15px }

    .p-honor .container .types a { font-size: 15px; margin: 0 5px; font-weight: bold }

    .p-honor .container .types a.active { color: #e12d30 }

    .p-honor .container .big-pic { margin-top: 20px }

    .p-honor .container .big-pic img { display: block; height: auto; width: 100% }

    .p-honor .container .list { height: 0 }

    .p-honor .container .list-wap { height: auto; margin-top: 20px }

    .p-honor .container .list-wap .swiper-container { margin: 0 30px }

    .p-honor .container .list-wap .swiper-container .swiper-slide { height: 70px }

    .p-honor .container .list-wap .swiper-container .swiper-slide img { max-width: 70px; max-height: 60px }

    .p-honor .container .list-wap .swiper-button { width: 20px; height: 70px }
}

.p-leadercare { padding: 60px 0 }

.p-leadercare .container { display: flex }

.p-leadercare .container .big-pic { width: 720px }

.p-leadercare .container .big-pic .item { position: relative }

.p-leadercare .container .big-pic .item img { position: relative; z-index: 0 }

.p-leadercare .container .big-pic .item .content { position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,.7); color: #fff; padding: 15px }

.p-leadercare .container .list { width: 480px; box-sizing: border-box; position: relative; padding: 20px 20px 50px 20px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd }

.p-leadercare .container .list .swiper-container .swiper-slide .item-box { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3% }

.p-leadercare .container .list .swiper-container .swiper-slide .item-box > * { box-sizing: border-box; width: 30.420711974%; margin: 2.912621359% 2.912621359% 0 0 }

.p-leadercare .container .list .swiper-container .swiper-slide .item-box .item { height: 110px; cursor: pointer; position: relative }

.p-leadercare .container .list .swiper-container .swiper-slide .item-box .item:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,.3) }

.p-leadercare .container .list .swiper-container .swiper-slide .item-box .item.active:after { background: no-repeat; border: 2px solid #e12d30 }

.p-leadercare .container .list .swiper-button { top: auto; bottom: 20px; width: 30px; height: 30px; font-size: 30px; background: none; color: #343434; margin: 0 !important; outline: none }

.p-leadercare .container .list .swiper-button.swiper-button-prev { left: 20px }

.p-leadercare .container .list .swiper-button.swiper-button-next { right: 20px }

.p-leadercare .container .list .swiper-button:hover { color: #e12d30 }

.p-leadercare .container .list .swiper-button:after { display: none }

@media(max-width: 767px) {
    .p-leadercare { padding: 30px 0 }

    .p-leadercare .container { display: block }

    .p-leadercare .container .big-pic { width: auto }

    .p-leadercare .container .list { width: auto; padding: 20px 0 30px 0; border: 0 }

    .p-leadercare .container .list .swiper-container .item-box .item { height: 90px }

    .p-leadercare .container .list .swiper-button { bottom: 0 }

    .p-leadercare .container .list .swiper-button.swiper-button-prev { left: 0 }

    .p-leadercare .container .list .swiper-button.swiper-button-next { right: 0 }
}

.p-location { padding: 60px 0 }

.p-location .container { display: flex }

.p-location .container .pic { width: 50% }

.p-location .container .content { width: 50%; padding: 0 40px; background: #f5f5f5; box-sizing: border-box; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd }

.p-location .container .content h2 { color: #e12d30; padding-top: 30px }

.p-location .container .content h2:before { margin-right: 10px }

.p-location .container .content .list { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3%; padding-top: 20px }

.p-location .container .content .list > * { box-sizing: border-box; width: 47.087378641%; margin: 2.912621359% 2.912621359% 0 0 }

.p-location .container .content .list .item { line-height: 40px; padding: 0 10px; background: #fff; border-radius: 5px; display: flex; justify-content: space-between }

.p-location .container .content .list .item .time { font-size: 12px; opacity: .6 }

.p-location .container .content .list .item:hover { background: #014099; color: #fff }

@media(max-width: 767px) {
    .p-location { padding: 30px 0 }

    .p-location .container { display: block }

    .p-location .container .pic { width: auto }

    .p-location .container .content { width: auto; padding: 0 10px 20px 10px; border: 0 }

    .p-location .container .content h2 { padding-top: 20px }

    .p-location .container .content .list { padding-top: 10px }
}

.p-search { padding: 60px 0 }

.p-search .container .list a { display: block; padding: 20px 0; overflow: hidden; border-bottom: 1px solid #ddd }

.p-search .container .list a .title { font-weight: bold; font-size: 18px }

.p-search .container .list a .time { color: #999; font-size: 12px; margin-top: 10px }

.p-search .container .list a .summary { margin-top: 10px; overflow: hidden; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2 }

.p-search .container .list a:hover .title { color: #e12d30 }

.p-policyguide { padding: 60px 0 }

.p-policyguide .container { display: flex }

.p-policyguide .container .m-left { width: 310px }

.p-policyguide .container .m-left .classify .item:nth-child(n+2) { margin-top: 10px }

.p-policyguide .container .m-left .classify .item .name { background: #014099; overflow: hidden; color: #fff; padding: 0 15px; line-height: 40px; cursor: pointer; font-weight: bold }

.p-policyguide .container .m-left .classify .item .name:after { content: ""; float: right }

.p-policyguide .container .m-left .classify .item .child { display: none }

.p-policyguide .container .m-left .classify .item .child a { display: block; border-bottom: 1px solid #ddd; padding: 10px 15px; overflow: hidden }

.p-policyguide .container .m-left .classify .item .child a.active, .p-policyguide .container .m-left .classify .item .child a:hover { color: #e12d30 }

.p-policyguide .container .m-left .classify .item .child a.active:after, .p-policyguide .container .m-left .classify .item .child a:hover:after { content: ""; float: right }

.p-policyguide .container .m-left .classify .item.open .child { display: block }

.p-policyguide .container .m-left .classify .item.open .name:after { content: "" }

.p-policyguide .container .m-right { width: 900px; margin-left: 60px }

.p-policyguide .container .m-right .classify-name { float: left; background: #e12d30; color: #fff; font-weight: bold; padding: 0 15px; line-height: 40px }

.p-policyguide .container .m-right .list { clear: both; border: 1px solid #ddd }

.p-policyguide .container .m-right .list a { display: block; padding: 20px; overflow: hidden }

.p-policyguide .container .m-right .list a:nth-child(n+2) { border-top: 1px solid #ddd }

.p-policyguide .container .m-right .list a .time { color: #999; font-size: 12px }

.p-policyguide .container .m-right .list a .title { font-weight: bold; font-size: 18px; margin-top: 10px }

.p-policyguide .container .m-right .list a .summary { margin-top: 10px; overflow: hidden; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2 }

.p-policyguide .container .m-right .list a .view { width: 100px; line-height: 20px; text-align: center; font-size: 12px; background: #eee; color: #999; float: left; margin-top: 10px; transform: scale(.7); margin-left: -15px }

.p-policyguide .container .m-right .list a .view:after { content: ""; margin-left: 5px }

.p-policyguide .container .m-right .list a:hover { background: #f5f5f5 }

.p-policyguide .container .m-right .list a:hover .title { color: #e12d30 }

.p-policyguide .container .m-right .list a:hover .view { background: #e12d30; color: #fff }

.p-policyguide .container .m-right .detail .title { font-size: 24px; text-align: center }

.p-policyguide .container .m-right .detail .time { color: #999; border-bottom: 1px solid #ddd; padding: 10px 0; text-align: center }

.p-policyguide .container .m-right .detail .content { padding: 20px 0 }

.p-policyguide .container .m-right .detail .content-wap { display: none }

@media(max-width: 767px) {
    .p-policyguide { padding: 30px 0 }

    .p-policyguide .container { display: block }

    .p-policyguide .container .m-left { width: auto }

    .p-policyguide .container .m-right { width: auto; margin-left: 0; margin-top: 30px }

    .p-policyguide .container .m-right .detail .title { font-size: 20px }

    .p-policyguide .container .m-right .detail .content { display: none }

    .p-policyguide .container .m-right .detail .content-wap { display: block; padding: 20px 0 }
}

.p-ventureservice .part1 { padding: 40px 0 }

.p-ventureservice .part2 { padding: 40px 0; background: #014099; color: #fff }

.p-ventureservice .part2 a, .p-ventureservice .part2 input { color: #fff }

.p-ventureservice .part2 ::-webkit-input-placeholder { color: rgba(255,255,255,.5) }

.p-ventureservice .part2 :-ms-input-placeholder { color: rgba(255,255,255,.5) }

.p-ventureservice .part2 ::placeholder { color: rgba(255,255,255,.5) }

.p-ventureservice .part2 .gray { color: rgba(255,255,255,.5) }

.p-ventureservice .part2 select { background: url(/Content/Home/Image/select-arrow.png) no-repeat right center #fff }

.p-ventureservice .container .content-wap { display: none }

@media(max-width: 767px) {
    .p-ventureservice .part1 { padding: 20px 0 }

    .p-ventureservice .part2 { padding: 20px 0 }

    .p-ventureservice .container .content { display: none }

    .p-ventureservice .container .content-wap { display: block }
}

.p-green .list .item { padding: 60px 0 }

.p-green .list .item:nth-child(2n) { background: #f5f5f5 }

.p-green .list .item img { display: block; width: 1200px; margin: 0 auto }

.p-green .list-wap { display: none }

@media(max-width: 767px) {
    .p-green .list { display: none }

    .p-green .list-wap { display: block }

    .p-green .list-wap .item { padding: 15px }

    .p-green .list-wap .item:nth-child(2n) { background: #f5f5f5 }

    .p-green .list-wap .item img { display: block; width: 100% }
}

.p-contact { padding: 60px 0 }

.p-contact .container .name { width: 360px; margin: 0 auto }

.p-contact .container .name h2 { color: #e12d30; text-align: justify; text-align-last: justify }

.p-contact .container .name p { font-size: 12px; color: #999; text-align: justify; text-align-last: justify }

.p-contact .container .contact { margin-top: 60px; border: 1px solid #ddd; display: flex; align-items: center; padding: 60px 30px; position: relative }

.p-contact .container .contact .t { position: absolute; top: -15px; right: auto; bottom: auto; left: 50%; z-index: 0; background: #014099; color: #fff; text-align: center; width: 120px; line-height: 30px; border-radius: 15px; margin-left: -60px }

.p-contact .container .contact .item { flex: 1; display: flex; align-items: center }

.p-contact .container .contact .item:before { display: block; margin-right: 10px; width: 40px; line-height: 40px; text-align: center; background: #f5f5f5; border-radius: 50%; font-size: 20px; color: #999 }

.p-contact .container .contact .space { width: 1px; height: 40px; overflow: hidden; background: #ddd; margin: 0 30px }

.p-contact .container .map { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd }

.p-contact .container .map iframe { display: block; width: 100%; height: 500px }

@media(max-width: 767px) {
    .p-contact { padding: 30px 0 }

    .p-contact .container .name { width: auto }

    .p-contact .container .contact { margin-top: 30px; display: block; padding: 30px 15px }

    .p-contact .container .contact .t { position: absolute; top: -15px; right: auto; bottom: auto; left: 50%; z-index: 0; background: #014099; color: #fff; text-align: center; width: 120px; line-height: 30px; border-radius: 15px; margin-left: -60px }

    .p-contact .container .contact .item { flex: 1; display: flex; align-items: center }

    .p-contact .container .contact .item:before { display: block; margin-right: 10px; width: 40px; line-height: 40px; text-align: center; background: #f5f5f5; border-radius: 50%; font-size: 20px; color: #999 }

    .p-contact .container .contact .space { width: 100%; height: 1px; margin: 15px 0 }

    .p-contact .container .map iframe { height: 400px }
}

.p-group .container { padding-bottom: 30px }

.p-group .container .about { display: flex; margin-top: 60px }

.p-group .container .about .content { flex: 1 }

.p-group .container .about .content > :nth-child(n+2) { padding-top: 20px }

.p-group .container .about .content ul { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3% }

.p-group .container .about .content ul > * { box-sizing: border-box; width: 30.420711974%; margin: 2.912621359% 2.912621359% 0 0 }

.p-group .container .about .content ul li { border: 1px solid #ddd; line-height: 40px; text-align: center }

.p-group .container .about .pic { width: 430px; margin-left: 50px }

.p-group .container .guimo { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3%; padding-top: 60px }

.p-group .container .guimo > * { box-sizing: border-box; width: 30.420711974%; margin: 2.912621359% 2.912621359% 0 0 }

.p-group .container .guimo .item { box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 10px; padding: 30px 40px }

.p-group .container .guimo .item ul { margin-top: 10px; opacity: .6 }

.p-group .container .guimo .item ul li { font-size: 16px }

.p-group .container .guimo .item ul li:before { content: ""; color: #e12d30; margin-right: 5px }

.p-group .container .guimo .item:hover { background: #014099; color: #fff }

.p-group .container .child { display: flex; margin-top: 60px }

.p-group .container .child .pic { flex: 1 }

.p-group .container .child .list { width: 240px; display: flex; flex-direction: column }

.p-group .container .child .list a { flex: 1; background: #f5f5f5; display: flex; flex-direction: column; justify-content: center; align-items: center }

.p-group .container .child .list a:nth-child(n+2) { border-top: 1px solid #ddd }

.p-group .container .child .list a img { display: block; max-width: 160px; max-height: 70px }

.p-group .container .child .list a p { margin-top: 10px }

.p-group .container .child .list a.active { background: #fff; color: #014099 }

@media(max-width: 767px) {
    .p-group .container { padding-bottom: 30px }

    .p-group .container .about { display: block; margin-top: 30px }

    .p-group .container .about .content ul { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3% }

    .p-group .container .about .content ul > * { box-sizing: border-box; width: 47.087378641%; margin: 2.912621359% 2.912621359% 0 0 }

    .p-group .container .about .content ul li { font-size: 12px }

    .p-group .container .about .pic { width: auto; margin-left: 0; margin-top: 20px }

    .p-group .container .guimo { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3%; padding-top: 30px }

    .p-group .container .guimo > * { box-sizing: border-box; width: 97.087378641%; margin: 2.912621359% 2.912621359% 0 0 }

    .p-group .container .child { display: block; margin-top: 30px }

    .p-group .container .child .pic { display: none }

    .p-group .container .child .list { width: auto; display: block }

    .p-group .container .child .list a { padding: 20px 0 }

    .p-group .container .child .list a.active { background: #f5f5f5; color: #343434 }
}

.p-partymass { padding: 60px 0 }

.p-partymass .container .swiper-container { position: relative; overflow: hidden }

.p-partymass .container .swiper-container .swiper-slide a { display: block; position: relative }

.p-partymass .container .swiper-container .swiper-slide a img { position: relative; z-index: 0 }

.p-partymass .container .swiper-container .swiper-slide a .title { position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,.5); line-height: 80px; padding: 0 170px 0 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px }

.p-partymass .container .swiper-container .swiper-button { position: absolute; top: auto; right: 20px; bottom: 20px; left: auto; z-index: 2; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.4) }

.p-partymass .container .swiper-container .swiper-button .space { width: 2px; height: 15px; overflow: hidden; background: rgba(255,255,255,.5); margin: 0 10px }

.p-partymass .container .swiper-container .swiper-button .swiper-button-next, .p-partymass .container .swiper-container .swiper-button .swiper-button-prev { position: static; margin: 0 !important; color: #fff; opacity: .5; font-size: 20px; width: 40px; line-height: 40px; height: 40px; padding: 0 }

.p-partymass .container .swiper-container .swiper-button .swiper-button-next:hover, .p-partymass .container .swiper-container .swiper-button .swiper-button-prev:hover { opacity: 1 }

.p-partymass .container .swiper-container .swiper-button .swiper-button-next::after, .p-partymass .container .swiper-container .swiper-button .swiper-button-prev::after { display: none }

.p-partymass .container .list a { display: block; border-bottom: 1px solid #ddd; padding: 20px 0 }

.p-partymass .container .list a .title { font-size: 16px }

.p-partymass .container .list a .time { font-size: 12px; margin-top: 5px; opacity: .6 }

.p-partymass .container .list a .summary { margin-top: 10px; opacity: .8 }

.p-partymass .container .list a:hover .title { color: #e12d30 }

@media(max-width: 767px) {
    .p-partymass { padding: 30px 0 }

    .p-partymass .container .swiper-container .swiper-slide a .title { line-height: 50px; padding: 0 120px 0 20px; font-size: 14px }

    .p-partymass .container .swiper-container .swiper-button { position: absolute; top: auto; right: 10px; bottom: 10px; left: auto; z-index: 2 }

    .p-partymass .container .swiper-container .swiper-button .swiper-button-next, .p-partymass .container .swiper-container .swiper-button .swiper-button-prev { width: 30px; line-height: 30px; height: 30px }

    .p-partymass .container .list a { padding: 10px 0 }
}

.p-news .container { display: flex; align-items: flex-start; padding-top: 60px; padding-bottom: 60px }

.p-news .container .m-left { width: 810px }

.p-news .container .m-left .vouch .swiper-container { position: relative; overflow: hidden }

.p-news .container .m-left .vouch .swiper-container .swiper-slide a { display: block; position: relative }

.p-news .container .m-left .vouch .swiper-container .swiper-slide a img { position: relative; z-index: 0 }

.p-news .container .m-left .vouch .swiper-container .swiper-slide a .info { position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,.5); padding: 20px 170px 20px 20px; color: #fff }

.p-news .container .m-left .vouch .swiper-container .swiper-slide a .info h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal }

.p-news .container .m-left .vouch .swiper-container .swiper-button { position: absolute; top: auto; right: 30px; bottom: 30px; left: auto; z-index: 2; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.4) }

.p-news .container .m-left .vouch .swiper-container .swiper-button .space { width: 2px; height: 15px; overflow: hidden; background: rgba(255,255,255,.5); margin: 0 10px }

.p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-next, .p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-prev { position: static; margin: 0 !important; color: #fff; opacity: .5; font-size: 20px; width: 40px; line-height: 40px; height: 40px; padding: 0 }

.p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-next:hover, .p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-prev:hover { opacity: 1 }

.p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-next::after, .p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-prev::after { display: none }

.p-news .container .m-left .list { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -3%; margin-right: -3%; padding-top: 30px }

.p-news .container .m-left .list > * { box-sizing: border-box; width: 47.087378641%; margin: 2.912621359% 2.912621359% 0 0 }

.p-news .container .m-left .list a .pic { overflow: hidden; position: relative }

.p-news .container .m-left .list a .pic div { width: 100%; padding: 35% 0; transition: all .2s }

.p-news .container .m-left .list a .pic:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,.2); opacity: 0; transition: all .2s }

.p-news .container .m-left .list a .title { font-size: 16px; margin-top: 10px; overflow: hidden; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2 }

.p-news .container .m-left .list a .time { color: #999; font-size: 12px }

.p-news .container .m-left .list a:hover .pic div { transform: scale(1.1) }

.p-news .container .m-left .list a:hover .pic:after { opacity: 1 }

.p-news .container .m-left .list a:hover .title { color: #e12d30 }

.p-news .container .m-left .detail .title { font-size: 24px }

.p-news .container .m-left .detail .time { color: #999; border-bottom: 1px solid #ddd; padding: 10px 0 }

.p-news .container .m-left .detail .content { padding: 20px 0 }

.p-news .container .m-left .detail .content-wap { display: none }

.p-news .container .m-right { width: 330px; margin-left: 60px; background: #f5f5f5; box-sizing: border-box; padding: 20px }

@media(max-width: 767px) {
    .p-news .container { display: block; padding-top: 30px; padding-bottom: 30px }

    .p-news .container .m-left { width: auto }

    .p-news .container .m-left .vouch .swiper-container .swiper-slide a .info { padding: 0 110px 0 10px; height: 60px; display: flex; align-items: center }

    .p-news .container .m-left .vouch .swiper-container .swiper-slide a .info h2 { overflow: hidden; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; font-size: 12px; width: 100% }

    .p-news .container .m-left .vouch .swiper-container .swiper-slide a .info p { display: none }

    .p-news .container .m-left .vouch .swiper-container .swiper-button { right: 10px; bottom: 13px }

    .p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-next, .p-news .container .m-left .vouch .swiper-container .swiper-button .swiper-button-prev { width: 30px; line-height: 30px; height: 30px }

    .p-news .container .m-left .list { padding-top: 15px }

    .p-news .container .m-left .list a .title { font-size: 14px }

    .p-news .container .m-left .detail .title { font-size: 24px }

    .p-news .container .m-left .detail .time { color: #999; border-bottom: 1px solid #ddd; padding: 10px 0 }

    .p-news .container .m-left .detail .content { display: none }

    .p-news .container .m-left .detail .content-wap { display: block; padding: 20px 0 }

    .p-news .container .m-left .about .info { position: static; padding: 10px; background: #f5f5f5; color: #343434 }

    .p-news .container .m-right { width: auto; margin-left: 0; margin-top: 15px }
}