@charset "utf-8";

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.eot');
    /*IE9*/
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Oswald-Regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Oswald-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Oswald-Regular.svg#Oswald') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.eot');
    /*IE9*/
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Oswald-Medium.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Oswald-Medium.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Oswald-Medium.svg#Oswald') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    /*IE9*/
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Roboto-Regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    /*IE9*/
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Roboto-Bold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

/*初始化样式*/
* {
    -webkit-tap-highlight-color: transparent;
}

/*html5设置*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

html,
body,
div,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ol,
ul,
li {
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #333;
    font: 16px/1.875em Arial, 'Microsoft Yahei';
    overflow-x: hidden;
    width: 100%;
    word-wrap: break-word;
    text-align: justify;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a:hover {
    color: #0a65c6;
}

a img {
    border: none;
}

img {
    max-width: 100%;
}

li {
    list-style: none;
}

select,
input,
textarea,
button {
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-family: Arial, 'Microsoft Yahei';
}

input:focus {
    outline: none;
}

textarea {
    resize: none;
}

input[type='text']::-moz-placeholder {
    opacity: 0.5;
}

input[type='text']:-moz-placeholder {
    opacity: 0.5;
}

input[type='text']::-webkit-input-placeholder {
    opacity: 0.5;
}

input[type='text']:-ms-input-placeholder {
    opacity: 0.5;
}

table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 16px;
    width: 100%;
    border-top: solid 1px #e4e4e4;
    border-left: solid 1px #e4e4e4;
    box-sizing: border-box;
}

table th {
    background-color: #f9f9f9;
    text-align: center;
    box-sizing: border-box;
}

table td,
table th {
    padding: 1%;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
}

/*全局样式*/
.inner {
    width: 90%;
    max-width: 1440px;
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.pic {
    overflow: hidden;
    position: relative;
}

.pic img {
    display: block;
    width: 100%;
    height: auto;
}

.pic .bg {
    background: no-repeat center center;
    background-size: cover;
    transition: all .3s;
    display: block;
}

.rows {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Slider */
.slick-load {
    display: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    font-size: 0;
    line-height: normal;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    overflow: hidden;
    text-indent: -99999em;
    font-size: 0;
    background: no-repeat 0 0;
    background-size: 100% auto;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    z-index: 5;
}

.slick-arrow:hover {
    background-color: #0a65c6;
    border-color: #0a65c6;
}

.slick-arrow:hover:after {
    background-position: 0 100%;
}

.slick-arrow:after {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    left: 40%;
    padding-bottom: 40%;
    top: 50%;
    transform: translateY(-50%);
    background: no-repeat 0 0;
    background-size: 100% auto;
}

.slick-prev {
    left: 0;
}

.slick-prev:after {
    background-image: url(../images/slick_prev.png);
}

.slick-next {
    right: 0;
}

.slick-next:after {
    background-image: url(../images/slick_next.png);
}

.slick-dots {
    font-size: 0;
    line-height: normal;
}

.slick-dots button {
    display: block;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    line-height: normal;
}

/*header*/
#header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    color: #fff;
}

#header a {
    color: #fff;
}

/*logo*/
#logo {
    float: left;
    width: 228px;
    padding: 38px 0 28px;
}

#logo h1 {
    padding-bottom: 13.15789474%;
    position: relative;
}

#logo a {
    position: absolute;
    left: 0;
    top: 0;
    width: 120%;
    height: 120%;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    background: url(../images/logo.png) no-repeat left center;
    background-size: contain;
}

/*topBtn*/
#topBtn {
    float: right;
    overflow: hidden;
    padding: 43px 0 33px;
}

#topBtn .btn {
    float: left;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
}

/*navBtn*/
#navBtn {
    position: relative;
    margin-left: 20px;
    width: 20px;
    display: none;
}

#navBtn i {
    width: 100%;
    height: 2px;
    display: block;
    background-color: #fafcff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

#navBtn i:before,
#navBtn i:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fafcff;
    transition: all .3s;
}

#navBtn i:before {
    top: -7px;
}

#navBtn i:after {
    bottom: -7px;
}

/*schBtn*/
#schBtn {
    display: inline-block;
    float: left;
    width: 20px;
    background: url(../images/icon_search.png) no-repeat center center;
    background-size: contain;
    margin-left: 42px;
}

#schBtn:hover {
    opacity: .5;
}

/*search*/
#search {
    position: absolute;
    right: -12px;
    top: 100%;
    width: 300px;
    padding-top: 15px;
    margin-top: -15px;
    transform: translateX(-100%);
    display: none;
}

#search:before {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform: translateX(-50%);
}

#search .form {
    background-color: #fff;
    position: relative;
    border-radius: 5px;
}

#search .input {
    margin-right: 44px;
    overflow: hidden;
}

#search .submit {
    display: block;
    overflow: hidden;
    height: 100%;
    width: 44px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

#search .submit:before {
    width: 20px;
    height: 20px;
    background: url(../images/icon_search_blue.png) no-repeat 0 100%;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
}

#search .text {
    display: block;
    width: 88%;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    padding: 10px 6%;
    color: #555;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
}

/*language*/
#language {
    background: url(../images/icon_language.png) no-repeat left center;
    padding-left: 35px;
    font-size: 16px;
    display: inline-block;
}

#language a:hover {
    opacity: .5;
}

/*nav*/
#nav {
    margin: 0 149px 0 228px;
    padding: 0 1.66666667%;
}

#nav ul {
    float: right;
    font-size: 18px;
}

#nav li {
    float: left;
    /*font-size:16px;*/
    padding: 38px 26px 28px;
    padding: 38px 1.35416667vw 28px;
    line-height: 30px;
}

#nav a {
    display: block;
    position: relative;
}

#nav .drop {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 2;
    display: none;
}

#nav li ul {
    float: left;
    white-space: nowrap;
}

#nav li li {
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    float: none;
}

#nav li li a {
    color: #666;
}

#nav li li a:after {
    border-bottom: 6px solid rgba(143, 184, 61, .9);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    display: none;
}

#nav li li a:hover {
    color: #0a65c6;
}

#nav li li.on>a:after {
    width: 0;
    display: block;
}

#nav .parent>a:after,
#nav .cur>a:after {
    width: 0;
    height: 1px;
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    transition: all .3s;
    opacity: 0;
}

#nav .cur>a:after,
#nav .on>a:after {
    width: 100%;
    opacity: 1;
}

#nav em {
    display: none;
}

#nav em:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
    margin: -5px 0 0 -6px;
    transition: all .3s;
}

#nav .green {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: rgba(143, 184, 61, .9);
    z-index: 2;
}

#nav .green li a {
    color: #fff;
}

#nav .green li a:after {
    display: none;
}

#nav .green li a:hover {
    color: #fff;
    text-decoration: underline;
}

#nav .green li.on>a:after {
    display: none;
}

/*banner*/
#banner {
    padding-bottom: 560px;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
}

#banner .info {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
    color: #fff;
    margin-top: 8px;
}

#banner h2 {
    font-size: 38px;
    font-size: 1.97916667vw;
    line-height: 1.5em;
    font-weight: normal;
}

#banner .rows {
    font-size: 16px;
    line-height: 1.875em;
    max-height: 3.75em;
    -webkit-line-clamp: 2;
}

/*bar*/
#bar {
    border-bottom: 1px solid #ebebeb;
}

/*subMenu*/
#subMenu span {
    display: none;
    cursor: pointer;
}

#subMenu ul {
    font-size: 0;
    line-height: normal;
    text-align: center;
}

#subMenu li {
    font-size: 16px;
    line-height: 30px;
    padding: 20px 0;
    padding: 1.04166667vw 0;
    display: inline-block;
    margin: 0 4.30555556%;
    position: relative;
}

#subMenu li:after {
    width: 100%;
    height: 2px;
    background-color: #0a65c6;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: none;
}

#subMenu a {
    color: #666;
    display: block;
}

#subMenu a:hover {
    color: #0a65c6;
}

#subMenu .cur:after {
    display: block;
}

#subMenu .cur a {
    color: #0a65c6;
}

/*wrapper*/
#wrapper {
    padding: 4.16666667% 0;
    overflow: hidden;
}

/*footer*/
#footer {
    background-color: #1b1b1b;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    line-height: 1.875em;
    padding: 2.86458333% 0 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, .3), #1b1b1b);
}

#footer a {
    color: rgba(255, 255, 255, 0.3);
}

#footer a:hover {
    color: #fff;
}

#footer .top {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#footer .btm {
    padding: 2% 0;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}

/*footerLogo*/
#footerLogo {
    display: table-cell;
    vertical-align: middle;
    width: 270px;
}

#footerLogo img {
    display: block;
    width: 100%;
    height: auto;
}

/*footerTel*/
#footerTel {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 16px;
    line-height: 1.71428571em;
}

#footerTel p {
    padding: 4px 0;
}

#footerTel a {
    color: #fff;
    font: 400 26px/1.125em 'Oswald';
    display: block;
}

/*footerOther*/
#footerOther,
#footerStock {}

/*footerStock*/
#footerStock {
    text-align: right;
    width: 220px;
    float: right;
    position: relative;
    top: -34px;
}

#footerStock .price {
    font: 400 14px/1.5em 'Oswald';
    color: #fff;
    margin-bottom: 10px;
}

#footerStock .price span {
    font-size: 60px;
    line-height: 1em;
}

#footerStock .intro {
    font-size: 16px;
    line-height: 1.5em;
}

#wechat {
    float: right;
    width: 98px;
}

#wechat img {
    display: block;
    width: 100%;
    height: auto;
}

.bottomBt {
    float: left;
    margin-top: 30px;
}

/*footerOther*/
#footerOther {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 30px;
}

/*menu*/
#menu {
    margin-bottom: 15px;
    float: left;
    width: 70%
}

#menu ul {
    line-height: normal;
}

#menu li {
    display: inline-block;
    margin-right: 2.52185609%;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
}

#menu li a {
    color: #fff;
}

#menu dl {
    float: left;
    padding-right: 8.247%;
}

#menu dl dt {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

#menu dl dt a {
    color: #fff;
}

#menu dl dd {
    font-size: 14px;
    color: #fff;
}

#menu .clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}

/*pagelist*/
#pagelist ul {
    font-size: 0;
    line-height: normal;
}

#pagelist li {
    display: inline-block;
    padding-right: 17px;
    font-size: 16px;
    line-height: 2.25em;
    position: relative;
}

#pagelist li:after {
    width: 2px;
    height: 2px;
    content: '';
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

#pagelist li:last-child:after {
    display: none;
}

/*copyright*/
#copyright {
    font-size: 16px;
    line-height: 1.5em;
}

@media(max-width: 1024px) {
    .bottomBt {
        float: none;
        text-align: center
    }

    #footerStock {
        float: none;
    }

    #footerStock {
        position: inherit;
        top: 0;
    }
}

/*entry*/
.entry {
    font-size: 16px;
    line-height: 1.875em;
    color: #666;
}

.entry img {
    height: auto !important;
}

/*postmeta*/
#postmeta {
    font-size: 0;
    line-height: normal;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 1.38888889%;
}

#postmeta span {
    display: inline-block;
    font-size: 18px;
    line-height: 1.66666667em;
    color: #666;
    margin-right: 20px;
}

/*back*/
#back {
    float: right;
    padding: 24px 0;
}

#back a {
    display: block;
    background: url(../images/icon_back.png) no-repeat left center;
    color: #555;
    font-size: 16px;
    padding-left: 28px;
    line-height: 20px;
}

#back a:hover {
    opacity: .85;
}

/*postnavi*/
#postnavi {
    margin-right: 100px;
    overflow: hidden;
    font-size: 16px;
    color: #555;
    line-height: 2.125em;
}

#postnavi p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#postnavi a {
    color: #555;
}

#postnavi a:hover {
    color: #0a65c6;
}

/**/
#post {
    padding: 4.16666667% 0;
}

#post .title {
    font-size: 30px;
    color: #333;
    text-align: center;
    line-height: 1.35em;
    font-weight: normal;
    margin-bottom: 0.34722222%;
}

#post .entry {
    padding: 2.91666667% 8.33333333% 5.27777778%;
}

#post .other {
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 1.38888889%;
}

/*recommend*/
#recommend {
    background-color: #f4f4f4;
    padding: 3.02083333% 0 2.08333333%;
}

#recommend.blogTop {
    padding-top: 4.16666667%;
}

#recommend .title {
    font-size: 22px;
    line-height: 1.125em;
    font-weight: normal;
    background: url(../images/icon_01.png) no-repeat left center;
    padding-left: 44px;
    margin-bottom: 2.56944444%;
}

#recommend ul {
    width: 102.5%;
    overflow: hidden;
}

#recommend li {
    width: 30.89430894%;
    padding: 0 2.43902439% 2.43902439% 0;
    float: left;
}

#recommend .pic {
    margin-bottom: 7.01754386%;
}

#recommend .bg {
    padding-bottom: 56.35964912%;
}

#recommend time {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 1.75em;
    margin-bottom: 2.19298246%;
}

#recommend h4 {
    font-size: 22px;
    line-height: 1.36em;
    height: 2.72em;
    font-weight: normal;
    margin-right: 15%;
}

#recommend a {
    display: block;
    overflow: hidden;
}

#recommend a:hover .bg {
    transform: scale(1.1);
}

/*readmore*/
.readmore {
    overflow: hidden;
}

.readmore a {
    color: #0a65c6;
    position: relative;
    padding-right: 22px;
    font-size: 16px;
    line-height: 1.5em;
    transition: padding .3s;
}

.readmore a:after {
    width: 12px;
    height: 12px;
    background: url(../images/icon_more.png) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.readmore a:hover {
    padding-right: 30px;
}

/*newsSlick*/
#newsSlick {
    position: relative;
    margin-bottom: 3.26388889%;
}

#newsSlick .info {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f4f4f4;
}

#newsSlick .pic {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

#newsSlick .bg {
    padding-bottom: 56.25%;
}

#newsSlick .bg:hover {
    transform: scale(1.1);
}

#newsSlick .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 6.25% 0 4.16666667%;
}

#newsSlick .date {
    font: 400 16px/1.5em 'Roboto';
    color: #666;
    margin-bottom: 4.21052632%;
}

#newsSlick .title {
    font-size: 22px;
    line-height: 1.5em;
    max-height: 3em;
    -webkit-line-clamp: 2;
    font-weight: normal;
    margin-bottom: 2.45614035%;
    margin-right: 8%;
}

#newsSlick .excerpt {
    font-size: 16px;
    line-height: 1.5em;
    height: 4.5em;
    -webkit-line-clamp: 3;
    color: #666;
    margin-bottom: 11.92982456%;
}

#newsSlick .loading {
    padding-bottom: 28.125%;
}

#newsSlick .slick-dots {
    text-align: center;
    margin-top: 2.22222222%;
}

#newsSlick .slick-dots li,
#slides .slick-dots li {
    display: inline-block;
    margin: 0 2.5px;
}

#newsSlick .slick-dots button,
#slides .slick-dots button {
    position: relative;
    width: 31px;
    padding-bottom: 31px;
    background: no-repeat center center;
    background-size: contain;
}

#newsSlick .slick-dots button:after,
#slides .slick-dots button:after {
    width: 32.25806452%;
    padding-bottom: 32.25806452%;
    border-radius: 50%;
    background-color: rgba(144, 144, 144, 0.3);
    content: '';
    display: block;
    position: absolute;
    left: 33.87096774%;
    top: 50%;
    transform: translateY(-50%);
}

#newsSlick .slick-dots .slick-active button,
#slides .slick-dots .slick-active button {
    background-image: url(../images/icon_dot.png);
}

#newsSlick .slick-dots .slick-active button:after,
#slides .slick-dots .slick-active button:after {
    opacity: 0;
}

/*pagenavi*/
#pagenavi {
    font-size: 0;
    line-height: normal;
    text-align: center;
}

#pagenavi a {
    display: inline-block;
    height: 48px;
    min-width: 48px;
    margin: 2px 0.69444444%;
    font-size: 18px;
    line-height: 50px;
    vertical-align: top;
    color: #61788f;
    background-color: #fff;
    border: 1px solid rgba(169, 185, 202, 0.6);
}

#pagenavi .a_cur,
#pagenavi a:hover {
    color: #fff;
    background-color: #0a65c6;
    border-color: #0a65c6;
}

#pagenavi .a_prev,
#pagenavi .a_next {
    text-indent: -99999em;
    position: relative;
    padding: 0;
}

#pagenavi .a_prev:before,
#pagenavi .a_next:before {
    width: 54.16666667%;
    padding-bottom: 10.41666667%;
    background: no-repeat 0 0;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    left: 22.91666667%;
    top: 50%;
    transform: translateY(-50%);
}

#pagenavi .a_prev:hover:before,
#pagenavi .a_next:hover:before {
    background-position: 0 100%;
}

#pagenavi .a_prev:before {
    background-image: url(../images/pagenavi_prev.png);
}

#pagenavi .a_next:before {
    background-image: url(../images/pagenavi_next.png);
}

/*blogList*/
#blogList {
    padding: 4.16666667% 0 4.42708333%;
}

#blogList #pagenavi {
    margin-top: 3.40277778%;
}

/*blogItem*/
.blogItem {
    margin-bottom: 2.5%;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.blogItem .td {
    display: table-cell;
    vertical-align: middle;
}

.blogItem .pic {
    width: 380px;
}

.blogItem .bg {
    padding-bottom: 56.31578947%;
}

.blogItem .bg:hover {
    transform: scale(1.1);
}

.blogItem .text {
    padding: 0 3.47222222% 0 4.16666667%;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    border-left: 1px solid rgba(207, 207, 207, 0.5);
}

.blogItem .title {
    font-size: 22px;
    line-height: 1.365em;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.05374078%;
}

.blogItem .excerpt {
    font-size: 16px;
    line-height: 1.5em;
    height: 3em;
    color: #666;
    -webkit-line-clamp: 2;
    margin-bottom: 3.16122234%;
}

.blogItem .meta {
    overflow: hidden;
}

.blogItem .meta span {
    padding-right: 43px;
    position: relative;
}

.blogItem .meta span:after {
    width: 1px;
    height: 13px;
    background-color: rgba(207, 207, 207, 0.5);
    content: '';
    display: block;
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
}

.blogItem .meta span:last-child:after {
    display: none;
}

.blogItem .date {
    font: 400 16px/1.5em 'Roboto';
    color: #666;
}

/*newsList*/
#newsList {
    overflow: hidden;
}

#newsList ul {
    width: 102.5%;
    overflow: hidden;
    margin-bottom: 2.29166667%;
}

#newsList li {
    width: 30.89430894%;
    padding: 0 2.43902439% 2.43902439% 0;
    float: left;
}

#newsList .bg {
    padding-bottom: 56.35964912%;
}

#newsList .bg:hover {
    transform: scale(1.1);
}

#newsList .text {
    background-color: #f4f4f4;
    padding: 8.33333333% 7.6754386% 6.57894737%;
}

