@charset "utf-8";

/*初始化样式*/

* {
    -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: 100%/1.875em Arial, 'Microsoft Yahei';
    overflow-x: hidden;
    width: 100%;
    word-wrap: break-word;
    font-size: 100%
}

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

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

a:hover {
    color: #014099;
}

a img {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
}

li {
    list-style: none;
}

select,
input,
textarea,
button {
    -moz-border-radius: 0;
    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: 1;
}

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

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

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

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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

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


/*全局样式*/

.inner {
    width: 1400px;
    margin: 0 auto;
}

.inner1680 {
    width: 1680px;
    margin: 0 auto;
}

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

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

.inpText {
    display: block;
}

.placeholder {
    cursor: text;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #999;
    font-size: 16px;
    line-height: 1.875em;
    text-align: left;
}

.placeholder i {
    position: relative;
    font-style: normal;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.placeholder .rq:after {
    content: '*';
    color: #c40009;
    display: inline-block;
    margin-left: 5px;
}


/* Slider */

.slick-load {
    display: none;
    font-size: 0;
    line-height: normal;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
}

[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;
    display: inline-block;
    text-indent: -99999em;
    font-size: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: no-repeat 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    width: 58px;
    height: 58px;
    border: 1px solid transparent;
    cursor: pointer;
}

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

.slick-dots li {
    display: inline-block;
    margin: 0 15px;
}

.slick-dots button {
    display: block;
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -99999em;
    overflow: hidden;
}

.slick-dots .slick-active button {
    background-color: #14a098;
}


/*header*/

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

#header a {
    color: #fff;
}


/*logo*/

#logo {
    float: left;
    padding: 20px 0;
    position: relative;
    z-index: 2;
}

#logo a {
    display: block;
    overflow: hidden;
    background: url(../images/logo.png) no-repeat left center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    text-indent: -99999em;
    width: 111px;
    height: 58px;
}


/*topBtn*/

#topBtn {
    float: right;
    padding: 34px 0 34px 40px;
    position: relative;
}

#topBtn:before {
    width: 1px;
    height: 15px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.29);
}

#topBtn span {
    display: block;
}


/*language*/

#language {
    float: left;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    padding-right: 22px;
    background: url(../images/icon_language.png) no-repeat left center;
    padding-left: 30px;
    cursor: default;
    text-align: center;
}

#language:before {
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -6px;
}

#language a {
    display: block;
}

#language ul {
    position: absolute;
    left: -1px;
    top: 120%;
    width: 100%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.4);
    display: none;
}

#language li {
    font-size: 16px;
}

#language li a {
    color: rgba(255, 255, 255, 0.5);
}

#language li a:hover {
    color: #fff;
}


/*navbtn*/

#navbtn {
    float: left;
    position: relative;
    display: none;
    z-index: 2;
    cursor: pointer;
    padding-left: 30px;
}

#navbtn span {
    width: 22px;
    height: 30px;
    position: relative;
}

#navbtn i {
    display: block;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#navbtn i:before,
#navbtn i:after {
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    left: 0;
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#navbtn i:before {
    bottom: 8px;
}

#navbtn i:after {
    top: 8px;
}

#navbtn.open i {
    height: 0;
}

#navbtn.open i:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: auto;
    top: 50%;
}

#navbtn.open i:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
}


/*nav*/

#nav {
    margin-left: 111px;
    margin-right: 118px;
    padding: 0 2.36686391%;
}

#nav ul {
    font-size: 0;
    line-height: normal;
    text-align: right;
}

#nav li {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    padding: 34px 2.89855072%;
}

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

#nav a:after {
    width: 0;
    height: 1px;
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1px;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}

#nav .cur>a:after,
#nav li>a:hover:after {
    width: 100%;
}

#nav em {
    display: none;
}


/*banner*/

#banner {
    position: relative;
}

#banner .pic {
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 31.25%;
}

#banner .wap {
    display: none;
}

#banner .load {
    padding-bottom: 31.25%;
}

#banner .item {
    position: relative;
}

#banner .slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    margin-bottom: 1.5625%;
}


/*wrapper*/

#wrapper {
    padding: 4.42708333% 0 3%;
    overflow: hidden;
}


/*contact*/

#contact {
    overflow: hidden;
}


/*cityList*/

#cityList {
    overflow: hidden;
    width: 105%;
}

#cityList .item {
    float: left;
    width: 28.57142857%;
    padding-right: 4.76190476%;
    padding-bottom: 4.76190476%;
}

#cityList .info {
    background-color: #fff;
    border: 1px solid #eee;
    position: relative;
    padding: 4.76190476%;
}

#cityList .info:after {
    width: 100%;
    height: 3px;
    background-color: #dcdcdc;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
}

#cityList .btm {
    color: #666;
    padding: 7.93650794% 0;
}

#cityList p {
    background: no-repeat left top;
    background-size: 35px auto;
    padding-left: 50px;
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 2.1875em;
}

#cityList .addr {
    height: 140px;
    background-image: url(../images/icon_addr.png);
    overflow: hidden;
}

#cityList .tel {
    background-image: url(../images/icon_tel.png);
}
#cityList .email {
    background-image: url(../images/icon_mail.png);
}
#cityList .email a {
    color:#666;
}
#cityList .email a:hover {
    color:#1a2040;
}

#cityList .top {
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    position: relative;
    padding: 5.29100529% 0 7.93650794%;
}

#cityList h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 12px 20px 12px 60px;
    background: no-repeat left top;
    -webkit-background-size: 48px auto;
    -moz-background-size: 48px auto;
    -o-background-size: 48px auto;
    background-size: 48px auto;
    position: relative;
    cursor: pointer;
}

#cityList h2:after {
    width: 33px;
    height: 32px;
    background: url(../images/icon_map1.png) no-repeat 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0;
    animation: iconAnimate 2s ease-in-out infinite
}

#cityList h2:hover {
    color: #0f225e;
}

#cityList h2:hover:after {
    background-position: 0 100%;
}

@keyframes iconAnimate {
    0% {
        margin-top: -10px;
    }
    50% {
        margin-top: -20px;
    }
    10% {
        margin-top: -10px
    }
}


/*cityMap*/

#cityMap {
    padding-bottom: 500px;
    position: relative;
}

#cityMap #map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#cityMap #map {
    line-height: normal;
}

#cityMap .BMapLib_sendToPhone {
    display: none;
}

#cityMap table,
#cityMap td,
#cityMap th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    padding: 0;
    background-color: transparent;
}

#cityMap table {
    font-size: inherit;
    width: auto;
    border-collapse: separate;
}

#cityMap h3 {
    font-size: 14px;
}

#cityMap p {
    font-size: 12px;
    line-height: 2em;
}

#cityMap input {
    border: 1px solid #ddd;
}

#cityMap img {
    max-width: none;
}


/*footer*/

#footer {
    background-color: #000;
    padding: 2.8125% 0;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer .box {
    display: table;
    table-layout: fixed;
}

#footer .td {
    display: table-cell;
    vertical-align: bottom;
}

#footer .info {
    padding-left: 10.0591716%;
}

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


/*follow*/

#follow {
    width: 131px;
}

