@charset "utf-8";
/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
    vertical-align: bottom;
    width: 100%
}

img a {
    border: 0;
    text-decoration: none
}

ol,
ul {
    list-style: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #333
}

a:hover {
    text-decoration: none;
}

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

input,
select {
    font-size: 100%;
    border: 0;
    margin: 0;
}

body {
    line-height: 1.0;
    -webkit-text-size-adjust: none;

    font: normal 12px/18px 'Microsoft YaHei';
    color: #0a0a0a;
}

/*footer*/
.footer-box {
    width: 100%;
}

.footer-box .fotter-follow {
    width: 100%;
    background: #fff;
}

.footer-box .fotter-bottom {
    width: 100%;
    background: #11365f;
}

.footer-box .fotter-bottom .main-width {
    max-width: 90rem;
    margin: 0px auto;
}

.footer-box .fotter-bottom .bottom-link {
    padding-bottom: 1rem;
    padding-top: 1.5rem;
}

.footer-box .fotter-bottom .bottom-link a {
    color: #91f2fe;
    padding: 0.25rem;
    font-size: .95rem;
    font-weight: 600;
    display: inline-block;
}

.footer-box .fotter-bottom .bottom-link a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-box .fotter-bottom .bottom-text {
    padding: 2rem 0;
    color: #fff;
    font-size: .9rem;
}

.footer-box .fotter-follow {
    width: 100%;
    text-align: center;
    text-align: center;
    margin: 7rem 0 6.5rem 0;
}

.footer-box .fotter-follow .footer-logo img {
    max-width: 300px;
    padding: 0;
    background-color: #fff;
    margin-top: 3rem;
    width: auto;
}

.footer-box .fotter-follow h2 {
    font-size: 1.65rem;
    font-weight: 500;
    margin-bottom: 3rem;
    color: #373f42;
    margin-right: 3vw;
}

.footer-box .icon-row-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-box .icon-row-list .icon-pub {
    font-size: 2rem !important;
    color: #000;
    margin-right: 3vw !important;
    position: relative;
}

.footer-box .icon-row-list .span-after-wx:after {
    content: '';
    background: url("../img/wchat.jpg");
    width: 90px;
    height: 90px;
    display: block;
    background-size: contain;
    position: absolute;
    margin-top: -130px;
    border: 1px solid #ccc;
    left: -20px;
    display: none;
}

.footer-box .icon-row-list .span-after-wx:hover::after {
    display: block;
}

.footer-box .icon-row-list .span-after-zh:after {
    content: '';
    background: url("../img/Zhihu.png");
    width: 80px;
    height: 80px;
    display: block;
    background-size: contain;
    position: absolute;
    margin-top: -130px;
    border: 1px solid #ccc;
    left: -20px;
    display: none;
}

.footer-box .icon-row-list .span-after-zh:hover::after {
    display: block;
}

.footer-box .icon-row-list .span-after-wb:after {
    content: '';
    background: url("../img/awx2.jpg");
    width: 90px;
    height: 90px;
    display: block;
    background-size: contain;
    position: absolute;
    margin-top: -130px;
    border: 1px solid #ccc;
    left: -20px;
    display: none;
}

.footer-box .icon-row-list .span-after-wb:hover::after {
    display: block;
}

.footer-box .icon-row-list .icon-pub img {
    max-height: 30px;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

.footer-box .icon-row-list .icon-pub .wx:before {
    content: "\e601";
    font-size: 44px;
}

.footer-box .icon-row-list .icon-pub .wb:before {
    content: "\e600";
    font-size: 40px;
}

.footer-box .icon-row-list .icon-pub .ins:before {
    content: "\ee48";
    font-size: 42px;
}

.footer-box .icon-row-list .icon-pub .qq:before {
    content: "\e882";
    font-size: 41px;
}

.about-us-part {
    width: 100%;
    height: 26vw;
    position: relative;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: rgb(255, 255, 255);
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    background: url("../img/banner.png") no-repeat center top;
    min-height: 350px;
    background-size: cover;
}

.about-us-part:after {
    background: #000;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 30;
}

.about-us-part .about-us-info {
    width: 100%;
    position: relative;
    z-index: 40;
}

.max-width {
    max-width: 90rem;
    margin: 0px auto;
}

.about-us-part .about-us-info .info-text-about {
    width: 83.3333%;
    margin: 0 auto;
}

.about-us-part .about-us-info h1 {
    font-size: 2.5rem;
    font-family: overpass, sans-serif;
    font-style: normal;
    font-kerning: normal;
    color: inherit;
    text-rendering: optimizelegibility;
    margin-top: 0px;
    margin-bottom: 0.5rem;
    line-height: 3rem;
}

.about-us-part .about-us-info p {
    font-family: overpass, sans-serif;
    font-size: 1rem;
    line-height: initial;
    margin-bottom: 1.5rem;
    text-rendering: optimizelegibility;
    line-height: 1.5rem;
}

.about-us-part .about-us-info .line {

    display: block;
    width: 100px;
    height: 1px;
    background: rgb(255, 255, 255);
    margin-bottom: 1.5rem;
}

.about-us-part .about-us-info .go-link {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    transition: all 0.25s ease 0s;
    position: relative;
    border-radius: 50px;
    padding: 0.25rem 2rem;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    display: inline-block;
}

.about-us-part .about-us-info .go-link:hover {
    color: rgb(0, 0, 0);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(69, 232, 253);
    border-image: initial;
    background: rgb(69, 232, 253);
}

.together-wrap {
    background-color: #11365f;
    padding-top: 1.5rem;
}

.together-wrap .mian-info {
    text-align: center;
    color: #fff;
    padding: 0rem 1rem 8rem;
}

.together-wrap .mian-info h2 {
    font-size: 1.75rem;
    line-height: 2.2rem;
    margin-bottom: 0.5rem;
}

.home-list {
    width: 100%;
    padding-bottom: 4vw;
}

.home-list .home-list-main {
    margin: 0 auto;
    margin-top: -5rem;
    max-width: 93.75rem;
    text-align: center;
}

.home-list .home-list-main li {
    display: inline-block;
    width: calc(33% - 1rem);
    height: auto;
    margin: 0;
    height: 40vw;
    padding: 0;
    margin: 0 0.5rem 1rem;
    border-radius: 10px;
    max-width: 376px;
    max-height: 450px;
    text-decoration: none;
    transition: .4s ease-in-out;
    overflow: hidden;
    box-shadow: 0px 0.15rem 0.5rem rgb(0 0 0 / 40%);
    position: relative;
    text-decoration: none;
    transition: .4s ease-in-out;
    overflow: hidden;
    box-shadow: 0px .15rem .5rem rgba(0, 0, 0, .4);

}

.home-list .home-list-main li.li-1 {

    z-index: 1;
    background: url('../img/list_01.png');
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
}

.home-list .home-list-main li .list-wrap {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem;
    box-sizing: border-box;
}

.home-list .home-list-main li .list-wrap .n-bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    transition: all .2s;
}

.home-list .home-list-main li .list-wrap .list-text {
    position: absolute;
    color: #fff;
    top: 50%;
    width: calc(100% - 4rem);
    z-index: 3;
    text-align: left;
}

.home-list .home-list-main li .list-wrap .list-text p {
    font-family: overpass, sans-serif;
    font-size: 1rem;

    margin-bottom: 1.5rem;
    text-rendering: optimizeLegibility;
    font-weight: 600;
    white-space: initial;
    line-height: 1.35rem;
}

.home-list .home-list-main li .list-wrap .list-text h2 {
    font-family: overpass, sans-serif;
    font-style: normal;
    font-kerning: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-size: 2.25rem;
}

.home-list .home-list-main li .list-wrap .list-btn {
    position: absolute;
    bottom: 1rem;
    z-index: 3;
    width: calc(100% - 3rem);
    text-align: left;
}

.home-list .home-list-main li .list-wrap .list-btn button {

    color: #08498a;
    font-weight: 800;
    text-transform: uppercase;
    width: auto;
    background: rgba(0, 0, 0, 0);
    border: 0;
    text-align: left;
    padding: 0 3rem 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    width: 100%;
    position: relative;
    outline: none;
    font-size: 1.1rem;
    outline-style: none;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    border-radius: 50px;
    font-family: overpass, sans-serif;
    position: relative;
}

.home-list .home-list-main li .list-wrap .list-btn button:after {
    right: 0;
    content: '\e8f4';
    color: #45e8fe;
    transform: rotate(0deg);
    transition: all .2s;
    font-size: 1.2rem;
    border-radius: 50px;
    padding: 0.35rem;
    border: 3px solid #fff;
    display: block;
    background: none;
    position: absolute;
    font-weight: 600;
}