#newsList time {
    display: block;
    font: 400 16px/1.5em 'Roboto';
    color: #666;
    margin-bottom: 2.59067358%;
}

#newsList .title {
    font-size: 22px;
    line-height: 1.365em;
    height: 2.73em;
    -webkit-line-clamp: 2;
    font-weight: normal;
    margin-bottom: 1.29533679%;
}

#newsList .excerpt {
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
    height: 3em;
    -webkit-line-clamp: 2;
    margin-bottom: 7.51295337%;
}

/*customer*/
#customer {
    overflow: hidden;
    margin-bottom: 3.26388889%;
}

#customer ul {
    width: 102.43055556%;
    overflow: hidden;
}

#customer li {
    width: 17.62711864%;
    padding-right: 2.37288136%;
    padding-bottom: 2.37288136%;
    float: left;
}

#customer .logo {
    padding-bottom: 38.46153846%;
    background: no-repeat center center;
    background-size: contain;
}

#customer .name {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 101, 198, 0.8);
    transition: top .3s;
}

#customer h3 {
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.66666667em;
    position: absolute;
    left: 5%;
    top: 50%;
    width: 90%;
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#customer a {
    display: block;
    position: relative;
    background-color: #f4f4f4;
    overflow: hidden;
}

#customer a:hover .name {
    top: 0;
}

/*supplier*/
#supplier {
    overflow: hidden;
    background-color: #f4f4f4;
    padding: 4.16666667% 0 2.34375%;
}

#supplier .list {
    overflow: hidden;
}

#supplier .list ul {
    width: 102.43055556%;
    overflow: hidden;
}

#supplier .list li {
    width: 17.62711864%;
    padding-right: 2.37288136%;
    padding-bottom: 1.69491525%;
    float: left;
}

#supplier .logo {
    padding-bottom: 38.46153846%;
    background: no-repeat center center;
    background-size: contain;
    margin-bottom: 5%;
    background-color: #fff;
}

#supplier h3 {
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

#supplier .slick-dots {
    text-align: center;
    margin-top: 1.59722222%;
}

#supplier .slick-dots li {
    display: inline-block;
    margin: 0 7.5px;
}

#supplier .slick-dots button {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: relative;
}

#supplier .slick-dots button:after {
    width: 60%;
    padding-bottom: 60%;
    border-radius: 50%;
    background-color: rgba(72, 72, 72, 0.27);
    content: '';
    display: block;
    position: absolute;
    left: 20%;
    top: 20%;
    transition: all .3s;
}

#supplier .slick-dots .slick-active button:after {
    transform: scale(1.667);
    background-color: #0a65c6;
}

/*supply*/
#supply {
    padding: 2.70833333% 0 8.17708333%;
}

#supply li {
    overflow: hidden;
    font-size: 22px;
    line-height: 30px;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    padding: 1.875% 0;
}

#supply li a {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-right: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#supply li a:before {
    width: 10px;
    height: 3px;
    background-color: #0a65c6;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#supply time {
    display: block;
    float: right;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Roboto';
    color: #666;
}

/*headOffice*/
#headOffice {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f4f4f4;
    padding: 5% 0;
}

#headOffice .map {
    width: 66.97916667%;
    display: table-cell;
    vertical-align: top;
}

#headOffice .map img {
    display: block;
    width: 100%;
    height: auto;
}

#headOffice .text {
    padding: 0.5% 4.94791667%;
    display: table-cell;
    vertical-align: middle;
}

#headOffice h2 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 5.85585586%;
}

#headOffice li {
    font-size: 16px;
    color: #666;
    line-height: 1.875em;
    overflow: hidden;
    padding: 3px 0;
}

#headOffice li a {
    color: #0071e5;
    display: inline-block;
    border-bottom: 1px solid #9bb9ed;
}

#headOffice li a:hover {
    border-bottom-color: #999;
    color: #666;
}

#headOffice .name {
    float: left;
}

#headOffice .cont {
    margin-left: 60px;
    overflow: hidden;
}

/*subsidiary*/
#subsidiary {
    padding: 3.33333333% 0 3.75%;
}

#subsidiary .title {
    border-bottom: 1px solid #eee;
    font-size: 24px;
    font-style: italic;
    line-height: 1.5em;
    background: url(../images/icon_01.png) no-repeat left center;
    font-weight: normal;
    padding: 0.69444444% 0 0.69444444% 48px;
    margin-bottom: 3.95833333%;
}

#subsidiary .list {
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 103%;
}

#subsidiary .item {
    max-width: 30.333%;
    padding: 0 3% 3% 0;
}

#subsidiary .name {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 3.33333333%;
}

#subsidiary li {
    font-size: 16px;
    line-height: 1.875em;
    color: #666;
    overflow: hidden;
    padding: 1% 0;
}

#subsidiary .l {
    float: left;
}

#subsidiary .r {
    margin-left: 55px;
}

#subsidiary a {
    color: #0a65c6;
    border-bottom: 1px solid #9bb9ed;
    display: inline-block;
}

#subsidiary a:hover {
    color: #666;
    border-bottom-color: #999;
}

/*investor*/
#investor {
    padding: 5.20833333% 0 4.6875%;
}

#investor ul {
    overflow: hidden;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#investor li {
    width: 49.16666667%;
    padding-bottom: 1.66666667%;
}

#investor .bg {
    padding-bottom: 56.21468927%;
}

#investor .text {
    position: absolute;
    left: 7.06214689%;
    top: 0;
    width: 85.87570621%;
    margin-top: 6.63841808%;
}

#investor h2 {
    font-size: 30px;
    line-height: 1.35em;
    font-weight: normal;
    margin-bottom: 3.28947368%;
}

#investor .more {
    font-size: 16px;
    line-height: 1.5em;
}

#investor .more span {
    background: url(../images/icon_more_white.png) no-repeat right center;
    padding-right: 20px;
}

#investor li:nth-child(3) {
    width: 100%;
}

#investor li:nth-child(3) .bg {
    padding-bottom: 27.63888889%;
}

#investor li:nth-child(3) .text {
    left: 3.47222222%;
    width: 93.05555556%;
    margin-top: 3.26388889%;
}

#investor li:nth-child(3) h2 {
    margin-bottom: 1.49253731%;
}

#investor a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
}

#investor a:hover .bg {
    transform: scale(1.1);
}

/*boxTitle*/
.boxTitle {
    font-size: 36px;
    font-weight: normal;
    line-height: 1.35em;
}

/*talentView*/
#talentView {
    padding: 4.94791667% 0;
}

#talentView .inner {
    display: table;
    table-layout: fixed;
}

#talentView .pic {
    display: table-cell;
    vertical-align: top;
    width: 47.77777778%;
    padding: 0 4.86111111%;
}

#talentView .text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 14.58333333%;
}

#talentView .boxTitle {
    margin-bottom: 3.32103321%;
}

#talentView .intro {
    font-size: 16px;
    color: #666;
    line-height: 2em;
}

/*talentPlan*/
#talentPlan {
    background: #f5f9fd url(../images/bg_talentPlan.png) no-repeat center bottom;
    background-size: cover;
    padding: 4.42708333% 0;
}

#talentPlan .boxTitle {
    margin-bottom: 5.90277778%;
}

#talentPlan ul {
    overflow: hidden;
}

#talentPlan li {
    width: 27.08333333%;
    position: relative;
    float: left;
    overflow: hidden;
}

#talentPlan li:after {
    height: 3px;
    width: 100%;
    background: url(../images/icon_square.png) repeat-x left center;
    content: '';
    display: block;
    position: absolute;
    left: 76.5px;
    top: 90px;
    margin-top: 4.35897436%;
}

#talentPlan .icon {
    width: 80px;
    margin-bottom: 6.15384615%;
}

#talentPlan .icon i {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    background: no-repeat center center;
    background-size: contain;
}

#talentPlan .num {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin: 0 24px 10%;
    background-color: #2d65bc;
    font: 500 16px/32px 'Oswald';
}

#talentPlan .name {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    width: 90%;
}

#talentPlan .intro {
    font-size: 16px;
    color: #666;
    line-height: 2em;
    width: 90%;
}

#talentPlan li:last-child {
    width: 18.75%;
}

#talentPlan li:last-child:after {
    display: none;
}

#talentPlan li:last-child .icon {
    margin-bottom: 8.88888889%;
}

#talentPlan li:last-child .num {
    background-color: #e66c75;
    margin-bottom: 14.44444444%;
}

#talentPlan li:nth-child(2) .num {
    background-color: #00b4ab;
}

#talentPlan li:nth-child(3) .num {
    background-color: #fe7c00;
}

/*talentIncentive*/
#talentIncentive {
    padding: 5.20833333% 0 4.16666667%;
}

#talentIncentive .inner {
    overflow: hidden;
}

#talentIncentive .boxTitle {
    margin-bottom: 2.77777778%;
}

#talentIncentive ul {
    overflow: hidden;
    width: 102.08333333%;
}

#talentIncentive li {
    float: left;
    width: 31.29251701%;
    padding-right: 2.04081633%;
    padding-bottom: 2.04081633%;
}

#talentIncentive .pic {
    margin-bottom: 5.86956522%;
}

#talentIncentive .bg {
    padding-bottom: 56.52173913%;
}

#talentIncentive .text {
    padding: 0 6.08695652%;
}

#talentIncentive .stage {
    width: 80px;
    height: 32px;
    line-height: 33px;
    color: #fff;
    background-color: #d24b2e;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

#talentIncentive .mode {
    font-size: 16px;
    color: #666;
    line-height: 2em;
    margin-left: 80px;
    padding-left: 4.95049505%;
}

#talentIncentive li:hover .bg {
    transform: scale(1.1);
}

/*recruitment*/
#recruitment {
    background-color: #f7f8f9;
    padding: 4.16666667% 0;
}

#recruitment .boxTitle {
    margin-bottom: 2.77777778%;
}

#recruitment .list {
    margin-bottom: 2.77777778%;
}

/*jobItem*/
.jobItem {
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(68, 82, 96, 0.1);
    margin-bottom: 1.52777778%;
}

.jobItem .top {
    padding: 2.22222222% 2.63888889% 2.08333333% 2.63888889%;
    overflow: hidden;
    position: relative;
}

.jobItem .title {
    font-size: 24px;
    color: #333;
    line-height: 1.35em;
    font-weight: normal;
    margin-bottom: 0.9984639%;
}

.jobItem .meta,
.jobItem .excerpt {
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    overflow: hidden;
}

.jobItem .meta span {
    display: block;
    float: left;
    padding-right: 23px;
    position: relative;
}

.jobItem .meta span:after {
    width: 1px;
    height: 15px;
    background-color: #a6a6a6;
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.jobItem .meta span:last-child {
    padding-right: 0;
}

.jobItem .meta span:last-child:after {
    display: none;
}

.jobItem .excerpt {
    margin-top: 1.61290323%;
    margin-right: 100px;
}

.jobItem .btm {
    background-color: #f9f9f9;
    padding: 3.19444444% 4.72222222% 3.61111111% 4.72222222%;
    overflow: hidden;
    display: none;
}

.jobItem .box {
    float: left;
    font-size: 16px;
    line-height: 1.875em;
    color: #666;
    width: 41.41104294%;
}

.jobItem .box h3 {
    color: #333;
    font-weight: normal;
}

.jobItem .box:nth-child(2n) {
    float: right;
}

.jobItem .apply {
    width: 9.20245399%;
    margin-top: 3.37423313%;
}

.jobItem .apply a {
    display: block;
    overflow: hidden;
    background-color: #0a65c6;
    color: #fff;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding: 6.66666667% 0;
}

.jobItem .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f3f4f4;
    font-size: 16px;
    color: #666;
    width: 96px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.jobItem.active .btn,
.jobItem.active .excerpt {
    display: none;
}

.jobItem.active .btm {
    display: block;
}

/*solution*/
#solution {
    padding: 5.20833333% 0;
}

#solution .item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 1.66666667% 0;
}

#solution .pic {
    display: table-cell;
    vertical-align: top;
    width: 48.33333333%;
}

#solution .pic figure {
    border: 1px solid #ededed;
}

#solution .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5.55555556% 0 6.59722222%;
}

#solution h2 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 3.54609929%;
}

#solution .intro {
    font-size: 16px;
    color: #666;
    line-height: 1.875em;
    margin-bottom: 14.71631206%;
}

#solution .item:nth-child(2n) .text {
    padding: 0 6.59722222% 0 5.55555556%;
}

/*category*/
#category {
    padding: 3.64583333% 0 4.42708333%;
}

#category .inner {
    overflow: hidden;
}

#category .item {
    float: left;
    width: 48.61111111%;
    padding: 2.43055556% 0;
}

#category .item:nth-child(2n) {
    float: right;
}

#category .item a {
    display: block;
    overflow: hidden;
    position: relative;
}

#category .item a:hover .bg {
    transform: scale(1.1);
}

#category .bg {
    padding-bottom: 56.14285714%;
}

#category .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 88.57142857%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    padding: 3.14285714% 0 3.71428571%;
}

#category .icon {
    display: table-cell;
    vertical-align: middle;
    width: 27.41935484%;
}

#category .icon img {
    display: block;
    width: auto;
    max-width: 70%;
    max-height: 100px;
    margin: 0 auto;
}

#category .intro {
    padding-right: 8.06451613%;
    display: table-cell;
    vertical-align: middle;
}

#category h2 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#category .excerpt {
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    height: 3em;
    -webkit-line-clamp: 2;
}

/*proTitle*/
.proTitle {
    text-align: center;
    color: #0a65c6;
    font-weight: normal;
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 2.43055556%;
}

/*proIntro*/
#proIntro,
#proArea {
    background-color: #f4f4f4;
    padding: 4.42708333% 0 4.6875%;
}

#proIntro .proTitle {
    margin-bottom: 1.875%;
}

#proIntro .intro {
    font-size: 16px;
    color: #666;
    line-height: 2em;
    max-width: 760px;
    margin: 0 auto;
}

/*proArea*/
#proArea .proTitle {
    margin-bottom: 5%;
}

#proArea .gallery {
    position: relative;
    padding: 0 5.20833333%;
}

#proArea .slick-load {
    overflow: hidden;
}

#proArea .slick-list {
    width: 103.48837209%;
}

#proArea .item a {
    display: block;
    overflow: hidden;
}

#proArea .pic {
    margin-right: 10.11235955%;
}

#proArea .bg {
    padding-bottom: 70%;
}

#proArea .loading {
    padding-bottom: 21.70542636%;
}

#proArea .entry {
    margin: 3.5% auto 0;
    width: 80%;
}

/*proList*/
#proList {
    padding: 4.94791667% 0 5.46875%;
}

#proList .inner {
    overflow: hidden;
}

#proList ul {
    width: 103.05555556%;
    overflow: hidden;
    margin-bottom: 2.36111111%;
}

#proList li {
    float: left;
    width: 22.03504043%;
    padding-right: 2.96495957%;
    padding-bottom: 2.76280323%;
}

#proList li a {
    display: block;
    overflow: hidden;
}

#proList li a:hover .bg {
    transform: scale(1.1);
}

#proList .pic {
    background-color: #f4f4f4;
    border-radius: 10px;
    border: 1px solid #ededed;
    margin-bottom: 3.97553517%;
}

#proList .bg {
    padding-bottom: 74.84662577%;
}

#proList h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.35em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

/*loading*/
#loading {
    font-size: 0;
    line-height: normal;
    text-align: center;
}

#loading a {
    display: inline-block;
    color: #0a65c6;
    font-size: 18px;
    position: relative;
    padding-left: 35px;
    line-height: 25px;
}

#loading a:before {
    width: 25px;
    height: 25px;
    background: url(../images/loading.png) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/*aboutus*/
#aboutus {
    padding: 4.94791667% 0 5.20833333%;
}

#aboutus .title {
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
}

#aboutus .pic {
    margin-bottom: 4.86111111%;
}

#aboutus .intro {
    font-size: 16px;
    color: #666;
    line-height: 2em;
    max-width: 1130px;
    margin: 0 auto;
}

#aboutus .aboutData {
    padding: 7.15277778% 11%;
    background: url(../images/map_world_small.png) no-repeat center center;
    background-size: contain;
}

/*aboutData*/
.aboutData ul {
    overflow: hidden;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: space-around;
}

.aboutData li {
    padding: 1%;
    text-align: center;
}

.aboutData .num {
    font-size: 20px;
    line-height: 1em;
    color: #0a65c6;
    margin-bottom: 5px;
    position: relative;
}

.aboutData .num sub,
.aboutData .num sup {
    font-size: 28px;
}

.aboutData .num sup {
    position: absolute;
    top: 0;
}

.aboutData .num span {
    font: 400 60px/1em 'Oswald';
    margin-right: 10px;
}

.aboutData .name {
    font-size: 18px;
    color: #333;
    line-height: 2em;
}

/*base*/
@keyframes circle {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

#base {
    padding: 4.6875% 0;
}

#base .mapbox {
    width: 83.33333333%;
    margin: 0 auto;
    position: relative;
}

#base .map {
    padding-bottom: 47%;
    background: url(../images/map_world_large.png) no-repeat center center;
    background-size: contain;
}

#base li {
    position: absolute;
    width: 4.16666667%;
}

#base .dot {
    padding-bottom: 100%;
    position: relative;
    cursor: pointer;
}

/* #base .dot:before,#base .dot:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #0a65c6;border-radius:50%;transform:scale(0);box-sizing:border-box;} */
#base .dot:before {
    animation: circle 4s linear 0s infinite;
}

#base .dot:after {
    animation: circle 4s linear 2s infinite;
}

#base .dot span {
    display: block;
    width: 8px;
    padding-bottom: 8px;
    border-radius: 50%;
    background-color: #0a65c6;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
}

#base .name {
    font-size: 16px;
    line-height: 1.875em;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 100%;
    display: block;
    transform: translateX(-50%);
}

#base .li1 {
    left: 12.75%;
    top: 26.41843972%;
}

#base .li2 {
    width: 6.16666667%;
    left: 20.58333333%;
    top: 20.03546099%;
}

#base .li3 {
    left: 23.08333333%;
    top: 39.89361702%;
}

#base .li4 {
    width: 6.16666667%;
    left: 32.33333333%;
    top: 41.66666667%;
}

#base .li5 {
    width: 7%;
    left: 36.83333333%;
    top: 68.26241135%;
}

#base .li6 {
    width: 9.5%;
    left: 68.66666667%;
    top: 19.68085106%;
}

#base .li7 {
    left: 81.25%;
    top: 14.53900709%;
}

#base .active .dot span {
    background-color: #8fb83d;
}

#base .active .dot:before,
#base .active .dot:after {
    border-color: #8fb83d;
}

#base .active .name {
    display: block;
}

/*basepage*/
#basepage {
    padding: 4.6875% 0;
}

/*baseinfo*/
#baseInfo .item {
    position: relative;
    display: none;
}

#baseInfo .item:first-child {
    display: block;
}

#baseInfo .bg {
    padding-bottom: 41.667%;
}