#follow img {
    width: auto;
    display: block;
}

#follow .logo {
    margin-bottom: 30.53435115%;
}

#follow .qrcode {
    margin-bottom: 9.92366412%;
}

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

#follow .text span {
    display: inline-block;
    background: url(../images/icon_02.png) no-repeat left center;
    padding-left: 25px;
    white-space: nowrap;
}


/*pagelist*/

#pagelist {
    margin-bottom: 90px;
}

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

#pagelist li {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 1.66666667em;
    padding-right: 2.88184438%;
    margin-right: 2.88184438%;
    position: relative;
}

#pagelist li:after {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -2px;
}

#pagelist li:last-child {
    padding-right: 0;
    margin-right: 0;
}

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

#pagelist a:hover {
    opacity: 0.6;
}


/*links*/

#links {
    overflow: hidden;
    display: table-cell;
    vertical-align: bottom;
}

#links h2 {
    font-size: 16px;
    font-weight: normal;
    float: left;
    line-height: 1.875em;
}

#links ul {
    margin-left: 80px;
    overflow: hidden;
}

#links li {
    float: left;
    padding-left: 6.80693069%;
    font-size: 16px;
    line-height: 1.875em;
}

#links a {
    color: #a7a7a7;
}

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


/*copyright*/

#copyright {
    color: #5f5f5f;
    display: table-cell;
    vertical-align: top;
    width: 480px;
    padding-left: 20px;
    text-align: right;
    font-size: 16px;
    line-height: 1.875em;
}

#copyright a {
    color: #5f5f5f;
}

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


/*pgTitle*/

#pgTitle {
    margin-bottom: 4.28571429%;
    font-size: 0;
    line-height: normal;
    text-align: center;
}

#pgTitle h2 {
    font-weight: normal;
    font-size: 34px;
    line-height: 1.35em;
    margin-bottom: 0.41666667%;
}

#pgTitle p {
    color: #999;
    display: inline-block;
    border-bottom: 1px solid #005cc4;
    font-size: 16px;
    line-height: 1.875em;
}


/*newsTop*/

#newsTop {
    padding: 4.16666667% 0;
}


/*newsDate*/

#newsDate {
    margin-bottom: 6.8452381%;
}

#newsDate .slick-load {
    position: relative;
    padding: 0 7.14285714%;
    margin: 0 auto;
}

#newsDate .slick-load:before {
    width: 85.71428571%;
    height: 1px;
    background-color: #e8e8e8;
    content: "";
    display: block;
    position: absolute;
    left: 7.14285714%;
    bottom: 16px;
}

#newsDate .slick-slide {
    outline: none;
}

#newsDate .slick-slide:focus {
    outline: none;
}

#newsDate .item {
    position: relative;
    z-index: 1;
    text-align: center;
}

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

#newsDate .date {
    font-size: 20px;
    color: #ddd;
    height: 30px;
    line-height: 30px;
    margin-bottom: 7px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#newsDate .date i {
    font-style: normal;
}

#newsDate .dot {
    width: 16px;
    padding: 8px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
}

#newsDate .dot i {
    display: block;
    padding-bottom: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e0e0e0;
    position: relative;
}

#newsDate .dot i:before {
    border-bottom: 8px solid #005cc4;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    margin-bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

#newsDate .current .date {
    color: #005cc4;
}

#newsDate .current .date i {
    font-size: 34px;
}

#newsDate .current .dot {
    background-color: rgba(74, 146, 228, 0.46);
}

#newsDate .current .dot i {
    background-color: #005cc4;
}

#newsDate .current .dot i:before {
    opacity: 1;
}

#newsDate .slick-arrow {
    width: 16px;
    height: 29px;
    text-indent: -99999em;
    overflow: hidden;
    font-size: 0;
    position: absolute;
    bottom: 2px;
    background: url(../images/icon_07.png) no-repeat 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    line-height: normal;
    border: none;
    display: block;
}

#newsDate .slick-prev {
    left: 0;
}

#newsDate .slick-next {
    background-position: 0 100%;
    right: 0;
}


/*istop*/

.istop .tips {
    padding: 0 8px;
    line-height: 30px;
    font-size: 16px;
    background: #d4515d;
    color: #ffffff;
    width: 88px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*margin-bottom: 30px;*/
}

.istop h2 {
    font-size: 24px;
    line-height: 1.25em;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 1.19047619%;
}

.istop .newstime {
    color: #999;
    font-size: 16px;
    line-height: 50px;
}

.istop .intro {
    margin-bottom: 3.27380952%;
    font-size: 16px;
    line-height: 1.875em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.istop .more a {
    width: 138px;
    height: 38px;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 16px;
    color: #666;
}

.istop .more a:hover {
    color: #fff;
    background-color: #005cc4;
    border-color: #005cc4;
}

.newsTop_Content {
    position: relative;
    padding: 20px;
    border: 1px solid #ededed;
}

.newsTop_Content .item {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.newsTop_Content .slick-arrow {
    width: 58px;
    height: 58px;
    position: absolute;
    background-image: url(../images/icon_09.png);
    background-position: bottom left;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    bottom: 20px;
    z-index: 10;
}

.newsTop_Content .slick-prev {
    right: 100px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.newsTop_Content .slick-next {
    right: 30px;
}

.newsTop_Content .imgs {
    width: 460px;
    min-width: 460px;
    margin-right: 70px;
}

.newsTop_Content .imgs i {
    display: block;
    width: 100%;
    padding-bottom: 51.74%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.newsTop_Content .istop {
    width: -webkit-calc(100% - 530px);
    width: -moz-calc(100% - 530px);
    width: calc(100% - 530px);
}

@media (max-width:768px) {
    .newsTop_Content {
        padding: 16px 2%;
    }
    .istop .ffflex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .istop .tips {
        margin-bottom: 16px;
    }
    .newsTop_Content .item {
        display: block !important;
    }
    .newsTop_Content .item .imgs {
        width: 100%;
    }
    .newsTop_Content .item .istop {
        width: 100%;
        margin-top: 20px;
    }
    .newsTop_Content .slick-arrow {
        width: 50px;
        height: 50px;
        bottom: 7.5px;
    }
    .newsTop_Content .slick-next {
        right: 10px;
    }
    .newsTop_Content .slick-prev {
        right: auto;
        left: 10px;
    }
}


/*newsList*/

#newsList {
    background-color: #f9f9f9;
    overflow: hidden;
    padding: 1.82291667% 0;
}

#newsList .list {
    width: 105.35714286%;
    overflow: hidden;
}


/*newsItem*/

.newsItem {
    width: 28.24858757%;
    padding-right: 5.08474576%;
    padding-bottom: 4.06779661%;
    float: left;
}

.newsItem .date {
    position: absolute;
    left: 4%;
    top: 0;
    background-color: rgba(0, 92, 196, 0.85);
    color: #fff;
    text-align: center;
    border: 1px solid #2177f8;
    z-index: 2;
    font-size: 12px;
    width: 82px;
    line-height: 1.25em;
    padding: 10px 0 15px;
}

.newsItem .date time {
    display: block;
}

.newsItem .date i {
    font-style: normal;
    display: block;
    font-size: 22px;
}

.newsItem .date .day {
    display: inline-block;
    /*font-size: 40px;*/
    line-height: 1.2em;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.newsItem .pic {
    margin-bottom: 3.4%;
    overflow: hidden;
}

.newsItem .pic i {
    display: block;
    overflow: hidden;
    padding-bottom: 52%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.newsItem h2 {
    font-size: 18px;
    height: 60px;
    -webkit-line-clamp: 2;
    font-weight: normal;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    line-height: 1.66666667em;
}

.newsItem a {
    display: block;
    overflow: hidden;
    padding-top: 10%;
    position: relative;
}

.newsItem a:hover .pic i {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/* 新闻详情页 */

#newsDetails {
    padding-top: 80px;
    margin-bottom: 5%;
    ;
}

#newsDetails .content {
    line-height: 1.76;
    padding: 20px 0;
    min-height: 300px;
    font-size: 16px;
}

#newsDetails .content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

#newsDetails .content p:last-child {
    margin-bottom: 0;
}

#newsDetails .content h2 {
    font-size: 20px;
    margin-bottom: 16px;
    color: #091631;
    font-weight: 400;
}

#newsDetails .content .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

#newsDetails .content .img2 img {
    width: 49%;
}

