@charset "utf-8";
/*开始*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0px;
    border: 0;
    outline: none;
}
header, nav, footer, menu {
    display: block;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100px;
}
body {
    font-family: "microsoft yahei", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333;
    position: relative;
    background-color: #fff;
}
dt {
    font-weight: 300;
}
img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}
li {
    list-style-type: none;
}
a, a:hover, a:focus {
    text-decoration: none;
    color: #333;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}
button, input, textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}
b, strong {
    font-weight: 700;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1, h1 {
    font-size: 36px;
}
.h2, h2 {
    font-size: 30px;
}
.h3, h3 {
    font-size: 24px;
}
.h4, h4 {
    font-size: 18px;
}
.h5, h5 {
    font-size: 14px;
}
.h6, h6 {
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    flex-flow: row wrap;
}
.display-flex-center {
    -webkit-justify-content: center;
    -ms-flex-pack: distribute;
    justify-content: center;
}
.display-flex-top {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.display-flex-bottom {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.display-flex-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: distribute;
    justify-content: flex-start;
}
/* 导航开始 */
.header {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
    z-index: 9;
}
.header .logo {
    padding: 0.45rem 0;
    font-size: 0.45rem;
    text-transform: capitalize;
}
.header .logo a img {
    width: 2.85rem;
    display: block;
    margin-right: 0.475rem;
}
.header .nav {
    float: left;
}
.header .nav li {
    float: left;
    margin-right: 0.7rem;
}
.header .nav li > a {
    font-size: 0.475rem;
    color: #333333;
    display: block;
    padding: 0.9rem 0.55rem 0.9rem 0;
}
.header .nav li.nav_level > a {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/nav_prev.jpg);
}
.header .nav li a:hover, 
.header .nav li.active > a {
    color: #1d2188;
    background-color: transparent;
}
.header .nav li:hover .nav-content {
    top: 2.25rem;
    opacity: 1;
    visibility: visible;
}
.nav-content {
    position: absolute;
    top: 3.0rem;
    left: 0;
    width: 174px;
    z-index: 98;
    transition: all 0.4s;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
}
.nav-content .nav-content-hd-box {
    width: 100%;
    background-color: #ffffff;
}
.nav-content .nav-content-hd-box .nav-content-hd-item a {
    text-align: left;
    font-size: 0.45rem;
    font-weight: 300;
    color: #666666;
    display: block;
    padding: 0.25rem 0.65rem;
    position: relative;
    text-transform: uppercase;
}
.nav-content .nav-content-hd-box .nav-content-hd-item+.nav-content-hd-item a::after {
    content: '';
    height: 1px;
    position: absolute;
    left: 0.65rem;
    right: 0.65rem;
    top: 0;
    background-color: #eeeeee;
}
.nav-content .nav-content-hd-box .nav-content-hd-item>a:hover {
    color: #1d2188;
    background-color: #f2f2f2;
}
.web_operation {
    float: right;
    padding: 0.9625rem 0;
}
.language_choice {
    float: left;
    color: #999999;
    font-size: 0.4rem;
    padding-left: 0.875rem;
    background: url(../images/language_choice.png) no-repeat left center;
    background-size: 0.75rem 0.375rem;
    position: relative;
    cursor: pointer;
}
.language_choice:hover .language_choice_box {
    opacity: 1;
    visibility: visible;
    top: 0.55rem;
}
.language_choice_box {
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    padding-top: 0.5rem;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all .33s;
       -moz-transition: all .33s;
        -ms-transition: all .33s;
         -o-transition: all .33s;
            transition: all .33s;
}
.language_choice_box::after {
    content: '';
    border-bottom: 0.25rem solid #dddddd;
    border-left: 0.275rem solid transparent;
    border-right: 0.275rem solid transparent;
    position: absolute;
    top: 0.25rem;
    right: 0.125rem;
}
.language_choice_box a {
    display: block;
    background-color: #fff;
    padding: 0.2rem 0.375rem;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.language_choice_box a:hover {
    color: #1d2188;
}


.search {
    padding-left: 0.325rem;
    margin-left: 0.375rem;
    position: relative;
    cursor: pointer;
    float: left;
}
.search img {
    display: block;
}
.search::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 0.65rem;
    background-color: #eaeaea;
    margin-top: -0.325rem;
}
.JP-overlayNavButton {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -20px;
}
.JP-overlayNavButton a {
  width: 40px;
  height: 40px;
  background-color: #d0d3d5;
  border-radius: 100%;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-image: url(../images/icn-humberger.png);
}
.JP-overlayNavButton.is-show a {
  background-position: center -40px;
}
.JP-overlayNavButton.is-show {
  position: fixed;
  z-index: 99;
  top: 30px;
}
/*手机导航*/
.JP-overlayNav {
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-y: auto;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.JP-overlayNav.is-show {
  visibility: visible;
}
.JP-overlayNav__inner {
  position: relative;
}
body.is-tablet .JP-overlayNav {
  overflow: auto;
}
.JP-overlayNav::after {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: fixed;
  right: 15px;
  top: 15px;
  visibility: hidden;
  background-color: #333f48;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  content: '';
  opacity: 0.5;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: -1;
}
.JP-overlayNav.is-show::after {
  visibility: visible;
  -webkit-transform: scale(200);
  -ms-transform: scale(200);
  transform: scale(200);
  opacity: 1;
}
.JP-overlayNav__inner {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
  box-sizing: border-box;
  padding: 0 20px 0 20px;
}
.JP-overlayNav.is-show .JP-overlayNav__inner {
  opacity: 1;
}
.JP-overlayNav__body {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.JP-overlayNav__body a {
  color: #fff;
}
.JP-overlayNav__menu {
  padding-top: 70px;
  padding-bottom: 0;
}
.JP-overlayNav__menuItemHeader {
  font-size: 16px;
  border-bottom: #5c656d 1px solid;
}
.JP-overlayNav__menuItemHeader a {
  position: relative;
  display: block;
  padding: 0.6rem 0;
  background-repeat: no-repeat;
  background-position: right 17.5px center;
  background-size: 9px 13px;
  background-image: url('../images/icn-arrow-right.png');
}
.JP-overlayNav__menuItemBody {
  display: none;
  padding: 5px 0;
  border-bottom: #5c656d 1px solid;
}
.JP-overlayNav__menuItemBody>ul>li>a {
  padding: 5px 0;
  display: block;
  font-size: 14px;
}
/**/
.footer {
    background: #ffffff;
    color: #333333;
    border-top: 0.05rem solid #e5e5e5;
}
.footer .footer-nav {
    position: relative;
    padding: 2.0rem 0;
}
.footer .footer-nav .footer-ul li {
    font-size: 0.375rem;
    color: #333;
    line-height: 2;
}
.footer .footer-nav .footer-ul li.packaging {
    color: #333333;
    font-size: 0.45rem;
    text-transform: capitalize;
}
.footer .footer-nav .footer-ul li.packaging img {
    margin-right: 0.4rem;
}
.footer .footer-nav .footer-ul li.title {
    font-size: 0.55rem;
    font-weight: bold;
    position: relative;
    color: #1b1b1b;
    padding: 0.25rem 0;
}
.footer .footer-nav .code {
    width: 3.5rem;
    text-align: center;
    font-size: 0.375rem;
    color: #333333;
    margin-top: 0.65rem;
}
.footer .footer-nav .code .code_box {
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
    width: 3.5rem;
    margin-bottom: 0.15rem;
}
.footer .footer-nav .code img {
    display: block;
}
.footer .most-footer {
    padding: 0.6rem 0;
    color: #ffffff;
    background-color: #1c326b;
    font-size: 15px;
}
.footer .most-footer a {
    color: #fff;
}
/*banner*/
.banner {
    position: relative;
}
.banner .swiper-pagination-bullet {
    z-index: 20;
    background: #fff;
    border-radius: 100%;
    width: 0.3rem;
    height: 0.3rem;
    opacity: 1;
    position: relative;
    overflow: hidden;
}
.banner .swiper-pagination-bullet:after {
    z-index: 1111;
    position: absolute;
    content: "";
    left: 0;
    height: 20px;
    top: -6px;
    width: 110%;
    -webkit-transform: translate(-110%, 0);
    -moz-transform: translate(-110%, 0);
    -ms-transform: translate(-110%, 0);
    transform: translate(-110%, 0);
    background: #b5161a;
}
.banner .swiper-pagination-bullet-active:after {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    transition: all 5s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
#w_banner {
    position: relative;
}
/*导航结束*/

/*首页*/
.h-title {
    background: #ffffff;
    position: relative;
    width: 100%;
    padding: 1.40rem 0;
    color: #121212;
    font-size: 0.75rem;
    text-align: center;
}
.h-title::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.15);
    width: 2px;
    height: 1.25rem;
    position: absolute;
    left: 50%;
    bottom: -0.625rem;
    margin-left: -1px;
}
.web_more {}
.web_more a {
    border: 1px solid #ffffff;
    width: 150px;
    height: 44px;
    line-height: 42px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 14px;
    visibility: hidden;
    display: block;
    text-align: center;
    visibility: visible;
}
.web_more a:hover {
    color: #ffffff;
}