.home-list .home-list-main li.li-2 {
    z-index: 1;
    background: url('../img/list_02.png');
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;

}

.home-list .home-list-main li.li-3 {
    z-index: 1;
    background: url('../img/list_03.png');
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;

}

.home-list .home-list-main li:hover {
    box-shadow: 0px .5rem 1rem rgba(0, 0, 0, .4);
    /*top: -1.5rem;*/
}

.home-list .home-list-main li:hover .list-wrap .list-btn button:after {
    font-size: 1.5rem;
    padding: 0.45rem;
}

.home-list .home-list-main li:hover .list-wrap .n-bg {
    opacity: 0;
}

.video-content-wrap {
    background-color: #11365f;
    width: 100%;
    position: relative;
}

.video-content-wrap .video-bg {
    background: rgb(17, 54, 95);
    background: linear-gradient(180deg, rgba(17, 54, 95, .10) 50%, rgba(17, 54, 95, 1) 100%);
    z-index: 2;
    width: 100%;
    height: 40vw;
    position: absolute;
}

.video-content-wrap .video-play {
    height: 40vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #11365f;
    background-image: url('/img/com-pic.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

.video-content-wrap .video-play video {
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.video-content-wrap .video-text {
    position: absolute;
    top: 15vw;
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    z-index: 4;
    box-sizing: border-box;
}

.video-content-wrap .video-text h1 {
    margin-bottom: 0.5rem;
    padding-bottom: 20px;
    line-height: 1.4;
    font-size: 3.5rem;
    margin-left: 0rem;
    font-weight: 500;
    margin-top: 5rem;
    text-align: center;
}

.video-content-wrap .video-text h1 span {
    margin-left: 7px;
}

.video-content-wrap .video-text .stat-button-link {
    border-radius: 0px;
    font-family: overpass, sans-serif;
    color: #fff;
    text-transform: initial;
    border-radius: 50px;
    padding: 0.25rem 2rem;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    border: 3px solid #08498a;
    background-color: #08498a;
    transition: .4s ease;
    position: relative;
    outline: none;
    outline-style: none;
    border: 3px solid #fff;
    background-color: #fff;
    transition: .4s ease;
    color: #08498a;
    display: inline-block;
}

.video-content-wrap .video-text .stat-button-link:hover {
    border: 3px solid #38e8ff;
    color: #38e8ff;
    background-color: rgba(255, 255, 255, 0);
}

.top-container {
    position: fixed;
    top: 0px;
    width: 100%;
    transition: all ease-out 0.4s;
    z-index: 99;
    padding: 1rem 2rem 1rem 2rem;
    height: 115px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 94%);
    box-sizing: border-box;
}

.top-container:hover {
    background: none;
    background-color: #11365f;
}

.top-shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 94%);
    width: calc(100% + 2rem);
    margin: -1rem 0 0 -2rem;
    position: absolute;
    height: 115px;
    box-sizing: border-box;
    overflow: hidden;
    opacity: 1.0;
    transition: opacity ease-out .2s;
}

.header-container__logo {
    z-index: -99;
    position: absolute;
    top: 1.8rem;
    transition: .4s;
    left: 7rem;
}

.header-container__logo img {

    transition: .4s;
    width: 116px;
}

.brands {
    position: absolute;
    right: 2rem;
    top: 1.3rem;
}

.brands>.brands-list>li {
    display: inline-block;
    margin-left: 0.6rem;
}

.brands>.brands-list>li>a {
    padding: 0.5rem;
    display: block;
}

.brands>.brands-list>li img {
    max-width: 50px;
    max-height: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}


.nav-container {
    display: flex;
    position: relative;
    top: 3.7rem;
    width: 100%;
}

.nav-container li {
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.primary-nav {
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 5.05rem;
}

.primary-nav li,
.handle,
.drop-menu a {
    transition: all .4s ease-in-out;
}

.primary-nav>li {
    line-height: 1rem;
    position: relative;
    margin: 0px 7px 0px 0px;
    display: inline-block;
}

.primary-nav,
.primary-nav li,
.primary-nav a {
    text-decoration: none;
    color: #fff;
}


.primary-nav>li>a {
    font-size: .9rem;
    padding: 0.42rem 0.75rem 0.33rem;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .05rem;
}

.drop-menu {
    position: absolute;
    top: 22px;
    left: -2rem;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    background-color: #11365f;
    margin: 0;
    padding: 2rem 4rem 2rem 3.5rem;
    width: 350px;
    box-sizing: border-box;

}

.primary-nav li,
.handle,
.drop-menu a {
    transition: all .4s ease-in-out;
}

.drop-menu>li>a {
    display: block;
    text-transform: None;
    font-size: 1.15rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: 0;
    padding: 1px 0px;
}

.drop-menu>li>a:after {
    content: '';
    display: block;
    border-bottom: 1px solid #5F5F5F;
    width: 35%;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.handle:after {
    content: '\e644';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 1px;
    padding: 0;
    font-size: 16px;

    right: -0.3rem;
    transform: scale(0.5);
}

.primary-nav>li:hover .handle:after,
.drop-menu>li:focus .handle:after,
.drop-menu>li:focus-within .handle:after,
.handle.active:after {

    transform: rotate(90deg) scale(0.5)
}

.secondary-nav {
    position: absolute;
    right: 0rem;
    top: -0.1rem;
}

.secondary-nav>li {
    line-height: 1.5rem !important;
    margin-left: 1rem;
    display: inline-block;
}

.secondary-nav a {
    border-radius: 50px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    transition: .4s;
    display: block;
    font-size: .85rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.primary-nav>li:hover>a,
.primary-nav>li>a:hover,
.primary-nav>li>a:focus,
.primary-nav>li:hover .handle,
.primary-nav>li:focus .handle,
.primary-nav>li:focus-within .handle,
.handle.active {
    background: #0f1929;
    color: #38e8ff;
    border-radius: 50px;
}

.secondary-nav a:hover,
.secondary-nav a:focus {
    background-color: #0f1929;
    color: #38e8ff;
}

.secondary-nav .search button {
    padding: 0.25rem 0.5rem;
    margin-top: -0.35rem;
    color: #fff;
    display: inline-block !important;
    background: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    transition: .2s;
}

.secondary-nav .search button:after {
    content: '\e8d6';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 3px;
    padding: 0;

    font-weight: 800;
    font-size: 1.35rem;

}

.secondary-nav .search button:hover {
    background: #0f1929;
    color: #38e8ff !important;
    transition: .2s;
}

.drop-menu>li>a:hover,
.drop-menu>li>a:focus {
    color: #38e8ff;
}

.primary-nav li:hover .drop-menu,
.primary-nav li:focus .drop-menu,
.drop-menu.active {
    z-index: 10;
    opacity: 1.0;
    visibility: visible;
}

.search-container {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    padding: 1.35rem 2rem 1rem 8rem;
    margin-top: 0px;
    background: #11365f;
    top: 0;
    height: 115px;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease-in;
}

.search-container.open {
    display: block;
    z-index: 10;
    visibility: visible;
    opacity: 1;
}

.search-container .input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 2.5rem;
}

.search-icon-active {
    color: #fff;
    display: inline;
    padding-right: 1rem;
    font-size: 1.5rem;
}

.search-icon-active:before {
    content: '\e8d6';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 3px;
    padding: 0;
    font-weight: 800;
    font-size: 1.65rem;
}

.search-container input.search {
    width: 75%;
    background: none;
    padding: 0;
    line-height: 1;
    margin: 0;
    height: 1.75rem;
    color: #fff;
    display: inline;
    font-family: inherit;
    font-size: 1.35rem;
    font-weight: 400;
    appearance: none;
    min-width: 220px;
    box-shadow: none;
    border-bottom: 1px solid #57606b;
    outline: 0;
    padding: 6px;
}

.search-container .input-group-addon {
    background: #ffffff;
    color: #fff;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    transition: .25s;
    font-size: 1rem;
    margin-left: 4vw;
    padding: 0.25rem 2rem;
    line-height: 1rem;
    text-transform: none;
    margin-top: .5rem;
    border-radius: 50px;

}

.search-container .input-group-addon:hover {
    border: 3px solid #45e8fd;
    color: #000;
    background: #45e8fd;
}

.search-container .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    font-size: 1.5rem;
    color: #fff;
}

.search-container .close button {
    padding: 0;
    background: none;
    border: 0;
    margin: 0;
    transition: .2s;
    cursor: pointer;
}

.search-container .close .close-btn:before {
    content: '\e615';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 0px;
    padding: 0;
    font-weight: 800;
    color: #fff;
    font-size: 2.2rem;
}

.search-container .close button:hover {
    opacity: 0.8;
}

.search-container input.search:focus {
    border: 0;
    border-bottom: 1px solid #57606b;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff
}

input::placeholder,
textarea::placeholder {
    color: #fff
}

.scrolled {
    top: -115px !important;
    background: none;
    background-color: #11365f;
}


/*新底部*/
.footer-bottom-new {
    clear: both;
    width: 100%;
    height: 340px;

    background: #2a3c51;
    background: #11365f;
}

.footer-bottom-new .footer-b {
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
    padding-top: 20px;
}

.footer-bottom-new .footer-b ul {
    float: right;

}

.footer-copyright ul li {
    float: left;
    display: block;
    color: #fff;
    margin: 0 0 0 15px;
}

.footer-copyright ul li a {
    color: #fff;
    transition: .4s ease-in-out;
}

.footer-copyright ul li a:hover {
    text-decoration: underline;
}

.footer-t {
    width: 100%;
    padding-top: 45px;
    height: 220px;
    border-bottom: 1px solid #405063;
}

.footer-t-t {
    max-width: 1200px;
    margin: auto;
    clear: both;
}

.footer-t-t {
    height: 216px;
}

.footer-nav-dingyue form {
    width: 100%;
    height: 85px;
    margin-top: 40px;
}

.footer-nav-dingyue form label {
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    display: block;
}

#dingyue {
    width: 60px;
    height: 32px;
    border: 0;
    background: #f58029;
    color: #fff;
    line-height: 32px;
    line-height: 32px\9;
    line-height: 1;
    display: block;
    float: left;
}