#newsDetails .content .img3 img {
    width: 32%;
}

#newsDetails .content .img4 img {
    width: 24%;
}

#newsDetails .content .video1 {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 3% 0;
    text-align: center;
}

#newsDetails .content .video1 video {
    width: 100%;
    height: 485px;
    background: #000;
    object-fit: cover;
}

@media (max-width: 768px) {
    #newsDetails .content .video1 {
        width: 100%;
    }
    #newsDetails .content .video1 video {
        height: 250px;
    }
}

.newsText {
    padding: 20px 0;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.newsText p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

#newsPaging {
    border-top: 1px dotted #999;
    padding-top: 40px;
    line-height: 1.76;
    overflow: hidden;
}

#newsPaging h3 {
    font-size: 14px;
    color: #091631;
    font-weight: 400;
}

#newsPaging p {
    font-size: 14px;
    color: #666;
}

#newsPaging .page {
    position: relative;
}

#newsPaging .page a {
    display: block;
    width: 100%;
    height: 100%;
}

#newsPaging .page .icon {
    width: 45px;
    height: 45px;
    background-image: url(../images/left_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -22px;
}

#newsPaging .page.right .icon {
    background-image: url(../images/right_icon.png);
    left: auto;
    right: 0;
}

#newsPaging .left {
    padding-left: 60px;
    float: left;
}

#newsPaging .right {
    text-align: right;
    float: right;
    padding-right: 60px;
}


/* 新闻详情页标题 */

#newsTitle {
    text-align: center;
    line-height: 1.76;
    border-bottom: 1px dotted #999;
}

#newsTitle h1 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}

#newsTitle p {
    font-size: 16px;
    color: #999999;
    padding-bottom: 16px;
}

#newsTitle p span {
    display: inline-block;
    margin-right: 46px;
}

#newsTitle p span:last-child {
    margin-right: 0;
}

@media (max-width:768px) {
    #newsDetails {
        padding-top: 30px;
    }
    #newsDetails .content .img {
        display: block;
        margin-bottom: 20px;
    }
    #newsDetails .content .img2 img {
        width: 100%;
    }
    #newsTitle {
        line-height: 1.4;
    }
    #newsTitle h1 {
        font-size: 20px;
        margin-bottom: 16px;
    }
    #newsTitle p {
        font-size: 14px;
    }
    #newsTitle p span {
        margin-right: 16px;
    }
    #newsPaging {
        padding-top: 20px;
    }
    #newsPaging .left,
    #newsPaging .right {
        float: none;
        padding: 0;
        text-align: left;
    }
    #newsPaging .page .icon {
        display: none;
    }
}


/*loadmore*/

#loadmore {
    font-size: 0;
    line-height: normal;
    text-align: center;
    padding: 1.48809524% 0;
}

#loadmore a {
    font-size: 16px;
    color: #9e9e9e;
    line-height: 1.875em;
    display: inline-block;
    background: url(../images/icon_08.png) no-repeat center bottom;
    padding-bottom: 24px;
}

#loadmore a:hover {
    color: #005cc4;
}


/*jobSearch*/

.jobSearch {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 6.51041667%;
    font-size: 0;
    line-height: normal;
    text-align: center;
}

.jobSearch .inpItem {
    width: 340px;
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
}

.jobSearch .input {
    border: 1px solid #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding-left: 50px;
    background: rgba(255, 255, 255, 0.8) no-repeat 25px center;
    overflow: visible;
}

.jobSearch .name {
    background-image: url(../images/icon_03.png);
}

.jobSearch .addr {
    background-image: url(../images/icon_04.png);
}

.jobSearch .inpText {
    font-size: 18px;
    color: #333;
    height: 28px;
    line-height: 28px;
    padding: 10px 9.43396226% 10px 0;
    width: 90.56603774%;
}

.jobSearch .btn {
    margin-top: 50px;
}

.jobSearch .submit {
    width: 140px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #14a098;
    color: #fff;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    cursor: pointer;
}

.jobSearch .submit:hover {
    opacity: 0.8;
}

.jobSearch .submit i {
    font-style: normal;
    display: inline-block;
    background: url(../images/icon_05.png) no-repeat left center;
    padding-left: 25px;
}

.jobSearch .placeholder {
    font-size: 18px;
    color: #333;
}

.jobSearch .placeholder i {
    padding: 0 9.43396226% 0 50px;
}

.jobStyle {
    margin-bottom: 8.59375%;
}

.jobStyle .btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}

.jobSearch .inpItem dl {
    position: relative;
    font-size: 16px;
    text-align: left;
}

.jobSearch .inpItem dt {
    position: relative;
    font-size: 18px;
    color: #333;
    height: 28px;
    line-height: 28px;
    padding: 10px 9.43396226% 10px 0;
}

.jobSearch .inpItem dt:after {
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -5px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-top-color: #333;
    border-width: 10px 6px;
    border-style: solid;
}

.jobSearch .inpItem dd {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #eee;
    width: 90%;
    z-index: 10;
}

.jobSearch .inpItem dd a {
    display: block;
    line-height: 36px;
    padding: 0 10px;
}

.jobSearch .inpItem dd a:hover {
    background-color: #ccc;
}

@media (max-width: 768px) {
    #banner .jobSearch { width: 60%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .jobSearch .inpItem dl,
    .jobSearch .inpItem dt { font-size: 14px;}
    .jobSearch .inpItem dt {padding:5px 9.43396226% 5px 0;}
}


/*jobList*/

#jobList {
    border: 1px solid #ededed;
    padding: 4.16666667% 4.16666667% 5.55555556%;
}

#jobList .name {
    width: 27.77844115%;
}

#jobList .type {
    /*width: 23.6087815%;*/
}

#jobList .btn {
    width: 17.95009873%;
}

#jobList .share {
    width: 14.82834243%;
}

#jobList #pagenavi {
    margin-top: 4.68384075%;
}


/*jobTop*/