.h-about-bg {
  position: relative;
    background: url(../images/about-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 5.5rem 0 4.5rem;
    text-align: center;
    color: #fff;
}
.h-about-bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 33, 136, 0.9);
}
.h-about-bg .container {
  position: relative;
  z-index: 1;
}
.h-about .title {
    font-size: 0.95rem;
}
.h-about .text {
    font-size: 0.4rem;
    padding: 1.15rem 0 1.9rem;
    line-height: 2;
}

.h-news-bg {
    background: #e9e9e9;
    padding: 2.0rem 0 0.75rem;
    text-align: center;
}
.h-news .title {
    font-size: 0.95rem;
    padding-bottom: 0.15rem;
}
.h-news .time {
    font-size: 14px;
    color: #666666;
}
.h-news .text {
    padding: 0.5rem 0 0.75rem;
}
.h-news .h-news-swiper {
    padding-bottom: 0.75rem;
}
.h-news .h-news-swiper .swiper-pagination {
    bottom: 0;
}
.h-news .h-news-swiper .swiper-pagination .swiper-pagination-bullet,
.h-product-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #b5b5b5;
    width: 0.3rem;
    height: 0.3rem;
    opacity: 1;
    margin: 0 0.25rem;
}
.h-news .h-news-swiper .swiper-pagination .swiper-pagination-bullet-active,
.h-product-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #b41d19;
}