.footer-nav-ul {
    width: 90px;
    height: auto;
    display: block;
    float: left;
    margin: 0 15px;
}

.footer-nav-ul ul li h1 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #c0c5cb;
    color: #91f2fe;
}

.footer-nav-ul ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}

.footer-nav-dingyue {
    width: 270px;
    height: 100%;
    float: left;
    display: block;
    margin-right: 65px;
}

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

.footer-nav-dingyue input {
    outline: 0;
    padding: 0 12px;
    box-sizing: border-box;
}

.footer-nav-contact {
    width: 210px;
    height: auto;
    float: right;
    display: block;
}

.footer-nav-tel {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #48576a;
    background: url("../img/tel-footer.png") left top no-repeat;
}

.footer-nav-contact ul li {
    margin-top: 10px;
    width: 90px;
    height: 130px;
    float: left;
    display: block;
}

.footer-nav-tel p {
    padding-left: 50px;
    font-size: 16px;
    color: #c0c5cb;
    line-height: 40px;
    color: #fff;
}

.footer-nav-contact ul li p {
    width: 100%;

    line-height: 40px;
    color: #fff;
}

/*新底部*/
.login-icon {
    padding: 0.25rem 0.5rem;
    margin-top: -0.35rem;
    color: #fff;
    display: inline-block !important;
    background: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    transition: .2s;

    position: absolute;
    top: 1.8rem;
    transition: .4s;
    right: 2.2rem;
    height: 26px;
}

.login-icon:after {
    content: '\e611';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 3px;
    padding: 0;
    font-weight: 800;
    font-size: 1.25rem;
}

/*弹窗*/
.dialog-box {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.way-error {
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    z-index: 20;
    height: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
    color: red;
}

.warning_ico {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: -11px;
    z-index: 30;
    background: url(../img/error.png) no-repeat 0 0;
    display: none
}

.warning_con {
    display: block;
    position: absolute;
    top: -12px;
}

.dialog-box .dialog-content {
    width: 450px;
    margin: 0 auto;

    background: #fff;
    margin-top: 14vh;
}

.login-wrap h6 {
    color: #333333;
    font: normal 24px/68px 'Microsoft YaHei';
    text-align: center;
    padding-top: 5px;
    position: relative;
}

.login-wrap .login-infos {
    width: 360px;
    margin: 0 auto;
}

.login-infos .form-input {
    position: relative;
    height: 60px;
    z-index: 30;

}

.login-wrap .form-input input {
    display: block;
    width: 326px;
    height: 41px;
    border: 2px solid #e6e6e6;
    padding: 0 15px;
    position: absolute;
    top: 0;
    z-index: 40;
    left: 0px;
    font: normal 14px/41px 'Microsoft YaHei';
    color: #a8a8a8;
    border-radius: 7px;
}

.login-wrap .btn-wrap {
    padding-top: 12px;
    height: 64px
}

.login-wrap .form-input .login-btn {
    background-color: #f2c04e;
    color: #fff;
    width: 360px;
    height: 45px;
    cursor: pointer;
}

.login-wrap .go-res {
    background: #fcfcfc;
    border-top: 1px solid #dadada;

    text-align: center;
    color: #666666;
}

.login-wrap .go-res a {
    color: #808080;
    font: normal 18px/50px 'Microsoft YaHei';
}

.login-wrap .close-btn {
    padding: 0.25rem 0.5rem;
    margin-top: -0.35rem;
    color: #000;
    display: inline-block !important;
    background: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    transition: .2s;
    position: absolute;
    right: 16px;
    top: -10px;
}

.login-wrap .close-btn:after {
    content: '\eaf2';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 3px;
    padding: 0;
    font-weight: 800;
    font-size: 1.35rem;
}

.footer-logo {
    margin-right: 3vw;
}


/*新底部样式*/
.footer-change-wrap {
    clear: both;
    width: 100%;
    background: #11365f;
    padding-bottom: 30px;
}

.footer-change-wrap .main {
    max-width: 1200px;
    margin: auto;
    clear: both;
}

.footer-change-wrap .main h6 {
    font-size: 2.5rem;
    font-family: overpass, sans-serif;
    font-style: normal;
    font-kerning: normal;
    color: inherit;
    text-rendering: optimizelegibility;
    padding-top: 30px;
    margin-bottom: 0.5rem;
    line-height: 3rem;
    color: rgb(255, 255, 255);
}

.footer-change-wrap .main .footer-change-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    line-height: 36px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-change-wrap .main .footer-change-1 a {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-right: 35px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.footer-change-wrap .main .footer-change-1 a:hover {
    opacity: 0.8;
}

.footer-change-wrap .main .footer-change-4 p {
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 32px;
    margin: 0px 0px 10px;
    opacity: 0.8;
    width: 100%;
}

.footer-change-wrap .main .footer-change-2 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 32px;
    margin: 0px 0px 10px;
    opacity: 0.8;
    width: 100%;
}

.footer-change-3 {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
}

.footer-change-3 a {
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 32px;
    margin: 0px 0px 10px;
    opacity: 0.8;

}

.footer-change-3-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 20px;
    height: 20px;
    margin-bottom: 10px;
}

.footer-change-3-icon img {
    width: 20px;
    height: 20px;
}

.footer-change-3-icon a {
    line-height: 20px;
    margin: 0;
    margin-left: 7px;
}

.main-wrap {
    max-width: 1120px;
    margin: 0 auto;
}

/*样式新*/
/*关于我们模块*/
.top-container.default {
    background: none;
    background-color: #11365f;
}

.header-split {
    width: 100%;
    height: 115px;
}

.about-nav {
    width: 100%;
    height: 52px;
    background: #EEE;
    text-align: center;
}

.about-nav .wrap {
    width: 100%;
}

.about-nav a {
    display: inline-block;
    height: 52px;
    line-height: 50px;
    padding: 0 63px;
    font-size: 14px;
    color: #555;
    transition: all ease 0.45s;
}

.about-nav a:hover {
    color: #33458E;
    background: #DDD;
}

.about-nav a.current {
    background: url(../img/about/nabBg.png) no-repeat center bottom;
    color: #FFF;
}



.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

.about-pic {
    text-align: center;
}

.about-pic img {
    width: auto;
    margin: 0 auto;
}

.mbottom50 {
    margin-bottom: 50px;
}

.mbottom20 {
    margin-bottom: 20px;
}

.about-text {
    color: rgb(102, 102, 102);
    font: 16px/36px Verdana;
    text-indent: 24px;
    margin-top: 20px;
}

.lc-pic {
    width: 100%;
    font-size: 0;
    line-height: 0;
    margin-top: 60px;
    margin-bottom: 80px;
}

.lc-pic img {
    width: 100%;
    border: 0;
}

.joinus .perfect {
    margin: 60px auto 80px auto;
    min-height: 360px;
    color: rgb(102, 102, 102);
    font: 14px/32px Verdana;
}