#baseInfo .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    overflow: auto;
    color: #fff;
    padding: 5%;
    text-align: left;
}

#baseInfo h3 {
    font-size: 24px;
    line-height: 1.35em;
    margin-bottom: 1.158%;
}

#baseInfo ul {
    position: relative;
    padding: 3.086% 0;
}

#baseInfo ul:before,
#baseInfo ul:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
}

#baseInfo ul:before {
    top: 0;
}

#baseInfo ul:after {
    bottom: 0;
}

#baseInfo li {
    font-size: 14px;
    line-height: 1.75em;
    padding: 3px 0;
}

/*baseTab*/
#baseTab ul {
    overflow: hidden;
    width: 102%;
}

#baseTab li {
    float: left;
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    padding: 2% 2% 0 0;
    width: 23%;
    font-weight: bold;
}

#baseTab li span {
    color: #333;
    background-color: #f5f5f5;
    cursor: pointer;
    display: block;
    padding: 12.314% 0;
}

#baseTab .cur span {
    background-color: #0a65c6;
    color: #fff;
}

/*basemap*/
#basemap {
    margin: 4.6875% 0;
    background-size: cover;
    background-repeat: no-repeat;
}

#basemap .mapbox {
    width: 100.723%;
    position: relative;
    margin: 0 auto;
}

#basemap .map {
    padding-bottom: 54.213%;
    background-size: cover;
    background-repeat: no-repeat;
}

#basemap .dot {
    width: 8%;
    padding-bottom: 8%;
    border-radius: 50%;
    /* background-color: #8fb83d; */
    position: absolute;
    left: 35.246%;
    top: 40.48%;
}

/* #basemap .dot::before{
    position: absolute;
    content: '';
    width: 120%;
    top: -9%;
    left: -10%;
    height: 120%;
    background: rgb(143 184 61 / 33%);
    border-radius: 100px;
  } */
#basemap .dot span img {
    width: 100%;
    display: flex;
    text-align: center;
    /* position: relative; */
    margin: auto;
    padding-top: 28%;
    max-width: 60px;
    text-align: center;
    position: relative;
    z-index: 2;
}

#basemap .dot span p {
    position: relative;
    z-index: 2;
}

#basemap .dot span {
    /* position: absolute;
  left: 18%;
  top: 55%;
  transform: translateY(-50%);
  white-space: nowrap;
  display: block;
  font-size: 0.3rem;
  color: #fff;
  line-height: 1.875em;
  text-align: center; */
    background: #8fb83d;
    color: #fff;
    text-align: center;
    max-width: 100px;
    max-height: 100px;
    height: 100%;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    border-radius: 100px;
    font-size: 0.3rem;
    width: 100%;
    position: absolute;
    left: 2%;
    top: 5%;
    /* flex-wrap: wrap; */
}

#basemap .dot .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -109%;
    left: -41%;
    border-radius: 50%;
    z-index: 1;
}

#basemap .dot .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

#basemap .dot .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
}

#basemap .dot .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap .dot .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 2s;
    transform-origin: 35.646% 49.88%;
}

#basemap ul.show {
    transform: scale(1);
}

#basemap li {
    position: absolute;
}

#basemap .arrow {
    background: no-repeat center center;
    background-size: contain;
    position: relative;
    z-index: -2;
}

#basemap .li1 {
    width: 12.7213%;
    left: 37.246%;
    top: 33%;
}

#basemap .li1 .arrow {
    padding-bottom: 37.018%;
    background-image: url(../images/mapxin08.png);
}

#basemap .li1 .name {
    background: #8fb83d;
    color: #fff;
    text-align: center;
    max-width: 70px;
    max-height: 200px;
    height: 100%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 0.3rem;
    width: 100%;
    position: absolute;
    left: 63%;
    top: -59%;
}

#basemap .li1 .name p {
    position: relative;
    top: 23%;
}

#basemap .li1 .name .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -87%;
    left: -41%;
    border-radius: 50%;
    z-index: -1;
}

#basemap .li1 .name .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

#basemap .li1 .name .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
}

#basemap .li1 .name .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap .li1 .name .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

@keyframes scalePop {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

#basemap .li2 {
    width: 22.967%;
    left: 13.246%;
    top: 51.042%;
}

#basemap .li2 .arrow {
    padding-bottom: 31.264%;
    background-image: url(../images/mapxin05.png);
}

#basemap .li2 .name {
    background: #eaecf2;
    color: #d5d8e0;
    text-align: center;
    /* max-width: 100px; */
    height: 66%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 22px;
    width: 21%;
    position: absolute;
    left: -19%;
    top: 68%;
}

#basemap .li3 {
    width: 5%;
    left: 29.5%;
    top: 33.48%;
}

#basemap .li3 .arrow {
    padding-bottom: 244.262%;
    background-image: url(../images/mapxin04.png);
}

#basemap .li3 .name {
    background: #eaecf2;
    color: #fff;
    text-align: center;
    /* max-width: 100px; */
    height: 42%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 22px;
    width: 100%;
    position: absolute;
    left: -102%;
    top: 18%;
}

#basemap .li4 {
    width: 17.984%;
    left: 17.69%;
    top: 33.103%;
}

#basemap .li4 .arrow {
    padding-bottom: 35.075%;
    background-image: url(../images/mapxin03.png);
}

#basemap .li4 .name {
    background: #eaecf2;
    color: #d5d8e0;
    text-align: center;
    /* max-width: 100px; */
    height: 73%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 22px;
    width: 25%;
    position: absolute;
    left: -26%;
    top: 21%;
}

#basemap .li5 {
    width: 16.82%;
    left: 24.754%;
    top: 26.25%;
}

#basemap .li5 .arrow {
    padding-bottom: 44.882%;
    background-image: url(../images/mapxin02.png);
}

#basemap .li5 .name {
    background: #eaecf2;
    color: #d5d8e0;
    text-align: center;
    /* max-width: 100px; */
    height: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 22px;
    width: 25%;
    position: absolute;
    left: -5%;
    top: -18%;
}

#basemap .li6 {
    width: 20.787%;
    left: 18.13%;
    top: 13.678%;
}

#basemap .li6 .arrow {
    padding-bottom: 86.539%;
    background-image: url(../images/mapxin01.png);
}

#basemap .li6 .name {
    background: #8fb83d;
    color: #fff;
    text-align: center;
    max-width: 100px;
    max-height: 100px;
    height: 100%;
    border-radius: 100px;
    font-size: 0.3rem;
    width: 100%;
    position: absolute;
    left: -40%;
    top: 8%;
}

#basemap .li6 .name .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -71%;
    left: -40%;
    border-radius: 50%;
    z-index: -1;
}

#basemap .li6 .name .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

#basemap .li6 .name .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
}

#basemap .li6 .name .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap .li6 .name .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap .li6 .name p {
    position: relative;
    top: 38%;
}

/* #basemap .li6 .name::before{
  position: absolute;
  content: '';
  width: 120%;
  height: 120%;
  background: rgb(143 184 61 / 33%);
  border-radius: 100px;
  z-index: -1;
} */
#basemap .li7 {
    width: 13.7213%;
    left: 34.246%;
    top: 56.5%;
}

#basemap .li7 .arrow {
    padding-bottom: 37.018%;
    background-image: url(../images/mapxin06.png);
}

#basemap .li7 .name {
    background: #8fb83d;
    color: #fff;
    text-align: center;
    max-width: 75px;
    max-height: 200px;
    height: 100%;
    border-radius: 100px;
    font-size: 0.3rem;
    width: 100%;
    position: absolute;
    left: 45%;
    top: 105%;
}

#basemap .li7 .name p {
    position: relative;
    top: 23%;
}

#basemap .li7 .name .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -87%;
    left: -43%;
    border-radius: 50%;
    z-index: -1;
}

#basemap .li7 .name .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

#basemap .li7 .name .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
}

#basemap .li7 .name .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap .li7 .name .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}
#basemap .li8 {
    width: 37.82%;
    left: 25.754%;
    top: 53.25%;
}
#basemap .li8 .name {
    background: #eaecf2;
    color: #d5d8e0;
    text-align: center;
    /* max-width: 100px; */
    height: 29%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 22px;
    width: 13%;
    position: absolute;
    left: 43%;
    top: 101%;
}
#hmAbout #basemap .li8 {
    width: 37.82%;
    left: 44.754%;
    top: 49.25%;
}

#basemap .li8 .arrow {
    padding-bottom: 44.882%;
    background-image: url(../images/mapxin07.png);
}

#hmAbout #basemap .li8 .name .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
    opacity: 1 !important;
}
#basemap .li6 .name .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}
#basemap .li6 .name .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}
#hmAbout #basemap .li8 .name .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

#hmAbout #basemap .li8 .name {
    background: #8fb83d;
    color: #fff;
    text-align: center;
    max-width: 100px;
    max-height: 100px;
    border-radius: 100px;
    font-size: 0.3rem;
    position: absolute;
    left: -40%;
    top: 8%;
    display: block;
}
#hmAbout  #basemap .li8 .name .animateDot {
    top: -136%;
}

#basemap .li9 {
    width: 35.7213%;
    left: 39.246%;
    top: 17.5%;
}

#basemap .li9 .arrow {
    padding-bottom: 37.018%;
    background-image: url(../images/mapxin09.png);
}

#basemap .li9 .name {
    background: #8fb83d;
    color: #fff;
    text-align: center;
    max-width: 100px;
    max-height: 100px;
    height: 100%;
    border-radius: 100px;
    font-size: 0.3rem;
    width: 100%;
    position: absolute;
    left: 100%;
    top: 41%;
}

#basemap .li9 .name p {
    position: relative;
    top: 33%;
}

#basemap .li9 .name .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -70%;
    left: -42%;
    border-radius: 50%;
    z-index: -1;
}

#basemap .li9 .name .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

#basemap .li9 .name .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
}

#basemap .li9 .name .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

#basemap .li9 .name .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}






.moow .li3 .name .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -80%;
    left: -40%;
    border-radius: 50%;
    z-index: -1;
}
.moow .li3 .name p {
    position: relative;
    font-size: 0.3rem;
    top: 30%;
}
.moow .li3 .name {
    display: block !important;
  
}
.moow .li3 .name .animateDot i {
    position: absolute;
    border-radius: 50%;
    background: rgb(143 184 61 / 33%);
}

.moow .li3 .name .animateDot i:first-child {
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    animation: scalePop 2s ease-out infinite;
}

.moow .li3 .name .animateDot i:nth-child(2) {
    left: 12.5%;
    height: 75%;
    top: 12.5%;
    width: 75%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}

.moow .li3 .name .animateDot i:nth-child(3) {
    left: 28%;
    height: 44%;
    top: 28%;
    width: 44%;
    animation: scalePop 2s ease-out infinite;
    background: rgb(143 184 61 / 33%);
}












/* #basemap .li9 .name::before{
  position: absolute;
  content: '';
  width: 120%;
  height: 120%;
  background: rgb(143 184 61 / 33%);
  border-radius: 100px;
  z-index: -1;
} */
#basemap .li10 {
    width: 37.82%;
    left: 38.754%;
    top: 10.25%;
}

#basemap .li10 .arrow {
    padding-bottom: 44.882%;
    background-image: url(../images/mapxin010.png);
}

#basemap .li10 .name {
    background: #eaecf2;
    color: #d5d8e0;
    text-align: center;
    /* max-width: 100px; */
    height: 29%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 22px;
    width: 13%;
    position: absolute;
    left: 100%;
    top: 6%;
}

@media screen and (max-width: 768px) {
    #basemap .li6 .name {
        max-width: 40px;
        max-height: 40px;
        font-size: 0.1rem;
        left: -64%;
        top: -15%;
    }

    #basemap .li9 .name .animateDot {
        top: -114%;
    }

    #basemap .li9 .name p {
        top: 15%;
    }

    #basemap .li7 .name .animateDot {
        top: -141%;
    }

    #basemap .li7 .name p {
        top: 1%;
    }

    #basemap .li1 .name .animateDot {
        top: -138%;
    }

    #basemap .li1 .name p {
        top: 2%;
    }

    #basemap .dot .animateDot {
        top: -153%;
    }

    #basemap .li6 .name p {
        top: 13%;
    }

    #basemap .li6 .name .animateDot {
        top: -114%;
    }

    .fadeInUp #basemap .li6 .name {
        max-width: 35px;
        max-height: 35px;
    }

    .fadeInUp #basemap .li9 .name {
        max-width: 35px;
        max-height: 35px;
    }

    .fadeInUp #basemap .li6 .name .animateDot {
        top: -104%;
    }

    .fadeInUp #basemap .li9 .name .animateDot {
        top: -104%;
    }
}

/*responsibility*/
#responsibility {
    margin-bottom: 1.38888889%;
}

#responsibility .inner {
    overflow: hidden;
}

#responsibility .pic {
    width: 60.13888889%;
    float: right;
    overflow: visible;
    padding: 4.16666667% 0;
}

#responsibility .bg {
    width: 103.23325635%;
    padding-bottom: 57.96766744%;
    position: relative;
    float: right;
    display: none;
}

#responsibility .text {
    width: 39.86111111%;
    padding: 1.18055556% 0 4.375%;
    float: left;
    background-image: linear-gradient(180deg, #f7f7f7 90%, transparent);
}

#responsibility .item {
    padding: 4.18118467% 6.62020906% 4.70383275%;
    position: relative;
    z-index: 3;
}

#responsibility .item:before {
    background-color: #0a65c6;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 110.45296167%;
    height: 100%;
    opacity: 0;
}

#responsibility h3 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    position: relative;
    z-index: 2;
}

#responsibility .intro {
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    position: relative;
    z-index: 2;
}

#responsibility .active,
#responsibility .active .intro {
    color: #fff;
}

#responsibility .active:before {
    opacity: 1;
}

/*subPage*/
.subPage {
    margin-bottom: 5.27777778%;
}

.subPage ul {
    font-size: 0;
    line-height: normal;
    text-align: center;
}

.subPage li {
    display: inline-block;
    width: 150px;
    padding: 5px 1.04166667%;
}

.subPage a {
    display: block;
    background-color: #f1f3f5;
    border-radius: 25px;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.subPage a:after {
    border-top: 7.5px solid #0a65c6;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    opacity: 0;
}

.subPage .cur a,
.subPage a:hover {
    background-color: #0a65c6;
    color: #fff;
    box-shadow: 0px 0px 15px rgba(10, 101, 198, 0.3);
}

.subPage .cur a:after {
    opacity: 1;
}

/*conceptIntro*/
#conceptIntro {
    max-width: 1200px;
    margin: 0 auto 4.86111111%;
}

#conceptIntro .title {
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 1.41666667%;
}

#conceptIntro .intro {
    font-size: 16px;
    color: #666;
    line-height: 2em;
}

/*conceptIntro*/
#conceptList {
    overflow: hidden;
}

#conceptList .info {
    position: relative;
}

#conceptList .text {
    position: absolute;
    color: #fff;
    bottom: 50%;
    transform: translateY(100%);
    left: 6.25%;
    width: 87.5%;
}

#conceptList h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 2%;
}

#conceptList .intro {
    font-size: 24px;
    line-height: 1.65em;
    margin-top: 20px;
    max-height: 6.6em;
    -webkit-line-clamp: 4;
    max-width: 100%;
}

#conceptList .bg {
    padding-bottom: 34.72222222%;
}

#conceptList .item {
    clear: both;
    padding-bottom: 3.95833333%;
}

#conceptList .item:nth-child(2n-1) {
    text-align: right;
}

#conceptList .item:nth-child(2n-1) .intro {
    float: right;
}

#conceptList .item:nth-child(-n + 2) {
    width: 50%;
    float: left;
    clear: none;
    text-align: left;
}

#conceptList .item:nth-child(-n + 2) .bg {
    padding-bottom: 69.44444444%;
}

#conceptList .item:nth-child(-n + 2) .text {
    width: 83.33333333%;
    left: 8.33333333%;
    bottom: 0;
    transform: none;
    margin-bottom: 8.61111111%;
}

#conceptList .item:nth-child(-n + 2) .intro {
    max-width: none;
    float: none;
}

/*feature*/
#feature {
    background-color: #f4f4f4;
    padding: 4.42708333% 0 3.38541667%;
    border-bottom: 1px solid #eee;
}

#feature ul {
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: space-evenly;
    padding: 1% 0;
}

#feature li {
    display: inline-block;
    vertical-align: top;
    max-width: 340px;
    padding: 1%;
}

#feature .info {
    display: table;
    table-layout: fixed;
}

#feature .icon {
    display: table-cell;
    vertical-align: middle;
    width: 72px;
}

#feature .icon i {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    background: no-repeat center center;
    background-size: contain;
}

#feature .text {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.8em;
    padding-left: 25px;
}

/*capacity*/
#capacity {
    border-bottom: 1px solid #eee;
    padding: 4.6875% 0 1.04166667%;
}

#capacity .text {
    max-width: 1200px;
    margin: 0 auto 5%;
}

#capacity h3 {
    font-size: 24px;
    line-height: 1.25em;
    font-weight: normal;
    margin-bottom: 2.33333333%;
}

#capacity .list {
    overflow: hidden;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#capacity .item {
    float: left;
    width: 48.61111111%;
    padding-bottom: 2.77777778%;
}

#capacity .item:nth-child(2n) {
    float: right;
}

#capacity .item h4 {
    text-align: center;
    font-size: 18px;
    color: #666;
    font-weight: normal;
    line-height: 1.66666667em;
}

#capacity .pic {
    margin-bottom: 2.85714286%;
}

#capacity .bg {
    padding-bottom: 55.71428571%;
}

/*assemble*/
#assemble {
    background-color: #f4f4f4;
    border-bottom: 1px solid #eee;
    padding: 5.20833333% 0 4.16666667%;
}

#assemble .inner {
    overflow: hidden;
}

#assemble ul {
    overflow: hidden;
    width: 105.20833333%;
}

#assemble li {
    width: 15.04950495%;
    padding: 2.47524752% 4.95049505% 2.47524752% 0;
    position: relative;
    float: left;
}

#assemble li:after {
    width: 8.25082508%;
    padding-bottom: 5.94059406%;
    background: url(../images/arrow_01.png) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8.25082508%;
}

#assemble li:last-child:after {
    display: none;
}

#assemble .pic {
    padding-bottom: 100%;
    border-radius: 50%;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
}

#assemble .pic:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#assemble h3 {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.35em;
    z-index: 2;
    color: #fff;
}

/*automatic*/
#automatic {
    padding: 4.16666667% 0 3.75%;
}

#automatic .inner {
    overflow: hidden;
}

#automatic ul {
    overflow: hidden;
    width: 102.08333333%;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

#automatic li {
    width: 31.29251701%;
    padding-right: 2.04081633%;
    padding-top: 2.04081633%;
    float: left;
}

#automatic li a {
    display: block;
    overflow: hidden;
}

#automatic li:hover .bg {
    transform: scale(1.1);
}