.h-service-bg {
    background: #ffffff;
    overflow: hidden;
}
.service_list {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    margin-top: -0.5rem;
}
.service_list>li {
    float: left;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.5rem;
    width: 31.25%;
    position: relative;
}
.service_list>li .box {
    position: relative;
    height: 8.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.service_list>li .box span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.service_list>li .bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all .22s;
       -moz-transition: all .22s;
        -ms-transition: all .22s;
         -o-transition: all .22s;
            transition: all .22s;
}
.service_list>li.daily {
    width: 37.50%;
}
.service_list>li.daily .box {
    height: 17.5rem;
}
.service_list>li.food {}
.service_list>li.luxury {}
.service_list>li.electronic {}
.service_list>li.retail {}

.service_partner {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .30s;
       -moz-transition: all .30s;
        -ms-transition: all .30s;
         -o-transition: all .30s;
            transition: all .30s;
}
.service_partner .title {
    font-size: 0.75rem;
    color: #21238b;
    text-align: center;
    padding: 0.6rem 0 0.75rem;
}
.service_partner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.service_partner ul li {
    text-align: center;
    margin-bottom: 0.375rem;
}
.service_partner .service_partner_btn {
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    margin-left: -0.25rem;
}
.h-product-bg {
    background: #e9e9e9;
}
.h-product-swiper {
    padding: 4.25rem 0 3.25rem;
}
.h-product-swiper .box {
    width: 45%;
    padding-right: 8%;
}
.h-product-swiper .img {
    width: 55%;
}
.h-product-swiper .title {
    font-size: 0.95rem;
    color: #333333;
    padding-bottom: 0.4rem;
    margin-bottom: 0.75rem;
    position: relative;
}
.h-product-swiper .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 1.25rem;
    background-color: #b41d19;
}
.h-product-swiper .text {
    font-size: 0.4rem;
    color: #333333;
    line-height: 2;
    margin-bottom: 0.75rem;
}
.h-product-swiper .web_more a {
    color: #333333;
    border: 1px solid #333333;
    margin: 0;
}
.h-product-swiper .swiper-pagination  {
    bottom: 0.75rem;
}
/*手机搜索*/
.move-box {
    display: none;
    width: 100%;
    position: relative;
    background: #ededed;
}
.move-serch {
    width: 100%;
    height: 2.0rem;
    padding: 0.375rem 0;
    z-index: 6;
    position: relative;
}
.move-serch form {
    height: 100%;
}
.move-serch input {
    width: 89%;
    height: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    color: #333;
    padding-left: 1.0rem;
    padding-right: 0.25rem;
    float: left;
}
.move-serch a {
    float: right;
    width: 10%;
    padding: 0;
    font-size: 16px;
    color: #ffffff;
    border: 0;
    height: 100%;
    border-radius: 4px;
    background: #0061ae;
    display: block;
    line-height: 1.25rem;
    text-align: center;
}
.move-serch .icon {
    position: absolute;
    left: 0.325rem;
    top: 50%;
    background-image: url(../images/icon02.png);
    background-size: 100%;
    width: 0.375rem;
    height: 0.375rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.banner .swiper-pagination {
    height: 0.3rem;
    font-size: 0;
    overflow: hidden;
    bottom: 0.75rem;
}
.bg-box {
    width: 100%;
    overflow: hidden;
}
.bg-box .wp {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
}
.bg-box .wp .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    font-size: 0;
    background: rgba(255, 255, 255, 0.80);
}
.bg-box .wp .title .left {
    padding: 0 0.12rem;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    font-weight: bold;
    color: #006f8b;
    width: 350px;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
}
.bg-box .wp .title .nr {
    padding: 0 0.21rem;
    width: 850px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}