.recruit-des h4 {
    color: rgb(102, 102, 102);
    font: bolder 16px/32px Verdana;
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid red;
    margin-bottom: 20px;
}

.recruit-des h6 {
    color: rgb(102, 102, 102);
    font: bolder 14px/32px Verdana;
    padding-bottom: 10px;

}

.recruit-des p {
    color: rgb(102, 102, 102);
    font: 14px/32px Verdana;
    text-indent: 24px;
}

.zp-table {
    width: 80%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.zp-table td,
.zp-table th {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
}

.zp-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.contact-our {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 60px auto 80px auto;
}

.contact-our .contact-our-l {
    width: 513px;
}

.contact-our .contact-our-l img {
    width: 100%;
}

.contact-our .contact-our-r {
    width: 746px;
    padding-left: 32px;
    box-sizing: border-box;
    margin-top: -9px;
}

.contact-our .contact-our-r h1 {
    font-size: 28px;
    line-height: 55px;
    padding-top: 10px;
}

.contact-our .contact-our-r h1 img {
    width: 310px;
}

.contact-our .contact-our-r p {
    font-size: 15px;
    font-weight: normal;
    color: #333;
    line-height: 51px;
    line-height: 36px;
}

.contact-our .contact-our-r p span {
    margin-right: ;
}

#mainss {
    background: #eeeeee;
    width: 100%;
    height: 720px;
    overflow: hidden;
    margin: 2px 0 0 0
}

.awrs {
    width: 905px;
    height: 659px;
    overflow: hidden;
    background: url(../img/mtvprt.jpg) no-repeat;
    margin: 60px auto;
}

.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

/*关于我们模块*/
/*新闻中心模块*/
.news-box {
    background: #f4f4f4;
    padding: 36px 0 50px 0;
}

.news-box .main-wrap {
    display: flex;
    align-items: flex-start;
    max-width: 1200px;
    justify-content: space-between;
}

.news-box .news-left-nav {
    width: 190px;
}

.news-box .news-left-nav h6 {
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: #117de4;
    color: #fff;
    font-size: 18px;
    text-align: center
}

.news-box .news-left-nav ul {
    width: 100%;
}

.news-box .news-left-nav ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 1px;
}

.news-box .news-left-nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;

    color: #333;
    transition: background-color .35s;
    -webkit-transition: background-color .35s;
}

.news-box .news-left-nav ul li a:hover {
    background: #f58029;
    color: #fff;
}

.news-box .news-left-nav ul li.l-nav-active a {
    background: #f58029;
    color: #fff;
}

.news-box .news-right-content {
    width: 976px;
    display: block;
    background: #fff;
    padding: 0 38px;
    box-sizing: border-box;
}

.news-box .news-right-content h6 {
    line-height: 60px;
    font-size: 22px;
    border-bottom: 1px dashed #7d7d7d;
    color: #117de4;
}

.news-box .news-right-content h6 .line {
    margin-left: 10px;
    margin-right: 10px;
}

.news-box .news-right-content h6 .gray {
    color: #bebebe;
}

.news-box .news-right-content ul {
    width: 100%;
}

.news-box .news-right-content li {
    /*
    border-bottom: 1px dashed #e5e5e5;*/
}

.news-box .news-right-content li .content {
    display: block;
    width: 600px;
    height: 166px;
    margin: 27px 0 0 0;
    overflow: hidden;
}

.news-box .news-right-content li a {
    display: block;
    font-size: 18px;
    color: #0e7eb7;
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all ease 0.35s;
}

.news-box .news-right-content li a:hover {
    color: #f4bc00;
}

.news-box .news-right-content li span {
    width: 45px;
    height: 10px;
    /*border-bottom: 1px solid #e5e5e5;*/
    display: block;
    border-bottom: 2px solid #e5e5e5;
}

.news-box .news-right-content li p {
    width: 100%;
    height: 75px;
    overflow: hidden;
    line-height: 24px;
    color: #666;
    margin: 20px 0 0 0;
}

/*分页*/
.pagination {
    font-size: 14px;
    font-family: Arial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    margin: 0 auto;
}

.pagination-item {
    box-sizing: border-box;
    cursor: pointer;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    list-style: none;
    float: left;
    border: 1px solid #e5e5e5;
    background-color: #efefef;
    margin-right: -1px;
}

.pagination-jump-next,
.pagination-jump-prev,
.pagination-next,
.pagination-prev {
    box-sizing: border-box;
    cursor: pointer;
    color: #888888;
    font-size: 14px;
    list-style: none;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    float: left;
    text-align: center;
}

.pagination-next,
.pagination-prev {
    border: 1px solid #e5e5e5;
    font-size: 14px;
    padding: 0 10px
}



.pagination-disabled,
.pagination-disabled a {
    cursor: not-allowed;
    color: #888888;
}

.pagination-next a,
.pagination-prev a {
    color: #888888;
}

.pagination-disabled a {
    color: #ccc;
}

.pagination-next a,
.pagination-prev a {
    color: #888888;
}

.pagination-disabled a {
    color: #ccc;
}

.pagination-item:hover {
    transition: all .3s ease;
}

.pagination-item:hover,
.pagination-next:hover,
.pagination-prev:hover,
.pagination-item-active {
    color: #4e79d9;
    background: #fff
}

.pagination-item:hover a,
.pagination-next:hover a,
.pagination-prev:hover a {
    color: #4e79d9;
}

.pagination-options {
    float: left;
    margin-left: -7px;
}

.pagination-options-quick-jumper {
    box-sizing: border-box;
    float: left;
    margin-left: 16px;
    height: 35px;
    line-height: 35px;
}
.pagination-options-quick-jumper span.t1{
  margin: 0 3px;
}
.pagination-options-quick-jumper span.t2{
  margin: 0 3px;
}
.pagination-options-go {
    display: inline-block;
    margin-left: 8px;
    font-family: Arial;
    color: #666;
    list-style: none;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.pagination-options-quick-jumper input {
    margin: 0 8px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    outline: none;
    padding: 3px 12px;
    width: 50px;
    height: 34px;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    text-align: center;
}

.pagination-options-go {
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #e6e7eb;
    background-color: #fff;
    text-decoration: none;
    transition: none;
    padding: 0 12px;
}

.pagination-options-go:hover {
    transition: all .3s ease;
    color: #ff6a00;
}

.pagination-options-go:hover {
    border-color: #ff4401;
    color: #ff4401;
}

.pages {
    padding-bottom: 80px;
    padding-top: 30px;
}

.pages-list {
    width: 100%;
}

.pages .pagination {
    display: flex;
    justify-content: flex-end;
}

.news-box-detail h1 {
    width: 100%;
    height: 72px;
    line-height: 72px;
    color: #0e7eb7;
    font-size: 36px;
    text-align: center;
}

.news-box-detail .detail-info {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.news-box-detail .detail-info span {
    line-height: 28px;
    color: #0e7eb7;
    font-size: 16px;
    margin: 0 10px;
}

.news-box-detail {
    width: 100%;
    padding: 10px 0 30px 0;
}

.news-box-detail .detail-text p {
    color: rgb(102, 102, 102);
    font: 14px/32px Verdana;
    text-indent: 24px;
}

.news-box-detail .back-prev {
    font-size: 16px;
    cursor: pointer;
    padding-top: 50px;
    line-height: 32px;
    padding-bottom: 24px;
}

.news-box-detail .quick-look {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    line-height: 54px;
}

.news-box-detail .quick-look span {
    margin: 0 15px;
}

/*新闻中心模块*/
/*产品中心*/
.product-box {
    width: 100%;
}

.product-box ul {
    width: 1180px;
    margin: 60px auto 80px auto;
}

.product-box ul li {
    width: 310px;
    height: 265px;
    float: left;
    margin: 0 12px 20px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #E6E6E6;
}

.product-box ul li a {
    display: block;
    border: 1px solid #E6E6E6;
    width: 100%;
    height: 100%;
}

.product-box ul li a .img {
    width: 290px;
    height: 192px;
    margin: 10px;
}

.product-box ul li a .tit {
    width: 290px;
    height: 42px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center;
    background: #EEE;
    z-index: 2;
}

.product-box ul li a .tit .txt {
    display: block;
    font-size: 13px;
    width: 100%;
    height: 40px;
    padding-bottom: 2px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all ease 0.35s;
}

.product-box ul li a .tit .block {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    background: #e97620;
    width: 0;
    height: 0;
    transition: all ease 0.35s;
}

.product-box ul li a .zoom {
    position: absolute;
    width: 340px;
    height: 0;
    background: rgba(0, 0, 0, 0.4);
    left: 1px;
    bottom: 1px;
    text-align: center;
    line-height: 320px;
    transition: all ease 0.5s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-box ul li a:hover .zoom {
    bottom: 1px;
    height: 318px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.product-box ul li a:hover .block {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.product-box ul li a:hover .txt {
    color: #FFF;
}

.product-detail .sb_box {
    width: 1120px;
    margin: 60px auto 10px auto;
}

.product-detail .sb_box:after {
    overflow: hidden;
}

.product-detail .sb_box .title img {
    position: relative;
    width: 14px;
    margin-right: 7px;
    top: -2px;
}

#showproduct {
    padding: 15px;
    margin-bottom: 20px;
}

.pshow {
    margin: 0px auto;
    overflow: hidden;
}

#showproduct .pshow dt {
    float: left;
}

#showproduct .pshow dd {
    float: left;
    width: 500px;
}

#showproduct .pshow dd ul {
    margin-left: 15px;
}

#showproduct .pshow dd li {
    padding: 5px 5px 5px 45px;
    min-height: 28px;
    _height: 28px;
    margin: 5px 0px;
    clear: both;
    border-bottom: 1px solid #ccc;
    position: relative;
    line-height: 2;
}

