@charset "utf-8";

/* base */

@font-face {
    font-family: gotham;
    font-weight: bold;
    src: url(../fonts/gotham-bold.ttf);
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* font-size: calc(100vw / 7.5); */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #f5f5f5;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    -moz-transition: opacity 0.2s ease-in-out 0.2s;
    -ms-transition: opacity 0.2s ease-in-out 0.2s;
    -o-transition: opacity 0.2s ease-in-out 0.2s;
    transition: opacity 0.2s ease-in-out 0.2s;
    max-width: 1920px;
    margin: 0 auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -moz-outline-style: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

b,
strong {
    font-weight: bold;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: 0;
    /*vertical-align: middle;*/
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

pre {
    overflow: auto;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    font-weight: normal;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    outline: none;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
    outline: none;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}

.visible-xs {
    display: none !important;
}

.img_h {
    position: relative;
    cursor: pointer;
}

.img_h img {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.img_h img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.img_h.img_ha:hover img {
    opacity: 1;
}

.img_h.img_ha:hover img:nth-child(2) {
    opacity: 0;
}

a:hover .img_h.img_ha img,
.img_h:hover img {
    opacity: 0;
}

a:hover .img_h.img_ha img:nth-child(2),
.img_h:hover img:nth-child(2) {
    opacity: 1;
}

.container::after,
.clearfix::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.container {
    margin: auto;
    min-height: 1px;
    width: 100%;
    max-width: 1400px;
}

.line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    line-height: 24px;
}

.line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 72px;
    line-height: 24px;
}

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

[dis-select] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[dis-drag] {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}

@media (max-width: 1560px) {
    .container {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 1360px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 768px) {
    .container {
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }
    .hidden-xs {
        display: none !important;
    }
    .visible-xs {
        display: block !important;
    }
}


/* base */


/* scrollbar */

@media (min-width: 1024px) {
     ::-webkit-scrollbar-track-piece {
        width: 10px;
        background-color: #ccc;
    }
     ::-webkit-scrollbar {
        width: 8px;
        height: 6px
    }
     ::-webkit-scrollbar-thumb {
        height: 50px;
        background-color: #666;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
     ::-webkit-scrollbar-thumb:hover {
        background: #333;
    }
     ::selection {
        background: #ccc;
        color: #fff;
    }
}


/* scrollbar */


/* animation */


/*
  animation: jump_down 1.8s infinite ease-in-out;
    -moz-animation: jump_down 1.8s infinite ease-in-out;
    -webkit-animation: jump_down 1.8s infinite ease-in-out;
  -o-animation: jump_down 1.8s infinite ease-in-out;
*/


/* jump_down */

@keyframes jump_down {
    0% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
    50% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
}

@-moz-keyframes jump_down {
    0% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
    50% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
}

@-webkit-keyframes jump_down {
    0% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
    50% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
}

@-o-keyframes jump_down {
    0% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
    50% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
}


/* jump_down */


/* animation */


/* page */


/*
  <div class="pagination">
    <div class="page_pc hidden-xs clearfix">
      <a href="javascript:;">上一页</a>
      <a href="javascript:;" class="page_num act">1</a>
      <a href="javascript:;" class="page_num">2</a>
      <a href="javascript:;" class="page_num">3</a>
      <a href="javascript:;">下一页</a>
      <em>共10页</em>
    </div>
    <a href="javascript:;" class="page_sj visible-xs">加载更多</a>
  </div>
*/

.pagination {
    margin: 0px auto;
}

.page_pc {
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    height: 60px;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
}

.page_pc a {
    color: #666;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 14px;
    margin: 0 6px;
    display: inline-block;
}

.page_pc a:first-child {
    margin-right: 16px;
}

.page_pc a:last-child {
    margin-left: 16px;
}

.page_pc a.page_num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
}

.page_1>a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
}

.page_1>a:hover,
.page_1>a.active {
    background: #0094de;
    color: #fff!important;
}

.page_pc a:hover {
    color: #0094de;
}

.page_pc a.page_num:hover,
.page_pc a.page_num.act {
    background: #0094de;
    color: #fff;
}

.page_pc em {
    font-style: normal;
    font-size: 12px;
    color: #666;
}

.page_sj {
    width: 130px;
    height: 40px;
    background: #0094de;
    color: #fff;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    display: none;
    text-align: center;
}


/* page */


/* common */

.md {
    position: relative;
    top: -100px;
}

.commonP {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    text-align: center;
}

.commonP .swiper-pagination-bullet {
    background: #0094de;
    margin: 0 6px;
}

.commonP2 .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    margin: 0 6px;
}

.commonP .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0094de;
}

.common_tit {
    text-align: center;
}

.common_tit h3 {
    font-size: 24px;
    color: #ffffff;
}

.common_tit h5 {
    font-family: Candara;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 16px;
}

.common_btn {
    display: block;
    overflow: hidden;
    position: relative;
    height: 50px;
    line-height: 50px;
    background: #0094de;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 130px;
}

.common_btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 140%;
    background: #000000;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transform: translateX(100%) skew(0deg);
    -webkit-transform: translateX(100%) skew(0deg);
    -moz-transform: translateX(100%) skew(0deg);
    -ms-transform: translateX(100%) skew(0deg);
    -o-transform: translateX(100%) skew(0deg);
}

.common_btn span {
    z-index: 1;
    display: block;
    position: relative;
}

a.common_btn:hover::after,
a:hover div.common_btn::after {
    opacity: 1;
    transform: translateX(10%) skew(-20deg);
    -webkit-transform: translateX(10%) skew(-20deg);
    -moz-transform: translateX(10%) skew(-20deg);
    -ms-transform: translateX(10%) skew(-20deg);
    -o-transform: translateX(10%) skew(-20deg);
}

.common_tit2 {
    font-size: 30px;
    color: #333333;
    text-align: center;
}

.common_nav {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
}