.bg-box .wp .title .table {
    display: table;
    height: 100%;
    width: 100%;
}
.bg-box .wp .title .table .middle {
    line-height: 1.8;
    display: table-cell;
    vertical-align: middle;
    padding: 0.175rem 0;
}
.bg-box .wp .title .nr .table .middle {
    font-size: 16px;
    color: #333333;
}
.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 955px;
    position: relative;
    z-index: 2;
}
.product-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    line-height: 2;
    padding: 0.145rem 0.15rem;
    box-sizing: border-box;
    z-index: 3;
    background: rgba(0, 0, 0, 0.7);
}
.product-bg-box {
    max-width: 830px;
    margin: 0 auto;
}
/**/
.side_breadcrumb {
    background-color: #f2f2f2;
}
.side_breadcrumb li {
    padding: 0 0.85rem;
}
.side_breadcrumb li a {
    font-size: 0.55rem;
    color: #333333;
    display: block;
    position: relative;
    padding: 0.6rem 0;
    text-transform: uppercase;
}
.side_breadcrumb li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.075rem;
    width: 0;
    background-color: #1d2188;
    -webkit-transition: all .35s;
       -moz-transition: all .35s;
        -ms-transition: all .35s;
         -o-transition: all .35s;
            transition: all .35s;
}
.side_breadcrumb li.active a::after,
.side_breadcrumb li a:hover::after {
    width: 100%;
}