#automatic .pic {
    margin-bottom: 5%;
}

#automatic .bg {
    padding-bottom: 69.56521739%;
}

#automatic h3 {
    font-weight: normal;
    text-align: center;
    font-size: 18px;
    color: #666;
    line-height: 1.66666667em;
}

/*quality*/
#quality {
    padding: 6.25% 0 5%;
}

#quality .info {
    max-width: 1200px;
    margin: 0 auto;
}

#quality .pic {
    float: right;
    width: 61.66666667%;
}

#quality .intro {
    font-size: 18px;
    color: #666;
    line-height: 1.66666667em;
    margin-top: 6.16666667%;
}

#quality .list {
    float: left;
    width: 35%;
    padding: 2.08333333% 0;
}

#quality .list h3 {
    font-size: 24px;
    color: #666;
    line-height: 1.875em;
    font-weight: normal;
}

#quality .box {
    padding: 7.38095238% 0;
}

#quality .proTitle {
    text-align: left;
    margin-bottom: 2.61904762%;
}

/*system*/
#system {
    background-color: #f9f9f9;
    padding: 3.64583333% 0 5.20833333%;
    overflow: hidden;
}

#system .subPage {
    margin-bottom: 3.26388889%;
}

#system .list {
    position: relative;
}

#system .slick-load {
    overflow: hidden;
}

#system .slick-list {
    width: 103.33333333%;
}

#system .slick-prev {
    left: -4.51388889%;
}

#system .slick-next {
    right: -4.51388889%;
}

#system .pic {
    margin-right: 16.10738255%;
}

#system .bg {
    padding-bottom: 144%;
}

#system .loading {
    padding-bottom: 25%;
}

/*achievement*/
#achievement {
    background-color: #dbe6f1;
    position: relative;
    padding: 4.4% 0;
}

#achievement .pic {
    margin-bottom: 3.5%;
}

#achievement .entry {
    padding: 0 5%;
}

/*environment*/
#environment {
    background-color: #f8f8f8;
    overflow: hidden;
    padding: 4.42708333% 0 6.51041667%;
}

#environment .proTitle {
    margin-bottom: 5.20833333%;
}

#environment .list {
    position: relative;
}

#environment .slick-load {
    overflow: hidden;
}

#environment .slick-list {
    width: 103.125%;
}

#environment .pic {
    margin-right: 12.09677419%;
}

#environment .bg {
    padding-bottom: 133.74233129%;
}

#environment .slick-prev {
    left: -4.51388889%;
}

#environment .slick-next {
    right: -4.51388889%;
}

#environment .loading {
    padding-bottom: 30.27777778%;
}

/*team*/
#team {
    padding: 4.94791667% 0 4.6875%;
    overflow: hidden;
}

#team .proTitle {
    margin-bottom: 4.51388889%;
}

#team .list {
    position: relative;
    width: 103%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: center;
}

#team .slick-load {
    overflow: hidden;
}

#team .slick-list {
    width: 51.94444444%;
    margin: 0 auto;
    overflow: visible;
}

#team .item {
    width: 22%;
    padding-right: 3%;
    float: left;
    padding-bottom: 3%;
}

#team .pic {
    background-color: #96a4b3;
    transition: all .3s;
}

#team .bg {
    padding-bottom: 133.33333333%;
}

#team h3 {
    font-size: 20px;
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 0;
    text-align: center;
    color: #fff;
    line-height: 1.35em;
    margin-bottom: 12.64822134%;
    transition: all .3s;
}

#team .intro {
    font-size: 14px;
    color: #777;
    line-height: 1.75em;
    width: 84.33333333%;
    margin: 0 auto;
    transition: all .3s;
}

#team .slick-active .pic {
    width: 100%;
}

#team .slick-active .intro {
    width: auto;
    font-size: 16px;
    line-height: 1.875em;
}

#team .slick-active h3 {
    font-size: 24px;
}

#team .slick-arrow {
    margin-top: -40px;
}

#team .slick-prev {
    left: -4.86111111%;
}

#team .slick-next {
    right: -4.86111111%;
}

/*history*/
#history {
    padding: 4.6875% 0 6.77083333%;
}

#history .logo {
    width: 212px;
    margin: 0 auto;
}

#history .logo i {
    display: block;
    overflow: hidden;
    padding-bottom: 12.73584906%;
    background: url(../images/logo_blue_black.png) no-repeat center center;
}

#history .list {
    position: relative;
    padding: 2.77777778% 0;
}

#history .list:before {
    width: 1px;
    height: 100%;
    background: url(../images/line.png) no-repeat center center;
    background-size: 100% 100%;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

#history .item {
    padding: 2.77777778% 0;
}

#history .info {
    position: relative;
    overflow: hidden;
}

#history .info:before {
    width: 51px;
    padding-bottom: 19px;
    background: url(../images/circle_dot.png) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
}

#history .gallery {
    width: 47.22222222%;
    float: left;
    overflow: hidden;
    font-size: 0;
    line-height: normal;
    text-align: right;
}

#history .pic {
    display: inline-block;
    width: 35.29411765%;
    padding-left: 2.05882353%;
    padding-bottom: 2.05882353%;
}

#history .bg {
    padding-bottom: 64.58333333%;
}

#history .text {
    width: 47.22222222%;
    float: right;
}

#history h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.66666667em;
    margin-bottom: 1.76470588%;
}

#history h3 i {
    font: normal 400 30px/1em 'Oswald';
}

#history .intro {
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
}

#history .item:nth-child(2n) .info:before {
    background-image: url(../images/circle_dot_blue.png);
}

#history .item:nth-child(2n) .gallery {
    float: right;
    text-align: left;
}

#history .item:nth-child(2n) .pic {
    padding-left: 0;
    padding-right: 2.05882353%;
}

#history .item:nth-child(2n) .text {
    float: left;
    text-align: right;
}

#history .item:nth-child(2n) h3 {
    color: #0a65c6;
}

#history .more {
    font-size: 16px;
    line-height: 1.875em;
    text-align: center;
}

#history .more a {
    color: #0a65c6;
    display: inline-block;
    position: relative;
    padding-bottom: 17px;
}

#history .more a:after {
    width: 12px;
    height: 12px;
    background: url(../images/icon_more_down.png) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: bottom .3s;
}

#history .more a:hover:after {
    bottom: -5px;
}

/*style*/
#style {
    overflow: hidden;
}

#style .list {
    width: 101.39%;
    overflow: hidden;
}

#style .item {
    float: left;
    padding-right: 1.36986301%;
    padding-bottom: 1.36986301%;
    width: 31.78082192%;
}

#style .bg {
    padding-bottom: 75%;
}

#style a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
}

#style a:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#style a:hover .bg {
    transform: scale(1.1);
}

#style .title {
    font-weight: normal;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 6.5%;
    width: 87%;
    font-size: 24px;
    line-height: 1.25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5.38793103%;
}

#style .title i {
    display: block;
    font-style: normal;
    margin-right: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#style .item:first-child {
    width: 65.47945205%;
}

#style .list:nth-child(2n) .item:first-child {
    float: right;
}

#style .list:nth-child(2n) .item:first-child .title {
    margin-bottom: 2.61506276%;
}

#style .top a:before {
    display: none;
}

#style .top .title {
    padding: 1.56903766% 4.7%;
    width: 90.6%;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

#style .loading {
    padding-bottom: 76.0460251%;
}

#style .slick-dots {
    position: absolute;
    right: 5.54393305%;
    bottom: 0;
    line-height: 30px;
    padding: 1.56903766% 0;
}

#style .slick-dots li {
    display: inline-block;
    margin: 0 7px;
}

#style .slick-dots button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .3s;
}

#style .slick-dots .slick-active button {
    transform: scale(1.57);
}

/*popup*/
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    cursor: pointer;
}

.popup .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.popup .box {
    display: table-cell;
    vertical-align: middle;
}

.popup .close {
    position: absolute;
    left: 100%;
    bottom: 100%;
    width: 44px;
    height: 44px;
    background: url(../images/icon_close.png) no-repeat center center;
    background-size: contain;
    margin: 0 0 5px 5px;
}

/*styleSlick*/
#styleSlick {
    overflow: hidden;
}

#styleSlick .large {
    width: 50%;
    margin: 0 auto;
}

#styleSlick .item {
    overflow: hidden;
}

#styleSlick .pic {
    background-color: #fff;
}

#styleSlick .bg {
    padding-bottom: 74.46808511%;
}

#styleSlick .slick-arrow {
    width: 58px;
    height: 58px;
    background-color: #232323;
    z-index: 5;
    border: none;
}

#styleSlick .slick-arrow:after {
    width: 20.68965517%;
    padding-bottom: 31.03448276%;
    left: 39.65517241%;
    background-image: url(../images/arrow_02.png);
}

#styleSlick .slick-arrow:hover {
    background-color: #0a65c6;
}

#styleSlick .slick-prev {
    left: -11.45833333%;
}

#styleSlick .slick-prev:hover:after {
    background-position: 0 0;
}

#styleSlick .slick-next {
    right: -11.45833333%;
}

#styleSlick .slick-next:after {
    background-position: 0 100%;
}

#styleSlick .title {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 96.45833333%;
    left: 1.77083333%;
    bottom: 0;
    margin-bottom: 1.77083333%;
}

#styleSlick .title h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 0 5.39956803%;
    line-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.29589633% 50px 1.29589633% 0;
}

#styleSlick .slick-page {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4.85961123%;
    font-size: 24px;
    line-height: 1.5em;
}

#styleSlick .slick-page .current {
    font-size: 36px;
}

#styleSlick .large {
    margin-bottom: 0.88541667%;
    position: relative;
}

#styleSlick .large .slick-list {
    overflow: visible;
}

#styleSlick .large .pic {
    padding: 1.04166667%;
    margin: 0.72916667%;
}

#styleSlick .large .bg {
    opacity: .3;
}

#styleSlick .large .slick-center .bg {
    opacity: 1;
}

#styleSlick .small {
    width: 42.1875%;
    margin: 0 auto;
}

#styleSlick .small .slick-track {
    margin: 0;
}

#styleSlick .small .pic {
    padding: 2.5%;
    margin: 2.5%;
    cursor: pointer;
}

#styleSlick .small .bg {
    position: relative;
}

#styleSlick .small .bg:after {
    width: 100%;
    height: 100%;
    background-color: #000;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .3;
}

#styleSlick .small .slick-center .bg:after {
    opacity: 0;
}

/*honorList*/
#honorList {
    padding: 5.46875% 0;
}

#honorList .inner {
    overflow: hidden;
}

#honorList ul {
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    width: 102.77777778%;
    margin-bottom: 2.91666667%;
    overflow: hidden;
}

#honorList li {
    width: 22.2972973%;
    padding-right: 2.7027027%;
    padding-bottom: 2.7027027%;
    float: left;
}

#honorList li a {
    display: block;
    overflow: hidden;
}

#honorList .pic {
    background-color: #f2f6fa;
    border: 1px solid #d6e3f1;
    padding: 3.03030303%;
    margin-bottom: 3.63636364%;
}

#honorList .bg {
    padding-bottom: 72.4025974%;
}

#honorList h2 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 1.77777778em;
}

/*certificate*/
#certificate {
    position: relative;
    margin: 44px auto 0;
    width: 56.25%;
}

#certificate .pic {
    background-color: #f2f6fa;
    border: 1px solid #d6e3f1;
    padding: 2.31481481%;
}

#certificate .pic img {
    margin: 0 auto;
}

/*honorSlick*/
#honorSlick {
    background-color: #f2f6fa;
    padding: 1.97916667% 0 1.5625%;
}

#honorSlick .item {
    overflow: hidden;
}

#honorSlick .pic {
    perspective: 500px;
    margin-bottom: 4.62962963%;
}

#honorSlick .bg {
    padding-bottom: 69.67592593%;
    background-size: contain;
}

#honorSlick h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.6em;
    text-align: center;
    opacity: 0;
    transition: all .3s;
}

#honorSlick a {
    display: block;
    overflow: hidden;
    margin: 5%;
}

#honorSlick .slide-prev .bg {
    transform: rotateY(40deg) scale(0.83) translateX(20%);
    opacity: .5;
}

#honorSlick .slide-next .bg {
    transform: rotateY(-40deg) scale(0.83) translateX(-20%);
    opacity: .5;
}

#honorSlick .slick-center .bg {
    opacity: 1;
}

#honorSlick .slick-center h2 {
    opacity: 1;
}

#honorSlick .slick-arrow {
    margin-top: -32px;
}

/*slides*/
#slides {
    border-bottom: 5px solid #8fb83d;
}

#slides .pic {
    display: block;
}

#slides .bg,
#slides .loading {
    padding-bottom: 930px;
}

#slides .slick-dots {
    position: absolute;
    bottom: 0;
    width: 1440px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 3.90625%;
    height: 0;
}

/*hmTitle*/
.hmTitle {
    position: relative;
    z-index: 2;
}

.hmTitle h2 {
    font-size: 38px;
    line-height: 1.125em;
    margin-bottom: 5px;
}

.hmTitle h3 {
    font-weight: normal;
    color: #0a65c6;
    font-size: 18px;
    line-height: 1.25em;
    text-transform: uppercase;
    letter-spacing: .6px;
}

/*hmMore*/
.hmMore a {
    display: block;
    width: 177px;
    height: 50px;
    background: url(../images/border_hmmore.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #0a65c6;
}

/*hmSolution*/
#hmSolution {
    position: relative;
    padding: 6.51041667% 0 7.03125%;
}

#hmSolution:before {
    border-top: 160px solid #0a65c6;
    border-right: 160px solid transparent;
    border-width: 8.33333333vw;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#hmSolution .hmTitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 6.51041667%;
    z-index: 5;
}

#hmSolution .list {
    position: relative;
    z-index: 2;
}

/*hmSolItem*/
.hmSolItem {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.hmSolItem .figure,
.hmSolItem .text {
    position: relative;
    z-index: 2;
    display: table-cell;
}

.hmSolItem .figure {
    vertical-align: top;
    width: 40%;
}

.hmSolItem .pic {
    border-radius: 15px 0 0 15px;
}

.hmSolItem .bg {
    padding-bottom: 71.25%;
}

.hmSolItem .text {
    vertical-align: middle;
    overflow: hidden;
    padding: 2% 0;
}

.hmSolItem .box {
    width: 585px;
    float: right;
    padding-right: 135px;
}

.hmSolItem .title {
    font-size: 38px;
    line-height: 1.35em;
    font-weight: normal;
    margin-right: 180px;
}

.hmSolItem .hmMore {
    float: right;
}

.hmSolItem .intro {
    font-size: 16px;
    color: rgba(82, 78, 78, 1);
    line-height: 2em;
    max-height: 4em;
    -webkit-line-clamp: 2;
    margin-top: 3.41880342%;
}

.hmSolItem .gallery {
    margin-top: 9.05982906%;
}

.hmSolItem .slick-list {
    width: 101.70940171%;
}

.hmSolItem .picture {
    border: 1px solid #eee;
    margin-right: 6.53266332%;
    border-radius: 10px;
    overflow: hidden;
}

.hmSolItem .picture i {
    display: block;
    overflow: hidden;
    background: no-repeat center center;
    background-size: cover;
    padding-bottom: 75.67567568%;
}

.hmSolItem .arrows {
    font-size: 0;
    line-height: normal;
    text-align: center;
    margin-top: 5.2991453%;
    position: relative;
    overflow: hidden;
}

.hmSolItem .arrows:before,
.hmSolItem .arrows:after {
    width: 50%;
    height: 1px;
    background-color: #eee;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hmSolItem .arrows:before {
    right: 50%;
    margin-right: 40px;
}

.hmSolItem .arrows:after {
    left: 50%;
    margin-left: 40px;
}

.hmSolItem .slick-arrow {
    display: inline-block;
    position: relative;
    transform: none;
    margin: 0 7px;
}

.hmSolItem:nth-child(2n) .figure {
    width: 33.85416667%;
}

.hmSolItem:nth-child(2n) .pic {
    border-radius: 0 15px 15px 0;
}

.hmSolItem:nth-child(2n) .bg {
    padding-bottom: 86.15384615%;
}

.hmSolItem:nth-child(2n) .box {
    float: none;
    padding: 0 0 0 135px;
}

/*hmAbout*/
#hmAbout {
    position: relative;
    background: url(../images/bg_hmabout.png) no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 10.9375%;
}

#hmAbout .hmTitle {
    float: left;
    width: 160px;
    padding: 10px 0;
}

#hmAbout .info {
    margin-left: 160px;
    margin-bottom: 1.04166667%;
    overflow: hidden;
    padding-left: 5.20833333%;
}

#hmAbout .box {
    width: 62.2406639%;
}

#hmAbout .aboutData {
    margin-bottom: 4.4%;
}

#hmAbout .aboutData ul {
    justify-content: space-between;
}

#hmAbout .aboutData li {
    text-align: left;
}

#hmAbout .intro {
    font-size: 16px;
    line-height: 2em;
    color: #666;
    margin-bottom: 7.73333333%;
    max-height: 8em;
    -webkit-line-clamp: 4;
}

#hmAbout #base {
    clear: both;
    width: 54.86111111%;
    position: relative;
    padding: 0;
}

#hmAbout #base .map {
    background-image: url(../images/homejidi.png);
}

#hmAbout #base .dot span {
    width: 100%;
    padding-bottom: 4px;
    margin: -2px 0 0 -2px;
}

#hmAbout #base .name {
    font-size: 14px;
    color: #fff;
}

.fadeInUp #basemap .dot .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -132%;
    left: -41%;
    border-radius: 50%;
    z-index: 1;
}

.fadeInUp #basemap .dot span img {
    max-width: 40px;
}

.fadeInUp #basemap ul {
    position: absolute;
    left: -3%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: inherit;
    transition: all 2s;
}

.fadeInUp #base .name {
    display: block;
    transform: inherit;
}

.fadeInUp #basemap .li1 .name {
    max-width: 34px;
}

.fadeInUp #basemap .li1 .name p {
    top: 18%;
}

.fadeInUp #basemap .li1 .name .animateDot {
    top: -120%;
}

.fadeInUp #basemap .li9 .name {
    max-width: 50px;
    max-height: 50px;
}

.fadeInUp #basemap .li9 .name .animateDot {
    top: -99%;
}

.fadeInUp #basemap .li9 .name p {
    top: 22%;
}

.fadeInUp #basemap .li6 .name {
    max-width: 50px;
    max-height: 50px;
}

.fadeInUp #basemap .li6 .name p {
    top: 23%;
}

.fadeInUp #basemap .li6 .name .animateDot {
    top: -98%;
}

.fadeInUp #basemap .li7 .name {
    max-width: 35px;
}

.fadeInUp #basemap .li7 .name .animateDot {
    top: -118%;
}

.fadeInUp #basemap .li7 .name p {
    top: 16%;
}


.fadeInUp #basemap .li8 .name .animateDot {
    top: -118%;
}
#basemap .li8 .name .animateDot {
    width: 180%;
    height: 180%;
    position: relative;
    top: -87%;
    left: -43%;
    border-radius: 50%;
    z-index: -1;
}

