.container {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
.layout-between {
  display: flex;
  justify-content: space-between;
}
.layout-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 415px) {
  [class^="mob-"],
  [class*=" mob-"] {
    display: block;
  }
  .header-widget .h-w-box {
    height: 50px;
  }
  .header-widget .h-w-box .h-w-mob-nav-btn {
    display: block;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7oj5zljZU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6I+c5Y2VIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAtOSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNNCw3IEwzNiw3IEwzNiwxMCBMNCwxMCBMNCw3IFogTTQsMTggTDM2LDE4IEwzNiwyMSBMNCwyMSBMNCwxOCBaIE00LDI5IEwzNiwyOSBMMzYsMzIgTDQsMzIgTDQsMjkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjNzc3Nzc3Ij48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center;
    background-size: contain;
  }
  .header-widget .h-w-box .h-w-logo {
    position: absolute;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .header-widget .h-w-box .h-w-nav {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50px;
    left: 0;
    background-color: #fff;
    padding: 0 20px;
  }
  .header-widget .h-w-box .h-w-nav .h-w-link {
    display: block;
    margin: 0;
    padding: 16px 0;
    font-size: 15px;
    color: #444;
    border-bottom: 1px solid #eee;
  }
  .header-widget .h-w-box .h-w-nav .h-w-link:hover::after {
    display: none;
  }
  .header-widget .h-w-box .h-w-nav .h-w-link:first-of-type::after {
    content: "";
    position: relative;
    margin-right: 14px;
    float: right;
    height: 20px;
    width: 14px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7nrq3lpLQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i566t5aS0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iI0E1QTVBNSIgcG9pbnRzPSIxMC44Nzg2Nzk3IDIuMzkzMzk4MjggMTMgMC4yNzIwNzc5MzkgMjUuNzI3OTIyMSAxMyAxMyAyNS43Mjc5MjIxIDEwLjg3ODY3OTcgMjMuNjA2NjAxNyAyMS40ODUyODE0IDEzIj48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header-widget .h-w-box .h-w-service-ico,
  .header-widget .h-w-box .h-w-service {
    display: none;
  }
  .header-widget .h-w-box .h-w-login-btn {
    position: relative;
    top: -2px;
  }
  .header-widget[state="show"] .h-w-box .h-w-mob-nav-btn {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7lhbPpl608L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5YWz6ZetIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiM3Nzc3NzciIHBvaW50cz0iMjIuMTQyMTM1NiAyMC4wMjA4MTUzIDMyLjA0MTYzMDYgMjkuOTIwMzEwMiAyOS45MjAzMTAyIDMyLjA0MTYzMDYgMjAuMDIwODE1MyAyMi4xNDIxMzU2IDEwLjEyMTMyMDMgMzIuMDQxNjMwNiA4IDI5LjkyMDMxMDIgMTcuODk5NDk0OSAyMC4wMjA4MTUzIDggMTAuMTIxMzIwMyAxMC4xMjEzMjAzIDggMjAuMDIwODE1MyAxNy44OTk0OTQ5IDI5LjkyMDMxMDIgOCAzMi4wNDE2MzA2IDEwLjEyMTMyMDMiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center;
    background-size: contain;
  }
  .header-widget[state="show"] .h-w-box .h-w-nav {
    display: block;
  }
  .header-widget[state="show"] .h-w-box .h-w-login-btn {
    display: none;
  }
  .banner-widget {
    margin-top: 50px;
    overflow: hidden;
  }
  .banner-widget .b-w-video {
    width: auto;
    height: 340px;
  }
  .banner-widget .b-w-center .b-w-logo {
    width: 90px;
  }
  .banner-widget .b-w-center .b-w-title {
    font-size: 24px;
  }
  .banner-widget .b-w-center .b-w-sub-title {
    font-size: 20px;
    margin-bottom: 28px;
  }
  .download-widget {
    display: none;
  }
  .mob-download-widget {
    padding: 26px 20px;
  }
  .mob-download-widget .md-w-list {
    margin: 28px 0;
  }
  .mob-download-widget .md-w-list .md-w-item {
    display: flex;
    margin-bottom: 16px;
  }
  .mob-download-widget .md-w-list .md-w-item .md-w-item-cover {
    width: 54px;
  }
  .mob-download-widget .md-w-list .md-w-item .md-w-item-text {
    flex-grow: 1;
    padding: 0 14px;
    padding-top: 4px;
    font-size: 18px;
    color: #444;
  }
  .mob-download-widget .md-w-list .md-w-item .md-w-item-text .md-w-item-text-small {
    margin-top: 4px;
    font-size: 13px;
  }
  .mob-download-widget .md-w-list .md-w-item .md-w-item-btn {
    padding-top: 14px;
  }
  .pro-desc-widget .pd-w-item {
    width: 100%;
    margin-top: 5px;
    height: 280px;
  }
  .pro-desc-widget .pd-w-item:nth-child(1),
  .pro-desc-widget .pd-w-item:nth-child(4) {
    display: none;
  }
  .pro-desc-widget .pd-w-item:nth-child(2) {
    border-left: none;
    order: 2;
  }
  .pro-desc-widget .pd-w-item:nth-child(3) {
    border-right: none;
    order: 1;
  }
  .pro-desc-widget .pd-w-item .pd-w-logo {
    width: 70px;
  }
  .pro-desc-widget .pd-w-item .pd-w-title {
    font-size: 20px;
    margin: 20px 0 10px;
  }
  .contact-widget {
    padding: 0 20px 30px;
    background: none;
  }
  .contact-widget .c-w-box {
    display: block;
    padding: 0;
  }
  .contact-widget .c-w-box .c-w-left {
    display: block;
    margin-bottom: 26px;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col {
    width: 100%;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col .c-w-col-title {
    font-size: 16px;
    margin-bottom: 0;
    padding: 14px 0;
    border-bottom: 1px solid #ddd;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col .c-w-col-title::after {
    content: "";
    position: relative;
    top: 2px;
    margin-right: 14px;
    float: right;
    height: 20px;
    width: 14px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7nrq3lpLQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i566t5aS0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iI0E1QTVBNSIgcG9pbnRzPSIxMC44Nzg2Nzk3IDIuMzkzMzk4MjggMTMgMC4yNzIwNzc5MzkgMjUuNzI3OTIyMSAxMyAxMyAyNS43Mjc5MjIxIDEwLjg3ODY3OTcgMjMuNjA2NjAxNyAyMS40ODUyODE0IDEzIj48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center;
    background-size: contain;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col .c-w-col-link {
    display: none;
    font-size: 15px;
    margin-bottom: 0;
    padding: 12px 16px;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col .c-w-col-link:first-of-type {
    padding-top: 26px;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col .c-w-col-link:last-of-type {
    padding-bottom: 30px;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col .c-w-col-link .c-w-col-erweima {
    display: none;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col[state="down"] .c-w-col-title::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .contact-widget .c-w-box .c-w-left .c-w-col[state="down"] .c-w-col-link {
    display: block;
  }
  .contact-widget .c-w-box .c-w-left .c-w-col[state="down"] .c-w-col-link .c-w-col-erweima {
    display: inline-block;
  }
  .contact-widget .c-w-box .c-w-logo {
    display: none;
  }
  .contact-widget .c-w-box .c-w-bold {
    font-size: 16px;
    margin: 6px 0;
  }
  .contact-widget .c-w-box .c-w-small {
    font-size: 13px;
    margin-top: 22px;
    line-height: 2;
  }
  .contact-widget .c-w-mob-blue {
    color: #417ff9;
  }
  .footer-widget {
    padding: 20px 20px 40px;
    border-top: 1px solid #ddd;
  }
  .footer-widget .f-w-layout:first-child {
    margin-bottom: 6px;
  }
  .footer-widget .f-w-layout:first-child .f-w-first-line,
  .footer-widget .f-w-layout:first-child .f-w-second-line {
    display: none;
  }
  .footer-widget .f-w-layout .f-w-big-line-img {
    height: 27px;
    margin-right: 2px;
  }
  .footer-widget .f-w-layout .f-w-sub-text {
    display: block;
    margin-top: 16px;
  }
  .footer-widget .f-w-layout .f-w-sub-text .f-w-sub-space {
    display: inline;
    margin-left: 20px;
  }
  .footer-widget .f-w-layout .f-w-bottom-logo,
  .footer-widget .f-w-layout .f-w-bottom-text {
    display: none;
  }
}