.services,
.product {
    padding: 1.75rem 0 5.0rem;
}
.services li .img,
.product li .img {
    padding-left: 0;
    padding-right: 0;
}
.services li .text {
    padding-left: 4.1666667%;
    padding-right: 4.1666667%;
}
.product li .text {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.product li .text .title {
    font-size: 1.2rem;
    position: relative;
    z-index: 9;
}
.product li .text .title::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -100px;
    margin-top: -0.0375rem;
    height: 0.075rem;
    width: 2.0rem;
    background-color: #000000;
}
.product li .text .title a {
    color: #111111;
}
.product li .text .title_en {
    font-size: 0.5rem;
    color: #999999;
    text-transform: capitalize;
    padding: 0.125rem 0 0.75rem;
}
.services li .text .title {
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}
.services li .text .title a {
    color: #333;
}
.services li .text .title a:hover,
.product li .text .title a:hover {
    color: #21238b;
}
.services li .text .box,
.product li .text .box {
    font-size: 0.45rem;
    line-height: 1.8;
    padding: 0.75rem 0;
    max-width: 12.75rem;
    text-align: justify;
}
.product li .text .box {
    max-width: 14.0rem;
}
.product .swiper-pagination {
    bottom: 0.375rem;
}
.product .swiper-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    line-height: 1.2;
    margin: 0 0.2rem;
    font-size: 0.45rem;
    color: #333333;
    background-color: transparent;
    opacity: 1;
    border-radius: 0;
    border-bottom: 1px solid transparent;
}
.product .swiper-pagination .swiper-pagination-bullet-active {
    border-bottom: 1px solid #21238b;
    color: #21238b;
}
.services li:nth-child(2n-1),
.product li:nth-child(2n-1) {
    background-color: #f9f9f9;
}
.services li:nth-child(2n) .text .box,
.product li:nth-child(2n) .text .box {
    float: right;
}
.product li:nth-child(2n) .text .title,
.product li:nth-child(2n) .text .title_en {
    text-align: right;
}
.product li:nth-child(2n) .text .title::after {
    left: inherit;
    right: -2.5rem;
}
.equipment {
    background-color: #e9e9e9;
    padding: 1.5rem 0 1.75rem;
}
.equipment .title {
    font-size: 1.05rem;
    color: #111111;
    padding-bottom: 0.4rem;
    text-align: center;
}
.equipment .text {
  text-align: center;
  padding-bottom: 0.9rem;
  line-height: 1.5;
}
.equipment .text .equipment_title {
  font-size: 0.75rem;
  text-align: center;
  padding-bottom: 0.25rem;
}
.equipment .equipment_swiper li {
  text-align: center;
} 
.equipment .e_title {
    font-size: 0.75rem;
    color: #21238b;
    text-align: center;
    padding: 0.5rem 0;
}
.equipment .equipment_prev,
.equipment .equipment_next {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #ffffff;
    background-size: 0.325rem auto;
    border-radius: 100%;
    margin-top: -1.65rem;
}
.equipment .equipment_prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
    left: 0.625rem;
}
.equipment .equipment_next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
    right: 0.625rem;
}
.services_details {
    padding: 1.5rem 0 2.0rem;
}
.services_details .services_details_head {
    border-bottom: 0.075rem solid #e5e5e5;
    padding-bottom: 0.5rem;
    margin-bottom: 1.125rem;
    position: relative;
}

.services_details .services_details_head .title {
    font-size: 1.05rem;
    text-align: center;
}
.services_details .services_details_head .share {
    position: absolute;
    bottom: 0.55rem;
    right: 0;
    cursor: pointer;
    border-radius: 100%;
}
.services_details .text {
    font-size: 0.45rem;
    color: #555555;
    line-height: 1.8;
}
.services_details .text p {
    padding-bottom: 0.5rem;
}
.services_details .web_more {
    padding-top: 1.0rem;
}
.services_details .web_more a {
    background-color: #1d2188;
    border: 1px solid #1d2188;
    color: #fff;
}
/**/
.partner {
    padding: 1.75rem 0 2.0rem;
}
.partner .swiper-wrapper li .box {
    background-color: #eeeeee;
    height: 3.5rem;
}
.partner .swiper-pagination {
    position: relative;
    bottom: 0;
    width: auto;
}
.partner .swiper-pagination-bullet {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    margin: 0 0.2rem;
    font-size: 0.45rem;
    color: #333333;
    background-color: #e9e9e9;
    opacity: 1;
}
.partner .swiper-pagination-bullet-active {
    background-color: #21238b;
    color: #fff;
}
.partner .partner_button {
    margin-top: 1.25rem;
}
.partner .partner_prev,
.partner .partner_next {
    position: relative;
    top: 0;
    margin-top: 0;
    background-size: 0.4rem auto;
}
.partner .partner_prev {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
}
.partner .partner_prev.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}
.partner .partner_next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
}
.partner .partner_next.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}