/*hmNews*/
#hmNews {
    background: url(../images/bg_hmnews.png) no-repeat left bottom;
    background-size: 50.83333333% auto;
    padding: 6.51041667% 0 3.125%;
}

#hmNews .hmTitle {
    float: left;
}

#hmNews .subPage {
    margin: 0 0 0 160px;
}

#hmNews .subPage ul {
    text-align: right;
}

#hmNews .subPage li {
    text-align: center;
}

.hmNewsBox {
    clear: both;
    overflow: hidden;
    margin-top: 3.47222222%;
}

.hmNewsBox .box {
    display: none;
}

.hmNewsBox a {
    display: block;
    overflow: hidden;
}

.hmNewsBox time {
    display: block;
    overflow: hidden;
    font: 400 16px/1.5em 'Roboto';
    color: #999;
}

.hmNewsBox ul {
    width: 45.83333333%;
    float: right;
    overflow: hidden;
}

.hmNewsBox li {
    border-bottom: 1px solid #e8e8e8;
    padding: 3.48484848% 0 3.63636364%;
}

.hmNewsBox li:first-child {
    border-top: 1px solid #e8e8e8;
}

.hmNewsBox li h4 {
    font-size: 20px;
    line-height: 1.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    margin-bottom: 0.81300813%;
}

.hmNewsBox li a {
    padding-right: 45px;
    position: relative;
}

.hmNewsBox li a:after {
    width: 40px;
    padding-bottom: 10px;
    background: url(../images/arrow_03.png) no-repeat 0 0;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hmNewsBox li a:hover:after {
    background-position: 0 100%;
}

.hmNewsBox .hmMore {
    overflow: hidden;
    float: right;
    padding-top: 3.05555556%;
}

.hmNewsBox .top {
    width: 45.13888889%;
    float: left;
}

.hmNewsBox .pic {
    border-radius: 20px;
    margin-bottom: 3.84615385%;
}

.hmNewsBox .pic a:hover .bg {
    transform: scale(1.1);
}

.hmNewsBox .bg {
    padding-bottom: 53.84615385%;
}

.hmNewsBox .date {
    float: right;
}

.hmNewsBox .date i {
    font: normal 700 50px/1em 'Roboto';
    color: #8fb83d;
    position: relative;
    padding-right: 20px;
}

.hmNewsBox .date i:after {
    background: url(../images/line_italic.png) no-repeat center center;
    width: 25px;
    height: 38px;
    content: '';
    display: block;
    position: absolute;
    right: -2.5px;
    top: 50%;
    transform: translateY(-50%);
}

.hmNewsBox .title {
    margin-right: 150px;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.55em;
    max-height: 3.1em;
    max-width: 375px;
    -webkit-line-clamp: 2;
    margin-bottom: 3.07692308%;
}

.hmNewsBox .excerpt {
    font-size: 16px;
    line-height: 1.5em;
    max-height: 3em;
    -webkit-line-clamp: 2;
    color: #666;
    max-width: 485px;
    margin-bottom: 3.23076923%;
}

.hmNewsBox .more {
    overflow: hidden;
}

.hmNewsBox .more a {
    color: #0a65c6;
    border-bottom: 1px solid #6190d4;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 1.875em;
}

/*hmJoin*/
#hmJoin {
    background: #ecf3fb url(../images/bg_hmjoin.png) no-repeat right bottom;
    background-size: 30.46875% auto;
    padding: 5.20833333% 0 7.29166667%;
    border-bottom: 10px solid #0a65c6;
}

#hmJoin .box {
    width: 87.5%;
    position: relative;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
    padding: 6.25% 0 3.38541667%;
    background: no-repeat center center;
    background-size: cover;
}

#hmJoin .box:before {
    width: 100%;
    height: 100%;
    background-color: rgba(10, 101, 198, 0.3);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#hmJoin .info {
    padding: 0 5.71428571%;
    position: relative;
    z-index: 2;
}

#hmJoin .hmTitle {
    color: #fff;
    margin-bottom: 4.16666667%;
}

#hmJoin .hmTitle h3 {
    color: #0a65c6;
}

#hmJoin ul {
    overflow: hidden;
}

#hmJoin li {
    float: left;
    width: 90px;
    padding-right: 5.72916667%;
    padding-bottom: 5.55555556%;
}

#hmJoin .icon {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 94.44444444%;
    margin: 0 auto 22.22222222%;
}

#hmJoin .icon i {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    background: no-repeat center center;
    background-size: contain;
}

#hmJoin h4 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.35em;
    text-align: center;
}

#hmJoin a {
    display: block;
    overflow: hidden;
    color: #fff;
}

#hmJoin a:hover {
    color: #8fb83d;
}

#hmJoin a:hover .icon {
    border-color: #8fb83d;
    background-color: #8fb83d;
}

/*leaf*/
#leaf {
    width: 247px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 8;
    color: #fff;
    font-size: 18px;
    line-height: 1.35em;
}

#leaf a {
    display: block;
    overflow: hidden;
    padding-bottom: 66.80161943%;
    color: #fff;
    position: relative;
    background: url(../images/icon_leaf.png) no-repeat center center;
    background-size: contain;
}

#leaf .info {
    position: absolute;
    background: no-repeat left center;
    transform: rotate(30deg);
    padding-left: 35px;
    left: 20%;
    top: 20%;
}

#leaf p {
    padding: 4px 0;
}

#leaf .name {
    transform: rotate(-4deg);
}

#leaf .phone {
    transform: rotate(5deg);
}

#leaf .code {
    width: 100px;
    position: absolute;
    right: 50px;
    bottom: 110%;
    z-index: 50;
    display: none
}

#leaf:hover .code {
    display: block;
}

@media only screen and (max-width: 1600px) {

    /*1600px*/
    #banner {
        padding-bottom: 35%;
    }

    /*1600px*/
    #headOffice .text {
        padding-left: 3%;
        padding-right: 3%;
    }

    #headOffice h2 {
        font-size: 22px;
        margin-bottom: 3.5%;
    }

    #headOffice .cont {
        margin-left: 50px;
    }

    /*1600px*/
    #subsidiary .title,
    #subsidiary .name {
        font-size: 22px;
    }

    /*1600px*/
    .boxTitle {
        font-size: 32px;
    }

    /*1600px*/
    #talentPlan li:after {
        left: 66.5px;
        top: 80px;
    }

    #talentPlan .icon {
        width: 70px;
    }

    #talentPlan .num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }

    #talentPlan .name {
        font-size: 22px;
    }

    /*1600px*/
    #assemble h3 {
        font-size: 1.5vw;
    }

    /*1600px*/
    #team .slick-prev {
        left: -35px;
    }

    #team .slick-next {
        right: -35px;
    }

    /*1600px*/
    #slides .bg,
    #slides .loading {
        padding-bottom: 58.125%;
    }

    #slides .slick-dots {
        left: 5%;
        transform: none;
        width: auto;
        height: auto;
        margin-bottom: 2.29166667%;
    }

    /*1600px*/
    .hmTitle h2 {
        font-size: 32px;
    }

    .hmTitle h3 {
        letter-spacing: 0;
    }

    /*1600px*/
    .hmMore a {
        width: 159px;
        height: 45px;
        line-height: 45px;
    }

    /*1600px*/
    #hmSolution .hmTitle {
        margin-top: 0;
        position: relative;
    }

    /*1600px*/
    .hmSolItem .text {
        padding: 2% 5%;
    }

    .hmSolItem .box {
        padding-right: 0;
        width: auto;
        float: none;
    }

    .hmSolItem .title {
        font-size: 32px;
        margin-right: 160px;
    }

    .hmSolItem .gallery {
        margin-top: 4%;
    }

    .hmSolItem:nth-child(2n) .box {
        padding-left: 0;
        /*width: 81.01265823%;*/
        width: auto;
    }

    /*1600px*/
    #hmAbout .hmTitle {
        width: 140px;
    }

    #hmAbout .info {
        margin-left: 140px;
    }

    #hmAbout .aboutData {
        margin-bottom: 2.5%;
    }

    #hmAbout .intro {
        margin-bottom: 4%;
    }

    /*1600px*/
    .hmNewsBox .title {
        font-size: 20px;
    }

    .hmNewsBox li h4 {
        font-size: 18px;
    }

    /*1600px*/
    #hmJoin li {
        width: 85px;
    }

    #hmJoin h4 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1280px) {

    /*1280px*/
    #logo {
        width: 200px;
        padding-top: 28px;
    }

    /*1280px*/
    #nav {
        margin: 0 132px 0 200px;
    }

    #nav li {
        line-height: 26px;
        padding: 28px 20px;
        padding: 28px 1.5625vw;
    }

    /*1280px*/
    #topBtn {
        padding: 31px 0;
    }

    /*1280px*/
    #schBtn {
        margin-left: 25px;
    }

    /*1280px*/
    #banner h2 {
        font-size: 26px;
    }

    /*1280px*/
    #postmeta span {
        font-size: 16px;
    }

    /*1280px*/
    #post .title {
        font-size: 26px;
    }

    /*1280px*/
    #recommend .title {
        font-size: 20px;
        background-size: auto 20px;
        padding-left: 40px;
    }

    #recommend time {
        font-size: 14px;
    }

    #recommend h4 {
        font-size: 20px;
    }

    /*1280px*/
    .blogItem .pic {
        width: 330px;
    }

    .blogItem .title {
        font-size: 20px;
    }

    /*1280px*/
    #pagenavi a {
        height: 40px;
        line-height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

    #pagenavi .a_prev,
    #pagenavi .a_next {
        width: 40px;
    }

    /*1280px*/
    #newsSlick .date {
        margin-bottom: 3.5%;
    }

    #newsSlick .title {
        font-size: 20px;
    }

    #newsSlick .excerpt {
        margin-bottom: 7%;
    }

    /*1280px*/
    #newsList .title {
        font-size: 20px;
    }

    /*1280px*/
    #customer h3 {
        font-size: 16px;
    }

    /*1280px*/
    #supplier h3 {
        font-size: 18px;
    }

    /*1280px*/
    #supply li {
        font-size: 20px;
    }

    #supply li a {
        margin-right: 90px;
    }

    #supply time {
        font-size: 16px;
    }

    /*1280px*/
    #headOffice .map {
        width: 60%;
    }

    #headOffice h2 {
        font-size: 20px;
        margin-bottom: 2%;
    }

    #headOffice li {
        line-height: 1.75em;
        padding: 0;
    }

    /*1280px*/
    #subsidiary .title {
        font-size: 20px;
        background-size: auto 18px;
        padding-left: 35px;
    }

    #subsidiary .name {
        font-size: 20px;
    }

    #subsidiary .list {
        width: 105%;
    }

    #subsidiary .item {
        max-width: 28.333%;
        padding-right: 5%;
    }

    /*1280px*/
    #investor h2 {
        font-size: 26px;
    }

    /*1280px*/
    .boxTitle {
        font-size: 28px;
    }

    /*1280px*/
    #talentView .text {
        padding-right: 8%;
    }

    /*1280px*/
    #talentPlan li:after {
        left: 56.5px;
        top: 70px;
    }

    #talentPlan .icon {
        width: 60px;
    }

    #talentPlan .num {
        width: 28px;
        height: 28px;
        line-height: 27px;
        margin-left: 16px;
        margin-right: 16px;
        font-size: 14px;
    }

    #talentPlan .name {
        font-size: 20px;
    }

    #talentPlan .intro {
        font-size: 14px;
    }

    /*1280px*/
    #talentIncentive .stage {
        font-size: 18px;
        height: 30px;
        line-height: 31px;
        width: 70px;
    }

    #talentIncentive .mode {
        line-height: 30px;
        margin-left: 70px;
    }

    /*1280px*/
    .jobItem .title {
        font-size: 22px;
    }

    .jobItem .box {
        width: 45%;
    }

    .jobItem .apply {
        width: 95px;
    }

    /*1280px*/
    #solution h2 {
        font-size: 22px;
        margin-bottom: 3%;
    }

    #solution .intro {
        margin-bottom: 8%;
    }

    /*1280px*/
    #category h2 {
        font-size: 20px;
    }

    #category .intro {
        padding-right: 5%;
    }

    /*1280px*/
    .proTitle {
        font-size: 26px;
    }

    /*1280px*/
    #proIntro .intro {
        line-height: 1.875em;
    }

    /*1280px*/
    #proList h3 {
        font-size: 18px;
    }

    /*1280px*/
    .aboutData .num {
        font-size: 18px;
    }

    .aboutData .num sub,
    .aboutData .num sup {
        font-size: 24px;
    }

    .aboutData .num span {
        font-size: 50px;
    }

    .aboutData .name {
        font-size: 16px;
    }

    /*1280px*/
    #aboutus .title {
        font-size: 22px;
    }

    #aboutus .intro {
        line-height: 1.875em;
    }

    /*1280px*/
    #base .mapbox {
        width: auto;
    }

    #base .dot span {
        width: 6px;
        padding-bottom: 6px;
        margin: -3px 0 0 -3px;
    }

    #base .name {
        font-size: 14px;
    }

    /*1280px*/
    #baseInfo h3 {
        font-size: 22px;
    }

    /*1280px*/
    #baseTab li {
        font-size: 16px;
    }

    /*1280px*/
    #basemap .mapbox {
        width: auto;
    }

    /*1280px*/
    #responsibility .pic {
        width: 55%;
    }

    #responsibility .text {
        width: 45%;
    }

    #responsibility h3 {
        font-size: 22px;
    }

    /*1280px*/
    .subPage li {
        width: 140px;
    }

    .subPage a {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        border-radius: 22px;
    }

    /*1280px*/
    #conceptIntro .title {
        font-size: 22px;
    }

    #conceptIntro .intro {
        line-height: 1.875em;
    }

    /*1280px*/
    #conceptList h3 {
        font-size: 18px;
    }

    #conceptList .intro {
        font-size: 22px;
    }

    /*1280px*/
    #feature li {
        max-width: 295px;
    }

    #feature .icon {
        width: 60px;
    }

    #feature .text {
        font-size: 18px;
        padding-left: 18px;
    }

    /*1280px*/
    #capacity h3 {
        font-size: 22px;
    }

    #capacity .item h4 {
        font-size: 16px;
    }

    /*1280px*/
    #assemble h3 {
        font-size: 20px;
        font-size: 1.5625vw;
    }

    /*1280px*/
    #automatic h3 {
        font-size: 16px;
    }

    /*1280px*/
    #quality .list h3 {
        font-size: 22px;
    }

    /*1280px*/
    #system .list,
    #environment .list {
        padding: 0 45px;
    }

    #system .slick-prev,
    #environment .slick-prev {
        left: -17.5px;
    }

    #system .slick-next,
    #environment .slick-next {
        right: -17.5px;
    }

    /*1280px*/
    #system .loading {
        padding-bottom: 25.02514124%;
    }

    /*1280px*/
    #environment .loading {
        padding-bottom: 30.3326742%;
    }

    /*1280px*/
    #team h3 {
        font-size: 18px;
    }

    #team .slick-active h3 {
        font-size: 22px;
    }

    /*1280px*/
    #history .gallery,
    #history .text {
        width: 46%;
    }

    #history h3 {
        font-size: 16px;
    }

    #history h3 i {
        font-size: 28px;
    }

    /*1280px*/
    #style .title {
        font-size: 22px;
    }

    #style .slick-dots {
        line-height: 27.5px;
    }

    /*1280px*/
    #styleSlick .slick-arrow {
        width: 50px;
        height: 50px;
    }

    #styleSlick .title h3,
    #styleSlick .slick-page {
        font-size: 20px;
    }

    #styleSlick .slick-page .current {
        font-size: 30px;
    }

    /*1280px*/
    #honorList h2 {
        font-size: 16px;
    }

    /*1280px*/
    .popup .close {
        width: 38px;
        height: 38px;
    }

    /*1280px*/
    #honorSlick h2 {
        font-size: 18px;
    }

    /*1280px*/
    .hmTitle h2 {
        font-size: 28px;
    }

    .hmTitle h3 {
        font-size: 16px;
    }

    /*1280px*/
    .hmMore a {
        width: 142px;
        height: 40px;
        line-height: 40px;
    }

    /*1280px*/
    .hmSolItem .title {
        font-size: 28px;
        margin-right: 145px;
    }

    .hmSolItem .intro {
        line-height: 1.875em;
        max-height: 3.75em;
    }

    /*1280px*/
    #hmAbout .hmTitle {
        width: 120px;
    }

    #hmAbout .info {
        margin-left: 120px;
    }

    #hmAbout .aboutData {
        margin-bottom: 1.5%;
    }

    #hmAbout .intro {
        margin-bottom: 3%;
        line-height: 1.875em;
    }

    /*1280px*/
    #hmNews .subPage {
        margin-left: 130px;
    }

    /*1280px*/
    .hmNewsBox .title {
        font-size: 18px;
    }

    .hmNewsBox time {
        font-size: 14px;
    }

    .hmNewsBox li h4 {
        font-size: 16px;
    }

    .hmNewsBox .top {
        width: 46.5%;
    }

    .hmNewsBox .pic {
        border-radius: 15px;
    }

    .hmNewsBox .excerpt {
        font-size: 14px;
    }

    .hmNewsBox .date i {
        font-size: 45px;
        padding-right: 16px;
    }

    .hmNewsBox .date i:after {
        width: 22px;
        height: 33px;
    }

    /*1280px*/
    #hmJoin .box {
        border-radius: 0 10px 10px 0;
    }

    #hmJoin li {
        width: 75px;
    }

    #hmJoin h4 {
        font-size: 18px;
    }

    /*1280px*/
    #leaf {
        font-size: 16px;
        width: 220px;
    }

    /*1280px*/
    #loading a {
        font-size: 16px;
        line-height: 20px;
        padding-left: 30px;
    }

    #loading a:before {
        width: 20px;
        height: 20px;
    }
}