.common_nav ul {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.common_nav ul li {
    margin-right: 12px;
    max-width: 190px;
    flex-grow: 1;
    width: 100%;
}

.common_nav ul li .img_h {
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.common_nav ul li:last-child {
    margin-right: 0px;
}

.common_nav ul li a {
    width: 100%;
    height: 60px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    background: #ffffff;
    border: solid 1px #e5e5e5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.common_nav ul li a::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    border: 6px solid transparent;
    border-top: 10px solid #0094de;
    border-bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common_nav ul li a:hover,
.common_nav ul li.active a {
    background: #0094de;
    border-color: #0094de;
    color: #fff;
}

.common_nav ul li a:hover::after,
.common_nav ul li.active a::after {
    opacity: 1;
}

.common_nav ul li.active a .img_h img {
    opacity: 0;
}

.common_nav ul li.active a .img_h img:nth-child(2) {
    opacity: 1;
}

.common_nav2 {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
}

.common_nav2 ul {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.common_nav2 ul li {
    position: relative;
    min-width: 150px;
}

.common_nav2 ul li a::after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common_nav2 ul li:last-child a::after {
    display: none;
}

.common_nav2 ul li a {
    display: block;
    line-height: 24px;
    padding: 6px;
    text-align: center;
    font-size: 14px;
    color: #888888;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.download .common_nav2 ul li {
    width: auto;
}

.download .common_nav2 ul li a {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 12px;
}

.common_nav2 ul li a:hover,
.common_nav2 ul li.active a {
    background: #ffffff;
    box-shadow: 0px 0px 8px rgba(200, 200, 200, 0.25);
    border-radius: 3px;
    color: #0094de;
}

.common_nav2 ul li a:hover::after,
.common_nav2 ul li.active a::after {
    opacity: 0;
}

.bread {
    background: #0094de;
    /*position: fixed;*/
    width: 100%;
    left: 0;
    top: 100px;
    z-index: 99;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bread.bg {
    top: 80px;
}

.bread_i {
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bread_l {
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bread_l a {
    font-size: 14px;
    color: #9ab0c4;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 50px;
}

.bread_l a:hover,
.bread_l a:last-child {
    color: #fff;
}

.bread_l img {
    margin: 0 15px;
}

.bread_r {
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bread_r a {
    font-size: 14px;
    color: #9ab0c4;
    height: 50px;
    line-height: 50px;
    margin-left: 24px;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bread_r a::after {
    content: '';
    width: 0px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bread_r a:first-child {
    margin-left: 0;
}

.bread_r a:hover,
.bread_r a.active {
    color: #fff;
}

.bread_r a:hover::after,
.bread_r a.active::after {
    width: 20px;
}

#video_model {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

#video_model .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
}

#video_model .video {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 94%;
    max-width: 960px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    background: #252525;
}

#video_model .video .close {
    position: absolute;
    right: -50px;
    top: 0;
    width: 40px;
    z-index: 99999;
    cursor: pointer;
}

#video_model .video_inner {
    width: 100%;
    padding: 10px;
    overflow: hidden;
    position: relative;
}

#video_model .video_inner video {
    display: block;
    width: 100%;
    outline: none;
}

#video_model .video_inner .video_inner_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#video_model .video_inner .video_inner_mask img {
    cursor: pointer;
}

#video_model .video .text {
    padding: 16px 10px 30px;
}

#video_model .video .text h6 {
    font-size: 16px;
    color: #fff;
}

#video_model .video .text p {
    font-size: 12px;
    margin-top: 12px;
    color: #666;
}


/*
<!-- video_model -->
<div id="video_model">
  <div class="mask"></div>
  <div class="video">
    <div class="close"><img src="images/close.png" alt=""></div>
    <div class="video_inner"><video autoplay="" src="" controls></video></div>
    <div class="text">
      <h6></h6>
      <p></p>
    </div>
  </div>
</div>
<!-- video_model -->
*/


/* common */


/* header */

.headerSJ {
    display: none;
}

.header {
    padding: 0 80px;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header_i {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    height: 100px;
    border-bottom: 1px solid #e5e5e5;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header.bg {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.header.bg .header_i {
    height: 80px;
}

.header .logo a,
.header .logo img {
    display: block;
    width: 300px;
    /* height: 50px; */
}

.header_r {
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header_nav {
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 80px;
    color: #000000;
    position: relative;
}

.header_nav li {
    padding-right: 48px;
}

.header_nav li a {
    display: block;
    position: relative;
}

.header_nav li a::after {
    content: '';
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    background: #0094de;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header_nav li.active>a,
.header_nav li.on>a {
    color: #0094de;
}

.header_nav li.active a::after,
.header_nav li.on a::after {
    width: 30px;
}

.header_nav::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 12px;
    background-color: #000000;
}

.header_r_r {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header_r_r a {
    margin-left: 30px;
    font-size: 16px;
    color: #000000;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header_r_r a:hover {
    color: #0094de;
}

.header .second_nav {
    height: 60px;
    background: #f5f5f5;
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    line-height: 60px;
    display: none;
    font-size: 0;
    text-align: center;
    box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1);
}

.header.bg .second_nav {
    top: 80px;
}

.header .second_nav h6 {
    display: inline-block;
}

.header .second_nav a {
    display: block;
    font-size: 14px;
    height: 60px!important;
    line-height: 60px!important;
    padding: 0 20px;
    color: #888;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header .second_nav a::after {
    display: none;
}

.header .second_nav a:hover {
    color: #0094de;
}

.search_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #e5e5e5;
    padding: 0 80px;
}

.search_headeri {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    height: 100px;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.search_headeri .inp {
    width: calc(100% - 210px);
    position: relative;
}

.search_headeri .inp img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.search_headeri .inp input {
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    background: transparent;
    padding-left: 30px;
    font-size: 16px;
    color: #333;
}

.search_headeri .inp input::placeholder {
    color: #ccc;
}

.search_headeri .close {
    width: 30px;
    height: 30px;
    background: #333333;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
    margin-left: 45px;
}

.search_headeri .close::before,
.search_headeri .close::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.search_headeri .close::after {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.search_headeri .btn {
    background: #000000;
    border-radius: 5px;
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-left: 45px;
    display: block;
}


/* header */


/* menu */


/* menu */


/* banner */

.banner {
    position: relative;
}

.banner .swiper-slide {
    overflow: hidden;
    position: relative;
}

.banner .swiper-slide img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner_b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 9;
}

.banner_b::after {
    display: none;
}

.banner_btn {
    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-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.banner_btn>a {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.banner_btn>a:hover {
    background: #00396d;
}

.banner_btn>a.prev {
    margin-right: 40px;
}

.banner_btn>a.prev img {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.bannerPm {
    bottom: 20px;
    font-size: 0;
}

.bannerPm .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.inner_banner {
    position: relative;
}

.inner_banner img {
    display: block;
}

.inner_banner .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.inner_banner .banner_i {
    width: 100%;
    position: relative;
}

.inner_banner .banner_i .text {
    position: absolute;
    right: -50px;
    top: 0;
    width: 200px;
    height: 200px;
    background-color: #0094de;
    text-align: center;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.inner_banner .banner_i .text h3 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.8px;
    color: #ffffff;
    padding: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.inner_banner .banner_i .text h5 {
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 5.9px;
    color: #8fa1b1;
    margin-top: 8px;
}

.inner_banner .banner_i .text h6 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #8fa1b1;
}


/* banner */


/* index */

.wrapper {
    overflow: hidden;
    padding-top: 100px;
}

.ind_sec1 {
    padding: 50px 0 100px;
    background: #f3f4f5;
}

.ind1_i {
    width: 100%;
}

.ind1_i .swiper-slide {
    display: block;
}

.ind1P {
    position: static;
    margin-top: 20px;
}

.ind1P .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    margin: 0 6px;
}

.ind1_i a {}

.ind1_i a .img {
    overflow: hidden;
}

.ind1_i a .img img {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 1px solid #f4f4f4;
}

.ind1_i a:hover .img img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    border: 1px solid #0094de;
}

.ind1_i a .text {
    text-align: center;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 150px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #ffffff;
    position: relative;
}

.ind1_i a:hover .text {
    height: 200px;
    margin-top: -50px;
    background: #0094de;
}

.ind1_i a .text h6 {
    font-family: Candara;
    font-weight: bold;
    font-size: 14px;
    color: #00396d;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind1_i a .text h4 {
    font-family: Candara;
    font-weight: bold;
    font-size: 30px;
    color: #00396d;
    margin-top: 8px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 90%;
}

.ind1_i a .text h5 {
    font-size: 18px;
    color: #000;
    margin-top: 18px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind1_i a:hover .text * {
    color: #fff;
}


/*.ind1_i a .text::before {
  content: '';
  height: 0;
  width: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ind1_i a:hover .text::before {
  height: 56px;
}*/

.ind_sec1 .ind1Prev,
.ind_sec1 .ind1Next {
    cursor: pointer;
    width: 40px;
    height: 60px;
    background-color: #c3c3c3;
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(-75px);
    -moz-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    -o-transform: translateY(-75px);
    transform: translateY(-75px);
}

.ind_sec1 .ind1Prev {
    left: 0;
}

.ind_sec1 .ind1Prev img {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.ind_sec1 .ind1Next {
    right: 0;
}

.ind_sec1 .ind1Prev:hover,
.ind_sec1 .ind1Next:hover {
    background: #0b3f6f;
}

.ind_sec2 {
    padding: 100px 0;
}

.ind2_i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ind2l {
    float: left;
    width: 50%;
    padding-right: 12px;
}

.ind2l_i {
    width: calc(50% - 13px);
    float: left;
    margin-right: 13px;
    background: #ffffff;
    margin-top: 10px;
    text-align: center;
    padding: 20px 0 14px;
}

.ind2l_i:nth-child(-n + 2) {
    margin-top: 0;
}

.ind2l_i .img {
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: solid 1px #000000;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind2l_i:hover .img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.ind2l_i h4 {
    margin-top: 16px;
    font-size: 16px;
    color: #000000;
}

.ind2l_i h5 {
    margin-top: 8px;
    font-size: 12px;
    color: #999999;
}

.ind2l_i .common_btn {
    border-radius: 2px;
    width: 150px;
    margin: 16px auto 0;
}

.ind2r {
    float: right;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.ind2r_i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ind2r_i .video_btn {
    width: 140px;
    height: 38px;
    border: 2px solid #fff;
    padding-left: 34px;
    text-align: center;
    font-size: 12px;
    font-family: Candara;
    line-height: 34px;
    margin-top: 32px;
    position: relative;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind2r_i .video_btn span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 34px;
    width: 36px;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind2r_i .video_btn span::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-left: 10px solid #0094de;
    border-right: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind2r_i .video_btn:hover {
    border-color: #0094de;
    color: #0094de;
}

.ind2r_i .video_btn:hover span {
    background: #0094de;
}

.ind2r_i .video_btn:hover span::before {
    border-left-color: #fff;
}

.ind_sec3 {
    padding: 65px 0;
    background: #2d3b4d;
}

.ind3_i>* {
    height: 300px;
    float: left;
}

.ind3_i1 {
    background: #1e2836;
    width: 18%;
    position: relative;
}

.ind3_i1 h3 {
    width: 24px;
    font-size: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    margin: auto;
    color: #ffffff;
    text-align: center;
    -webkit-transform: translateX(75%);
    -moz-transform: translateX(75%);
    -ms-transform: translateX(75%);
    -o-transform: translateX(75%);
    transform: translateX(75%);
}

.ind3_i1 h5 {
    font-family: Arial;
    font-size: 18px;
    color: #ffffff;
    -webkit-transform: rotateZ(90deg) translateY(75%);
    -moz-transform: rotateZ(90deg) translateY(75%);
    -ms-transform: rotateZ(90deg) translateY(75%);
    -o-transform: rotateZ(90deg) translateY(75%);
    transform: rotateZ(90deg) translateY(75%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 170px;
}

.ind3_i2 {
    background: #1b1b1b;
    width: 27%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 3.2%;
}

.ind3_i2 ul {
    /*margin-top: 30px;*/
}

.ind3_i2 ul li {
    padding-left: 25px;
    color: #fff;
    margin-top: 12px;
    line-height: 24px;
}

.ind3_i2 ul li.tel {
    margin-top: 0;
    background: url(../images/tel.png) top 10px left no-repeat;
}

.ind3_i2 ul li.tel a {
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}

.ind3_i2 ul li.email {
    background: url(../images/email.png) top 4px left no-repeat;
}

.ind3_i2 ul li.addr {
    text-decoration: underline;
    background: url(../images/addr.png) top 4px left no-repeat;
}

.ind3_i3 {
    background: #41454b;
    width: 14.5%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ind3_i3 .img {
    width: 60px;
    height: 60px;
    border: solid 2px #ffffff;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ind3_i3:hover .img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.ind3_i3 h4 {
    margin-top: 24px;
    font-size: 18px;
    color: #ffffff;
}

.ind3_i3 h5 {
    font-family: Arial;
    margin-top: 16px;
    font-size: 14px;
    color: #ffffff;
}

.ind3_i4 {
    background: #192b3c;
}

.ind3_i5 {
    background: #223546;
}

.ind3_i6 {
    background: #1e2836;
    width: 11.5%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ind3_i6i .img {
    width: 84px;
    height: 84px;
    border: solid 1px rgba(255, 255, 255, 0.2);
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ind3_i6i .img_i {
    background: #fff;
    padding: 3px;
}

.ind3_i6i .img img {
    width: 67px;
}

.ind3_i6i p {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.6;
    text-align: center;
    margin-top: 8px;
}

.ind3_i6i:last-child {
    margin-top: 20px;
}


/* index */


/* footer */

.footer {
    background: #293545;
}

.footer_i {
    padding-top: 52px;
}

.footer_i ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
}

.footer_i ul li h4 {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer_i ul li h6 {
    margin-top: 10px;
}

.footer_i ul li h6 a {
    font-size: 14px;
    color: #eeeeee;
    opacity: 0.5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer_i ul li h6 a:hover {
    opacity: 1;
    color: #fff;
}

.footer_it {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-start;
    -ms-flex-align: end;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_it>ul {
    width: calc(100% - 484px);
}

.footer_it .ind3_i {
    width: 432px;
    padding-left: 72px;
    margin-left: 52px;
    border-left: 1px solid #2d3b4d;
}

.footer_it .ind3_i ul {
    display: block;
    padding: 0;
}

.footer_it .ind3_i ul li,
.footer_it .ind3_i2 ul li.tel a {
    color: #abafb6;
}

.footer_it .ind3_i2 ul li.tel {
    background: url(../images/tel2.png) top 10px left no-repeat;
}

.footer_it .ind3_i2 ul li.email {
    background: url(../images/email2.png) top 4px left no-repeat;
}

.footer_it .ind3_i2 ul li.addr {
    background: url(../images/addr2.png) top 4px left no-repeat;
}

.footer_it .ind3_i2 {
    width: 100%;
    height: auto;
    background: transparent;
    padding: 0;
    float: none;
}

.footer_it .ind3_i6 {
    width: 100%;
    flex-direction: row;
    height: auto;
    background: transparent;
    justify-content: flex-start;
    margin-top: 24px;
    float: none;
}

.footer_it .ind3_i6i:nth-child(2) {
    margin-top: 0;
    margin-left: 58px;
}

.footer_it .ind3_i6i .img {
    border: 0;
    width: 90px;
    height: 90px;
    padding: 5px;
    background: #fff;
}

.footer_it .ind3_i6i .img img {
    width: 100%;
}

.footer_i>p {
    font-size: 14px;
    color: #7d8188;
    opacity: 0.6;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #898e94;
    margin-top: 20px;
}

.footer_i>p span {
    margin-left: 20px;
}


/* footer */


/* login */

.login {
    width: 100%;
    height: 100vh;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.login h4 {
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
}

.login_i {
    margin-top: 42px;
    max-width: 500px;
    width: 94%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 72px 60px;
}

.login_i .inp {
    border: 1px solid #dedede;
}

.login_i .inp_i:first-child input {
    border-bottom: 1px solid #dedede;
}

.login_i .inp_i {
    position: relative;
}

.login_i .inp input {
    font-size: 18px;
    color: #999999;
    height: 60px;
    border: none;
    display: block;
    width: 100%;
    padding-left: 50px;
}

.login_i .inp img {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.login_i #btn {
    margin-top: 24px;
    width: 100%;
    height: 60px;
    background-color: #0094de;
    border-radius: 5px;
    font-size: 18px;
    color: #ffffff;
    border: none;
}


/* login */


/* download */

.download {
    padding: 100px 0;
}

.download_list {
    margin-top: 84px;
    margin-bottom: 80px;
}

.download_list li {
    width: calc(12.5% - 21px);
    margin-right: 24px;
    float: left;
    margin-top: 28px;
}

.download_list li:nth-child(8n) {
    margin-right: 0;
}

.download_list li:nth-child(8n + 1) {
    clear: both;
}

.download_list li:nth-child(-n + 8) {
    margin-top: 0;
}

.download_list li a {}

.download_list li a .img {
    background: #fff;
    border: solid 1px #dadada;
    padding: 10px;
}

.download_list li a .img_i {
    overflow: hidden;
}

.download_list li a .img_i img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.download_list li a:hover .img_i img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.download_list li a .text {
    margin-top: 10px;
    background: #ffffff;
    color: #666;
    border: solid 1px #dadada;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: 64px;
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.download_list li a:hover .text {
    background: #0094de;
    color: #fff;
    border-color: #0094de;
}

.download_list li a .text h4 {
    padding: 0 18px;
    line-height: 60px;
    height: 60px;
    font-size: 14px;
    height: auto;
    max-height: 48px;
    line-height: 24px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.download_list li a:hover .text h4 {
    opacity: 0;
    visibility: hidden;
}

.download_list li a .text .img_i {
    width: 19px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.download_list li a:hover .text .img_i {
    opacity: 1;
    visibility: visible;
}


/* download */


/* shop */

.shop1 {
    background: #f5f5f5;
    padding: 40px 0;
}

.shop1 .common_tit2 {
    text-align: left;
}

.shop_t_i {
    font-size: 14px;
    color: #666666;
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
}

.shop_t_i span {
    margin-right: 30px;
}

.shop_t_i select {
    width: 180px;
    height: 35px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    margin-left: 10px;
    padding: 0 16px;
}

.shop2 {
    background: #fff;
    padding: 100px 0;
}

.shop2l {
    width: calc(28.5% - 40px);
    margin-right: 40px;
    float: left;
    border: solid 1px #e5e5e5;
}

.shop2l h3 {
    width: 100%;
    height: 72px;
    line-height: 72px;
    background-color: #f5f5f5;
    border-bottom: solid 1px #e5e5e5;
    padding: 0 48px;
}

.shop2lb {
    padding: 50px 32px 50px 48px;
}

.shop2lb ::-webkit-scrollbar-track-piece {
    width: 5px;
    background-color: #e5e5e5;
}

.shop2lb ::-webkit-scrollbar {
    width: 5px;
}

.shop2lb ::-webkit-scrollbar-thumb {
    background-color: #01386b;
}

.shop2lb ::selection {
    background: #ccc;
    color: #fff;
}

.shop2li {
    height: 400px;
    overflow: auto;
    padding-right: 32px;
}

.shop2li ul li {
    border-bottom: 1px dotted #999999;
    padding: 28px 0;
}

.shop2li ul li h4 {
    font-size: 18px;
    font-weight: bold;
    color: #4f4b4c;
    padding-left: 35px;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shop2li ul li h4 span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background-color: #4f4b4c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shop2li ul li h6 {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    padding-left: 35px;
    margin-top: 10px;
}

.shop2li ul li.active h4 {
    color: #01396d;
}

.shop2li ul li.active h4 span {
    background: #01396d;
}

.shop2r {
    width: calc(71.5%);
    float: left;
}

#map {
    height: 572px;
}

#map .BMapLabel {
    left: -170px!important;
    bottom: -35px!important;
    top: auto!important;
    background: transparent url(../images/map_info.png) center / cover no-repeat!important;
    border: 0!important;
    width: 342px;
    height: 182px;
}

#map .BMapLabel .inner {
    padding: 40px;
    width: 100%;
}

#map .BMap_stdMpCtrl {
    right: auto!important;
    left: 10px!important;
}

#map .anchorBL {
    display: none!important;
}

#map .BMapLabel .inner h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    color: #4f4b4c;
    white-space: normal;
    background: url(../images/map_addr.png) center left no-repeat;
    padding-left: 30px;
}

#map .BMapLabel .inner h5 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    white-space: normal;
    padding-left: 30px;
}


/* shop */


/* product */

.loading_list {
    padding-bottom: 50px;
}

.pro_nav {
    background: #fff;
    padding: 50px 0;
}

.pro_nav_i {
    width: 100%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pro_nav_i a {
    flex-grow: 1;
    height: 100px;
    border-right: 1px solid #f5f5f5;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pro_nav_i a:last-child {
    border-right: 0;
}

.pro_nav_i a .img_h {
    width: 52px;
    height: 52px;
}

.pro_nav_i a p {
    font-size: 14px;
    color: #666666;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.pro_nav_i a.active p,
.pro_nav_i a:hover p {
    color: #0094de;
}

.pro_nav_i a.active .img_h img {
    opacity: 0;
}

.pro_nav_i a.active .img_h img:nth-child(2) {
    opacity: 1;
}

.pro_list {
    margin-top: 50px;
    margin-bottom: 50px;
}

.pro_list li {
    width: calc(25% - 22.5px);
    margin-right: 30px;
    float: left;
    margin-top: 30px;
}

.pro_list li:nth-child(4n) {
    margin-right: 0;
}

.pro_list li:nth-child(4n + 1) {
    clear: both;
}

.pro_list li:nth-child(-n + 4) {
    margin-top: 0;
}

.pro_list li a {
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.pro_list li a:hover {
    box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.18);
}

.pro_list li a .common_btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
}

.pro_list li a .img {
    padding: 30px 30px 18px;
}

.pro_list li a .img img {
    display: block;
    margin: auto;
}

.pro_list li a .img p {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pro_list li a .text {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ececec;
    padding: 15px 0;
}

.pro_detail {
    padding: 100px 0 100px;
    background: #fff;
}

.pro_detailtl {
    width: calc(35% - 50px);
    float: left;
}

.pro_detailtr {
    width: 60%;
    float: right;
    margin-left: 50px;
}

.pro_detailtr h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.pro_shuxing p {
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
}

.pro_shuxing p span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.pro_shuxing p a {
    font-size: 16px;
}

.pro_detailtr>ul {
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f5f5f5;
}

.pro_detailtr>ul>li {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #f5f5f5;
    font-size: 15px;
    color: #666666;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.pro_detailtr>ul>li.active {
    background-color: #0094de;
    color: #fff;
}

.pro_detailtr_i>div {
    display: none;
    padding-top: 30px;
}

.pro_detailtr_i>div:first-child {
    display: block;
}

.pro_detailtr_i table {
    width: 100%;
}

.pro_detailtr_i table td {
    font-size: 14px;
    color: #666666;
    padding: 6px 0;
    line-height: 2;
}

.pro_detailtr_i table td:nth-child(1) {
    font-weight: bold;
    width: 120px;
}

.pro_detailtr_i table td:nth-child(1) * {
    font-weight: bold;
}

.pro_detailtr_i .manual {
    background: transparent;
    padding: 0px;
    margin-top: 40px;
}

.pro_detailtr_i .manual ul {
    display: block;
}

.pro_detailtr_i .manual ul li {
    width: 100%;
    margin: 0;
    height: auto;
    line-height: inherit;
    background: transparent;
}

.pro_detailtr_i .manual ul li a {
    text-align: left;
}

.pro_detailtr_i .manual ul li a span {
    right: 22px;
}

.proP {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}

.proP li {
    cursor: pointer;
    width: 18.4%;
    margin-right: 2%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 1px solid transparent;
    float: left;
}

.proP li.active {
    border-color: #0094de;
}

.proP li:last-child {
    margin-right: 0;
}

.pro_detailb {
    background: #fff;
    padding: 20px 100px;
    margin-top: 100px;
}

.pro_detailb_tit {
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    padding: 48px 0;
}

.pro_detailb_con {
    text-align: center;
    padding: 80px 0;
    border-top: 1px solid #e5e5e5;
}

.loading_list_new {
    padding-bottom: 0;
}

.loading_list_new li {
    width: calc(33.33% - 40px);
    margin-right: 40px;
    text-align: center;
    margin-bottom: 40px;
}

.loading_list_new li a .text {
    text-align: center;
}

.service2 .loading_list_new .text h4 {
    width: 100%;
    text-align: center;
}

.loading_list_new li a:hover .text h4 {
    opacity: 1;
    visibility: inherit;
    color: #fff;
}


/* product */


/* news */

.news {
    margin: 50px 0 0;
}

.news_list {
    margin-top: 50px;
    margin-bottom: 50px;
}

.news_list li {
    width: calc(33.3% - 27px);
    margin-right: 40px;
    float: left;
    margin-top: 38px;
}

.news_list li:nth-child(3n) {
    margin-right: 0;
}

.news_list li:nth-child(3n + 1) {
    clear: both;
}

.news_list li:nth-child(-n + 3) {
    margin-top: 0;
}

.news_list li a {
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_list li a .img {
    overflow: hidden;
}

.news_list li a .img img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_list li a .text {
    padding: 40px;
}

.news_list li a .text h6 {
    font-size: 14px;
    color: #999999;
    position: relative;
    padding-left: 25px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_list li a .text h6::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 14px;
    height: 2px;
    background-color: #0094de;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_list li a .text h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #444444;
    height: 60px;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_list li a .text h5 {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin-top: 16px;
    color: #888888;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_list li a:hover {
    background: #0094de;
}

.news_list li a:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news_list li a:hover .text h6::before {
    background: #fff;
}

.news_list li a:hover .text h6,
.news_list li a:hover .text h4,
.news_list li a:hover .text h5 {
    color: #fff;
}

.news_detail {
    margin: 100px 0 100px;
}

.news_detail_i {
    background: #fff;
    padding: 50px;
}

.news_detail_t {
    text-align: center;
    padding: 40px 0;
}

.news_detail_t h1 {
    font-size: 30px;
    line-height: 32px;
    color: #333333;
}

.news_detail_t h6 {
    font-size: 14px;
    line-height: 32px;
    color: #aaaaaa;
    margin-top: 10px;
}

.news_detail_t h6 span {
    margin-right: 28px;
}

.news_detail_t h6 span:last-child {
    margin-right: 0;
}

.news_detail_m {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 48px 50px;
    font-size: 16px;
    line-height: 2;
    color: #666;
}

.news_detail_b {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
}

.news_detail_b a {
    position: relative;
    width: 60px;
    height: 60px;
    border: solid 2px #ebebeb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 34px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_detail_b a:hover {
    border-color: #0094de;
}

.news_detail_b a:last-child {
    margin-right: 0;
}

.news_detail_b a.prev img {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.news_detail_b a span {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -28px;
    text-align: center;
    font-size: 14px;
    color: #888;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.news_detail_b a:hover span {
    opacity: 1;
    visibility: visible;
}


/* news */


/* video */

.video {
    margin: 100px 0;
}

.video_list {
    margin-top: 72px;
    margin-bottom: 80px;
}

.video_list li {
    width: calc(33.3% - 27px);
    margin-right: 40px;
    float: left;
    margin-top: 36px;
    border: 15px solid #fff;
    border-bottom: 0;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.video_list li:hover {
    background: #0094de;
    border-color: #0094de;
}

.video_list li:nth-child(3n) {
    margin-right: 0;
}

.video_list li:nth-child(3n + 1) {
    clear: both;
}

.video_list li:nth-child(-n + 3) {
    margin-top: 0;
}

.video_list li .img {
    overflow: hidden;
    position: relative;
}

.video_list li .img img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.video_list li:hover .img>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.video_list li .img .play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video_list li .text {
    height: 100px;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 32px;
}

.video_list li .text h5 {
    font-size: 18px;
    line-height: 28px;
    max-height: 56px;
    height: auto;
    letter-spacing: 0px;
    color: #444444;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.video_list li:hover .text h5 {
    color: #fff;
}


/* video */


/* apply */

.apply {
    margin: 100px 0 100px;
}

.apply_i {
    background: #fff;
    padding: 50px 50px 100px;
    margin-top: 68px;
}

.apply_i_tit {
    font-size: 18px;
    color: #333333;
    padding: 32px 0 16px;
    border-bottom: 1px solid #e5e5e5;
}

.apply_i p {
    font-size: 14px;
    color: #666666;
}

.apply_i p span {
    color: #ff0000;
    width: 20px;
    margin-right: 10px;
}

.apply_i_inp label {
    display: block;
    float: left;
    width: calc(50% - 13px);
    margin-right: 25px;
    margin-top: 20px;
}

.apply_i_inp label:nth-child(2n) {
    margin-right: 0;
}

.apply_i_inp label:nth-child(2n + 1) {
    clear: both;
}

.apply_i_inp label input,
.apply_i_inp label select {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    margin-top: 10px;
    padding: 0 20px;
    color: #999999;
}

.apply_i_inp label input::placeholder {
    color: #999;
}

.apply_i_textarea label {
    margin-top: 20px;
    display: block;
}

.apply_i_textarea .textarea {
    margin-top: 10px;
    position: relative;
}

.apply_i_textarea .textarea textarea {
    height: 180px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    padding: 20px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    width: 100%;
    resize: none;
}

.apply_i_textarea label:first-child .textarea textarea {
    /* height: 220px;
  padding-top: 80px;*/
}

.service2 .apply_i_textarea label:first-child .textarea textarea {
    /*padding-top: 30px;*/
}

.apply_i_textarea .textarea .select {
    position: absolute;
    left: 30px;
    top: 0px;
    right: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}

.apply_i_textarea .textarea .select select {
    background: transparent;
    font-size: 14px;
    color: #999;
    border: 0;
}

.apply_i .common_btn {
    width: 180px;
    border-radius: 3px;
    margin: 68px auto 0;
}


/* apply */


/* contact */

.contact {
    padding: 50px 0;
    background: #fff;
}

.contact_i {
    margin-top: 60px;
    background-color: #f5f5f5;
    border: solid 1px #dcdcdc;
}

.contact_it {
    padding: 60px 90px;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact_itl {}

.contact_itl h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #01376c;
    position: relative;
    max-width: 400px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
}

.contact_itl h4::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: #033768;
    bottom: -1px;
    left: 0;
}

.contact_itl h6 {
    margin-top: 18px;
    font-size: 14px;
    color: #666666;
}

.contact_itl h6 span {
    font-weight: bold;
}

.contact_itr {
    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-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.contact_itr .ewm {
    margin-left: 20px;
}

.contact_itr .ewm .img {
    width: 120px;
    height: 120px;
    margin: auto;
    border: solid 1px #dcdcdc;
}

.contact_itr .ewm .img img {
    width: 120px;
}

.contact_itr .ewm p {
    margin-top: 16px;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

#map {
    height: 600px;
}

#map .BMapLabel {
    left: -152px!important;
    bottom: -35px!important;
    top: auto!important;
    background: transparent url(../images/map_info2.png) center / cover no-repeat!important;
    border: 0!important;
    width: 312px;
    height: 97px;
}

#map .BMapLabel .inner {
    padding: 22px 32px;
    width: 100%;
}

#map .BMap_stdMpCtrl {
    right: auto!important;
    left: 10px!important;
}

#map .anchorBL {
    display: none!important;
}

#map .BMapLabel .inner h4 {
    font-size: 18px;
    line-height: 35px;
    color: #4f4b4c;
    white-space: normal;
    background: url(../images/map_addr.png) center left no-repeat;
    padding-left: 30px;
}


/* contact */


/* join */

.join_tit h3 {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    font-family: Arial;
    background-color: #0b3f6f;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.join_tit h4 {
    margin-top: 20px;
    font-size: 24px;
    color: #4f4e4e;
    text-align: center;
}

.join1 {
    margin: 100px 0;
}

.join1 .join_tit {
    margin-top: 50px;
}

.join1_list {
    margin-top: 48px;
}

.join1_list li {
    width: calc(20% - 12px);
    margin-right: 15px;
    float: left;
    height: 368px;
    cursor: pointer;
    background-color: #ffffff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 54px 48px;
}

.join1_list li:hover {
    box-shadow: 0px 8px 16px rgba(200, 200, 200, 0.25);
}

.join1_list li:last-child {
    margin-right: 0;
}

.join1_list li img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: block;
    margin: auto;
}

.join1_list li:hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.join1_list li h4 {
    font-size: 20px;
    color: #444444;
    margin-top: 28px;
    text-align: center;
}

.join1_list li h6 {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
}

.join2 {
    margin: 100px 0;
}

.join2_con .container {
    margin-top: -215px;
    position: relative;
    z-index: 3;
}

.join2_con .join2_con_i {
    background: #fff;
    padding: 72px 0px;
}

.join2S {
    margin-top: 42px;
    padding: 0 100px;
    position: relative;
}

.join2S a {
    width: 40px;
    height: 60px;
    background-color: #c3c3c3;
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.join2S a.prev {
    left: 0;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.join2S a.next {
    right: 0;
}

.join2S a:hover {
    background: #0b3f6f;
}

.join2_con .join2_con_i .img {
    overflow: hidden;
}

.join2_con .join2_con_i .img img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.join2_con .join2_con_i .inner:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.join2_con .join2_con_i .text {
    height: 70px;
    border: solid 1px #e5e5e5;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    color: #666666;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.join2_con .join2_con_i .inner {
    cursor: pointer;
}

.join2_con .join2_con_i .inner:hover .text {
    background: #0b3f6f;
    border-color: #0b3f6f;
    color: #fff;
}

.join3 {
    margin: 100px 0;
}

.join3_con {}

.join3_con .apply_i_inp {
    padding-left: 110px;
    position: relative;
    margin-top: 25px;
}

.join3_con .apply_i_inp p {
    position: absolute;
    left: 0;
    line-height: 50px;
}

.join3_con .apply_i_textarea {
    padding-left: 110px;
    position: relative;
    margin-top: 25px;
}

.join3_con .apply_i_textarea p {
    position: absolute;
    left: 0;
    line-height: 50px;
}

.join3_con .apply_i_inp label {
    margin-top: 0;
}

.join3_con .apply_i_inp label input,
.join3_con .apply_i_inp label select {
    margin-top: 0;
}

.join3_con .apply_i_textarea textarea {
    padding: 22px 28px;
    height: 220px;
}


/* join */


/* service */

.service1 {
    margin: 120px 0;
}

.service1 .inner {
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    overflow: hidden;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
}

.service1 .inner_t {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 200px;
}

.service1 .inner_t .ewm {
    width: 134px;
    height: 134px;
    padding: 10px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.service1 .inner_t .ewm:nth-child(2) {
    margin-left: 22px;
}

.service1 .inner_b {
    border-top: solid 1px #dcdcdc;
    padding: 20px 0;
}

.service1 .inner_b h4 {
    font-size: 18px;
    color: #333333;
}

.service1 .inner_b h5 {
    font-size: 14px;
    color: #999999;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.service1 a.inner:hover .inner_b h5 {
    color: #0094de;
}

.service1 .inner_b h5 .img_h {
    margin-left: 10px;
}

.service1_t {
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service1_t .inner {
    width: calc(20.8% - 30px);
    flex-direction: column;
}

.service1_t .inner:first-child {
    width: 37.5%;
}

.service1_t .inner_b {
    width: 100%;
    text-align: center;
}

.service1_b {
    margin-top: 32px;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service1_b .inner {
    width: calc(25% - 22.5px);
    height: 150px;
}

.service1_b .inner_t {
    height: auto;
    width: 40%;
}

.service1_b .inner_t .img {}

.service1_b .inner_b {
    border-top: 0;
    border-left: 1px solid #dcdcdc;
    padding: 0;
    width: 60%;
    text-align: center;
}

.service1_b .inner_b h5 span {
    font-size: 20px;
    color: #c70303;
    font-weight: bold;
}

.service2 {
    margin: 50px 0;
}

.process {
    background: #fff;
    padding: 100px;
    margin-top: 50px;
}

.process_i {
    position: relative;
}

.process ul {}

.process ul li {
    position: absolute;
    margin-left: -18px;
}

.process ul li h4 {
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    width: 36px;
    height: 36px;
    background-color: #0094de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin: auto;
}

.process ul li h5 {
    font-size: 16px;
    color: #888888;
    margin-top: 20px;
    position: absolute;
    width: 200px;
    text-align: center;
    left: -82px;
}

.process ul li:nth-child(1) {
    top: -6%;
    left: 18%;
}

.process ul li:nth-child(2) {
    top: -6%;
    left: 34%;
}

.process ul li:nth-child(3) {
    top: -6%;
    left: 50%;
}

.process ul li:nth-child(4) {
    top: -6%;
    left: 66%;
}

.process ul li:nth-child(5) {
    top: -6%;
    left: 82%;
}

.process ul li:nth-child(6) {
    top: 43%;
    left: 82%;
}

.process ul li:nth-child(7) {
    top: 43%;
    left: 66%;
}

.process ul li:nth-child(8) {
    top: 43%;
    left: 50%;
}

.process ul li:nth-child(9) {
    top: 43%;
    left: 34%;
}

.process ul li:nth-child(10) {
    top: 43%;
    left: 18%;
}

.process ul li:nth-child(11) {
    top: 93%;
    left: 18%;
}

.process ul li:nth-child(12) {
    top: 93%;
    left: 34%;
}

.process ul li:nth-child(13) {
    top: 93%;
    left: 50%;
}

.process ul li:nth-child(14) {
    top: 93%;
    left: 66%;
}

.process ul li:nth-child(15) {
    top: 93%;
    left: 82%;
}

.setup {
    background: #fff;
    padding: 100px;
    margin-top: 65px;
}

.setup_i {}

.setup1 {
    margin: 32px 0 50px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
}

.setup1 li {
    width: calc(33.3% - 22px);
    margin-right: 32px;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.setup1 li:nth-child(3n) {
    margin-right: 0;
}

.setup1 li .img {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.setup1 li .img .play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.setup1 li .text h5 {
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
    height: 28px;
    color: #444444;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.setup1 li:hover .text h5 {
    color: #0b3f6f;
}

.setup_i .apply_i {
    background: #fff;
    padding: 0;
    margin: 40px 0 50px;
    padding-bottom: 48px;
    border-bottom: 1px solid #e5e5e5;
}

.setup3 {
    margin-top: 40px;
}

.setup3 ul {}

.setup3 li {
    float: left;
    width: 33.3%;
    border-right: 1px solid #f5f5f5;
}

.setup3 li:last-child {
    border-right: 0;
}

.setup3 a {
    text-align: center;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.setup3 a .img {
    width: 72px;
    height: 72px;
    background-color: #f9f9f9;
    border: solid 1px #e5e5e5;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
}

.setup3 a:hover .img {
    background: #0b3f6f;
}

.setup3 a .img .ewm {
    position: absolute;
    left: -24px;
    top: -24px;
    width: 120px;
    height: 120px;
    padding: 10px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.setup3 a:hover .img .ewm {
    opacity: 1;
    visibility: visible;
}

.setup3 a .img_h {
    width: 40px;
    height: 40px;
}

.setup3 a h4 {
    font-size: 18px;
    line-height: 30px;
    color: #444444;
    margin-top: 20px;
}

.setup3 a h5 {
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin-top: 10px;
}

.service2 .download_list .text h4 {
    text-align: center;
    padding: 0;
}

.maintain_t h1 {
    font-size: 24px;
    line-height: 30px;
    text-align: left;
}

.manual {
    background: #fff;
    padding: 100px;
    margin-top: 50px;
}

.manual ul {}

.manual ul li {
    width: calc(50% - 20px);
    margin-right: 40px;
    float: left;
    border-bottom: 1px solid #666666;
}

.manual ul li:nth-child(2n) {
    margin-right: 0;
}

.manual ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #888888;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    padding: 0 160px 0 42px;
    position: relative;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.manual ul li a::before {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #888888;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 22px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.manual ul li a span {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 72px;
    top: 0;
    height: 100%;
}

.manual ul li a .img_h {
    margin-left: 35px;
}

.manual ul li a:hover::before {
    background: #0094de;
}

.manual ul li a:hover {
    color: #0094de;
    background: #f5f5f5;
}

.problem {
    background: #fff;
    padding: 100px;
    margin-top: 50px;
}

.problem ul {
    /*margin-bottom: 80px;*/
}

.problem ul li {
    margin-bottom: 20px;
}

.problem ul li:last-child {
    margin-bottom: 0;
}

.problem ul li a {
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: 64px;
    line-height: 64px;
    background-color: #f5f5f5;
    position: relative;
    padding: 0 50px 0 100px;
}

.problem ul li a:hover {
    background: #0094de;
    color: #fff;
}

.problem ul li a::before {
    content: 'q';
    text-transform: uppercase;
    font-family: gotham;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    width: 30px;
    height: 30px;
    background: #0094de;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    left: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.problem ul li a:hover::before {
    color: #0094de;
    background: #fff;
}


/* service */


/* about */

.about {
    padding: 50px 0;
}

.about_i {
    margin-top: 80px;
}

.about_l {
    width: 40%;
    float: left;
}

.about_r {
    width: 40%;
    margin-left: 20%;
    float: left;
}

.about_i .inner {
    margin-top: 72px;
}

.about_i .inner:first-child {
    margin-top: 0;
}

.about_i .inner h4 {
    font-size: 24px;
    font-weight: bold;
    color: #003369;
}

.about_i .inner h4::after {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #cccccc;
    margin: 12px 0;
    display: block;
}

.about_i .inner h6 {
    font-size: 18px;
    line-height: 24px;
    color: #444444;
}

.about_i .inner p {
    margin-top: 42px;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
}

.about_i .inner .img {
    margin-top: 42px;
    position: relative;
}

.about_i .inner .img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 10px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}

.about_i .inner .img img {}

.honer_i {
    margin-top: 50px;
}

.honer_l {
    width: 35%;
    float: left;
    margin-right: 10%;
    position: relative;
}

.honer_l .swiper-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 63.2%;
}

.honer_l .paginationh {
    display: none;
}

.honer_l img {}

.honer_r {
    width: 55%;
    float: left;
    overflow: auto;
    padding-right: 50px;
}

.honer_i ::-webkit-scrollbar-track-piece {
    width: 5px;
    background-color: #e5e5e5;
}

.honer_i ::-webkit-scrollbar {
    width: 5px;
}

.honer_i ::-webkit-scrollbar-thumb {
    background-color: #01386b;
}

.honer_i ::selection {
    background: #ccc;
    color: #fff;
}

.honer_r_i {}

.honer_r_i ul {}

.honer_r_i ul li {
    cursor: pointer;
    height: 80px;
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-bottom: 1px solid #d5d5d5;
}

.honer_r_i ul li.active {
    color: #003369;
}

.public_t_i {
    font-size: 16px;
    line-height: 2;
    color: #888888;
    /*text-align: center;*/
}

.public_t_i h6 {
    margin-top: 18px;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
}

.public_t_i h6::after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #0094de;
    margin: 28px auto 28px;
    display: block;
}

.public_b {
    margin-top: 100px;
    padding: 100px 0;
    background: #ebecee;
}

.public_b .swiper-scrollbar {
    max-width: 520px;
    width: 100%;
    height: 5px;
    margin: 65px auto 0;
    background: #cfcfcf;
}

.public_b .swiper-scrollbar-drag {
    background: #0094de;
}

.public_b .swiper-slide {
    overflow: hidden;
}

.public_b .swiper-slide .mask {
    position: absolute;
    top: calc(100% - 60px);
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 50px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.public_b .swiper-slide .mask h3 {
    font-size: 18px;
    line-height: 60px;
    color: #ffffff;
    margin-top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.public_b .swiper-slide .mask h3::after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #b5b5b5;
    margin: 0 auto 16px;
}

.public_b .swiper-slide .mask h6 {
    font-size: 14px;
    line-height: 24px;
    color: #d6d6d6;
    margin-top: 100px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.public_b .swiper-slide:hover .mask {
    top: 0;
}

.public_b .swiper-slide:hover .mask h3 {
    margin-top: 40px;
}

.public_b .swiper-slide:hover .mask h3::after {}

.public_b .swiper-slide:hover .mask h6 {
    margin-top: 0;
}

.dev {
    background: #fff;
    padding-bottom: 200px;
}

.devSo {
    padding: 50px 0 200px;
    background: #f6f6f6;
    position: relative;
}

.devS {
    position: relative;
    margin-top: 180px;
}

.devS::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: 0;
    border-bottom: 2px dashed rgba(2, 57, 108, 0.5);
}

.devS .swiper-slide {
    height: 150px;
    padding-bottom: 50px;
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.devS .swiper-slide h5 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #666666;
    font-family: Arial;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.devS .swiper-slide .inner {
    opacity: 0.5;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: solid 1px #011f53;
    position: relative;
}

.devS .swiper-slide .inner::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.devS .swiper-slide-prev .inner,
.devS .swiper-slide-next .inner {
    width: 80px;
    height: 80px;
    opacity: 1;
}

.devS .swiper-slide-prev h5 {
    padding-right: 50%;
}

.devS .swiper-slide-prev .inner {
    margin-left: -50%;
}

.devS .swiper-slide-next h5 {
    padding-left: 50%;
}

.devS .swiper-slide-next .inner {
    margin-right: -50%;
}

.devS .swiper-slide-active .inner {
    width: 100px;
    height: 100px;
    opacity: 1;
}

.devSo .model {
    position: absolute;
    top: -128px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 478px;
    width: 94%;
    background: #ffffff;
    box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.18);
    z-index: 9;
}

.devSo .devS2 {
    position: relative;
    margin-top: 40px;
}

.devSo .devS2 .model {
    position: static;
    width: 100%;
}

.devSo .model .text {
    padding: 40px;
}

.devSo .model .text h4 {
    font-family: Arial;
    font-size: 36px;
    font-weight: bold;
    color: #0094de;
    position: relative;
}

.devSo .model .text h4::before,
.devSo .model .text h4::after {
    content: '';
    width: 24px;
    height: 2px;
    background-color: #2d3b4d;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.devSo .model .text h4::after {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.devSo .model .text h6 {
    font-size: 20px;
    font-weight: bold;
    color: #0094de;
    margin-top: 8px;
}

.devSo .model .text p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
}


/* about */

@media (max-width: 1600px) {
    .common_btn {
        height: 40px;
        line-height: 40px;
    }
    .ind2l_i {
        padding: 10px 0;
    }
    .shop2l {
        width: calc(40% - 40px);
    }
    .shop2r {
        width: 60%;
        float: left;
    }
    .header_nav li {
        padding-right: 36px;
    }
    .header_r_r a {
        margin-left: 36px;
    }
}

@media (max-width: 1440px) {
    .header_nav li {
        padding-right: 36px;
    }
    .about_l {
        width: 45%;
        float: left;
    }
    .about_r {
        width: 45%;
        margin-left: 10%;
        float: left;
    }
    .pro_detail {
        margin: 100px 0;
    }
    .header_nav li {
        padding-right: 24px;
    }
    .header_r_r a {
        margin-left: 24px;
    }
}

@media (max-width: 1366px) {
    .inner_banner .banner_i .text {
        right: -20px;
    }
    .proP li {
        max-width: 65px;
        max-height: 65px;
    }
}

@media (max-width: 1280px) {
    .header_nav li {
        padding-right: 24px;
    }
}

@media (max-width: 1024px) {
    .header {
        display: none;
    }
    .headerSJ {
        display: block;
        position: fixed;
        left: 0px;
        top: 0px;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
        z-index: 100;
        width: 100%;
        background-color: #fff;
        padding: 0px 0px;
    }
    .headerSJ .headerSC {
        padding: 0px 12px;
        height: 60px;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .headerSJ .logo img {
        /* height: 40px; */
        width: 250px;
        display: block;
    }
    .headerSJ .navbar {
        position: relative;
        padding: 7px 10px;
        margin-right: 0px;
        background-color: transparent;
        background-image: none;
        border: 1px solid #333;
        border-radius: 4px;
        outline: none;
    }
    .headerSJ .navbar .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #333;
    }
    .headerSJ .navbar .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .headerSJ .navwrap {
        position: fixed;
        top: 0px;
        left: -50%;
        width: 50%;
        height: 100%;
        z-index: 1100;
        background-color: #000;
        opacity: 0;
    }
    .headerSJ .navwrap .nav {
        padding: 10px 5% 0px 5%;
    }
    .headerSJ .navwrap .nav li {
        line-height: 42px;
        border-bottom: 1px solid #232530;
        padding: 0px 5%;
    }
    .headerSJ .navwrap .nav li a {
        display: block;
        color: #fff;
        font-size: 16px;
    }
    .headerSJ .navbg {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1001;
        display: none;
    }
    .headerSJ .navbg .closeSJ {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .headerSJ .navwrap .nav .SJbod {
        display: none;
    }
    .headerSJ .navwrap .nav .SJbod dd a {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .headerSJ .navwrap .nav .plus a {
        background: url(../images/plus.png) right center no-repeat;
    }
    .headerSJ .navwrap .nav .minus a {
        background: url(../images/minus.jpg) right center no-repeat;
    }
    .headerSJ .navwrap .nav .lan .SJtit a {
        display: inline-block;
    }
    .headerSJ .navwrap .nav .lan .SJtit span {
        color: #fff;
        font-size: 16px;
        display: inline-block;
        padding: 0px 5px;
    }
    .wrapper {
        padding-top: 60px;
    }
    .footer_i>ul,
    .footer_it>ul {
        display: none;
    }
    .footer_i {
        padding-top: 0;
    }
    .footer_i>p {
        margin-top: 0;
    }
    .footer_it .ind3_i {
        margin: 0 auto;
        padding: 40px 3%;
        border: 0;
        width: auto;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer_it .ind3_i6 {
        width: auto;
        margin-left: 40px;
    }
    .bread,
    .bread.bg {
        top: 60px;
    }
    .pro_detail {
        margin: 100px 0 80px;
    }
    .pro_detailb {
        padding: 20px 40px;
    }
    .process {
        padding: 80px 40px;
    }
    .process ul li h5 {
        font-size: 14px;
        margin-top: 10px;
    }
    .service2 {
        margin: 100px 0 80px;
    }
    .common_nav ul li a {
        font-size: 15px;
    }
    .common_nav ul li .img_h {
        margin-right: 10px;
        width: 24px;
        height: 24px;
    }
    #video_model .video .close {
        right: 0;
        top: -50px;
    }
    .setup {
        padding: 80px 40px;
    }
    .problem {
        padding: 80px 40px;
    }
    .manual {
        padding: 80px 40px;
    }
    .manual ul li a span {
        right: 32px;
    }
    .manual ul li a {
        padding: 0 100px 0 42px;
    }
    .manual ul li a .img_h {
        margin-left: 10px;
    }
    .devS .model {
        max-width: 388px;
    }
    .video_list li .text {
        padding: 0 12px;
    }
    .video_list li .text h5 {
        font-size: 16px;
        line-height: 24px;
        max-height: 48px;
    }
    .join1_list li {
        padding: 40px 20px;
    }
}

@media (max-width: 768px) {
    .login_i {
        padding: 40px 20px;
    }
    .banner_b {
        bottom: 10px;
    }
    .ind_sec1 {
        padding: 10px 0;
    }
    .ind1_i a .text {
        height: 70px;
    }
    .ind1_i a .text h4 {
        font-size: 20px;
    }
    .ind_sec2 {
        padding: 40px 0;
    }
    .ind2_i {
        flex-direction: column;
    }
    .ind2l {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    .ind2l_i h5 {
        line-height: 20px;
        height: 40px;
        padding: 0 10px;
    }
    .ind2l_i {
        margin-right: 10px;
        width: calc(50% - 5px);
    }
    .ind2l_i:nth-child(2n) {
        margin-right: 0;
    }
    .ind2r {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .ind2r img {
        width: 100%;
    }
    .ind_sec3 {
        padding: 40px 0;
    }
    .ind3_i1 {
        width: 100%;
        height: auto;
        text-align: center;
        background: transparent;
    }
    .ind3_i1 h3 {
        width: 100%;
        font-size: 24px;
        position: static;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .ind3_i1 h5 {
        font-size: 18px;
        -webkit-transform: rotateZ(0deg) translateY(0);
        -moz-transform: rotateZ(0deg) translateY(0);
        -ms-transform: rotateZ(0deg) translateY(0);
        -o-transform: rotateZ(0deg) translateY(0);
        transform: rotateZ(0deg) translateY(0);
        position: static;
        margin-top: 20px;
    }
    .ind3_i2 {
        width: 100%;
        height: auto;
        padding: 0;
        background: transparent;
        /*margin-top: 20px;*/
        margin-bottom: 20px;
    }
    .ind3_i2 .img {
        width: 120px;
    }
    .ind3_i3 {
        width: 33.33%;
        height: auto;
        padding: 20px 0;
    }
    .ind3_i3 h5 {
        font-size: 12px;
    }
    .ind3_i6 {
        width: 100%;
        height: auto;
        /*padding: 20px 0;*/
        flex-direction: inherit;
    }
    .ind3_i6i:last-child {
        margin-top: 0px;
        margin-left: 20px;
    }
    .inner_banner .banner_i .text {
        display: none;
    }
    .pro_nav {
        display: none;
    }
    .common_nav2 {
        padding: 0 3%;
        margin-top: 40px;
    }
    .common_nav2 ul {
        width: 100%;
    }
    .common_nav2 ul li {
        flex-grow: 1;
    }
    .common_nav2 ul li a {
        width: 100%;
    }
    .pro_list li {
        width: calc(50% - 15px);
        float: left;
        margin-top: 30px;
    }
    .pro_list li:nth-child(2n) {
        margin-right: 0px;
    }
    .pro_list li:nth-child(-n + 4) {
        margin-top: 3%;
    }
    .pro_list li:nth-child(-n + 2) {
        margin-top: 0;
    }
    .bread {
        display: none;
    }
    .pro_detail {
        margin: 40px 0;
    }
    .proP li {
        margin-right: 10px;
    }
    .pro_detailtl {
        width: 100%;
        float: none;
    }
    .pro_detailtr {
        width: 100%;
        float: none;
        margin-top: 20px;
        margin-left: 0;
    }
    .pro_detailb {
        margin-top: 40px;
        padding: 20px;
    }
    .pro_detailb_tit {
        padding: 20px 0;
    }
    .pro_detailb_con {
        padding: 40px 0;
    }
    .common_tit2 {
        font-size: 24px;
    }
    .shop_t_i span {
        margin-right: 10px;
    }
    .shop_t_i select {
        width: 100px;
    }
    .footer_it .ind3_i {
        flex-direction: column;
    }
    .footer_it .ind3_i6 {
        width: 100%;
        margin: 0;
    }
    .footer_it .ind3_i6i:nth-child(2) {
        margin-left: 20px;
    }
    .shop2 {
        padding: 40px 0;
    }
    .shop2l {
        width: 100%;
        float: none;
    }
    .shop2l h3 {
        width: 100%;
        height: 42px;
        line-height: 42px;
        padding: 0 20px;
    }
    .shop2lb {
        padding: 20px;
    }
    .shop2r {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .download {
        padding: 40px 0;
    }
    .common_nav {
        padding: 0 3%;
    }
    .common_nav2 ul li a {
        font-size: 12px;
    }
    .download_list {
        margin-top: 60px;
    }
    .download_list li {
        width: 100%;
        margin-right: 0px;
        float: none;
        margin-top: 40px;
    }
    .download_list li:nth-child(-n + 3) {
        margin-top: 40px;
    }
    .download_list li:nth-child(-n + 1) {
        margin-top: 0;
    }
    .download_list li a .text h4 {
        line-height: 48px;
        height: 48px;
        font-size: 16px;
    }
    .service2 {
        margin: 40px 0;
    }
    .common_nav.oa {
        overflow-x: auto;
        overflow-y: hidden;
        display: block;
    }
    .common_nav.oa ul {
        width: 1050px;
    }
    .setup {
        padding: 40px 20px;
    }
    .setup1 li {
        width: 100%;
        margin-top: 20px;
        margin-right: 0px;
        float: none;
    }
    .setup1 li:first-child {
        margin-top: 0;
    }
    .apply_i_inp label {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }
    .setup3 li {
        float: none;
        width: 100%;
        border-top: 1px solid #f5f5f5;
        border-right: 0;
        padding-top: 20px;
        margin-top: 20px;
    }
    .setup3 li:first-child {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
    }
    .join_tit h4 {
        font-size: 20px;
    }
    .problem {
        padding: 40px 20px;
    }
    .problem ul li a::before {
        left: 20px;
    }
    .problem ul li a {
        padding: 0 20px 0 60px;
    }
    .manual ul li {
        width: 100%;
        margin-right: 0px;
        float: none;
    }
    .manual {
        padding: 40px 20px;
    }
    .apply_i {
        background: #fff;
        padding: 40px 20px;
        margin-top: 40px;
    }
    .contact {
        padding: 40px 0;
    }
    .contact_i {
        margin-top: 40px;
    }
    .contact_it {
        padding: 20px;
        flex-direction: column;
    }
    .contact_itr {
        margin-top: 20px;
    }
    .contact_itr .ewm:first-child {
        margin-left: 0px;
    }
    #map {
        height: 360px;
    }
    .join1 {
        margin: 40px 0;
    }
    .join1_list li {
        width: 100%;
        margin-right: 0px;
        float: none;
        height: auto;
        padding: 20px;
        margin-top: 20px;
    }
    .join2_con .container {
        margin-top: 0;
    }
    .join2S {
        padding: 0px;
    }
    .join3_con .apply_i_textarea,
    .join3_con .apply_i_inp {
        padding-left: 0px;
        padding-top: 30px;
    }
    .join3_con .apply_i_inp label {
        margin-top: 20px;
    }
    .join3_con .apply_i_textarea p,
    .join3_con .apply_i_inp p {
        position: absolute;
        left: 0;
        top: 0;
    }
    .news {
        margin: 40px 0;
    }
    .news_list {
        margin-top: 40px;
    }
    .news_list li {
        width: 100%;
        margin-right: 0px;
        float: none;
        margin-top: 20px;
    }
    .news_list li:nth-child(-n + 3) {
        margin-top: 20px;
    }
    .news_list li:nth-child(-n + 1) {
        margin-top: 0px;
    }
    .news_list li a .text {
        padding: 20px;
    }
    .news_detail {
        margin: 40px 0;
    }
    .news_detail_t h1 {
        font-size: 24px;
    }
    .news_detail_i {
        padding: 20px;
    }
    .news_detail_m {
        padding: 20px 0;
    }
    .news_detail_b a {
        width: 48px;
        height: 48px;
    }
    .video {
        margin: 40px 0;
    }
    .video_list {
        margin-top: 40px;
    }
    .video_list li {
        width: 100%;
        margin-right: 0px;
        float: none;
        margin-top: 20px;
        border: 15px solid #fff;
    }
    .video_list li:nth-child(-n + 3) {
        margin-top: 20px;
    }
    .video_list li:nth-child(-n + 1) {
        margin-top: 0;
    }
    .about {
        padding: 40px 0;
    }
    .about_l {
        width: 100%;
        float: none;
    }
    .about_r {
        width: 100%;
        margin-left: 0%;
        float: none;
        margin-top: 40px;
    }
    .about_i {
        margin-top: 40px;
    }
    .about_i .inner {
        margin-top: 40px;
    }
    .about_i .inner h4 {
        font-size: 20px;
    }
    .about_i .inner h6 {
        font-size: 16px;
    }
    .devSo {
        padding: 40px 0;
    }
    .dev {
        padding-bottom: 0;
    }
    .devP {
        position: static;
        margin-top: 20px;
    }
    .honer_l {
        width: 90%;
        float: none;
        margin: 0 auto;
    }
    .honer_r {
        display: none;
        width: 100%;
        float: none;
        padding-right: 20px;
        margin-top: 20px;
    }
    .honer_r_i ul li {
        height: auto;
        padding: 10px 0;
    }
    .public_b {
        margin-top: 40px;
        padding: 40px 0;
        position: relative;
    }
    .pubP {
        position: static;
        margin-top: 20px;
    }
    .apply {
        margin: 40px 0;
    }
    .process {
        padding: 40px 3%;
    }
    .loading_list {
        padding-bottom: 50px;
    }
    .honer_l .paginationh {
        display: block;
        width: 100%;
    }
    .honer_l .paginationh span {
        margin: 0 3px;
    }
    .apply_i_textarea .textarea .select {
        left: 0;
    }
    .service1 {
        margin: 50px 0;
    }
    .service1_t,
    .service1_b {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
    .service1 .inner_t {
        height: 120px;
    }
    .service1 .inner_t .ewm {
        width: 100px;
        height: 100px;
    }
    .service1_t .inner:first-child,
    .service1_t .inner,
    .service1_b .inner {
        width: 100%;
        margin-bottom: 20px;
    }
    .pro_list,
    .news_list,
    .join2,
    .join3 {
        margin: 40px 0;
    }
    .loading_list {
        padding-bottom: 40px;
    }
    .news {
        margin-bottom: 0;
    }
    .apply_i .common_btn {
        margin-top: 40px;
    }
}

#logining .logout {
    /* display: none; */
    cursor: pointer;
    position: absolute;
    width: 100px;
    box-shadow: -0.1px 3px 7.6px 0.4px rgba(2, 30, 54, 0.1);
    border-radius: 8px;
    top: 30px;
    left: -30px;
    background: #333;
    -webkit-transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -ms-transition: all 0.28s ease-in-out;
    -o-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    padding: 8px 0;
    color: #fff;
    text-align: center;
}

#logining .logout::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    bottom: 100%;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #333;
}

#a_login:hover #logining .logout {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.download_search {
    width: 800px;
    margin: 40px auto;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.download_search input,
.download_search button {
    width: 650px;
    background: #fff;
    border: solid 1px #dcdcdc;
    height: 50px;
    color: #333;
    font-size: 16px;
    padding: 0 20px;
}

.download_search input::placeholder {
    color: #999;
}

.download_search button {
    width: 140px;
    background: #0094de;
    color: #fff;
    border-color: #0094de;
}

.inner1 a:hover {
    color: #0094de;
}

.pro_dexiang {}

.pro_dexiang li {
    width: calc(33% - 19px);
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.pro_dexiang li:nth-child(3n) {
    margin-right: 0;
}

.pro_dexiang li a {
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.pro_dexiang li a .img {
    padding: 30px 30px 18px;
}

.pro_dexiang li a .img img {
    display: block;
    width: auto;
}

.pro_dexiang li a .img p {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pro_dexiang li a .text {
    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-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ececec;
    padding: 15px 0;
}

.pro_dexiang li a .common_btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
}

.pro_dexiang li a:hover {
    box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.18);
}

.msg_code {
    margin-top: 20px;
}

.msg_code label {
    display: block;
    width: calc(50% - 13px);
    position: relative;
}

.msg_code p {
    font-size: 14px;
    color: #666666;
}

.msg_code input {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    margin-top: 10px;
    padding: 0 20px;
    color: #999999;
}

.msg_code img {
    position: absolute;
    right: 0;
    top: 32px;
}

.hr_content {
    padding: 50px 0;
    font-size: 16px;
    line-height: 2;
    color: #888888;
}

.job {
    height: 40px;
    background: #0094de;
    padding: 0 5%;
    border-bottom: 1px solid #fff;
}

.job span {
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
}

#job_left {
    float: left;
}

#job_right {
    float: right;
    text-align: right;
    width: 40px;
}

.joblist {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #eeeeee
}

.joblist li {
    display: block;
    overflow: hidden;
}

.jobmain_up {
    padding: 0 5%;
    height: 40px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.jobmain_up span {
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    transition: 0.35s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.job span:nth-child(1) {
    width: 19%;
}

.job span:nth-child(2) {
    width: 15%;
}

.job span:nth-child(3) {
    width: 26%;
}

.job span:nth-child(4) {
    width: 32%;
}

.jobmain_up span:nth-child(1) {
    width: 19%;
}

.jobmain_up span:nth-child(2) {
    width: 15%;
}

.jobmain_up span:nth-child(3) {
    width: 26%;
}

.jobmain_up span:nth-child(4) {
    width: 32%;
}

.jobmain_up span:last-child {
    float: right;
    width: 45px;
    text-align: center;
}

.jobmain_up i {
    display: block;
    width: 11px;
    height: 11px;
    margin: 16px 0 0 24px;
    position: relative;
}

.jobmain_up span i:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #0094de;
    position: absolute;
    left: 0;
    top: 5px;
    transition: 0.3s;
}

.jobmain_up span i:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #0094de;
    position: absolute;
    left: 5px;
    top: 0;
    transition: 0.3s;
}

.jobmain_down {
    display: none;
    padding: 5%;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}

.jobmain_down dt {
    font-size: 15px;
    font-weight: bold;
    margin: 9px 0;
    line-height: 1em;
}

.jobmain_down dd {
    margin: 9px 0;
    font-size: 13px;
    color: #777;
    line-height: 20px;
    text-align: justify;
}

.ljsq {
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    background: #666;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
}

.ljsq:hover {
    background: #0094de;
    color: #fff;
}

.job_on {
    background-color: #0094de;
    color: #fff;
}

.job_on span i:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 5px;
    transition: 0.3s;
    z-index: 1
}

.index_pro {
    text-align: center;
    /* margin-bottom: 50px; */
}

.index_pro h1 {
    font-size: 20px;
    color: #333333;
    text-align: center;
}

.index_pro span {
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 2.9px;
    color: #666;
    margin-top: 8px;
    display: block;
}

.index_pro:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: #0094de;
    margin: 20px auto;
}

.ab_content {
    display: flex;
    justify-content: space-between;
}

.ab_conl {
    flex: 6;
    padding-right: 50px;
}

.ab_conr {
    flex: 4;
}

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

.pro_detail .proS img {
    border: 1px solid #ddd;
    display: block;
}

@media screen and (max-width: 1024px) {
    .ind3_i2 ul li.tel a {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .download_search {
        width: 100%;
        padding: 0 3%;
    }
    .download_search input,
    .download_search button {
        width: 75%;
        height: 40px;
        font-size: 15px;
    }
    .download_search button {
        width: 24%;
    }
    .headerSJ .logo img {
        /* height: 30px; */
        width: 180px;
    }
    .problem {
        margin-top: 40px;
    }
    #map {
        height: 360px;
    }
    .msg_code label {
        width: 100%;
    }
    .job span:nth-child(1) {
        width: 80%;
    }
    .job span:nth-child(2) {
        display: none;
    }
    .job span:nth-child(3) {
        display: none;
    }
    .job span:nth-child(4) {
        display: none;
    }
    .jobmain_up span:nth-child(1) {
        width: 80%;
    }
    .jobmain_up span:nth-child(2) {
        display: none;
    }
    .jobmain_up span:nth-child(3) {
        display: none;
    }
    .jobmain_up span:nth-child(4) {
        display: none;
    }
    .honer_l .swiper-container {
        position: relative;
    }
    .honer_i {
        margin-top: 40px;
    }
    .pd20 {
        padding: 20px 0;
    }
    .ab_content {
        display: block;
    }
    .ab_conl {
        padding-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 500px) {
    .pro_dexiang li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .pro_dexiang li:nth-child(3n) {
        margin-right: 3%;
    }
    .pro_dexiang li:nth-child(2n) {
        margin-right: 0;
    }
    .pro_list li {
        width: 48.5%;
        margin-right: 3%;
        margin-top: 3%;
    }
    .pro_list li a .img {
        padding: 18px;
    }
}