/*联系我们*/
.contact_company {
    padding: 1.75rem 0;
}
.contact_company li+li {
    padding-left: 1.75rem;
}
.contact_company li+li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #f2f2f2;
}
.contact_company .title {
    color: #1d2188;
    font-size: 0.75rem;
    padding-bottom: 0.875rem;
}
.contact_company .box_list {
    font-size: 0.45rem;
    padding-left: 0.75rem;
    margin-bottom: 0.625rem;
}
.contact_company .box_list .subheading {
    font-size: 0.5rem;
    position: relative;
    margin-bottom: 0.35rem;
}
.contact_company .box_list .subheading::after {
    content: '';
    background-color: #333399;
    width: 0.45rem;
    height: 2px;
    position: absolute;
    top: 50%;
    left: -0.75rem;
}
.contact_company .box_list p {}
.contact_message {
    background-color: #e9e9e9;
    padding: 1.5rem 0 1.75rem;
}
.contact_message .title {
    font-size: 1.05rem;
    text-align: center;
    padding-bottom: 0.875rem;
}
.contact_message .form-control {
  border-radius: 0;
  height: 1.75rem;
  font-size: 0.5rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid #fff;
  box-shadow: none;
  -webkit-transition: all .25s;
     -moz-transition: all .25s;
      -ms-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
.contact_message textarea.form-control {
    height: 5.0rem;
}
.contact_message .form-control:focus {
  border: 1px solid #212a97;
  color: #111;
}
.contact_message .form-group {
  margin-bottom: 0.625rem;
}
.contact_message .radio-button {
  text-align: center;
  padding-top: 0.25rem;
}
.contact_message .radio-button .btn {
  background-color: #212a97;
  width: 3.75rem;
  font-size: 14px;
  height: 44px;
  color: #fff;
  border-radius: 0;
}

.recruit {
    padding: 1.75rem 0 2.0rem;
}
.recruit_describe {
    text-align: center;
    font-size: 0.4rem;
    color: #555555;
    max-width: 18.75rem;
    margin: 0 auto;
    line-height: 1.8;
    padding-bottom: 1.5rem;
}
.recruit .title {
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
}
.recruit .mailbox {
    padding: 0.5rem 0 1.0rem;
    text-align: center;
    color: #1d2188;
    font-size: 0.6rem;
    font-weight: bold;
}
.panel-group {
    margin-bottom: 1.25rem;
}
.panel-group .panel {
    box-shadow: none;
    border: none;
}
.panel-group .panel+.panel {
    margin-top: 0.5rem;
}
.panel-group .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
}
.panel-group .panel-body {
    height: auto;
    padding: 0.5rem 1.0rem;
    border: none !important;
    color: #555555;
    line-height: 2;
    font-size: 0.4rem;
}
.panel-group .panel-body h4 {
    margin-bottom: 0.375rem;
    position: relative;
    font-weight: 300;
    font-size: 0.5rem;
    color: #111111;
}

.panel-group .panel-heading a {
    color: #ffffff;
    display: block;
    font-size: 0.6rem;
    background: #1d2188;
    position: relative;
}
.panel-group .panel-heading a div.problem-title {
    padding: 0.45rem 2.25rem 0.45rem 0.75rem;
    position: relative;
}
.problem-hover {
    width: 2.25rem;
    float: right;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}
.problem-hover:after, 
.problem-hover:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.problem-hover:after {
    width: 2px;
    height: 16px;
    top: -100%;
    margin-top: -8px;
    margin-left: -1px;
}
.problem-hover:before {
    height: 2px;
    width: 16px;
    margin-left: -8px;
    margin-top: -1px;
}
.panel-group .panel-heading a.collapsed .problem-hover:after {
    top: 50%;
}
.panel-group .panel-heading a.collapsed {
    background: #e9e9e9;
    color: #333;
}
.panel-group .panel-heading a.collapsed div.problem-title:after {
    background: #1d2188;
}
.panel-group .panel-heading a.collapsed .problem-hover:after, 
.panel-group .panel-heading a.collapsed .problem-hover:before {
    background-color: #1d2188;
}

.pagination {
  margin: 0;
}
.pagination li a, 
.pagination li span {
  margin: 0 0.2rem !important;
  background-color: #e9e9e9;
  color: #333333;
  border: none;
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.45rem;
  border-radius: 100%;
}
.pagination li.active a, 
.pagination li.active span {
  color: #ffffff;
  background-color: #21238b;
}
.pagination>li span.pagination-menu-left, 
.pagination>li a.pagination-menu-left,
.pagination>li span.pagination-menu-right, 
.pagination>li a.pagination-menu-right {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem auto;
  width: 0.75rem;
}
.pagination>li span.pagination-menu-left, 
.pagination>li a.pagination-menu-left {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
}
.pagination>li span.pagination-menu-right, 
.pagination>li a.pagination-menu-right {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
}
.pagination>li.disabled span.pagination-menu-left, 
.pagination>li.disabled a.pagination-menu-left {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}
.pagination>li.disabled span.pagination-menu-right, 
.pagination>li.disabled a.pagination-menu-right {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}