@media only screen and (max-width: 1024px) {

    /*1024px*/
    #header {
        transition: all .3s;
        border-bottom: 1px solid transparent;
    }

    #header.active {
        background-color: #fff;
        border-bottom: 1px solid #e9e9e9;
    }

    #header.active #logo a {
        background-image: url(../images/logo_blue.png);
    }

    #header.active #schBtn {
        background-image: url(../images/icon_search_blue.png);
    }

    #header.active #navBtn i,
    #header.active #navBtn i:before,
    #header.active #navBtn i:after {
        background-color: #0a65c6;
    }

    #header.active #language {
        color: #0a65c6;
        background-image: url(../images/icon_language_blue.png);
    }

    #header.active #language a {
        color: #0a65c6;
    }

    /*1024px*/
    #logo {
        width: 190px;
        padding: 20px 0;
    }

    /*1024px*/
    #topBtn {
        padding: 23.5px 0;
    }

    #topBtn .btn {
        height: 18px;
        line-height: 18px;
    }

    /*1024px*/
    #schBtn {
        width: 18px;
        height: 18px;
        margin-left: 20px;
    }

    #schBtn:hover {
        opacity: 1;
    }

    /*1024px*/
    #language {
        font-size: 14px;
        background-size: auto 18px;
        padding-left: 25px;
    }

    #language a:hover {
        opacity: 1;
    }

    /*1024px*/
    #navBtn {
        display: block;
    }

    /*1024px*/
    #nav {
        margin: 0;
        padding: 0;
        position: fixed;
        left: 0;
        top: 65px;
        width: 100%;
        height: 100%;
        z-index: 8;
        background-color: rgba(255, 255, 255, 0.95);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        display: none;
    }

    #nav.active {
        display: block;
    }

    #nav.active a {
        transform: translateX(0);
        opacity: 1;
    }

    #nav ul {
        padding: 6% 10%;
        float: none;
    }

    #nav li {
        padding: 0;
        float: none;
        font-size: 18px;
        line-height: 2em;
        position: relative;
        border-bottom: 1px solid rgba(228, 228, 228, 0.85);
    }

    #nav li ul {
        float: none;
        transform: none;
        padding: 0;
    }

    #nav li:last-child ul {
        transform: none;
    }

    #nav li li {
        border-bottom: none;
        border-top: 1px solid rgba(228, 228, 228, 0.85);
        float: none;
        font-size: 16px;
        display: block;
        padding: 0;
    }

    #nav li li a {
        padding: 10px 0 10px 2em;
        margin-right: 0;
    }

    #nav li li a:hover {
        background-color: transparent;
        color: #666;
    }

    #nav .parent>a:after {
        display: none;
    }

    #nav .drop {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        background-color: transparent;
    }

    #nav a {
        color: #333;
        display: block;
        margin-right: 40px;
        padding: 10px 0;
        transform: translateX(5%);
        opacity: 0;
        transition: all .5s;
    }

    #nav em {
        width: 100%;
        height: 36px;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 2;
        display: block;
        cursor: pointer;
    }

    #nav em:after {
        border-color: #333;
        width: 8px;
        height: 8px;
        margin: -7px 0 0 -5px;
    }

    #nav em.active:after {
        transform: rotate(-45deg);
        margin: -5px 0 0 -7px;
    }

    #nav .green li a {
        color: #666;
        padding-left: 3em;
    }

    #nav .green li a:hover {
        color: #666;
        text-decoration: none;
    }

    /*1024px*/
    #banner .info {
        margin-top: 10px;
    }

    #banner h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    #banner .rows {
        font-size: 14px;
        line-height: 1.75em;
        max-height: 3.5em;
    }

    /*1024px*/
    #subMenu li {
        font-size: 14px;
        margin: 0 4%;
    }

    /*1024px*/
    #postmeta span {
        font-size: 14px;
    }

    /*1024px*/
    .entry {
        font-size: 14px;
        line-height: 1.75em;
    }

    /*1024px*/
    #back {
        padding: 18px 0;
    }

    #back a {
        font-size: 14px;
        background-size: auto 15px;
        padding-left: 20px;
    }

    /*1024px*/
    #post .title {
        font-size: 22px;
    }

    /*1024px*/
    #postnavi {
        margin-right: 80px;
        font-size: 14px;
        line-height: 2em;
    }

    /*1024px*/
    #recommend .title {
        font-size: 18px;
        background-size: auto 18px;
        padding-left: 36px;
    }

    #recommend time {
        font-size: 12px;
    }

    #recommend h4 {
        font-size: 18px;
    }

    /*1024px*/
    #footerLogo {
        width: 29.31596091%;
    }

    /*1024px*/
    #footerTel {
        font-size: 14px;
    }

    #footerTel p {
        padding: 2px 0;
    }

    #footerTel a {
        font-size: 24px;
    }

    /*1024px*/
    #pagelist li,
    #copyright,
    #footerStock .intro {
        font-size: 14px;
    }

    /*1024px*/
    #wechat {
        width: 85px;
    }

    /*1024px*/
    #menu {
        margin-bottom: 10px;
        float: none;
        width: 100%
    }

    #menu dl {
        padding-right: 3vw
    }

    #menu dl:nth-child(3) {
        padding-right: 0
    }

    #menu li {
        margin-right: 3.5%;
        font-size: 14px;
    }

    /*1024px*/
    #footerStock .price span {
        font-size: 50px;
    }

    /*1024px*/
    .readmore a {
        font-size: 14px;
        padding-right: 20px;
    }

    .readmore a:after {
        width: 10px;
        height: 10px;
    }

    .readmore a:hover {
        padding-right: 20px;
    }

    /*1024px*/
    .blogItem .pic {
        width: 280px;
    }

    .blogItem .title {
        font-size: 18px;
        margin-bottom: 2%;
    }

    .blogItem .excerpt {
        font-size: 14px;
    }

    .blogItem .meta span {
        font-size: 14px;
        padding-right: 35px;
    }

    .blogItem .meta span:after {
        right: 17px;
    }

    /*1024px*/
    #pagenavi a {
        height: 34px;
        line-height: 34px;
        min-width: 34px;
        font-size: 14px;
    }

    #pagenavi .a_prev,
    #pagenavi .a_next {
        width: 34px;
    }

    /*1024px*/
    #newsSlick .text {
        padding: 0 3.5%;
    }

    #newsSlick .date {
        margin-bottom: 2.5%;
        font-size: 14px;
    }

    #newsSlick .title {
        font-size: 16px;
        margin-right: 0;
    }

    #newsSlick .excerpt {
        font-size: 14px;
        margin-bottom: 3.5%;
    }

    /*1024px*/
    #newsList .title {
        font-size: 18px;
        margin-bottom: 2.5%;
    }

    #newsList time,
    #newsList .excerpt {
        font-size: 14px;
    }

    /*1024px*/
    #customer h3 {
        font-size: 14px;
    }

    /*1024px*/
    #supplier h3 {
        font-size: 16px;
    }

    /*1024px*/
    #supply li {
        font-size: 18px;
    }

    #supply li a {
        margin-right: 80px;
    }

    #supply time {
        font-size: 14px;
    }

    /*1024px*/
    #headOffice,
    #headOffice .map {
        display: block;
        width: auto;
    }

    #headOffice .text {
        padding: 8%;
    }

    #headOffice li {
        padding: 5px 0;
    }

    /*1024px*/
    #subsidiary .title {
        font-size: 18px;
        background-size: auto 16px;
        padding-left: 32px;
    }

    #subsidiary .name {
        font-size: 18px;
    }

    #subsidiary li {
        font-size: 14px;
    }

    #subsidiary .r {
        margin-left: 45px;
    }

    /*1024px*/
    #investor h2 {
        font-size: 22px;
    }

    #investor .more {
        font-size: 14px;
    }

    #investor .more span {
        background-size: auto 10px;
        padding-right: 16px;
    }

    /*1024px*/
    .boxTitle {
        font-size: 24px;
    }

    /*1024px*/
    #talentView .intro {
        font-size: 14px;
    }

    /*1024px*/
    #talentPlan li:after {
        left: 46.5px;
        top: 60px;
    }

    #talentPlan .icon {
        width: 50px;
    }

    #talentPlan .num {
        margin-left: 11px;
        margin-right: 11px;
    }

    #talentPlan .name {
        font-size: 18px;
    }

    #talentPlan .intro {
        line-height: 1.875em;
    }

    /*1024px*/
    #talentIncentive .stage {
        font-size: 16px;
        height: 28px;
        line-height: 29px;
        width: 60px;
    }

    #talentIncentive .mode {
        line-height: 28px;
        margin-left: 60px;
        font-size: 14px;
    }

    /*1024px*/
    .jobItem .title {
        font-size: 20px;
    }

    .jobItem .meta,
    .jobItem .excerpt {
        font-size: 14px;
    }

    .jobItem .meta span:after {
        height: 12px;
    }

    .jobItem .excerpt {
        margin-right: 90px;
    }

    .jobItem .box {
        font-size: 14px;
    }

    .jobItem .btn {
        font-size: 14px;
        width: 80px;
        height: 32px;
        line-height: 32px;
    }

    .jobItem .apply {
        width: 80px;
    }

    .jobItem .apply a {
        font-size: 14px;
    }

    /*1024px*/
    #solution .text {
        padding: 0 5%;
    }

    #solution h2 {
        font-size: 20px;
        margin-bottom: 2%;
    }

    #solution .intro {
        font-size: 14px;
        margin-bottom: 5%;
    }

    /*1024px*/
    #category h2 {
        font-size: 18px;
    }

    #category .excerpt {
        font-size: 14px;
    }

    /*1024px*/
    .proTitle {
        font-size: 22px;
    }

    /*1024px*/
    #proIntro .intro {
        font-size: 14px;
    }

    /*1024px*/
    #proArea .gallery {
        padding: 0 7%;
    }

    #proArea .slick-list {
        width: 104.54545455%;
    }

    #proArea .pic {
        margin-right: 8.6746988%;
    }

    #proArea .loading {
        padding-bottom: 33.47211708%;
    }

    /*1024px*/
    #proList ul {
        width: 103%;
    }

    #proList li {
        width: 30.333%;
        padding-right: 3%;
    }

    #proList h3 {
        font-size: 16px;
    }

    /*1024px*/
    .aboutData .num {
        font-size: 16px;
    }

    .aboutData .num sub,
    .aboutData .num sup {
        font-size: 20px;
    }

    .aboutData .num span {
        font-size: 40px;
    }

    /*1024px*/
    #aboutus .title {
        font-size: 20px;
    }

    #aboutus .aboutData {
        padding-left: 8%;
        padding-right: 8%;
    }

    #aboutus .intro {
        font-size: 14px;
    }

    /*1024px*/
    #baseInfo .text {
        padding: 3.125%;
    }

    #baseInfo h3 {
        font-size: 20px;
    }

    #baseInfo li {
        padding: 1.5px 0;
    }

    /*1024px*/
    #baseTab li {
        font-size: 14px;
    }

    /*1024px*/
    #basemap .dot span {
        font-size: 14px;
    }

    /*1024px*/
    #responsibility .pic,
    #responsibility .bg,
    #responsibility .text {
        float: none;
        width: auto;
        clear: both;
    }

    #responsibility .bg {
        padding-bottom: 56.15212528%;
    }

    #responsibility .text {
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        display: flex;
        /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0;
    }

    #responsibility .item {
        width: 45%;
        padding: 2.5%;
    }

    #responsibility .item:before {
        width: 100%;
    }

    #responsibility h3 {
        font-size: 18px;
    }

    #responsibility .intro {
        font-size: 14px;
    }

    /*1024px*/
    .subPage li {
        width: 130px;
    }

    .subPage a {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        border-radius: 19px;
    }

    /*1024px*/
    #conceptIntro .title {
        font-size: 20px;
    }

    #conceptIntro .intro {
        font-size: 14px;
    }

    /*1024px*/
    #conceptList h3 {
        font-size: 16px;
    }

    #conceptList .intro {
        font-size: 20px;
    }

    /*1024px*/
    #feature li {
        max-width: 260px;
    }

    #feature .icon {
        width: 50px;
    }

    #feature .text {
        font-size: 16px;
        padding-left: 15px;
    }

    /*1024px*/
    #capacity h3 {
        font-size: 20px;
    }

    #capacity .item h4 {
        font-size: 14px;
    }

    /*1024px*/
    #assemble h3 {
        font-size: 16px;
        font-size: 1.5625vw;
    }

    /*1024px*/
    #automatic h3 {
        font-size: 14px;
    }

    /*1024px*/
    #quality .pic {
        width: 50%;
    }

    #quality .list {
        width: 45%;
        padding: 0;
    }

    #quality .list h3 {
        font-size: 18px;
    }

    #quality .box {
        padding: 3.5% 0;
    }

    #quality .intro {
        font-size: 16px;
    }

    /*1024px*/
    #system .slick-list {
        width: 104.45246691%;
    }

    #system .pic {
        margin-right: 17.43119266%;
    }

    #system .loading {
        padding-bottom: 31.16883117%;
    }

    /*1024px*/
    #environment .slick-list {
        width: 104.81347774%;
    }

    #environment .pic {
        margin-right: 13.74570447%;
    }

    #environment .loading {
        padding-bottom: 40.36592112%;
    }

    /*1024px*/
    #team .slick-list {
        width: 103.56463878%;
    }

    #team h3,
    #team .slick-active h3 {
        font-size: 16px;
    }

    #team .intro,
    #team .slick-active .pic,
    #team .slick-active .intro {
        width: 100%;
    }

    #team .slick-active .intro {
        font-size: 14px;
        line-height: 1.75em;
    }

    #team .slick-prev {
        left: -5px;
    }

    #team .slick-next {
        right: -5px;
    }

    /*1024px*/
    #history .gallery,
    #history .text {
        width: 44%;
    }

    #history h3 {
        font-size: 14px;
    }

    #history h3 i {
        font-size: 24px;
    }

    #history .intro {
        font-size: 14px;
        line-height: 1.75em;
    }

    #history .more {
        font-size: 14px;
    }

    #history .more a:after {
        width: 10px;
        height: 10px;
        padding-bottom: 12px;
    }

    /*1024px*/
    #style .title {
        font-size: 18px;
    }

    #style .slick-dots {
        line-height: 22.5px;
    }

    /*1024px*/
    #styleSlick .slick-arrow {
        width: 42px;
        height: 42px;
    }

    #styleSlick .title h3,
    #styleSlick .slick-page {
        font-size: 18px;
    }

    #styleSlick .slick-page .current {
        font-size: 26px;
    }

    /*1024px*/
    #honorList h2 {
        font-size: 14px;
    }

    /*1024px*/
    .popup .close {
        width: 32px;
        height: 32px;
    }

    /*1024px*/
    #honorSlick h2 {
        font-size: 16px;
    }

    /*1024px*/
    .hmTitle h2 {
        font-size: 24px;
    }

    .hmTitle h3 {
        font-size: 14px;
    }

    /*1024px*/
    .hmMore a {
        width: 124px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    /*1024px*/
    .hmSolItem .title {
        font-size: 24px;
        margin-right: 125px;
    }

    .hmSolItem .intro {
        font-size: 14px;
    }

    /*1024px*/
    #hmAbout .hmTitle {
        width: 100px;
        padding: 5px 0;
    }

    #hmAbout .info {
        margin-left: 100px;
    }

    #hmAbout .intro {
        line-height: 1.75em;
        font-size: 14px;
    }

    /*1024px*/
    #hmNews .subPage {
        margin-left: 110px;
    }

    /*1024px*/
    .hmNewsBox .top {
        width: 48%;
    }

    .hmNewsBox .pic {
        border-radius: 10px;
    }

    .hmNewsBox .date i {
        font-size: 35px;
        padding-right: 14px;
    }

    .hmNewsBox .date i:after {
        width: 16px;
        height: 25px;
    }

    .hmNewsBox .title {
        margin-right: 120px;
    }

    .hmNewsBox li a {
        padding-right: 40px;
    }

    .hmNewsBox li a:after {
        width: 30px;
        padding-bottom: 8px;
    }

    .hmNewsBox .more a {
        font-size: 14px;
    }

    /*1024px*/
    #hmJoin li {
        width: 65px;
    }

    #hmJoin h4 {
        font-size: 16px;
    }

    /*1024px*/
    #leaf {
        font-size: 14px;
        width: 190px;
    }

    #leaf .info {
        background-size: 20px auto;
        padding-left: 25px;
    }

    /*1024px*/
    #loading a {
        font-size: 14px;
        line-height: 16px;
        padding-left: 24px;
    }

    #loading a:before {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (max-width: 768px) {

    /*768px*/
    #logo {
        width: 152px;
        padding: 18px 0;
    }

    /*768px*/
    #topBtn {
        padding: 19px 0;
    }

    /*768px*/
    #search {
        left: 0;
        width: 100%;
        padding-top: 0;
        margin-top: 0;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        transform: none;
    }

    #search:before {
        display: none;
    }

    #search .form {
        border-radius: 0;
    }

    #search .input {
        margin-right: 40px;
    }

    #search .text {
        border-radius: 0;
        padding: 8px 5%;
        width: 90%;
    }

    #search .submit {
        width: 40px;
    }

    /*768px*/
    #nav {
        top: 56px;
    }

    #nav li {
        font-size: 16px;
    }

    #nav li li {
        font-size: 14px;
    }

    #nav em {
        height: 32px;
    }

    #nav em:after {
        width: 6px;
        height: 6px;
        margin: -5px 0 0 -3px;
    }

    #nav em.active:after {
        margin: -3px 0 0 -5px;
    }

    /*768px*/
    #banner {
        padding-bottom: 75%;
    }

    /*768px*/
    #bar {
        border-bottom: none;
        margin-top: 5%;
    }

    /*768px*/
    #subMenu {
        background-color: #0a65c6;
        color: #fff;
        padding: 5px;
    }

    #subMenu span {
        display: block;
        background-color: #fff;
        color: #0a65c6;
        font-size: 14px;
        height: 1.75em;
        line-height: 1.75em;
        padding: 7px 27px 7px 15px;
        position: relative;
    }

    #subMenu span:after {
        width: 7px;
        height: 7px;
        border-right: 1px solid #0a65c6;
        border-bottom: 1px solid #0a65c6;
        transform: rotate(45deg);
        content: '';
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -6px;
    }

    #subMenu .noDrop:after {
        display: none;
    }

    #subMenu ul {
        display: none;
        background-color: #fff;
        margin-top: 5px;
        padding: 0 15px;
        text-align: left;
    }

    #subMenu li {
        display: block;
        border-bottom: 1px solid #e4e4e4;
        margin: 0;
        padding: 5px 0;
    }

    #subMenu li:last-child {
        border-bottom: none;
    }

    #subMenu .cur:after {
        display: none;
    }

    /*768px*/
    #wrapper {
        padding: 7% 0;
    }

    /*768px*/
    #postmeta {
        padding-bottom: 3%;
    }

    #postmeta span {
        font-size: 12px;
    }

    /*768px*/
    #back {
        padding: 0;
        text-align: center;
        float: none;
        margin-bottom: 3.5%;
    }

    #back a {
        display: inline-block;
    }

    /*768px*/
    #post {
        padding: 7% 0;
    }

    #post .title {
        font-size: 18px;
        margin-bottom: 2%;
    }

    #post .entry {
        padding: 5% 0;
    }

    #post .other {
        padding-top: 5%;
    }

    /*768px*/
    #postnavi {
        margin-right: 0;
        line-height: 1.875em;
    }

    /*768px*/
    #recommend {
        padding: 7% 0 4.6%;
    }

    #recommend.blogTop {
        padding-top: 7%;
        margin-top: 5%;
    }

    #recommend .title {
        font-size: 16px;
        background-size: auto 16px;
        padding-left: 32px;
        margin-bottom: 4.5%;
    }

    #recommend h4 {
        font-size: 16px;
        height: auto;
        max-height: 2.72em;
    }

    /*768px*/
    #footer {
        padding: 0;
    }

    #footer .top {
        padding: 5% 0;
    }

    #footer .btm {
        display: block;
    }

    /*768px*/
    #footerLogo {
        width: 150px;
    }

    /*768px*/
    #footerTel {
        line-height: 1.75em;
    }

    #footerTel p {
        padding: 0;
    }

    #footerTel a {
        font-size: 18px;
    }

    /*768px*/
    #footerStock,
    #footerOther,
    #wechat {
        display: block;
        width: auto;
        text-align: center;
        padding: 5px 0;
        float: none
    }

    /*768px*/
    #wechat img {
        width: 85px;
        margin: 0 auto;
    }

    /*768px*/
    #menu {
        margin-bottom: 5px;
    }

    #menu li {
        margin: 0 2%;
    }

    /*768px*/
    #footerStock .price {
        font-size: 12px;
        margin-bottom: 5px;
    }

    #footerStock .price span {
        font-size: 40px;
    }

    /*768px*/
    #blogList {
        padding: 7% 0;
    }

    /*768px*/
    .blogItem {
        margin-bottom: 4.5%;
    }

    .blogItem .pic {
        width: 200px;
    }

    .blogItem .text {
        padding-right: 0;
    }

    .blogItem .title {
        font-size: 16px;
    }

    .blogItem .excerpt {
        margin-bottom: 2%;
    }

    .blogItem .meta span {
        padding-right: 25px;
    }

    .blogItem .meta span:after {
        right: 12px;
    }

    /*768px*/
    #pagenavi a {
        height: 30px;
        line-height: 30px;
        min-width: 30px;
    }

    #pagenavi .a_prev,
    #pagenavi .a_next {
        width: 30px;
    }

    /*768px*/
    #newsSlick {
        margin-bottom: 7%;
    }

    #newsSlick .info,
    #newsSlick .pic {
        display: block;
        width: auto;
    }

    #newsSlick .text {
        display: block;
        padding: 5%;
    }

    #newsSlick .excerpt {
        margin-bottom: 3%;
    }

    #newsSlick .loading {
        padding-bottom: 92.05202312%;
    }

    #newsSlick .slick-dots {
        margin-top: 5%;
    }

    #newsSlick .slick-dots button {
        width: 25px;
        padding-bottom: 25px;
    }

    /*768px*/
    #newsList ul {
        width: 102%;
        margin-bottom: 5%;
    }

    #newsList li {
        width: 48%;
        padding: 0 2% 2% 0;
    }

    #newsList .title {
        font-size: 16px;
    }

    /*768px*/
    #customer ul {
        width: 103%;
    }

    #customer li {
        width: 30.333%;
        padding: 0 3% 3% 0;
    }

    /*768px*/
    #supplier {
        padding: 7% 0;
        margin-top: 5%;
    }

    #supplier .list ul {
        width: 105%;
    }

    #supplier .list li {
        width: 45%;
        padding: 0 5% 3% 0;
    }

    #supplier h3 {
        font-size: 14px;
    }

    #supplier .slick-dots li {
        margin: 0 5px;
    }

    #supplier .slick-dots button {
        width: 10px;
        height: 10px;
    }

    /*768px*/
    #supply {
        padding-top: 5%;
    }

    #supply li {
        font-size: 14px;
        padding: 2.5% 0;
    }

    #supply li a {
        margin-right: 65px;
        padding-left: 12px;
    }

    #supply li a:before {
        width: 6px;
        height: 2px;
    }

    #supply time {
        font-size: 12px;
    }

    /*768px*/
    #headOffice {
        /*margin-top:5%;*/
    }

    #headOffice .text {
        padding: 5%;
    }

    #headOffice h2 {
        font-size: 18px;
    }

    #headOffice li {
        font-size: 14px;
        padding: 3px 0;
    }

    /*768px*/
    #subsidiary {
        padding: 4.5% 0;
    }

    #subsidiary .title {
        padding-top: 2%;
        padding-bottom: 2%;
        margin-bottom: 2.5%;
    }

    #subsidiary .name {
        font-size: 16px;
        margin-bottom: 2%;
    }

    #subsidiary .list {
        display: block;
        width: auto;
    }

    #subsidiary .item {
        max-width: none;
        padding: 2.5% 0;
    }

    #subsidiary li {
        line-height: 1.75em;
        padding: 3px 0;
    }

    /*768px*/
    #investor {
        padding: 7% 0 6%;
    }

    #investor h2 {
        font-size: 18px;
    }

    /*768px*/
    .boxTitle {
        font-size: 20px;
    }

    /*768px*/
    #talentView {
        padding: 7% 0 8%;
    }

    #talentView .inner {
        display: block;
    }

    #talentView .pic {
        display: block;
        width: auto;
        padding: 0;
    }

    #talentView .pic img {
        width: auto;
        margin: 0 auto;
    }

    #talentView .text {
        display: block;
        padding: 0;
        margin-bottom: 5%;
    }

    #talentView .intro {
        line-height: 1.875em;
    }

    /*768px*/
    #talentPlan {
        padding: 8% 0;
    }

    #talentPlan ul {
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        display: flex;
        /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    #talentPlan li {
        width: 50%;
        padding: 2.5% 0;
    }

    #talentPlan li:after {
        left: 41.5px;
        top: 55px;
        margin-top: 6.8%;
    }

    #talentPlan li:last-child {
        width: 50%;
    }

    #talentPlan li:last-child .icon {
        margin-bottom: 6.15384615%;
    }

    #talentPlan li:last-child .num {
        margin-bottom: 10%;
    }

    #talentPlan li:last-child:after {
        display: block;
    }

    #talentPlan .icon {
        width: 45px;
    }

    #talentPlan .num {
        width: 26px;
        height: 26px;
        line-height: 25px;
        margin-left: 9.5px;
        margin-right: 9.5px;
    }

    #talentPlan .name {
        font-size: 16px;
    }

    #talentPlan .intro {
        line-height: 1.75em;
    }

    /*768px*/
    #talentIncentive {
        padding: 7% 0 6%;
    }

    #talentIncentive .boxTitle {
        margin-bottom: 5%;
    }

    #talentIncentive .text {
        padding: 0;
    }

    #talentIncentive .stage {
        font-size: 14px;
        height: 24px;
        line-height: 25px;
        width: 50px;
    }

    #talentIncentive .mode {
        line-height: 24px;
        margin-left: 50px;
        font-size: 14px;
    }

    /*768px*/
    #recruitment {
        padding: 7% 0;
    }

    #recruitment .boxTitle {
        margin-bottom: 5%;
    }

    #recruitment .list {
        margin-bottom: 6%;
    }

    /*768px*/
    .jobItem .top {
        padding: 15px;
    }

    .jobItem .title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .jobItem .meta span {
        padding-right: 18px;
    }

    .jobItem .meta span:after {
        right: 8.5px;
    }

    .jobItem .excerpt {
        margin-right: 60px;
        margin-top: 10px;
    }

    .jobItem .btm {
        padding: 10px 20px;
    }

    .jobItem .box {
        line-height: 1.75em;
        float: none;
        width: auto;
        padding: 10px 0;
    }

    .jobItem .box:nth-child(2n) {
        float: none;
    }

    .jobItem .btn {
        width: 60px;
        height: 28px;
        line-height: 28px;
    }

    .jobItem .apply {
        margin-bottom: 10px;
    }

    .jobItem .apply a {
        padding: 3px 0;
    }

    /*768px*/
    #solution .item,
    #solution .pic {
        display: block;
        width: auto;
    }

    #solution .item {
        padding: 2.5% 0;
    }

    #solution .text {
        display: block;
        padding: 0;
        margin-top: 5%;
    }

    #solution h2 {
        font-size: 18px;
        margin-bottom: 2%;
    }

    #solution .intro {
        line-height: 1.75em;
        margin-bottom: 3%;
    }

    #solution .item:nth-child(2n) .text {
        padding: 0;
    }

    /*768px*/
    #category {
        padding: 5% 0;
    }

    #category .item {
        float: none;
        width: auto;
    }

    #category .item:nth-child(2n) {
        float: none;
    }

    #category h2 {
        font-size: 16px;
    }

    /*768px*/
    .proTitle {
        font-size: 20px;
    }

    /*768px*/
    .slick-arrow {
        width: 28px;
        height: 28px;
    }

    /*768px*/
    #proIntro {
        margin-top: 5%;
        padding: 7% 0;
    }

    #proIntro .proTitle {
        margin-bottom: 2.5%;
    }

    #proIntro .intro {
        line-height: 1.75em;
    }

    /*768px*/
    #proArea .proTitle {
        margin-bottom: 6%;
    }

    /*768px*/
    #proList {
        padding: 7% 0;
    }

    #proList li {
        width: 47%;
        padding-bottom: 3%;
    }

    #proList .pic {
        border-radius: 5px;
    }

    #proList h3 {
        font-size: 14px;
        line-height: 1.75em;
    }

    /*768px*/
    .aboutData li {
        width: 45%;
        padding: 2.5%;
    }

    .aboutData .num {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .aboutData .num sub,
    .aboutData .num sup {
        font-size: 20px;
    }

    .aboutData .num span {
        font-size: 40px;
        margin-right: 5px;
    }

    .aboutData .name {
        font-size: 14px;
    }

    /*768px*/
    #aboutus {
        padding: 7% 0;
    }

    #aboutus .title {
        font-size: 18px;
    }

    #aboutus .aboutData {
        padding: 5% 0;
    }

    #aboutus .intro {
        line-height: 1.75em;
    }

    /*768px*/
    #base {
        padding: 7% 0;
    }

    #base .dot span {
        width: 3px;
        padding-bottom: 3px;
        margin: -1.5px 0 0 -1.5px;
    }

    #base .dot:before {
        animation: circle 2s linear 0s infinite;
    }

    #base .dot:after {
        animation: circle 2s linear 1s infinite;
    }

    #base .name {
        font-size: 12px;
    }

    /*768px*/
    #basepage .inner {
        width: auto;
    }

    /*768px*/
    #baseInfo .item {
        display: block;
    }

    #baseInfo .text {
        padding: 5%;
        position: static;
        color: #333;
        width: auto;
    }

    #baseInfo h3 {
        font-size: 18px;
        margin-bottom: 3.5%;
    }

    #baseInfo ul:before {
        background-color: #333;
    }

    #baseInfo ul:after {
        display: none;
    }

    #baseInfo li {
        padding: 2px 0;
    }

    /*768px*/
    #baseTab {
        display: none;
    }

    /*768px*/
    #basemap .dot span {
        left: 7%;
        top: 53%;
        font-size: 0.3rem;
    }

    #basemap .dot span img {
        display: none;
    }

    #basemap .li9 .name {
        max-width: 40px;
        max-height: 40px;
    }

    #basemap .li7 .name {
        max-width: 30px;
        max-height: 40px;
        min-height: 30px;
        left: 9%;
    }

    #basemap .li1 .name {
        max-width: 30px;
        min-height: 30px;
        max-height: 200px;
    }

    /*768px*/
    #responsibility h3 {
        font-size: 16px;
        line-height: 1.75em;
    }

    #responsibility .intro {
        line-height: 1.75em;
    }

    /*768px*/
    .subPage li {
        width: 95px;
        padding: 5px 1.5%;
    }

    .subPage a {
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
    }

    .subPage a:after {
        border-width: 5px;
    }

    .subPage .cur a,
    .subPage a:hover {
        box-shadow: 0px 0px 10px rgba(10, 101, 198, 0.3);
    }

    /*768px*/
    #conceptIntro .title {
        font-size: 18px;
        margin-bottom: 2.5%;
    }

    #conceptIntro .intro {
        line-height: 1.75em;
    }

    /*768px*/
    #conceptList h3 {
        font-size: 14px;
    }

    #conceptList .intro {
        font-size: 16px;
    }

    /*768px*/
    #feature {
        padding: 7% 0;
        margin-top: 5%;
    }

    #feature ul {
        display: block;
        padding: 1% 2%;
    }

    #feature li {
        display: block;
        padding: 2% 0;
        max-width: none;
    }

    #feature .icon {
        width: 45px;
    }

    #feature .text {
        font-size: 14px;
        padding-left: 15px;
    }

    #feature .four {
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        display: flex;
        /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        width: 104%;
        padding: 0;
        padding: 3.5% 0 0;
    }

    #feature .four li {
        width: 46%;
        padding-right: 4%;
    }

    /*768px*/
    #capacity {
        padding: 7% 0 5%;
    }

    #capacity h3 {
        font-size: 18px;
        margin-bottom: 3.5%;
    }

    /*768px*/
    #assemble {
        padding: 7% 0 5%;
    }

    #assemble .proTitle {
        margin-bottom: 5%;
    }

    #assemble ul {
        width: 108%;
    }

    #assemble li {
        width: 25.333%;
        padding: 2.5% 8% 2.5% 0;
    }

    #assemble li:after {
        right: 8%;
    }

    #assemble li:nth-child(3n):after {
        display: none;
    }

    #assemble h3 {
        font-size: 16px;
    }

    /*768px*/
    #automatic {
        padding: 7% 0;
    }

    #automatic ul {
        width: 104%;
    }

    #automatic li {
        width: 46%;
        padding-right: 4%;
        padding-top: 4%;
    }

    /*768px*/
    #quality {
        padding: 7% 0;
    }

    #quality .pic,
    #quality .list {
        width: auto;
        float: none;
    }

    #quality .box {
        padding: 0;
        margin-bottom: 5%;
    }

    /*768px*/
    #achievement {
        padding: 5% 0;
    }

    #achievement .proTitle {
        margin-bottom: 5%;
    }

    /*768px*/
    #system,
    #environment {
        padding: 7% 0 9%;
    }

    #system .list,
    #environment .list {
        padding: 0 35px;
    }

    #system .slick-prev,
    #environment .slick-prev {
        left: -5px;
    }

    #system .slick-next,
    #environment .slick-next {
        right: -5px;
    }

    /*768px*/
    #system .proTitle {
        margin-bottom: 5%;
    }

    #system .subPage {
        margin-bottom: 7%;
    }

    #system .slick-list {
        width: 106.52173913%;
    }

    #system .pic {
        margin-right: 18.32579186%;
    }

    #system .loading {
        padding-bottom: 41.84111397%;
    }

    /*768px*/
    #environment .slick-list {
        width: 104.83091787%;
    }

    #environment .pic {
        margin-right: 9.20245399%;
    }

    #environment .loading {
        padding-bottom: 63.72617514%;
    }

    /*768px*/
    #team {
        padding: 8% 0;
    }

    #team .proTitle {
        margin-bottom: 6%;
    }

    #team .slick-list {
        width: 104.90837696%;
    }

    #team .item {
        width: 47%;
    }

    #team .info {
        width: auto;
        margin-right: 9.34579439%;
    }

    /*768px*/
    #history {
        padding: 7% 0;
    }

    #history .logo {
        margin-bottom: 15px;
    }

    #history .list:before,
    #history .info:before {
        left: auto;
        transform: none;
    }

    #history .list,
    #history .item {
        padding: 10px 0;
    }

    #history .list:before {
        right: 25px;
    }

    #history .info {
        padding-right: 60px;
    }

    #history .info:before {
        right: 0;
    }

    #history .gallery,
    #history .text,
    #history .item:nth-child(2n) .gallery,
    #history .item:nth-child(2n) .text {
        float: none;
        width: auto;
    }

    #history .gallery {
        text-align: left;
    }

    #history .pic {
        padding-left: 0;
        padding-right: 2.5%;
        padding-bottom: 2.5%;
    }

    #history .text {
        margin-bottom: 3.5%;
    }

    #history h3 i {
        margin-right: 5px;
    }

    #history .item:nth-child(2n) .text {
        text-align: left;
    }

    /*768px*/
    #style .list {
        width: 102%;
    }

    #style .title {
        font-size: 16px;
    }

    #style .title i {
        margin-right: 60px;
    }

    #style .item {
        width: 48%;
        padding-right: 2%;
        padding-bottom: 2%;
    }

    #style .item:first-child {
        width: 100%;
        float: none;
    }

    #style .top .title {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    #style .list:nth-child(2n) .item:first-child {
        float: none;
    }

    #style .list:nth-child(2n) .item:first-child .title {
        padding: 0 3.25%;
    }

    #style .slick-dots {
        line-height: 20px;
        padding: 2% 0;
    }

    #style .slick-dots li {
        margin: 0 5px;
    }

    #style .slick-dots button {
        width: 5px;
        height: 5px;
    }

    #style .slick-dots .slick-active button {
        transform: scale(1.8);
    }

    /*768px*/
    #styleSlick .large,
    #styleSlick .small {
        width: 75%;
    }

    #styleSlick .slick-arrow {
        width: 30px;
        height: 30px;
    }

    #styleSlick .title h3,
    #styleSlick .slick-page {
        font-size: 16px;
    }

    #styleSlick .slick-page .current {
        font-size: 22px;
    }

    /*768px*/
    #honorList {
        padding: 7% 0;
    }

    #honorList ul {
        width: 102.5%;
    }

    #honorList li {
        width: 47.5%;
        padding-right: 2.5%;
    }

    #honorList h2 {
        line-height: 1.5em;
    }

    /*768px*/
    .popup .close {
        width: 25px;
        height: 25px;
        margin: 0;
    }

    /*768px*/
    #certificate {
        width: 70%;
        margin-top: 0;
    }

    /*768px*/
    #honorSlick {
        padding: 5% 0;
    }

    #honorSlick .slick-load {
        padding: 0 10%;
    }

    #honorSlick .pic {
        margin-bottom: 2.5%;
    }

    #honorSlick h2 {
        font-size: 16px;
    }

    #honorSlick .slick-arrow {
        margin-top: -12px;
    }

    #honorSlick .slide-prev .bg,
    #honorSlick .slide-next .bg {
        transform: none;
    }

    /*768px*/
    #slides .slick-dots button {
        width: 25px;
        height: 25px;
    }

    /*768px*/
    .hmTitle h2 {
        font-size: 20px;
    }

    .hmTitle h3 {
        font-size: 12px;
    }

    .hmMore a {
        width: 106px;
        height: 30px;
        line-height: 30px;
    }

    /*768px*/
    #hmSolution {
        padding: 8% 0;
    }

    /*768px*/
    .hmSolItem,
    .hmSolItem .figure {
        display: block;
        width: auto;
    }

    /*768px*/
    .hmSolItem .pic,
    .hmSolItem:nth-child(2n) .pic {
        border-radius: 0;
    }

    .hmSolItem .text {
        display: block;
        padding: 5%;
    }

    .hmSolItem .title {
        font-size: 20px;
        margin-right: 110px;
    }

    .hmSolItem .intro {
        line-height: 1.75em;
        max-height: 3.5em;
    }

    .hmSolItem:nth-child(2n) .box {
        width: auto;
    }

    .hmSolItem:nth-child(2n) .figure {
        width: auto;
    }

    /*768px*/
    #hmAbout .hmTitle {
        width: auto;
        padding: 0;
        float: none;
        margin-bottom: 2.5%;
    }

    #hmAbout .info {
        margin-left: 0;
        padding-left: 0;
    }

    #hmAbout .box {
        width: auto;
    }

    #hmAbout #base {
        width: 80%;
    }

    #hmAbout #base .name {
        font-size: 12px;
    }

    #hmAbout #base .dot span {
        width: 100%;
        padding-bottom: 2px;
        margin: -1.25px 0 0 -1.25px;
    }

    /*768px*/
    #hmNews {
        padding: 7% 0 5%;
    }

    /*768px*/
    .hmNewsBox .top,
    .hmNewsBox ul {
        width: auto;
        float: none;
        margin-bottom: 5%;
    }

    .hmNewsBox time {
        font-size: 12px;
    }

    .hmNewsBox .pic {
        border-radius: 5px;
    }

    .hmNewsBox .date i {
        font-size: 30px;
        padding-right: 10px;
    }

    .hmNewsBox .date i:after {
        width: 12px;
        height: 20px;
        right: -1px;
    }

    .hmNewsBox .title {
        margin-right: 105px;
        font-size: 16px;
        margin-bottom: 2%;
    }

    .hmNewsBox .excerpt {
        margin-bottom: 2%;
    }

    .hmNewsBox li a {
        padding-right: 30px;
    }

    .hmNewsBox li a:after {
        width: 20px;
        padding-bottom: 5px;
    }

    .hmNewsBox .hmMore {
        padding-top: 0;
    }

    /*768px*/
    #hmJoin {
        border-bottom-width: 5px;
    }

    #hmJoin .box {
        border-radius: 0 5px 5px 0;
        padding: 8% 0 5%;
    }

    #hmJoin .hmTitle {
        margin-bottom: 6.5%;
    }

    #hmJoin li {
        width: 60px;
        padding-right: 10%;
    }

    #hmJoin .icon {
        margin-bottom: 15%;
        width: 90%;
    }

    #hmJoin h4 {
        font-size: 14px;
    }

    /*768px*/
    #leaf {
        font-size: 12px;
        width: 140px;
    }

    #leaf .info {
        background-size: 16px auto;
        padding-left: 20px;
        transform: rotate(25deg);
        left: 14%;
        top: 16%;
    }
}