#jobTop {
    background-color: #14a098;
    /*overflow:hidden*/
    ;
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    padding: 1.28772447% 0;
    text-align: center;
    display: table;
    width: 100%;
    table-layout: fixed;
}

#jobTop span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1%;
}

#jobTop span i {
    display: block;
    font-style: normal;
}

#jobTop .name {
    text-align: left;
    padding: 0 7.02395168%;
}

#jobTop select {
    color: #fff;
    font-size: 18px;
}

#jobTop select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
}

#jobTop dl {
    position: relative;
}

#jobTop dt {
    position: relative;
    padding: 0 15px 0 10px;
    color: #fff;
    cursor: pointer;
}

#jobTop dt:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 10px 6px;
    border-style: solid;
}

#jobTop dd {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    line-height: 30px;
    max-height: 150px;
    overflow: auto;
}

#jobTop dd span {
    display: block;
    padding: 0 10px;
    cursor: pointer;
    color: #333;
}

#jobTop dd span:hover {
    background-color: #eee;
}


/*jobMeta*/

.jobMeta {
    padding: 1.17065861% 0;
    cursor: pointer;
}

.jobMeta ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.jobMeta li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 1%;
    font-size: 16px;
    line-height: 1.875em;
}

.jobMeta h3 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.875em;
}

.jobMeta .name {
    text-align: left;
    padding-left: 3.51197584%;
    padding-right: 3.51197584%;
}

.jobMeta .btn a {
    display: block;
    overflow: hidden;
    width: 109px;
    border: 1px solid #e1e1e1;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 auto;
}

.jobMeta .btn a:hover {
    background-color: #14a098;
    border-color: #14a098;
    color: #fff;
}

.jobMeta .share {
    font-size: 0;
    line-height: normal;
    text-align: center;
}

.jobMeta .share span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    position: relative;
}

.jobMeta .share span:after {
    width: 1px;
    height: 22px;
    background: url(../images/icon_06.png) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.jobMeta .share span:last-child:after {
    display: none;
}

.jobMeta .share a {
    width: 27px;
    height: 22px;
    display: block;
    text-indent: -99999em;
    overflow: hidden;
    background: no-repeat 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}


/* .jobMeta .share a:hover {
    background-position: 0 100%;
} */


/* .jobMeta .share .wx a:hover {
    background-position: 0 99%;
}

.jobMeta .share .wb a:hover {
    background-position: 0 100%;
}

.jobMeta .share .qq a:hover {
    background-position: 0% 100%;
    width: 27px;
    height: 23px;
}

.jobMeta .share .wx a {
    background-image: url(../images/share_wx.png);
    padding-left: 0;
    object-fit: contain;
}

.jobMeta .share .wb a {
    background-image: url(../images/share_wb.png);
}

.jobMeta .share .py a {
    background-image: url(../images/share_py.png);
}

.jobMeta .share .qq a {
    background-image: url(../images/share_qq.png);
    object-fit: cover;
} */

.jobMeta .share .wb a:hover {
    background-position: 0 100%;
}

.jobMeta .share .wx a:hover {
    background-position: 0 99%;
}

.jobMeta .share .qq a:hover {
    background-image: url(../images/QQing.png);
    background-size: contain;
}

.jobMeta .share .wx a {
    background-image: url(../images/share_wx.png);
    padding-left: 0;
    object-fit: contain;
}

.jobMeta .share .wb a {
    background-image: url(../images/share_wb.png);
}

.jobMeta .share .py a {
    background-image: url(../images/share_py.png);
}

.jobMeta .share .qq a {
    background-image: url(../images/QQed.png);
    /* object-fit: cover; */
    background-size: contain;
}

.jobMeta .share .wx {
    position: relative;
}

.jobMeta .share .wx .qrcode {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 220px;
    padding: 20px;
    background: #ccc;
    border: 1px solid #888;
}

.jobMeta .share .wx .qrcode {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 220px;
    padding: 20px;
    background: #ccc;
    border: 1px solid #888;
}


/*jobItem*/

.jobItem {
    border-bottom: 1px solid #eee;
}


/*jobIntro*/

.jobIntro {
    padding: 0 3.51197584% 3.90219538%;
    color: #666;
    display: none;
}

.jobIntro .text {
    border-bottom: 1px dotted #c6c6c6;
    padding: 2.09849496% 0 1.67879597%;
    font-size: 16px;
    line-height: 1.875em;
}

.jobIntro .text:last-child {
    border-bottom: none;
}

.jobIntro h4 {
    font-size: 18px;
    color: #005cc4;
    line-height: 1.66666667em;
    margin-bottom: 0.41969899%;
}


/*jobCur*/

.jobCur {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
}

.jobCur .jobItem {
    background-color: #fbfbfb;
}

.jobCur .jobMeta {
    background-color: #e5e5e5;
    border-bottom-color: #fff;
    color: #5e80aa;
}

.jobCur .jobMeta .btn a {
    background-color: #14a098;
    border-color: #14a098;
    color: #fff;
    opacity: 0.8;
}

.jobCur .jobMeta .btn a:hover {
    opacity: 1;
}

.jobCur .jobIntro {
    display: block;
    font-size: 16px;
    line-height: 1.875em;
}


/*popup*/

#popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    table-layout: fixed;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9;
}

#popup #table {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

#popup .box {
    background-color: #fff;
    width: 1200px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.36);
}

#popup .close {
    position: absolute;
    right: 0;
    top: 0;
    border-top: 110px solid #d4d7da;
    border-left: 110px solid transparent;
    cursor: pointer;
}

#popup .close i {
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/icon_close.png) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: -88px;
}

#popup .tips {
    text-align: center;
    color: #aeaeae;
    margin-top: 1.9047619%;
    font-size: 16px;
    line-height: 1.875em;
}

#popup h2 {
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    line-height: 1.35em;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2.38095238%;
    margin-bottom: 4.76190476%;
}


/*jobApply*/

#jobApply .top {
    padding: 4.41666667% 6.25% 1.25%;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

#jobApply .btm {
    background-color: #f9f9f9;
    padding: 3.75% 6.25% 4.16666667%;
}

#jobApply .submit {
    color: #fff;
    background-color: #149f98;
    width: 240px;
    height: 50px;
    margin: 0 auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 18px;
    display: block;
}

#jobApply .submit:hover {
    opacity: 0.8;
}

#jobApply .form {
    width: 600px;
    margin: 0 auto;
}

#jobApply .item {
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

#jobApply label {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 50px;
    width: 180px;
    text-align: right;
}

#jobApply .input {
    margin-left: 100px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

#jobApply .text {
    font-size: 18px;
    height: 30px;
    padding: 9px 5%;
    display: block;
    width: 90%;
}

#jobApply .radio {
    margin-left: 100px;
    overflow: hidden;
}

#jobApply .radio label {
    padding: 0 20px;
    width: auto;
}

#jobApply .radio input {
    margin-right: 5px;
}

#jobApply .file .input {
    margin-right: 190px;
}

#jobApply .file .text {
    padding-left: 8.11688312%;
    padding-right: 8.11688312%;
    width: 83.76623377%;
}

#jobApply .upload {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    width: 160px;
}