/**/
.activity {
    padding: 1.75rem 0 2.0rem;
}
.activity_list {
    float: left;
    width: 70.4166667%;
}
.activity_list>ul {
    border-top: 0.05rem solid #dddddd;
    padding-bottom: 1.25rem;
}
.activity_list>ul li {
    border-bottom: 0.05rem solid #dddddd;
    padding: 1.0rem 0;
}
.activity_list>ul li .img {
    float: left;
    width: 39%;
}
.activity_list>ul li .text {
    float: left;
    width: 61%;
    padding: 0 0.75rem;
    font-size: 0.45rem;
    color: #111111;
    line-height: 1.8;
}
.activity_list>ul li .text .title {
    font-size: 0.65rem;
    color: #1d2188;
}
.activity_list>ul li .text .time {
    font-size: 0.4rem;
    color: #666666;
    padding-bottom: 0.15rem;
}

.activity_history {
    float: right;
    width: 23.75%;
}
.activity_history>.title {
    background-color: #1b2931;
    color: #fff;
    font-size: 0.6rem;
    padding: 0.2rem 0.65rem;
}
.activity_history li {
    margin-top: 0.25rem;
}
.activity_history li .text {
    background-color: #f3f3f3;
    padding: 0.35rem 0.3rem 0.4rem;
}
.activity_history li .text .title {
    font-size: 0.65rem;
    color: #000000;
    padding-bottom: 0.20rem;
}
.activity_history li .text .time {
    font-size: 0.4rem;
    color: #666666;
}
/**/
.about_title {
    font-size: 1.05rem;
    color: #111111;
    padding-bottom: 1.0rem;
    text-align: center;
    text-transform: uppercase;
}
.about_founded {
    padding: 1.75rem 0;
    overflow: hidden;
}
.about_founded .text {
    padding-bottom: 1.5rem;
    font-size: 0.4rem;
    color: #555555;
    line-height: 2.2;
    max-width: 18.375rem;
    margin: 0 auto;
    text-align: center;
}
.about_founded .row {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.about_founded .row>.col-md-6 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.about_founded .row>.col-md-6 .box {
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.06);
}
.about_value {
    padding-bottom: 1.75rem;
}
.about_value li {
    text-align: center;
    font-size: 0.45rem;
    color: #333333;
    line-height: 1.6;
    min-height: 6.5rem;
    line-height: 1.8;
}
.about_value li+li {
    border-left: 1px solid #f0f0f0;
}
.about_value li .img {
    width: 2.75rem;
    margin: 0 auto;
}
.about_value li .title {
    font-size: 0.7rem;
    color: #111111;
    padding: 0.625rem 0 0.25rem;
}
.about_history {
    padding: 1.75rem 0 2.0rem;
    background-color: #e9e9e9;
}
.history_relative {
    position: relative;
}
.history_swiper::after {
    content: '';
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 100%;
    height: 2px;
    background: #303333;
}
.history_swiper .box {
    padding: 0.875rem 0.5rem 0;
    position: relative;
    font-size: 0.45rem;
    color: #333333;
    line-height: 1.8;
}
.history_swiper .box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0.5rem;
    width: 0.35rem;
    height: 0.35rem;
    background-color: #fff;
    border-radius: 100%;
    border: 0.075rem solid #1d2188;
}
.history_swiper .box .time {
    font-size: 0.75rem;
    color: #111111;
}
.history_relative .history_prev,
.history_relative .history_next {
    top: 1.25rem;
    margin-top: 0;
    background-size: 0.4rem auto;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #fff;
    border-radius: 100%;
    opacity: 1;
}
.history_relative .history_prev {
    left: -2.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
}
.history_relative .history_prev.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}
.history_relative .history_next {
    right: -2.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2321238b'%2F%3E%3C%2Fsvg%3E");
}
.history_relative .history_next.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}
.about_development {
    padding: 1.75rem 0;
}
.development_swiper {
    padding-bottom: 1.25rem;
}
.development_swiper .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.development_swiper .swiper-scrollbar {
    background-color: #dddddd;
    bottom: 0;
    left: 0;
    width: 100%;
}
.development_swiper .swiper-scrollbar-drag {
    background-color: #21238b;
}