@media only screen and (max-width: 540px) {

    /*540px*/
    #recommend {
        padding-bottom: 3%;
    }

    #recommend ul {
        width: auto;
    }

    #recommend li {
        float: none;
        padding: 0 0 5% 0;
        width: auto;
    }

    #recommend .pic {
        margin-bottom: 2.5%;
    }

    #recommend time {
        margin-bottom: 1%;
    }

    #recommend h4 {
        margin-right: 0;
    }

    /*540px*/
    .blogItem,
    .blogItem .td {
        display: block;
        width: auto;
    }

    /*540px*/
    .blogItem .text {
        padding: 5%;
        border-right: 1px solid rgba(207, 207, 207, 0.5);
    }

    .blogItem .meta {
        line-height: 1.5em;
    }

    /*540px*/
    #newsList ul {
        width: auto;
        margin-bottom: 2.5%;
    }

    #newsList li {
        float: none;
        padding: 0 0 5% 0;
        width: auto;
    }

    #newsList .text {
        padding: 5%;
    }

    #newsList .title,
    #newsList .excerpt {
        line-height: 1.5em;
        height: auto;
        max-height: 3em;
    }

    #newsList .excerpt {
        margin-bottom: 2.5%;
    }

    /*540px*/
    #customer li {
        width: 47%;
    }

    /*540px*/
    #investor ul {
        display: block;
    }

    #investor li {
        width: auto;
    }

    #investor .text,
    #investor li:nth-child(3) .text {
        left: 6%;
        width: 88%;
        margin-top: 6%;
    }

    #investor li:nth-child(3) .bg {
        padding-bottom: 56.21468927%;
    }

    #investor h2,
    #investor li:nth-child(3) h2 {
        font-size: 20px;
        margin-bottom: 3%;
    }

    /*540px*/
    #talentIncentive ul {
        width: auto;
    }

    #talentIncentive li {
        float: none;
        width: auto;
        padding-right: 0;
        padding-bottom: 5%;
    }

    #talentIncentive .pic {
        margin-bottom: 5%;
    }

    #talentIncentive .text {
        padding: 0 5%;
    }

    /*540px*/
    #proArea .gallery {
        padding: 0 45px;
    }

    #proArea .slick-list {
        width: auto;
    }

    #proArea .pic {
        margin-right: 0;
    }

    #proArea .loading {
        padding-bottom: 70%;
    }

    /*540px*/
    #responsibility .text {
        display: block;
    }

    #responsibility .item {
        width: auto;
        padding: 2.5% 5%;
    }

    /*540px*/
    #conceptList .item {
        padding-bottom: 5%;
    }

    #conceptList .item:nth-child(-n+2) {
        float: none;
        width: auto;
    }

    #conceptList .item:nth-child(-n+2) .text {
        margin-bottom: 0;
        width: auto;
    }

    #conceptList .item:nth-child(2n-1) .intro {
        float: none;
    }

    #conceptList .pic {
        margin-bottom: 3.5%;
    }

    #conceptList .text {
        position: static;
        color: #333;
        bottom: auto;
        left: auto;
        transform: none;
        text-align: left;
    }

    #conceptList h3 {
        margin-bottom: 3%;
    }

    #conceptList .intro {
        display: block;
        max-height: none;
        color: #666;
    }

    /*540px*/
    #assemble h3 {
        font-size: 14px;
    }

    /*540px*/
    #system .list {
        padding: 0 35px;
    }

    #system .slick-list {
        width: 108.65384615%;
    }

    #system .pic {
        margin-right: 15.92920354%;
    }

    #system .loading {
        padding-bottom: 65.76923077%;
    }

    /*540px*/
    #team .slick-list {
        width: auto;
    }

    #team .slick-prev {
        left: 0;
    }

    #team .slick-next {
        right: 0;
    }
}