#jobApply .upload a {
    font-size: 16px;
    color: #149f98;
    display: block;
    float: left;
    background: url(../images/icon_upload.png) no-repeat left center;
    height: 50px;
    line-height: 50px;
    padding-left: 52px;
}

#jobApply .upload a:hover {
    opacity: 0.7;
}

#jobApply .upload input {
    display: none;
}


/*pagenavi*/

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

#pagenavi a {
    display: inline-block;
    font-size: 16px;
    color: #999;
    line-height: 40px;
    height: 38px;
    padding: 0 14.5px;
    margin: 1px 0.6245121%;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #999;
}

#pagenavi .a_cur,
#pagenavi a:hover {
    color: #fff;
    background-color: #14a098;
    border-color: #14a098;
}
#pagenavi .a_first,
#pagenavi .a_end {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;}


/*abouTitle*/

.abouTitle {
    margin-bottom: 2.6025641%;
}

.abouTitle h2 {
    font-size: 34px;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
}

.abouTitle p {
    margin-top: 5px;
    font-size: 18px;
    line-height: 1.66666667em;
}


/*about*/

#about {
    padding: 4.16666667% 0;
}

#about .inner1680 {
    display: table;
    table-layout: fixed;
}

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

#about .text {
    padding-left: 3.57142857%;
    display: table-cell;
    vertical-align: middle;
    background: url(../images/bg_about.png) no-repeat left center;
}

#about .intro {
    color: #666;
    min-height: 11.25em;
    font-size: 16px;
    line-height: 1.875em;
}

#about .videoBox {
    padding-bottom: 53.33333333%;
    position: relative;
}

#about video,
#about .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

#about .cover {
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#about .playBtn {
    display: block;
    width: 9.4047619%;
    padding-bottom: 9.4047619%;
    background: url(../images/icon_play.png) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.67857143%;
    margin-left: -4.70238095%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*culture*/

#culture {
    background-color: #f7f7f7;
    margin-bottom: 5.46875%;
    padding: 4.16666667% 0;
}

#culture .inner1680 {
    overflow: hidden;
}

#culture .abouTitle {
    margin-bottom: 3.1547619%;
}


/*cultureInfo*/

#cultureInfo {
    width: 105%;
    overflow: hidden;
}

#cultureInfo .item {
    float: left;
    width: 28.333%;
    padding-right: 5%;
    padding-bottom: 5%;
}

#cultureInfo .box {
    overflow: hidden;
    background-color: #091631;
}

#cultureInfo i {
    display: block;
    overflow: hidden;
}

#cultureInfo .pic {
    overflow: hidden;
}

#cultureInfo .pic i {
    padding-bottom: 52%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cultureInfo .text {
    color: #fff;
    padding: 7% 5%;
    display: table;
    width: 90%;
    table-layout: fixed;
}

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

#cultureInfo .icon i {
    padding-bottom: 100%;
    background: no-repeat 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

#cultureInfo .info {
    display: table-cell;
    vertical-align: middle;
    padding: 0 8.9%;
}

#cultureInfo h3 {
    font-size: 0.26rem;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 1.19837838%;
    margin-right: 0.6rem;
}

#cultureInfo .intro {
    font-size: 16px;
    line-height: 1.875em;
    text-align: justify;
    height: 90px;
    overflow: hidden;
}

#cultureInfo .item:hover .pic i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

@media (max-width:1440px) {
    #cultureInfo .intro {
        height: 120px;
    }
}


/*cultureTop*/

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes circle {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes circle {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#cultureTop {
    overflow: hidden;
    margin-bottom: 3.1547619%;
}

#cultureTop ul {
    text-align: center;
}

#cultureTop li {
    display: inline-block;
}

#cultureTop li:nth-child(1) {
    margin-right: 5%;
}
/*
#cultureTop li:nth-child(2n) {
    width: 52%;
}
*/

#cultureTop .box {
    display: flex;
    align-items: center;
}

#cultureTop .icon {
    vertical-align: top;
    padding-top: 5px;
    width: 60px;
}

#cultureTop .icon i {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    background: no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative;
    z-index: 1;
}

#cultureTop .border {
    border: 3px solid #091631;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    -moz-transition: border .3s;
    transition: border .3s;
    position: relative;
    padding: 5px;
}

#cultureTop .border:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #091631;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#cultureTop .border:hover:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#cultureTop .info {
    display: flex;
    align-items: center;
}

#cultureTop h3 {
    font-size: 20px;
    font-weight: normal;
    color: #091631;
    line-height: 1.35em;
    margin: 0 20px;
}

#cultureTop span {
    display: inline-block;
    border-bottom: 1px solid #091631;
    padding-bottom: 5px;
}

#cultureTop p {
    color: #666;
    font-size: 16px;
    line-height: 1.875em;
}

@media (max-width:769px) {
    #cultureTop {
        margin: 2.5% 0;
    }
    #cultureTop .info h3 {
        font-size: 16px;
    }
}


/*cultureTab*/

#cultureTab .item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 7.69230769%;
    cursor: pointer;
}

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

#cultureTab .left {
    width: 10.25641026%;
}

#cultureTab .icon {
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#cultureTab .icon i {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    background: no-repeat 0 100%;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

#cultureTab .mid {
    padding: 0 3.84615385%;
}

#cultureTab h2 {
    font-size: 0.24rem;
    color: #091631;
    font-weight: normal;
    line-height: 1.5em;
}

#cultureTab .dot {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #bcbcbc;
    background-color: #d9d9d9;
    padding: 0.04rem;
    display: none;
}

#cultureTab .dot i {
    display: block;
    overflow: hidden;
    border: 1px solid #bcbcbc;
    width: 0.17rem;
    height: 0.17rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#cultureTab .line {
    margin-left: 0.25rem;
    overflow: hidden;
    height: 0.29rem;
    position: relative;
}

#cultureTab .line i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0.1rem;
    width: 100%;
    -webkit-border-radius: 0 0.05rem 0.05rem 0;
    -moz-border-radius: 0 0.05rem 0.05rem 0;
    border-radius: 0 0.05rem 0.05rem 0;
    background-color: #e1e2e5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e7e9), to(#d9dadc));
    background-image: -webkit-linear-gradient(top, #e6e7e9, #d9dadc);
    background-image: -moz-linear-gradient(top, #e6e7e9, #d9dadc);
    background-image: -o-linear-gradient(top, #e6e7e9, #d9dadc);
    background-image: linear-gradient(to bottom, #e6e7e9, #d9dadc);
    left: -100%;
}

#cultureTab .cur .icon {
    border-color: #091631;
    background-color: #091631;
}

#cultureTab .cur .icon i {
    background-position: 0 0;
}

#cultureTab .cur .dot {
    display: block;
}

#cultureTab .cur .line i {
    left: 0;
    -webkit-transition: left 3s ease-in-out 0s;
    -o-transition: left 3s ease-in-out 0s;
    -moz-transition: left 3s ease-in-out 0s;
    transition: left 3s ease-in-out 0s;
}


/*advantage*/

#advantage {
    background-color: #f7f7f7;
    padding: 4.16666667% 0;
    margin-bottom: 4.16666667%;
}

#advantage .inner1680 {
    display: table;
    table-layout: fixed;
}