.about_activity {
    padding: 1.75rem 0;
    background-color: #eeeeee;
}
.about_activity .box {}
.about_activity .box .img {
    width: 53%;
    float: left;
}
.about_activity .box .img img {
    width: 100%;
    display: block;
}
.about_activity .box .text {
    width: 47%;
    float: left;
    padding: 0 1.0rem;
}
.about_activity .box .text .sou {
    font-size: 1.2rem;
    color: #1d2188;
    position: relative;
}
.about_activity .box .text .border {
    height: 1.25rem;
    width: 0.05rem;
    background-color: #aaaaaa;
}
.about_activity .box .text .title {
    font-size: 0.7rem;
    padding-top: 0.1rem;
    padding-bottom: 0.65rem;
}
.about_activity .box .text p {
    font-size: 0.4rem;
    color: #454545;
    line-height: 1.8;
}
.about_activity .box .text .time {
    color: #666666;
    font-size: 14px;
    padding-top: 0.875rem;
}
.about_activity .activity_button {
    position: absolute;
    bottom: 0;
    left: 53%;
    padding: 0 1.0rem;
}
.about_activity .activity_button.active {
    opacity: 0;
    visibility: hidden;
}
.about_activity .activity_button .activity_prev,
.about_activity .activity_button .activity_next {
    position: relative;
    width: 1.0rem;
    height: 1.0rem;
    float: left;
    border-radius: 100%;
    border: 0.05rem solid #21238a;
    background-size: 0.25rem auto;
    opacity: 1;
    top: 0;
    margin-top: 0;
}
.about_activity .activity_button .activity_prev {
    left: 0;
    margin-right: 0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2320238a'%2F%3E%3C%2Fsvg%3E");
}
.about_activity .activity_button .activity_prev.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
    border: 0.05rem solid #999999;
}
.about_activity .activity_button .activity_next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2320238a'%2F%3E%3C%2Fsvg%3E");
}
.about_activity .activity_button .activity_next.swiper-button-disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
    border: 0.05rem solid #999999;
}

.about_activity .web_more {
    padding-top: 1.75rem;
}
.about_activity .web_more a {
    color: #333333;
    border: 1px solid #000000;
}

/* 搜索 */
.selectric-wrapper {
    position: relative;
    cursor: pointer;
}
.selectric-responsive {
    width: 100%;
}
.selectric {
    border-radius: 100px 0 0 100px;
    background: #006f8b;
    position: relative;
    overflow: hidden;
}
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 34px 0 10px;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background-color: #006f8b;
    background-image: url(../images/prev.png);
    background-position: center;
    background-repeat: no-repeat;
}
.selectric-focus .selectric {
    border-color: #aaa;
}
.selectric-hover .selectric {
    border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
    color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2;
}
.selectric-open {
    z-index: 9999;
}
.selectric-open .selectric {
    border-color: #c4c4c4;
}
.selectric-open .selectric-items {
    display: block;
}
.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}
.selectric-hide-select select {
    position: absolute;
    left: -100%;
}
.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: 0;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}
.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: 0 !important;
    border: 0 !important;
    *font: 0/0a !important;
    background: 0 0 !important;
}
.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}
.selectric-items {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    z-index: -1;
    padding: 8px 0;
    border-radius: 10px;
}
.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}
.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}
.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
}
.selectric-items li {
    display: block;
    padding: 6px;
    color: #333333;
    cursor: pointer;
    text-align: center;
}
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover {
    background: #006f8b;
    color: #ffffff;
}
.selectric-items .selectric-group {
    position: absolute;
    top: 40px;
    left: 100%;
    width: 166px;
    background-color: #f5f5f5;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    display: none;
}
.selectric-items .selectric-group .selectric-group-label {
    display: none;
}
.selectric-items .selectric-group li {
    padding: 6px 20px;
    text-align: left;
}