.Registered {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 111;
}

.Registered .wrap-container {
    position: fixed;
    top: 50%;
    width: 500px;
    height: auto;
    left: 50%;
    background: #fff;
    z-index: 100;
    padding: 30px 30px 50px;
    transform: translate(-50%, -50%);
    border-radius: 20px;
}

.Registered .closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 17px;
    width: 17px;
    display: block;
    background: url(../images/Form002324-colseBtn.jpg) no-repeat;
}

.Registered .Title {
    font-size: 24px;
    color: #000;
    text-align: center;
    line-height: 60px;
    padding: 25px;
    font-weight: bold;
}

.Registered .Title span {
    display: block;
    font-size: 14px;
    color: #999;
    text-align: left;
    line-height: 26px;
    font-weight: normal;
}

.Registered input {
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #6e6e6e;
    border: 1px solid #e6e6e6;
    height: 46px;
    line-height: 46px;
    padding: 5px 10px 5px 40px;
    margin: 0 auto 15px;
    width: 430px;
    /* box-sizing: initial; */
}

.Registered .Loginname {
    background: url(../images/Form002324-mico.png) no-repeat 11px 20px;
}

.Registered .Loginpwd {
    background: url(../images/Form002324-mico.png) no-repeat 11px -45px;
}

.Registered .tel {
    background: url(../images/Form002324-mico.png) no-repeat 11px -107px;
}

.Registered .jianli {
    background: url(../images/Form002324-mico.png) no-repeat 11px -155px;
}

.Registered .yzm {
    width: 430px;
    margin: 0 auto;
}

.Registered em {
    color: #999;
    font-size: 14px
}

.Registered p {
    margin-left: 15px;
}

.Registered .Lyzm {
    float: left;
    width: 305px;
    padding-left: 40px;
    background: url(../images/Form002324-mico.png) no-repeat 11px -112px;
}

.Registered .yzm a {
    float: left;
    margin-left: 10px;
    color: #d60c18;
    line-height: 42px;
    width: 115px;
    border: #d60c18 1px solid;
    text-align: center;
    border-radius: 5px;
}

.Registered .yzm a:hover {
    color: #fff;
    background: #d60c18;
}

.Registered .goTo {
    width: 430px;
    margin: 0 auto;
}

.Registered .goTo p {
    float: right;
    color: #666;
    line-height: 12px;
    margin-top: 20px;
}

.Registered .goTo p a {
    color: #d60c18;
    display: inline-block;
    margin-left: 5px;
}

.Registered .goTo a:hover {
    text-decoration: underline;
}

.Registered .goReg {
    width: 430px;
    margin: 36px auto 15px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    display: block;
    background: #0a65c6;
    border-radius: 5px;
}

@media only screen and (max-width: 664px) {
    .Registered .wrap-container {
        top: 0;
        margin-top: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        left: 0;
        padding: 5%;
        transform: translate(0, 0);
    }

    .Registered input,
    .Registered .yzm,
    .Registered .goTo,
    .Registered .goLogin,
    .Registered .OtherLogin {
        width: 100%;
    }

    .Registered .OtherLogin {
        text-align: center;
    }

    .Registered .Lyzm {
        width: 102px;
    }

    .Registered .Title {
        font-size: 20px;
        line-height: 70px;
    }
}

/* 20220114 */
#basemap .dot span,
#basemap li .name {
    background: #0a65c6 !important;
}

#basemap .dot .animateDot i,
#basemap li .name .animateDot i {
    background: rgb(61 131 191 / 33%) !important;
}

#hmAbout #base .map {
    background-image: url(../images/hmap.png);
    padding-bottom: 53%;
}

#hmAbout #base {
    position: relative;
    left: -10%;
    width: 70%;
}

#hmAbout #basemap li .arrow {
    background: none !important;
}

#hmAbout #base {
    position: relative;
    left: -10%;
    width: 70%;
}

#hmAbout #basemap li .arrow {
    background: none !important;
}

#hmAbout #basemap .dot span,
#hmAbout #basemap li .name {
    background: radial-gradient(rgba(255, 255, 255, 0.5), #c0e3ff) !important;
    color: #0e67c7 !important;
    max-width: 100px !important;
    max-height: 100px !important;
    height: 55px;
    width: 55px;
    line-height: 1;
}

#hmAbout #basemap .dot span {
    background: #3d9eeb !important;
    color: #fff !important;
}

#hmAbout #basemap .dot .animateDot i,
#hmAbout #basemap li .name .animateDot i {
    background: none !important;
    border: 1px solid #aedbff;
}

#hmAbout #basemap .dot span p,
#hmAbout #basemap li .name p {
    font-size: 16px;
    margin-top: 5px;
    top: 0;
}

#hmAbout #basemap .dot img,
#hmAbout #basemap li img {
    padding: 0;
    margin-top: 14px;
}

#hmAbout #basemap .dot .animateDot i:first-child,
#hmAbout #basemap .dot .animateDot i:nth-child(3),
#hmAbout #basemap li .name .animateDot i:nth-child(3),
#hmAbout #basemap li .name .animateDot i:first-child {
    opacity: 0;
}

#hmAbout #basemap li .name .animateDot i:nth-child(2),
#hmAbout #basemap .dot .animateDot i:nth-child(2) {
    top: 0 !important;
}

#hmAbout #basemap li.li7 .name .animateDot i:nth-child(2) {
    top: 10% !important;
}

#hmAbout #basemap .li1 .name .animateDot i:nth-child(2) {
    top: 11% !important;
}

#hmAbout #basemap .dot .animateDot i:nth-child(2) {
    top: 20% !important;
}

@media(max-width: 1760px) {
    #hmAbout #base {
        left: 0;
    }
}

@media(max-width: 1280px) {
    #hmAbout #base {
        width: 95%;
        left: 5%;
    }

    #hmAbout #basemap .dot img,
    #hmAbout #basemap li img {
        margin-top: 18px;
        max-width: 30px;
    }

    #hmAbout #basemap .dot span,
    #hmAbout #basemap li .name {
        height: 55px;
        width: 55px;
    }

    #hmAbout #basemap .dot span p,
    #hmAbout #basemap li .name p {
        font-size: 13px;
    }
}

/*Banner002826 */
.Banner002826 {
    position: relative;
    z-index: 1;
    height: 100vh;
}

.Banner002826 .slick-slider {
    height: 100%;
}

.Banner002826 .slick-list {
    height: 100%;
}

/*方法1，2，3*/
.Banner002826 li.slick-slide {
    position: relative;
}

.Banner002826 li.slick-slide img {
    display: block;
    width: 100%;
}

.Banner002826 li.slick-slide video {
    position: absolute;
    z-index: 10;
    left: 0%;
    top: 0%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.Banner002826 .slick-track {
    height: 100%;
}

@media(min-width: 1025px) {
    .Banner002826 li.slick-slide img.wap {
        display: none;
    }
}

@media(max-width: 1024px) {
    .Banner002826 li.slick-slide img.pc {
        display: none;
    }

    /*.Banner002826  li.slick-slide video{left: -100%;top: 100%; opacity: 0;}*/
    .Banner002826 li.slick-slide .open-video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3) url(../images/Banner002826_play.png) no-repeat center center;
        background-size: auto 50px;
        z-index: 20;
    }

    .Banner002826 li.video-show .open-video {
        left: -100%;
        opacity: 0;
        transform: translateX(-100%);
    }

    .Banner002826 li.video-show video {
        left: 0%;
        top: 0%;
        opacity: 1;
    }
}

@media(max-width: 480px) {
    .Banner002826 {
        height: auto;
    }

    .Banner002826 li {
        height: 33vh;
    }

    .Banner002826 .slick-track {
        height: auto;
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide .slick-loading img {
    display: none;
}

.slick-slide .dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow .slick-hidden {
    display: none;
}

.Banner002826 .slick-dots {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 10%;
    overflow: hidden;
    z-index: 10;
}

.Banner002826 .slick-dots li {
    float: left;
    width: 12px;
    height: 12px;
    position: relative;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
}

.Banner002826 .slick-dots li:not(:last-child) {
    margin-right: 10px;
}

.Banner002826 .slick-dots li:before {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 50%;
    background: #fff;
    transition: 0.3s;
    content: '';
}

.Banner002826 .slick-dots li.slick-active:before {
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
}

.Banner002826 .slick-dots li button {
    display: none;
}

@media(max-width: 640px) {
    .Banner002826 .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .Banner002826 .slick-dots li:not(:last-child) {
        margin-right: 4px;
    }
}

/* 2022/1/20 */
#proArea2 {
    padding: 4.42708333% 0 4.6875%;
}

#proArea2 .proTitle {
    margin-bottom: 5%;
}

#proArea2 .gallery {
    position: relative;
    padding: 0 5.20833333%;
}

#proArea2 .slick-load {
    overflow: hidden;
}

#proArea2 .slick-list {
    width: 103.48837209%;
}

#proArea2 .item a {
    display: block;
    overflow: hidden;
}

#proArea2 .pic {
    margin-right: 10.11235955%;
}

#proArea2 .bg {
    padding-bottom: 70%;
}

#proArea2 .loading {
    padding-bottom: 21.70542636%;
}

#proArea2 .entry {
    margin: 3.5% auto 0;
    width: 80%;
}

@media only screen and (max-width: 1024px) {
    #proArea2 .gallery {
        padding: 0 7%;
    }

    #proArea2 .slick-list {
        width: 104.54545455%;
    }

    #proArea2 .pic {
        margin-right: 8.6746988%;
    }

    #proArea2 .loading {
        padding-bottom: 33.47211708%;
    }
}

@media only screen and (max-width: 768px) {
    #proArea2 .proTitle {
        margin-bottom: 6%;
    }
}

@media only screen and (max-width: 540px) {
    #proArea2 .gallery {
        padding: 0 45px;
    }

    #proArea2 .slick-list {
        width: auto;
    }

    #proArea2 .pic {
        margin-right: 0;
    }

    #proArea2 .loading {
        padding-bottom: 70%;
    }
}

#responsibility .bg {
    padding-bottom: 0;
    height: 780px;
}

@media only screen and (max-width: 1024px) {
    #responsibility .bg {
        padding-bottom: 56.15212528%;
        height: auto;
    }
}

/* 2022.2.21 */
#hl_right {
    float: right;
    width: 91%;
}

#wechat {
    float: left;
    margin-right: 20px;
    width: 7%;
}

#menu {
    margin-bottom: 0;
}

#footerOther {
    padding-bottom: 0;
    border-bottom: 0;
}

.bottomBt {
    margin-top: 0;
}

#footerStock .price span {
    font-size: 16px;
}

#footerStock .price {
    margin-bottom: 0;
}

#footer {
    padding: 1.864583% 0 1%;
}

#footer .btm {
    padding: 1% 0;
    overflow: unset;
}

#footer .hl_item {
    /* position: absolute; */
    /* bottom:100%; */
    /* background-color: #fff; */
    padding: 3%;
    display: none;
}

#menu dl {
    position: relative;
}

#menu dl dd a {
    color: rgba(255, 255, 255, 0.3);
}

#menu dl:nth-of-type(2) .hl_item {
    display: none;
}

#menu dl dt {
    cursor: pointer;
}

@media (max-width: 1140px) {
    #hl_right {
        width: 88%;
    }
}

@media (max-width: 1024px) {
    #hl_right {
        width: 100%;
    }

    #pagelist ul,
    #copyright,
    #footerStock {
        text-align: left;
    }

    #wechat {
        width: 85px;
    }
}

#pagelist li a {
    padding-right: 17px;
    font-size: 16px;
    position: relative;
}

#pagelist li a:after {
    width: 2px;
    height: 2px;
    content: '';
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

@media (max-width: 768px) {
    #pagelist li a {
        font-size: 14px;
    }

    #menu dl {
        width: 100%;
        text-align: left;
    }

    #menu dl dt::before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        position: absolute;
        right: 10px;
        top: 50%;
        margin: -5px 0 0 -6px;
        transition: all .3s;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    #menu dl dt.active::before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    #menu dl:nth-of-type(2) dt::before {
        display: none;
    }

    #footer .btm {
        display: table;
    }

    #footer .hl_item {
        position: unset;
        background-color: unset;
        padding: 0;
    }

    #menu dl dd a {
        color: #fff;
    }
}

#menu dl dt {
    margin-bottom: 10px;
    position: relative;
}

ul.ul_sitemap {
    font-size: 16px;
    color: #666;
    line-height: 2;
    letter-spacing: 2px;
    text-align: justify;
}

#stock1_1 {
    font-size: 35px !important;
    margin-right: 20px;
}

/* 2022.3.2 */
#basemap .map {
    position: relative;
}

#basemap .map .map_small {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* 2022.4.2 */
@media screen and (max-width: 768px) {
    #basemap .li1 {
        top: 18%;
    }

    .fadeInUp #basemap .dot .animateDot {
        top: -109%;
    }

    #basemap .dot span p {
        margin-top: 18px !important;
    }

    #basemap .li7 {
        left: 47.246%;
        top: 70.5%;
    }
    #hmAbout #basemap .li8 {
        width: 37.82%;
        left: 35.754%;
        top: 76.25%;
    }
}