#advantage .info {
    padding-left: 3.57142857%;
    display: table-cell;
    vertical-align: middle;
    background: #ffffff;
}

@media (max-width:769px) {
    #advantage .info {
        padding-bottom: 3.5% !important;
    }
}


/*advPic*/

#advPic {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

#advPic .pic {
    overflow: hidden;
    padding-bottom: 59.52380952%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none;
}

#advPic .pic:first-child {
    display: block;
}


/*advText*/

#advText {
    margin-bottom: 10%;
    font-size: 16px;
    line-height: 1.875em;
    color: #666;
}

#advText .intro {
    display: none;
}

#advText .intro:first-child {
    display: block;
}

#advText h3 {
    font-size: 24px;
    color: #091631;
    font-weight: normal;
    line-height: 1.5em;
    position: relative;
    margin-bottom: 3.20512821%;
    padding-bottom: 1.79487179%;
}

#advText h3:after {
    width: 40px;
    height: 1px;
    background-color: #091631;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}


/*advTab*/

#advTab {
    overflow: hidden;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 60px;
}

@media (max-width:768px) {
    #advTab {
        margin-bottom: 30px;
        max-width: 98%;
    }
}

#advTab svg {
    position: absolute;
    left: 5.82010582%;
    top: 0;
    width: 100%;
    padding-bottom: 47.61904762%;
}

#advTab path {
    fill: none;
    stroke: #091631;
    stroke-width: 1;
    stroke-dasharray: 3, 3;
    -webkit-transform: translate(0.5, 0.5);
    -moz-transform: translate(0.5, 0.5);
    -ms-transform: translate(0.5, 0.5);
    -o-transform: translate(0.5, 0.5);
    transform: translate(0.5, 0.5);
}

#advTab .default {
    stroke: #cbced3;
}

#advTab .item {
    width: 24%;
    float: left;
    position: relative;
    margin-left: -1%;
    margin-right: 2%;
    display: inline-block;
}

#advTab .box {
    width: 48.61%;
    padding: 6.21761658%;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

#advTab .icon {
    border: 1px dashed #d4d4d4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 5px;
}

#advTab .icon i {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    background: no-repeat 0 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

#advTab h4 {
    font-size: 16px;
    line-height: 1.875em;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
}

#advTab .cur .box .icon,
#advTab .box:hover .icon {
    border: 1px solid #091631;
}

#advTab .cur .box .icon i,
#advTab .box:hover .icon i {
    background-position: 0 100%;
}

#advTab .cur .box h4,
#advTab .box:hover h4 {
    color: #091631;
}


/*style*/

#style {
    background-color: #f7f7f7;
    padding: 3% 0;
}

#style .abouTitle {
    text-align: center;
    margin-bottom: 2.5%;
}

#style .photo {
    overflow: hidden;
    display: none;
}

#style .photo:first-child {
    display: block;
}

#style ul {
    width: 101%;
    overflow: hidden;
}

#style li {
    float: left;
    padding-right: 1%;
    padding-bottom: 1%;
    width: 27.5%;
}

#style i {
    display: block;
    overflow: hidden;
    padding-bottom: 69.23076923%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#style li:nth-child(1) {
    width: 56%;
}

#style li:nth-child(1) i {
    padding-bottom: 51.51832461%;
}

#style li:nth-child(2) {
    width: 13.18%;
}

#style li:nth-child(2) i {
    padding-bottom: 106.14035088%;
}

#style li:nth-child(3) {
    width: 27.8%;
}

#style li:nth-child(3) i {
    padding-bottom: 50.32537961%;
}

#style li:nth-child(4) {
    width: 42%;
}

#style li:nth-child(4) i {
    padding-bottom: 33.04964539%;
}

#style li:nth-child(8) {
    width: 13.5%;
}

#style li:nth-child(8) i {
    padding-bottom: 141.17647059%;
}

#style #activities li {
    width: 28.055%;
}

#style #activities i {
    padding-bottom: 75%;
}

#style #activities li:nth-child(4),
#style #activities li:nth-child(5) {
    width: 11.835%;
}

#style #activities li:nth-child(4) i,
#style #activities li:nth-child(5) i {
    padding-bottom: 178%;
}

#style h3 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 80%;
    padding: 0 10%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    line-height: 1.75em;
    max-height: 3.5em;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 2;
}

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

#style a:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}


/*#style a:hover:after{opacity: 1;}*/

#style a aside {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    width: 90%;
    padding: 0 4%;
    text-align: center;
    line-height: 30px;
    z-index: 10;
    display: none;
}

#style a:hover aside {
    display: block;
}


/*environment*/


/*
#activities a:after {
    background-color: rgba(33, 64, 105, 0.6);
    opacity: 0;
}

#activities a:hover:after {
    opacity: 1;
}

#activities a:hover h3 {
    opacity: 1;
}
*/


/*styleTab*/

#styleTab {
    font-size: 0;
    line-height: normal;
    text-align: center;
    margin-bottom: 1.78571429%;
}

#styleTab span {
    display: inline-block;
    background: no-repeat 0 0;
    padding-left: 50px;
    line-height: 34px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    margin: 0 30px;
    vertical-align: middle;
    position: relative;
}

#styleTab span:after {
    width: 0;
    border-right: 1px dashed #7b7b7b;
    height: 27px;
    content: "";
    display: block;
    position: absolute;
    right: -29.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#styleTab span:last-child:after {
    display: none;
}

#styleTab .e {
    background-image: url(../images/style_01.png);
}

#styleTab .a {
    background-image: url(../images/style_02.png);
}

#styleTab span:hover,
#styleTab .cur {
    color: #091631;
    /* background-position: 0 -34px; */
}

#styleTab .cur {
    font-weight: bold;
}


/*home*/

#home {
    overflow: hidden;
    color: #fff;
    padding: 5.72916667% 0;
    background: #252958 url(../images/bg_home.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*hmpic*/

#hmpic {
    position: relative;
    background: #000;
    z-index: 2;
}

#hmpic .videoBG {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: -1;
    /*display: none;*/
}
#hmpic video {
    display: block;
}

#hmpic .pic {
    padding-bottom: 52.08333333%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0;
}

#hmpic .wap {
    display: none;
}

#hmpic .info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -840px;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

#hmpic h2 {
    font-size: 0.62rem;
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    letter-spacing: 10px;
    line-height: 1.5em;
}

#hmpic .btn {
    margin-top: 1.48809524%;
}

#hmpic .btn i {
    font-style: normal;
    background: url(../images/icon_10.png) no-repeat right center;
    display: inline-block;
    padding-right: 25px;
}

#hmpic .btn a {
    width: 142px;
    height: 42px;
    line-height: 42px;
    display: block;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    margin: 0 auto;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #09142a;
    font-size: 16px;
}

#hmpic .btn a:hover {
    opacity: 0.8;
}


/*next*/

#next {
    font-size: 14px;
    color: #797dd3;
    text-align: center;
    white-space: nowrap;
    line-height: 2em;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

#next:after {
    width: 1px;
    padding-bottom: 73.68421053%;
    background-color: #797dd3;
    margin: 13.68421053% auto -36.84210526%;
    content: "";
    display: block;
    position: relative;
}