#showproduct .pshow dd li span {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #999;
    padding: 5px;
    height: 28px;
}

.clearfix {
    display: block;
    zoom: 1;
}

.clearfix a {
    font-size: 0px;
}

.product-detail .ctitle {
    margin: 15px 0px 10px;
    padding: 5px 20px;
    background: url(../img/dt-7.gif) no-repeat left center;
    *background-position: left 17px;
    font-size: 14px;
    line-height: 32px;
    border-bottom: 1px dotted #ccc;
}

.clear {
    clear: both;
    line-height: 0;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
    content: '.';
}

.product-detail .list-table {
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.product-detail .list-table td,
.product-detail .list-table th {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.about-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.about-area p {
    color: #fff;
    font: 26px/60px Verdana;

}

.about-area-left {
    width: 50%;
}

.about-area-pic {
    width: 50%;
    text-align: right;
}

.about-area-pic img {
    width: 90%;
}

.about-lc {
    width: 100%;
    background: transparent url('../img/about/aboutnew03.jpg') no-repeat left bottom;
    height: 185px;
    display: flex;
    justify-content: flex-end;
}

.about-lc .about-lc-right {
    width: 350px;
    color: rgb(102, 102, 102);
    font: 14px/32px Verdana;
}

.about-lc .about-lc-right p {
    padding-bottom: 20px;
}

.about-gc .about-area-pic {
    text-align: left;
}

.about-tx .about-area-pic {
    text-align: right;
}

.about-gc .about-area-pic img {
    height: 300px;
    width: auto;
}

.about-area h6 {
    height: 60px;
    line-height: 60px;
    font-weight: bolder;
    font-size: 25px;
    color: #fff;
}

.about-gc .about-area-left {
    width: 41%;
}

.new-title {
    border-left: 10px solid #0568b7;
    color: rgb(102, 102, 102);
    font: 14px/32px Verdana;
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.new-btitle {
    border-bottom: 5px solid #0568b7;
    color: rgb(102, 102, 102);
    font: bolder 20px/40px Verdana;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.new-btitle span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 16px;
}

.add-border {
    border: 1px solid #000;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 16px;
    text-indent: 0;
    margin-bottom: 50px;
}

.about-our-new {
    overflow: hidden;
}

.about-our-new ul {
    margin: 0 auto;
}

/*产品中心*/
/*产品中心修改*/
.product-box ul li a:hover .zoom {
    bottom: 1px;
    height: 318px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    display: none;
}

.product-box ul li a:hover .block {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;

}

.product-box ul li a:hover .txt {
    font-size: 16px;
    color: #333;
}

.product-box ul {
    width: 1180px;
    margin: 50px auto 50px auto;
    overflow: hidden;
}

.product-box ul li a .img {
    overflow: hidden;

}

.product-box ul li a .img img {
    transition: all ease 0.35s;
    transform: scale(1);
}

.product-box ul li a:hover img {
    transform: scale(1.25);
}

/*产品中心修改*/
/*关于新力改版*/
.company-des-box {
    width: 1120px;
    margin: 0 auto;
    padding-top: 15px;
}

.company-des-box .b-title {
    color: #fff;
    padding: 10px 15px !important;
    color: #fff !important;
    font: 400 18px/18px overpass, sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    background: #474b51;
    border: none !important;
    margin-bottom: 15px;
}

.company-des-box .main-logo {
    width: 100%;
    margin-bottom: 15px;
}

.company-des-box .des-text {
    color: #333;
    text-indent: 32px;
    font-size: 16px;
    line-height: 58px;
    font-family: overpass, serif;
}

.company-des-box .des-text-n {
    color: #333;
    font-size: 16px;
    line-height: 68px;
    font-family: overpass, serif;
}

.des-text-n.m15 {
    padding-bottom: 15px;
}

.p-text-new {

    line-height: 88px;
}

.p-text-new0 {
    line-height: 80px;
}

.look-aboutus {
    width: 175px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #0061ae;
    margin: 0 auto;
    transition: all ease 0.35s;
    margin-top: 2px;
    margin-bottom: 35px;
    border-radius: 7px;
    -webkit-animation: pulse 2s .8s ease both infinite;
    -moz-animation: pulse 2s .8s ease both infinite;
    animation: pulse 2s .8s ease both infinite;
}

.look-aboutus:hover {
    opacity: 0.85;
}

.look-aboutus a {
    color: #fff;
    font-size: 26px;
}

.company-des-box .des-list {
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px;
}

.company-des-box .des-list ul {
    width: calc(100% + 36px);
    overflow: hidden;
}

.company-des-box .des-list ul li {
    float: left;
    padding-right: 36px;
    width: 372px;
}

.company-des-box .des-list ul li img {
    width: 372px;
}

.company-des-box .des-list ul li .title {
    border-bottom: 1px solid #ccc !important;
    color: #444 !important;
    padding: 5px 0;
    font: 400 22px/36px overpass, sans-serif !important;
    letter-spacing: 0 !important;
    margin-bottom: 15px;
    padding-bottom: 10px;

}

.company-des-box .des-list ul li p {
    color: rgb(102, 102, 102);
    font: 16px/32px Verdana;
    font-family: sans-serif !important;
}

.main-wrap-new {
    width: 1120px;
    margin: auto;
    margin-bottom: 50px;
}

.contact-map {
    padding-top: 30px;
    padding-bottom: 30px;
}

.contact-map .map-pic {
    padding-bottom: 30px;
}

#container {
    width: 100%;
    height: 450px;
}

/*关于新力改版*/



/*新用户注册*/
.login-box {
   /* background: transparent url(../img/rc1.jpg) no-repeat center top;*/
    height: 100vh;
   

}
.regster-box{
  padding-top: 30px;
  padding-bottom: 50px;
}
.regster-box .wrap {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    width: 80%;
    
}

.regster-box .regster-wrap {
    background-color: #fff;
    padding-bottom: 30px;
}

.regster-box .wrap h6.title {
    color: #6ea6da;
    font: normal 24px/40px 'Microsoft YaHei';
    text-align: left;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 3px solid #67a2d8;
    
}
.regster-box .wrap h6.info{
     color: #6ea6da;
    font: normal 20px/40px 'Microsoft YaHei';
    text-align: left;

    padding-bottom: 10px;
   
}
.regster-box .wrap .regster-infos {
    width: 100%;
    margin: 0 auto;
}
.regster-box .wrap .regster-infos .group{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}
.regster-box .wrap .regster-infos .group .form-input{
    width: 48%;
}
.regster-infos .form-input {
    position: relative;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.regster-infos .form-input .info-name {
    width: 115px;
    text-align: left;
    font-size: 18px;
    color: #6ea6da;

}

.regster-infos .form-input .info-name span {
    color: #f05757;
    font-size: 18px;
    margin-right: 6px;
    line-height: 38px;
}

.regster-infos .form-input input {
    display: block;
    width: calc(100% - 115px);
    height: 31px;
    border: 3px solid #69a4d8;
    padding: 5px 15px;
    z-index: 40;
    font: normal 14px/31px 'Microsoft YaHei';
    color: #000;
    border-radius: 7px;
}
.regster-box .wrap .regster-infos .group .form-input{
    position: relative;
}
.regster-box .wrap .regster-infos .group .form-input .info-name{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 555;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
}
.regster-box .wrap .regster-infos .group .form-input .info-name span{
    display: none;
}
.regster-box .wrap .regster-infos .group .form-input input{
    width:100%; 
    padding-left: 75px;
    padding-right: 10px;
    outline: 0;
}
.regster-box .wrap .regster-infos .group .form-input input:focus{
    border:4px solid #88b6e0;
}
.regster-box .wrap .regster-infos .form-input-btn{
   text-align: center;
}
.regster-box .wrap .regster-infos .group .form-input #userpassword2{
  padding-left: 100px;
}
.regster-infos .form-input.get-code-wrap input {
    width: 225px
}

.regster-infos .form-input.get-code-wrap .get-code {
    display: block;
    position: absolute;
    left: 264px;
    top: 0;
    background-color: #252a2d;
    font: normal 14px/45px 'Microsoft YaHei';
    color: #fafafa;
    width: 96px;
    height: 45px;
    border-radius: 7px;
    text-align: center;
    text-decoration: none
}

.regster-infos .form-input .register-btn {
    background-color: #5b9bd5;
    color: #fff;
    width: 240px;
    height: 45px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    margin: 0 auto;
}

.regster-infos .form-input .register-btn:hover {
    opacity: 0.85;
}

.regster-infos .form-input .checkRule {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 19px;
    height: 19px;
    background-color: #fcfcfc;
}

.regster-infos .form-input.isagree {


    color: #a8a8a8;
    font: normal 13px/16px 'Microsoft YaHei';
    padding-top: 2px;
    padding-bottom: 33px;
    height: 16px;
}

.regster-infos .form-input.isagree .check-rule {
    margin-left: 27px
}

.regster-infos .form-input .text a {
    color: #a8a8a8;
}

.regster-infos .form-input .useed-wrap {
    
    font: normal 13px/16px 'Microsoft YaHei';
}

.regster-infos .form-input .useed-wrap .g-login {
    margin-left: 2px;
    color: #0081cb;
    cursor: pointer;
}

.way-error {
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    z-index: 20;
    height: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
    color: red;
}

.warning_ico {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: -11px;
    z-index: 30;
    background: url(../img/error.png) no-repeat 0 0;
    display: none
}

.warning_con {
    display: block;
    position: absolute;
    top: -12px;
}

.regster-infos .form-input input.redbd,
.login-box .form-input input.redbd {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-color: #ff0000 !important;
    -webkit-box-shadow: 0px 0px 1px #598bcf;
    -moz-box-shadow: 0px 0px 1px #598bcf;
    -ms-box-shadow: 0px 0px 1px #598bcf;
    -o-box-shadow: 0px 0px 1px #598bcf;
    box-shadow: 0px 0px 1px #598bcf;
}

.findpassword .regster-infos .form-input.pd-h {
    height: 78px;
}

.contact-our {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact-map2 {
    padding-bottom: 10px;

}

.about-area-n {
    width: 1120px;
    margin: 0 auto;
    height: 326px;
    margin-bottom: 2px;
    visibility: hidden;
}

.about-area-n .about-area-pic {
    width: 50%;
}

.about-area-n .about-area-left {
    width: 50%;
}

.about-area-n .about-area-pic img {
    height: 326px;
    width: 100%;
}

.about-area-n .pd-pub {
    background: #bae0e3;
    padding-left: 20px;
    box-sizing: border-box;
    height: 100%;
}

.about-area-n.group-0 .pd-pub,
.about-area-n.group-2 .pd-pub {
    background: #e5e5;
}

/*产品中心改*/
.new-product-box {
    background: #f4f4f4;
    padding: 36px 0 50px 0;
}

.new-product-box .news-right-content li a {
    width: 100%;
    height: 100%;
}

.new-product-box .news-right-content {
    width: 990px;
    padding: 0 15px;
}

.new-product-box .news-right-content ul {
    width: 975px;
    margin-top: 20px;
}

.product-des {
    width: 100%;
}

.product-des .des-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 35px;

}

.product-des .des-info .info-pic {
    width: 32%;
    border-radius: 20px;
    overflow: hidden;
}

.product-des .des-info .info-list {
    flex: 1;
    padding-left: 25px;
    box-sizing: border-box;
}

.product-des .des-info .info-list p {
    color: rgb(102, 102, 102);
    font: 16px/50px Verdana;
}

.product-des .des-text {
    color: rgb(102, 102, 102);
    font: 16px/32px Verdana;
    text-indent: 32px;
    width: 100%;
    padding-top: 20px;
    padding-right: 30px;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.product-new-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
}

.product-new-list .list {
    width: 33.333%;
    padding: 0 15px;
    box-sizing: border-box;
}

.product-new-list .list p {
    color: #444 !important;
    padding: 5px 0;
    font: 400 20px/36px overpass, sans-serif !important;
    letter-spacing: 0 !important;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
}

/*产品中心改*/
.brand-new-box {
    width: 1190px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.brand-new-box .brand-new-wrap {
    width: 100%;
    padding-top: 20px;
}

.brand-new-box .brand-new-wrap .goods-brand {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
}

.brand-new-box .brand-new-wrap .goods-brand .left-group {
    width: 230px;
    margin-right: 20px;
    border: 2px solid #f2f2f2;
    box-sizing: border-box;
}

.brand-new-box .brand-new-wrap .goods-brand .left-group .left-group-text .button-wrap {
    width: 100%;
    padding-left: 16px;
}

.brand-new-box .brand-new-wrap .goods-brand .left-group .left-group-text .btn-text {
    transition: all ease 0.35s;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    text-decoration: none;
}

.brand-new-box .brand-new-wrap .goods-brand .left-group .left-group-text .btn-text:hover {
    opacity: 0.85;

}

.brand-new-box .brand-new-wrap .goods-brand .left-group h6 {
    color: #333;
    font-size: 16px;
    line-height: 29px;
    font-weight: bolder;
    padding-left: 16px;
    padding-top: 10px;
}

.brand-new-box .brand-new-wrap .goods-brand .left-group p {
    color: #333;
    font-size: 12px;
    line-height: 21px;
    font-family: overpass, serif;
    padding: 10px 16px;
}

.brand-new-box .brand-new-wrap .goods-brand .left-group .btn-text {

    display: inline-block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #1d2187;
    color: #fff;
    outline: 0;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 15px;

    padding: 0 16px;
}

.brand-new-box .brand-new-wrap .goods-brand .right-group {
    width: calc(100% - 250px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.brand-new-box .brand-new-wrap .goods-brand .goods-brand-l {
    width: 51%;
    border-right: 15px solid #fff;
    overflow: hidden;
}

.brand-new-box .brand-new-wrap .goods-brand .goods-brand-r {
    width: 48%;
    overflow: hidden;

}

.brand-new-box .brand-new-wrap .goods-brand .right-group img {
    transition: all ease 0.35s;
    transform: scale(1);
    overflow: hidden;
}

.brand-new-box .brand-new-wrap .goods-brand .right-group a:hover img {
    transform: scale(1.25);
}

.product-video-box {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 700px;
    text-align: center;
    background: #000010;

}

.product-video-box .product-video-play {
    width: 100%;
    height: 100%;
}

.product-video-box .product-video-play video {
    text-align: center;

    width: 100%;
}

.product-video-text {
    position: absolute;
    left: 0;
    bottom: 53px;
    width: 100%;
    text-align: center;
    font-size: 64px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 5px;
    white-space: nowrap;
    line-height: 80px;
    display: none;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }

    80% {
        -moz-transform: translateX(-10px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }

    80% {
        -moz-transform: translateX(10px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

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

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

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

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.1);
    }

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

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

    50% {
        transform: scale(1.1);
    }

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

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }

    80% {
        -moz-transform: translateY(10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp
}

.anileft {
    -webkit-animation: bounceInLeft 1s .2s ease both;
    -moz-animation: bounceInLeft 1s .2s ease both;
}

.aniright {
    -webkit-animation: bounceInRight 1s .2s ease both;
    -moz-animation: bounceInRight 1s .2s ease both;
}

.anitop {
    -webkit-animation: bounceInUp 1s .2s ease both;
    -moz-animation: bounceInUp 1s .2s ease both;
}

.video-content-wrapNew {
    width: 100%;
    height: 100vh;
    position: relative;
}

.video-content-wrapNew .video-play {
    width: 100%;
    height: 100vh;
}

.video-content-wrapNew .video-lpgo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 111;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-content-wrapNew .video-lpgo img {
    height: 100%;
    width: auto;
    transition: all .3s;
    transform: scale(1);
    pointer-events: none;

}

.video-content-wrapNew .video-play video {
    width: 100%;
    height: 100vh;
}

.hide-div {
    display: none;
}






.gj-brand-wrapper {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 30px;
}

.gj-brand-wrapper .main-box {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.gj-brand-wrapper .main-box li {
    max-width: 360px;
    flex: 1;
}

.gj-brand-wrapper .main-box li .des-info {
    background: #deebf7;
    padding-top: 15px;
}

.gj-brand-wrapper .main-box li .des-info h6 {
    color: #528dc3;
    font: normal 24px/32px 'Microsoft YaHei';
    text-align: left;
    position: relative;
    height: 40px;
    padding-left: 32px;
}

.gj-brand-wrapper .main-box li .des-info p {
    line-height: 36px;
    font-size: 14px;
    padding: 20px 32px;
    color: #528dc3;
    height: 108px;
    box-sizing: content-box;
}

.gj-brand-wrapper .main-box li .des-info .button-wrap {
    width: 100%;
    padding-left: 32px;
    box-sizing: border-box;
}

.gj-brand-wrapper .main-box li .des-info .button-wrap .look-more {
    height: 32px;

    background: #1d2187;
    color: #fff;
    outline: 0;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0 16px;
    transition: all ease 0.35s;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;

}

.gj-brand-wrapper .main-box li .des-info .button-wrap .look-more a {
    color: #fff;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
}

.gj-brand-wrapper .main-box li .des-info .button-wrap .look-more:hover {
    opacity: 0.85;

}

.gj-brand-detail {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 30px;
}

.gj-brand-detail .detail-main-wrap {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.gj-brand-detail .detail-main-wrap .detail-left {
    width: 500px;
}

.gj-brand-detail .detail-main-wrap .detail-left h6 {
    color: #528dc3;
    font: normal 24px/32px 'Microsoft YaHei';
    text-align: left;
    position: relative;
}

.gj-brand-detail .detail-main-wrap .detail-left p {
    line-height: 32px;
    font-size: 14px;
    padding: 10px 32px 20px 0;
    color: #528dc3;

}

.gj-brand-wrapper .main-box li .banner {
    max-width: 360px;
    overflow: hidden;
}

.gj-brand-wrapper .main-box li .banner img {
    transition: all ease 0.35s;
    transform: scale(1);
    overflow: hidden;
}

.gj-brand-wrapper .main-box li .banner a:hover img {
    transform: scale(1.25);
}

.gj-brand-detail .detail-main-wrap .detail-left ul {
    padding-top: 10px;
}

.gj-brand-detail .detail-main-wrap .detail-left li {
    line-height: 28px;
    font-size: 14px;
    color: #528dc3;
    position: relative;
    padding-left: 22px;

}

.gj-brand-detail .detail-main-wrap .detail-left.setW li {
    width: 300px;
}

.gj-brand-detail .detail-main-wrap .detail-left li:before {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    border-radius: 12px;
    background: #528dc3;
    left: 0;
    top: 8px;
}

.gj-brand-detail .detail-main-wrap .detail-right {
    width: 554px;
}

.new-banner-wrap {
    width: 100%;
}

.gj-brand-detail .detail-main-wrap .detail-right img {
    width: 100%;
}

.about-change-wraper {
    width: 100%;
    padding-bottom: 50px;
}

.about-change-wraper .main-change {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.about-change-wraper .main-change .show-left {
    width: 775px;
}

.about-change-wraper .main-change .show-left h6 {
    color: #3278b7;
    font: normal 18px/35px 'Microsoft YaHei';
    text-align: left;
    position: relative;
    padding: 12px 0;
    padding-top: 24px;
    text-indent: 32px;
}

.about-change-wraper .main-change .show-left p {
    color: #5296d0;
    font: normal 14px/36px 'Microsoft YaHei';
}

.about-change-wraper .main-change .show-left p.text-d {
    text-indent: 32px;
}

.about-change-wraper .main-change .show-left .show-pic {
    width: 100%;
    margin: 20px auto;
}

.about-change-wraper .main-change .show-right {
    width: 200px;
    text-align: center;
}

.about-change-wraper .main-change .show-right .show-logo {
    padding-top: 50px;
}

.about-change-wraper .main-change .show-right p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 3px;
}

.about-change-wraper .main-change .show-right p.mg {
    margin-top: -7px;
}

.about-change-wraper .main-other {
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}

.about-change-wraper .main-other .about-textn {
    text-align: center;
    color: #5b9bd5;
    font: normal 30px/36px 'Microsoft YaHei';
    margin-bottom: 20px;
}

.about-change-wraper .main-other .about-textn strong {
    font-weight: bolder;
}

.about-change-wraper .main-other .about-list-pic {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.about-change-wraper .main-other .about-list-pic div {
    width: 275px;
}

.about-change-wraper .main-other p {
    color: #5296d0;
    font: normal 14px/28px 'Microsoft YaHei';
    text-align: center;
    align-items: center;
}

.fute-wrap {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
    margin-bottom: 50px;
}

.fute-wrap .fute-1 {
    max-width: 405px;
}

.fute-wrap .fute-2 {
    max-width: 335px;

}

.fute-wrap .fute-3 {
    max-width: 335px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fute-wrap .list {
    width: 100%;
    position: relative;
}

.fute-wrap .list .tips-text {
    background: #0070c0;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    line-height: 36px;
    width: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fute-wrap .fute-2 .list {
    margin-bottom: 20px;
}

.fute-wrap .title-show {
    width: 100%;
    padding-right: 30px;
    color: #5b9bd5;
    font-size: 30px;
    text-align: right;
    border-right: 14px solid #5b9bd5;
    margin-bottom: 30px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 5px;
}

.fute-wrap .show-border {
    width: 50px;
    height: 50px;

    position: absolute;

}

.fute-wrap .fute-1 .show-border {
    left: -25px;
    top: -25px;
    border-left: 4px solid #248de1;
    border-top: 4px solid #248de1;
}

.fute-wrap .fute-3 .show-border {
    right: -25px;
    bottom: -25px;
    border-right: 4px solid #248de1;
    border-bottom: 4px solid #248de1;
}

.lxour-new {
    width: 100%;
    height: 742px;
    background: transparent url("../img/join/lx1.jpg");
    background-size: 100% 742px;
}

.lxour-new .main-wrap {
    position: relative;
    max-width: 1120px;
}

.lxour-new .login-info {
    position: absolute;
    right: 150px;
    top: 150px;
    width: 320px;
}

.lxour-new .login-info h6 {
    text-align: center;
    font: bolder 25px/46px 'Microsoft YaHei';
    width: 100%;
    display: block;
    color: #fff;
}

.lxour-new .login-info p {
    color: #fff;
    font: 600 18px/55px 'Microsoft YaHei';
    width: 100%;
    display: block;
}

.lxour-new .login-info .form-input {
    width: 100%;
    height: 40px;
    border: 4px solid #f8fafb;
    border-radius: 8px;
    margin-bottom: 25px;
    box-sizing: content-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 7px;
    overflow: hidden;
    box-sizing: border-box;
}

.lxour-new .login-info .form-input .label-titlex {
    color: #fff;
    font: 600 18px/18px 'Microsoft YaHei';
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
    animation-fill-mode: backwards;
    display: block;
    box-sizing: content-box;
    flex-shrink: 0;
}

.lxour-new .login-info .form-input input {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 0;
    outline: 0;
    font: 600 18px/18px 'Microsoft YaHei';
    background: none;
    color: #fff;
    padding: 0;
    border: 0;
}

.lxour-new .login-info .form-input input::input-placeholder {
    font: 600 18px/18px 'Microsoft YaHei';
    color: #fff;
}

.lxour-new .login-info .form-input.btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 0;
    border-radius: 0;
    height: auto;
}

.lxour-new .login-info .form-input.btn-wrap .btn-1 {
    width: 150px;
    text-align: center;
    border: 4px solid #f8fafb;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    height: 36px;
    cursor: pointer;
    transition: all .3s ease;
}

.lxour-new .login-info .form-input.btn-wrap .btn-1:hover {
    opacity: 0.85;
}

.lxour-new .login-info .form-input.btn-wrap .btn-1 input {
    background-color: #5b9bd5;
    color: #fff;
    width: 100%;
    color: #fff;
    font: 600 18px/18px 'Microsoft YaHei';
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.lxour-new .login-info .form-input.btn-wrap .btn-2 {
    color: #edf4f9;
    flex: 1;
    color: #fff;
    font: 600 20px/36px 'Microsoft YaHei';
    color: #fff;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.lxour-new .login-info .form-input.btn-wrap .btn-2 a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

.lxour-new .login-info .form-input.btn-wrap .btn-2 a:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-width: 7px 15px 7px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #5b9bd5;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: -21px;
    top: 11px;
    line-height: 0;
}

.lxour-new-pic {
    width: 100%;
    text-align: center;
    height: 806px;
    position: relative;
    margin-bottom: 40px;
}

.lxour-new-pic .bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    height: 100%;
}

.lxour-new-pic .main-wrap {
    position: relative;
    z-index: 30;
    text-align: left;
    height: 100%;
}

.lxour-new-pic .main-wrap .main-wrap-des {
    width: 513px;
    height: 100%;
    background: rgba(125, 168, 210, 0.85);
    position: absolute;
    right: 0;
    top: 0;
}

.lxour-new-pic .main-wrap .icon-marker {
    position: absolute;
    left: -204px;
    top: 333px;
}

.lxour-new-pic .main-wrap .contact-our-r {
    padding-left: 20px;
}

.lxour-new-pic .main-wrap .contact-our-r h1 {
    padding-top: 15px;
    pading-bottom: 20px;
}

.lxour-new-pic .contact-our .contact-our-r {
    color: #fff;
}

.lxour-new-pic .contact-our .contact-our-r {
    width: 100%;
}

.lxour-new-pic .contact-our .contact-our-r p {
    color: #fff;
}

.search-wrapper {
    background: #f4f4f4;
    padding: 0px 0 50px 0;
    width: 100%;
}

.search-box {
    max-width: 1580px;
    width: 82%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 30px;
}

.search-box .search-wrap {
    height: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.search-box .search-wrap .btn-search {
    padding: 0;
    margin: 0;
    outline: 0;
    width: 88px;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    border: 0;
    cursor: pointer;
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    -ms-transition: all .20s ease;
    -o-transition: all .20s ease;
    transition: all .20s ease;
}

.search-box .search-wrap .btn-search:hover {
    opacity: 0.85;
    filter: Alpha(opacity=85)
}

.search-box .search-wrap .btn-search.btn-search-title {
    background: #499bff;
}

.search-box .search-wrap .btn-search.btn-text {
    background: #0674ff;
    border-radius: 0 2px 2px 0;
}

.search-box .search-wrap .search__wraper {
    width: 100%;
    position: relative;

    border: 1px solid #e9e9e9;
    background: #fff;
    background-color: #fff;
    border-radius: 2px 0 0 2px;
    height: 56px;
    box-sizing: border-box;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
}

.search-box .search-wrap .search__wraper .icon-sousuo {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    font-size: 32px;
    color: #0068b5;
}
.search-box .search-wrap .search__wraper .icon-gb{
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -9px;
    font-size: 22px;
    background-color: #e9e9e9;
    color: #525252;
    display: none;
    cursor: pointer;
}
.search-box .search-wrap .search__wraper input {
    border-width: 0;
    font-size: 16px;
    color: #333;
    height: 100%;
    width: 100%;

    line-height: 1.5;
    outline: 0;
}



.search-box .search-wrap .search__wraper input::-webkit-input-placeholder {
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    color: #c1c1d6;
}

 .search-box .search-wrap .search__wraperinput::-moz-placeholder {
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    color: #c1c1d6;
}

.search-box .search-wrap .search__wraper input:-ms-input-placeholder {
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    color: #c1c1d6;
}
.search-resultnew{
 width: 100%;
}
.search-resultnew .news-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.search-resultnew .news-box .news-left-navnew{
    width: 21%;
    padding: 1.875rem 1.875rem 2.5rem 0.625rem;
}
.search-resultnew .news-box .news-left-navnew h2{
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    color: #262626;
    padding-bottom: 16px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 0;
}
.search-resultnew .news-box .news-left-navnew h6{
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 24px;
    margin: 16px 0;
    position: relative;
}
.search-resultnew .news-box .news-left-navnew h6 .change-btn{
  position: absolute;
  right: 0;
  top: 0;
}
.search-resultnew .news-box .news-left-navnew h6 .change-btn:after{
    content: '\e60c';
    transition: transform .4s;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    top: 3px;
    padding: 0;
    font-weight: 800;
    font-size: 1.65rem;
    font-size: 14px;
    color: #525252;
}
.search-resultnew .news-box .news-left-navnew h6 .change-btn.open:after{
    transform: rotate(0deg);
}
.search-resultnew .news-box .news-left-navnew h6 .change-btn.close:after{
    transform: rotate(180deg);
}
.search-resultnew .news-box .news-left-navnew ul{
    overflow-y: auto;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 16px;
    margin-top: 0;
    transition: max-height .5s ease-out;
}
.search-resultnew .news-box .news-left-navnew ul.open{
   height: 100%;
}
.search-resultnew .news-box .news-left-navnew ul.close{
   height:0;
}
.search-resultnew .news-box .news-left-navnew ul li{
    margin: 0 0 16px;
}
.search-resultnew .news-box .news-left-navnew ul li a{
    color: #0068b5;
    font-size: 16px;
    font-family: intel-clear,tahoma,Helvetica,helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    white-space: initial;
    word-break: break-word;
    overflow: hidden;
    text-decoration: none;
}
.newsnew-right-content{
    width: 76%;
}
.newsnew-right-content .top-c{
    width: 100%;
    display: flex;
    justify-content:space-between;
    align-items: flex-start;
}
.newsnew-right-content .result{
    color: #262626;
    font-size: 16px;
    font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-left: 4px;
    text-transform: lowercase;
    line-height: 40px;
}
.newsnew-right-content .quick-select select{
    height: 40px;
    cursor: pointer;
    background: 0;
    padding-bottom: 0;
    border: 1px solid #b7bcc0;
    padding: 0 30px;
    font-size: 16px;
    font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
    color: #525252;
    width: 300px;
    background: #fff;
}
.newsnew-right-content .tips{
    width: 100%;
    background-color: #76ceff;
    border: 0;
    text-align: center;
    font-size: 16px;
    color: #262626;
    padding: 0.5rem 0;
    margin-top: 20px
}
.newsnew-right-content .tips p{
    display: inline-block;
    line-height: 1.325rem;
    margin-bottom: 0;
    font-family: intel-clear,tahoma,Helvetica,helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 0;
}
.newsnew-right-content .tips p a{
    display: inline;
    color: #262626;
    text-decoration: none;
    border-bottom: 1px #262626 dotted;
    text-transform: lowercase;
    margin: 0 3px;
}
.newsnew-right-content .tips p a:hover{
        -webkit-text-stroke: 0.3px #262626;
}
.newsnew-right-content .main-content{
    width: 100%;
    background: #fff;
}
.newsnew-right-content .main-content li{
    padding: 32px;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.newsnew-right-content .main-content li .content{
   felx: auto;
}
.newsnew-right-content .main-content li .content .veso-info{
    width: 100%;
    display: flex;
}
.newsnew-right-content .main-content li .content .veso-info span{
    font-size: 14px;
    line-height: 30px;
    display: block;
}
.newsnew-right-content .main-content li .content .veso-info span:first-child{
    width: 40%;
}
.newsnew-right-content .main-content li .content p.text{
    font-size: 16px;
    color: #262626;
    line-height: 30px;
}
.newsnew-right-content .main-content li .look-d{
    display: inline;
    flex: 0 0 auto;
    vertical-align: middle;
    text-align: center;
    padding: 16px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.newsnew-right-content .main-content li .look-d a{
    padding-bottom: 0.625rem;
    padding-right: 1.563rem;
    border: 0;
    color: #0068b5;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 0.063rem;
    text-underline-offset: 0.5rem;
}
.newsnew-right-content .main-content li h6{
    text-decoration: none;
    cursor: pointer;
    word-wrap: break-word;
    color: #0068b5;
    font-size: 1.375rem;
    line-height: 1.27;
    margin-top: 0.25rem;
}
.newsnew-right-content .main-content li h6 a{
    color: #0068b5;
}
.newsnew-right-content .main-content li p.title{
    color: #009ddc;
    margin: 0;
    flex: 0 15 auto;
    min-width: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    width: 80%;
}
.newsnew-right-content .main-content li a:hover{
        color: #003c71;
    text-decoration: none;
}
.newsnew-right-content .main-content li p.title a{
     color: #009ddc;
}
@media screen and (max-width: 1600px) {

    .regster-box .wrap {
        padding-top: 20px;
    }
}
@media screen and (max-width: 980px) {

  .fute-wrap .fute-3 .show-border{
    right: 0;
  }
}