/*hmTitle*/

.hmTitle {
    font-size: 0.42rem;
    font-weight: normal;
    line-height: 1.5em;
}


/*hmIntro*/

.hmIntro {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.54545455em;
    margin-top: 2.12464589%;
}

.hmIntro span {
    display: inline-block;
    position: relative;
}

.hmIntro span:after {
    width: 100%;
    height: 1px;
    background-color: #797dd3;
    content: "";
    display: block;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
    -moz-transition: width 2s;
    transition: width 2s;
}


/*hmNews*/

#hmNews {
    display:none;
    position: relative;
    z-index: 2;
}

#hmNews .hmTitle {
    margin-bottom: 4.04761905%;
}

#hmNews .slick-load {
    width: 105.35714286%;
    margin-bottom: 2.38095238%;
    overflow: hidden;
}

#hmNews .slick-dots {
    text-align: center;
    margin-right: 5.08474576%;
    margin-top: 2.82485876%;
}

#hmNews .date {
    position: absolute;
    left: 4%;
    top: 0;
    background-color: rgba(0, 92, 196, 0.85);
    color: #fff;
    text-align: center;
    border: 1px solid #3c41a5;
    z-index: 2;
    font-size: 12px;
    width: 82px;
    line-height: 1.25em;
    padding: 10px 0 15px;
    margin-top: -10%;
}

#hmNews .date time {
    display: block;
}

#hmNews .date i {
    font-style: normal;
    display: block;
    font-size: 22px;
}

#hmNews .date .day {
    /*font-size: 40px;*/
    display: inline-block;
    line-height: 1.2em;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

#hmNews .pic {
    overflow: hidden;
}

#hmNews .pic i {
    display: block;
    overflow: hidden;
    padding-bottom: 52%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#hmNews .info {
    background-color: #fff;
    padding: 5% 15px 10.4%;
}

#hmNews h4 {
    font-size: 22px;
    line-height: 1.5em;
    height: 66px;
    color: #000;
    -webkit-line-clamp: 2;
    font-weight: normal;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    font-weight: normal;
    margin-bottom: 4.68085106%;
}

#hmNews .excerpt {
    font-size: 18px;
    color: #666;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    margin-bottom: 5.53191489%;
}

#hmNews .more {
    font-size: 16px;
    color: #7679ba;
}

#hmNews .more i {
    font-style: normal;
    display: inline-block;
    background: url(../images/icon_11.png) no-repeat right center;
    padding-right: 17px;
    -webkit-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
}

#hmNews .item a {
    display: block;
    position: relative;
    margin-top: 8.47457627%;
    margin-right: 15.25423729%;
    -webkit-box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.05);
    box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.05);
}

#hmNews .item a:hover .pic i {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#hmNews .item a:hover h4 {
    color: #0f225e;
}

#hmNews .item a:hover .more i {
    padding-right: 25px;
}


/*hmMore*/

.hmMore i {
    display: inline-block;
    position: relative;
    padding-right: 24px;
    font-style: normal;
}

.hmMore i:after {
    width: 6px;
    height: 6px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -5px;
}

.hmMore a {
    display: block;
    width: 198px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.hmMore a:hover {
    background-color: #fff;
    color: #252957;
}

.hmMore a:hover i:after {
    border-color: #252957;
}


/*widget*/

#widget {
    position: fixed;
    right: 1.30208333%;
    top: 60%;
    z-index: 2;
}

#widget li {
    padding: 1px 0;
}

#widget a {
    display: block;
    width: 63px;
    height: 60px;
    background: #363b73 no-repeat center center;
    font-size: 14px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
}

#widget a:hover {
    opacity: 0.8;
}

#widget #service {
    background-image: url(../images/icon_12.png);
    text-indent: -99999em;
}


/*hmBox*/

.hmBox .inner1680 {
    display: table;
    table-layout: fixed;
}

.hmBox .text {
    display: table-cell;
    vertical-align: middle;
}

.hmBox .pic {
    display: table-cell;
    vertical-align: middle;
    width: 57.97619048%;
    position: relative;
}

.hmBox img {
    display: block;
    /*width:100%*/
    height: auto;
}

.hmBox .pic #light {
    position: absolute;
    width: 100%;
}

.hmBox .pic #light img {
    /*width: 100%;*/
}


/*hmChip*/

#hmChip {
    position: relative;
    z-index: 1;
    margin: -5% 0;
}

#hmChip .text .viewMore { display: inline-block;padding:10px 20px;line-height: 22px;font-size: 16px; color:#fff;border-radius:6px;border:1px solid #fff;vertical-align: text-top;transition: .3s;}
#hmChip .text .viewMore:hover {  color: #25274d;background: #fff;}
#popBox { display: none; font-size: 16px; line-height: 1.5;max-width: 1000px;padding:55px 70px 85px; background-repeat:no-repeat;background-position: center;background-size:cover;border-radius: 12px; overflow: hidden;}
/*#popBox .content { max-height:290px; overflow-y: auto;}*/
#popBox h3 { padding-bottom: 15px; margin-bottom: 40px;font-size: 30px; font-weight: normal; color: #fff;text-align: center;border-bottom:1px solid #fff;}
#popBox p { font-size: 18px; line-height: 36px; color: #fff;}
#popBox .fancybox-close-small {width: 114px;height: 106px;background: url("../images/close_bg.png") no-repeat center/contain;}
#popBox .fancybox-close-small svg { display: none;}


/*hmSol*/

@-webkit-keyframes fade {
    from {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
    }
}

@-moz-keyframes fade {
    from {
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }
    to {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
    }
}

@-o-keyframes fade {
    from {
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }
    to {
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes fade {
    from {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
    }
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 500;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes dash {
    from {
        stroke-dashoffset: 500;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes dash {
    from {
        stroke-dashoffset: 500;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 500;
    }
    to {
        stroke-dashoffset: 0;
    }
}

#hmSol .text {
    text-align: right;
}

#hmSol .pic {
    width: 54.16666667%;
    padding: 174px 0 100px;
}

#hmSol .box {
    width: 79.23076923%;
    padding-bottom: 53.95604396%;
    background: no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative;
}

#hmSol .dot {
    width: 11px;
    padding: 6px;
    position: absolute;
    cursor: pointer;
}

#hmSol .dot:before,
#hmSol .dot:after {
    width: 100%;
    height: 100%;
    background-color: rgba(211, 212, 132, 0.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

#hmSol .dot:before {
    -webkit-animation: fade 1.5s linear infinite 0.75s;
    -moz-animation: fade 1.5s linear infinite 0.75s;
    -o-animation: fade 1.5s linear infinite 0.75s;
    animation: fade 1.5s linear infinite 0.75s;
}

#hmSol .dot:after {
    -webkit-animation: fade 1.5s linear infinite 0s;
    -moz-animation: fade 1.5s linear infinite 0s;
    -o-animation: fade 1.5s linear infinite 0s;
    animation: fade 1.5s linear infinite 0s;
}

#hmSol .dot i {
    background-color: #d3d484;
    -webkit-background-size: 47.61904762% auto;
    -moz-background-size: 47.61904762% auto;
    -o-background-size: 47.61904762% auto;
    background-size: 47.61904762% auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    z-index: 1;
}

#hmSol .dot:hover:before,
#hmSol .dot:hover:after {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

#hmSol .line {
    position: relative;
    clear: both;
}

#hmSol svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke: transparent;
    stroke-width: 1px;
    fill: none;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
}

#hmSol .dash svg {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-dasharray: 500;
    -webkit-animation: dash 2s linear 1 0s;
    -moz-animation: dash 2s linear 1 0s;
    -o-animation: dash 2s linear 1 0s;
    animation: dash 2s linear 1 0s;
}

#hmSol .info {
    border: 1px solid #797dd3;
    background-color: #25336d;
    -webkit-box-shadow: inset 0px 0px 26px rgba(121, 125, 211, 0.9);
    -moz-box-shadow: inset 0px 0px 26px rgba(121, 125, 211, 0.9);
    box-shadow: inset 0px 0px 26px rgba(121, 125, 211, 0.9);
    display: table;
    table-layout: fixed;
    text-align: left;
}

#hmSol .td {
    display: table-cell;
    vertical-align: middle;
    padding: 14px 22px;
}

#hmSol h4 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5em;
}

#hmSol ul {
    overflow: hidden;
}

#hmSol li {
    float: left;
    width: 48%;
    text-align: left;
}

#hmSol li:nth-child(2n) {
    float: right;
}

#hmSol li span {
    display: block;
    white-space: nowrap;
    /* overflow: hidden; */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 15px;
    position: relative;
}

#hmSol li span:before {
    width: 5px;
    height: 5px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#hmSol .intro {
    font-size: 16px;
    line-height: 1.75em;
    margin-top: 10px;
}

#hmSol .item {
    position: absolute;
    bottom: 0;
}

#hmSol .item1 {
    width: 340px;
    left: 2%;
    margin-bottom: 37%;
}

#hmSol .item1 .dot {
    bottom: 0;
    left: 95%;
}

#hmSol .item1 .line {
    width: 103.125%;
    padding-bottom: 79.6875%;
    margin-right: -8.75%;
}

#hmSol .item2 {
    width: 190px;
    left: 66.5%;
    margin-bottom: 52%;
}

#hmSol .item2 .dot {
    left: -43.24324324%;
    bottom: 0;
}

#hmSol .item2 .line {
    width: 139.45945946%;
    padding-bottom: 99.5%;
    margin-left: -43.24324324%;
}

#hmSol .item3 {
    width: 210px;
    left: 103%;
    margin-bottom: 32%;
    z-index: 2;
}

#hmSol .item3 .dot {
    right: 100%;
    margin-right: 92.85714286%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#hmSol .item3 .line {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#hmSol .item4 {
    width: 190px;
    left: 71%;
    bottom: auto;
    top: 0;
    margin-top: 22%;
}

#hmSol .item4 .dot {
    right: 100%;
    top: 0;
    margin-right: 35.26315789%;
}

#hmSol .item4 .info {
    width: 170% !important;
}
#hmSol .item4 .line {
    margin-left: -47.5%;
    width: 142.10526316%;
    padding-bottom: 222.6%;
    margin-bottom: -21%;
}

#hmSol .item5 {
    width: 310px;
    left: 1%;
    bottom: auto;
    margin-top: 34%;
}

#hmSol .item5 .line {
    padding-bottom: 67.97368421%;
}

#hmSol .item5 .info  {
    width: 140% !important;
    margin-left:-10%;
}
#hmSol .item5 .info li {
    width: 50%;
}
#hmSol .item5 .info li:nth-child(2n) {
    width: 37%;
}
#hmSol .item5 .dot {
    left: 60.85526316%;
    top: 0;
}

/*#hmSol .item1 {
    width: 350px;
    left: 2%;
    margin-bottom: 39%;
    top: -40%;
}

#hmSol .item1 .dot {
    bottom: 0;
    left: 95%;
}

#hmSol .item1 .line {
    width: 103.125%;
    padding-bottom: 79.6875%;
    margin-right: -8.75%;
}

#hmSol .item2 {
    width: 190px;
    left: 66.5%;
    margin-bottom: 52%;
    top: -40%;
}

#hmSol .item2 .dot {
    left: -43.24324324%;
    bottom: 0;
}

#hmSol .item2 .line {
    width: 139.45945946%;
    padding-bottom: 99.5%;
    margin-left: -43.24324324%;
}

#hmSol .item3 {
    width: 210px;
    left: 103%;
    margin-bottom: 32%;
    z-index: 2;
}

#hmSol .item3 .dot {
    right: 100%;
    margin-right: 92.85714286%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#hmSol .item3 .line {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#hmSol .item4 {
    width: 320px;
    left: 71%;
    bottom: auto;
    top: 0;
    margin-top: 22%;
}

#hmSol .item4 .dot {
    right: 100%;
    top: 0;
    margin-right: 25.26315789%;
}

#hmSol .item4 .line {
    margin-left: -47.5%;
    width: 142.10526316%;
    padding-bottom: 164.6%;
    margin-bottom: -61%;
}

#hmSol .item5 {
    width: 310px;
    left: 1%;
    bottom: auto;
    margin-top: 34%;
}

#hmSol .item5 .line {
    padding-bottom: 51.97368421%;
}

#hmSol .item5 .dot {
    left: 60.85526316%;
    top: 0;
}*/


/*guide*/

#guide {
    height: 100%;
}

#guide body {
    height: 100%;
    position: relative;
}

#guide video,
#guide a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#guide video {
    -o-object-fit: cover;
    object-fit: cover;
}

#guide a {
    z-index: 2;
}

#styleTab span {
    -webkit-background-size: 34px auto;
    -moz-background-size: 34px auto;
    -o-background-size: 34px auto;
    background-size: 34px auto;
}

.fancybox-is-open .fancybox-bg { opacity: 0.4!important;}

#Quality { background-color: #f7f7f7; padding: 4.16666667% 0 3%;}
#Quality .abouTitle { text-transform: capitalize;}
#Quality .slick-slide div { line-height: 0; font-size: 0;}
#QualityList { position: relative;}
#QualityList li { position: relative; overflow: hidden;}
#QualityList li figure {padding-bottom:31.25%;background-size:contain;transition: .3s;}
#QualityList li:hover figure { transform:scale(1.08);}
#QualityList li .text { position: absolute; width: 100%; height: 100%;top:0;left:0; color: #fff; font-style: italic;line-height: 64px; text-align: center;}
#QualityList li .text h3,
#QualityList li .text h4 {position: absolute; width: 100%;top:50%;left:50%;transform:translate(-50%,-50%); font-size: 46px;}
#QualityList li .text h3 { z-index: 10;}
#QualityList li .text h4 {-webkit-text-stroke: 1px #2eafd0; color:transparent;margin:-3px;}
#QualityList .slick-dots { position: absolute; width: 100%;bottom:8%; text-align: center;}
#QualityList .slick-dots li { display: inline-block;margin:8px;}
#QualityList .slick-dots li button { width: 15px; height: 15px;background:rgba(255,255,255,0.12)}
#QualityList .slick-dots li.slick-active button { background:rgba(255,255,255,1)}