* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

@font-face {
    font-family: "Oswald-Medium";
    src: url("http://www.guibo.com.cn/cn/fonts/msyh.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../font/Montserrat-Regular-8.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("../font/Montserrat-SemiBold-9.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../font/Montserrat-Medium-7.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Light";
    src: url("../font/Montserrat-Light-6.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PingFang-SC-Heavy";
    src: url("../font/PingFang-Heavy-2.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PingFang-SC-Medium";
    src: url("../font/PINGFANGMEDIUM.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PingFang-SC-Regular";
    src: url("../font/PINGFANGREGULAR.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
}

body {
    margin: 0px auto;
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #333333;
    width: 100%;
    min-width: 1280px;
    zoom: 1;
    font-family: Microsoft YaHei, arial, sans-serif;
    background: #fff;
}

ul,
li,
form,
dl,
dt,
dd,
div,
ul,
li,
p,
em,
i,
address {
    font-style: normal;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
}

select,
input,
textarea,
button {
    font-size: 14px;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #545454;
    font-family: Microsoft YaHei, arial, sans-serif;
}

input:focus {
    outline: none;
}

input,
button,
select,
textarea {
    border: 0px;
    outline: none;
    /*-webkit-appearance:none;*/
    /*强制去除表单自带的样式*/
}

button {
    cursor: pointer;
}

textarea {
    resize: none;
    /*-webkit-appearance:none;*/
    /*强制去除textarea自带的样式*/
}

textarea,
input,
select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
fxigcaption,
address {
    display: block;
}


/*html5设置*/

figure,
figcaption {
    margin: 0px;
    padding: 0px;
}

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

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

a {
    color: #333333;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all ease 0.3s;
}

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

a:hover {
    text-decoration: none;
    color: #3DD2D5;
}


/**:hover{transition: all ease 0.3s;}*/


/*input字体*/

:-moz-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #d9d9d9;
    text-indent: 1em;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    color: #999999;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(http://www.guibo.com.cn/cn/images/selectarr.png) no-repeat scroll 95% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
    display: none;
}


/*网页滚动条*/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-overflow-scrolling: touch;
    background-color: #e6e6e6;
}

::-webkit-scrollbar-track {
    background-color: #e6e6e6;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #58504a;
}

::-webkit-scrollbar-button {
    height: 0px;
    background-color: #e6e6e6;
}


/*公用样式*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center !important;
}

.hide {
    display: none;
}

.block {
    display: block;
}

.clear {
    clear: both;
}

.clearfix {
    overflow: hidden;
    _zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.relative {
    position: relative;
}

.bodyon {
    overflow: hidden;
}

.Contain {
    z-index: 1;
    position: relative;
    clear: both;
    max-width: 79.2%;
    margin: 0 auto;
    width: 100%;
}

.table {
    display: table;
    width: 100%;
}

.table .row {
    display: table-row;
}

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

.iblock {
    font-size: 0;
}

.iblock div,
.iblock li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}


/*font*/

.f_green {
    color: #17c463;
}

.iconfont {
    font-size: 24px;
    vertical-align: middle;
}

.tit {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.p {
    overflow: hidden;
    word-break: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media ( max-width:1440px) {}

@media ( max-width:1024px) {
    .iconfont {
        font-size: 18px;
    }
    body {
        font-size: 14px;
        padding-top: 45px;
        line-height: 24px;
        min-width: 300px;
    }
    .iblock div,
    .iblock li {
        font-size: 14px;
    }
    .Contain {
        max-width: none;
        margin: 0 15px;
    }
    select,
    input,
    textarea,
    button {
        font-size: 14px;
    }
}


/*effict*/

.Scale-img {
    overflow: hidden;
    zoom: 1;
    overflow: hidden;
}

.Scale-img img,
.Scale-img span {
    opacity: 1;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
}

.Scale-img:hover img,
.Scale-img:hover span {
    opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    top: 0px;
    left: 0px;
}

.effict {
    transition: all ease 0.3s;
}

.imgbox {
    overflow: hidden;
    position: relative;
    /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/
}

.imgbox span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgbox img {
    width: auto !important;
    max-height: 100%;
}

@keyframes rt {
    100% {
        transform: rotate(360deg);
    }
}


/*pages*/

.Pages {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.Pages a {
    height: 34px;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    line-height: 34px;
    color: #666;
    margin: 5px 2px;
}

.Pages a:hover {
    background: #1f3b89;
    color: #fff;
    border: 1px solid #1f3b89;
}

.Pages a.a_cur {
    background: #1f3b89;
    color: #fff;
    border: 1px solid #1f3b89;
}

.Pages .p_page .num a {
    width: 36px;
    height: 36px;
    padding: 0;
    background-color: #ffffff;
    border-radius: 50%;
    border: solid 1px #ebebeb;
    color: #666666;
    font-size: 14px;
}

.Pages .num {
    font-style: normal;
    margin: 0 2%;
}

.Pages .p_count {
    height: 34px;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    line-height: 34px;
}

.Pages .p_page .num a.a_cur,
.Pages .p_page .num a:hover {
    border: 1px solid #1f3b89;
    background-color: #1f3b89;
    color: #fff;
}

.Pages .p_page a {
    height: 36px;
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    font-size: 16px;
    color: #666666;
}

.Pages .p_page .a_prev:hover,
.Pages .p_page .a_first:hover,
.Pages .p_page .a_next:hover,
.Pages .p_page .a_end:hover {
    border: 1px solid #1f3b89;
    background: #1f3b89;
    color: #fff;
}

@media(max-width:480px) {
    .Pages .p_page a {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .Pages .p_page .num a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}


/*pages end*/


/*Top*/

.Header {
    height: 100px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: none;
    z-index: 111;
    transition: all 0.3s;
}

.Header .wrapper {
    width: 92%;
    margin: 0px auto;
}

.Header .logo {
    float: left;
    padding-top: 23px;
    transition: all 0.3s;
}

.Header .logo a {
    display: block;
}

.Header .logo a img {}

.Header .height_right {
    float: right;
    transition: all 0.3s;
    font-size: 14px;
    line-height: 16px;
    height: 100px;
    display: flex;
    align-items: center;
    color: #666666;
    justify-content: center;
    padding: 0 2%;
    margin-right: 40px;
}

.Header .height_right a:hover {
    color: #3DD2D5;
}

.Header .height_right li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    padding-left: 16px;
    position: relative;
}

.Header .height_right .h_search img {
    width: 20px;
}

.Header .h_search {
    padding-right: 0 !important;
    margin-right: 0 !important;
    border-right: 0 !important;
}

.Header .h_search .search_ico {
    cursor: pointer;
}

.Header .h_search .search_ico .iconfont {
    color: #fff;
}

.Header .h_search .search_ico .icongb {
    display: none;
}

.Header .h_search .search_ico.on .icongb {
    display: block;
}

.Header .h_search .search_ico.on .iconso {
    display: none;
}

.Header .h_search .search_ico img {
    width: 20px;
}

.Header .h_search .searchbox {
    width: 350px;
    line-height: 34px;
    position: absolute;
    display: none;
    right: 0;
    top: 60px;
}

.Header .h_search .searchbox .input {
    background: #fff;
    width: 100%;
    height: 36px;
    line-height: 34px;
    text-indent: 1em;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

.Header .h_search .searchbox .input::-webkit-input-placeholder {
    color: #959595;
}

.Header .h_search .searchbox .btn {
    position: absolute;
    right: -2px;
    top: 0;
    width: 60px;
    height: 36px;
    color: #fff;
    background: #1f3b89;
    border-radius: 0 4px 4px 0;
}

.Header .h_search .searchbox .btn:hover {
    background: #1f3b89;
}

.MainNav {
    line-height: 100px;
    height: 100px;
    float: right;
}

.MainNav li {
    float: left;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

.MainNav span a {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-size: 16px;
    transition: all ease 0.3s;
    padding: 0 20px;
    color: #fff;
}

.MainNav span a em {
    position: relative;
    z-index: 1;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
}

.MainNav .bg {
    position: absolute;
    left: 50%;
    width: 0;
    top: 0;
    height: 3px;
    background: #fff;
    transition: all ease 0.3s;
}

.MainNav .arr {
    display: none;
}

.MainNav li:hover span a,
.MainNav li.onnav span a {
    color: #fff;
}

.MainNav li:hover .bg,
.MainNav li.onnav .bg,
.MainNav li span a.bg {
    width: 100%;
    left: 0;
}

.NavPull {
    z-index: 99;
    display: none;
    /* position: absolute;
    text-align: center;
    top: 100px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
    line-height: 33px;
    text-align: center;
}

.NavPull.null {
    background: none;
    padding: 0;
}

.NavPull dd {
    position: relative;
}

.NavPull a {
    color: #fff;
    padding: 0;
    display: block;
    font-size: 15px;
    padding: 4px 0;
}

.NavPull a:hover,
.NavPull dd:hover a {
    background: #1e2e59;
    color: #fff;
}

.lang {
    color: #fff
}

.lang a {
    display: inline-block;
    padding: 0 10px;
    color: #fff
}

.lang a.on {
    color: #3dd2d5
}

.openbtn {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 80px;
    height: 100px;
    background-color: #203d86;
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: end;
    align-items: flex-end;
}

.closebtn {
    /* position: fixed;
    left: 0px;
    top: 45px;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    background: rgba(0, 0, 0, 0.5); */
}

.openbtn span {
    display: block;
    height: 2px;
    background: #fff;
    margin: 3px 25px 3px 0;
    transition: all ease 0.3s;
}

.openbtn span.sp1 {
    width: 25px;
}

.openbtn span.sp2 {
    width: 15px;
}

.openbtn span.sp3 {
    width: 20px;
}

.openbtn.on .sp1 {
    -webkit-transform: translate(0, 5px) rotate(45deg) !important;
    -moz-transform: translate(0, 5px) rotate(45deg) !important;
    -ms-transform: translate(0, 5px) rotate(45deg) !important;
    -o-transform: translate(0, 5px) rotate(45deg) !important;
    transform: translate(0, 5px) rotate(45deg) !important;
}

.openbtn.on .sp2 {
    width: 25px;
    margin: 2px 25px 3px 0;
    -webkit-transform: translate(0, 0) rotate(-45deg) !important;
    -moz-transform: translate(0, 0) rotate(-45deg) !important;
    -ms-transform: translate(0, 0) rotate(-45deg) !important;
    -o-transform: translate(0, 0) rotate(-45deg) !important;
    transform: translate(0, 0) rotate(-45deg) !important;
}

.openbtn.on .sp3 {
    display: none;
}


/*  */

.MainNav.on {
    width: 100%;
    height: 100%;
    background: #203d86;
    position: fixed;
    left: 0;
    top: 0;
    line-height: unset;
}

.MainNav.on ul {
    width: 70%;
    height: 100%;
    margin: 0 auto;
    padding: 5% 0;
    display: flex;
    justify-content: center;
}

.MainNav.on li {
    width: 20%;
    margin-right: 0;
}

.MainNav.on span a {
    padding: 0;
}

.MainNav.on li:first-child {
    display: none;
}

.MainNav.on .bg {
    display: none;
}

.MainNav.on span a em {
    font-size: 30px;
}

.Header.fix .MainNav.on {
    height: 100%;
    line-height: unset;
}

.MainNav.on .NavPull {
    display: block;
}

.MainNav.on .NavPull a {
    font-size: 24px;
    color: #fff;
}

.MainNav.on .NavPull dl {
    padding: 5% 0;
    text-align: center;
}

.MainNav.on .NavPull dl dd a {
    padding: 10px 0;
}


/*  */

.Header.fix {
    height: 60px;
    background: #203d86;
}

.Header.fix .logo {
    padding-top: 10px;
}

.Header.fix .logo a img {
    height: 40px;
}

.Header.fix .MainNav,
.Header.fix .height_right {
    height: 60px;
    line-height: 60px;
}

.Header.fix .NavPull {
    top: 60px;
    background: #203D86;
}

.Header.fix .MainNav .bg {
    bottom: 15px;
}

.Header.fix .h_search .searchbox {
    top: 60px;
}

.Header.fix .openbtn {
    height: 60px;
    line-height: 60px;
}

@media ( max-width:1440px) {
    .MainNav li {
        margin-right: 10px;
    }
}

@media ( max-width:1366px) {
    .MainNav li {
        margin-right: 16px;
    }
    .Header .wrapper {
        width: 1280px;
        padding: 0 25px;
    }
    .MainNav.on ul {
        width: 80%;
    }
    .MainNav span a {
        padding: 0 10px
    }
}

@media ( max-width:1200px) {
    .MainNav.on span a em {
        font-size: 22px;
    }
    .MainNav.on .NavPull a {
        font-size: 17px;
        color: #fff;
    }
}

@media ( max-width:1024px) {
    .Header {
        height: 45px !important;
        background: #203d86;
    }
    .Header .wrapper {
        width: auto;
        padding: 0 15px;
    }
    .Header .logo {
        padding-top: 5px !important;
        width: auto;
    }
    .Header .logo img,
    .Header.fix .logo a img {
        height: 32px;
    }
    .Header.fix .height_right,
    .Header .height_right {
        height: 45px !important;
        line-height: normal;
        margin-right: 40px;
    }
    .Header .height_right li {
        margin-right: 0px;
        padding: 0px;
        border: none;
    }
    .Header .height_right .iconver {
        font-size: 22px;
    }
    .h_search {
        padding: 0 38px 0 0 !important;
        position: static;
    }
    .h_search.on .searchbox {
        display: block;
    }
    .h_search .searchbox {
        width: 96%;
        right: 2%;
        top: 45px !important;
    }
    .Header .h_search .search_ico .iconfont {
        font-size: 24px;
    }
    .Header .openbtn {
        width: 40px;
        height: 45px;
    }
    .Header .openbtn span {
        margin: 3px 15px 3px 0;
    }
    .openbtn.on .sp2 {
        margin: 2px 15px 3px 0;
    }
    .Header.fix .openbtn {
        height: 30px;
        line-height: 30px;
    }
    .closebtn {
        position: fixed;
        left: 0px;
        top: 45px;
        width: 100%;
        height: 100%;
        z-index: 10;
        display: none;
        background: rgba(0, 0, 0, 0.5);
    }
    .Header .openbtn {
        display: block;
        height: 30px;
        margin-top: 15px;
    }
    .MainNav {
        position: fixed;
        height: 100%;
        overflow-y: auto;
        z-index: 999;
        width: 200px;
        padding: 0;
        right: -200px;
        background: #fff;
        top: 45px;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all ease 0.3s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .MainNav ul {
        padding-top: 30px;
    }
    .MainNav li {
        display: block;
        position: relative;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #f9f8f6;
        width: auto;
        margin: 0;
        background: none;
    }
    .MainNav li span a {
        font-size: 16px;
        text-align: left;
        height: auto;
        display: block;
        line-height: 38px !important;
        height: auto !important;
        height: auto;
        padding: 8px 0 8px 20px;
        border: 0;
        color: #999;
    }
    .MainNav span a:after {
        display: none;
    }
    .MainNav .bg {
        display: none
    }
    .MainNav li:hover span a,
    .MainNav li.onnav span a,
    .MainNav li span a.sele {
        color: #17c463;
    }
    .MainNav .arr {
        display: inline-block;
        position: absolute;
        z-index: 10;
        width: 100px;
        line-height: 38px;
        height: 38px;
        right: 0px;
        top: -1px;
        color: #fff;
        opacity: 0.5;
    }
    .MainNav .arr i {
        position: absolute;
        height: auto;
        background: none;
        right: 15px;
        top: 0;
        transition: all ease 0.3s;
    }
    .MainNav li.onnav .arr i {
        dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
        -ms-transform: translate(0, -3px) rotate(-180deg) !important;
        -o-transform: translate(0, -3px) rotate(-180deg) !important;
        transform: translate(0, -3px) rotate(-180deg) !important;
    }
    .MainNav.on {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        right: 0;
        top: 45px;
        left: unset;
        width: 200px;
    }
    .Header.fix .MainNav,
    .Header.fix .toper,
    .Header .toper {
        /* height: 45px !important; */
        line-height: normal;
        height: 100%;
    }
    .MainNav.on ul {
        display: block;
        width: 100%;
        padding: 5%;
    }
    .MainNav.on li {
        width: 100%;
        margin-right: 0;
        border: none;
    }
    .NavPull {
        position: static;
        line-height: 30px;
        padding: 8px;
        width: auto;
        margin: 0 5px;
        text-align: left;
    }
    .MainNav.on .NavPull {
        display: none;
    }
    .NavPull dl {
        padding: 0 !important;
    }
    .NavPull dd {
        position: relative;
        text-align: left;
        display: block;
    }
    .NavPull dd a {
        padding: 0 0 0 10px;
    }
    .MainNav.on span a em {
        font-size: 16px;
        color: #fff;
    }
    .MainNav.on .NavPull dl dd a {
        padding: 0;
        font-size: 14px;
    }
}

@media ( max-width:480px) {
    .Header .h_search .searchbox {
        right: -32px;
    }
    .Header .height_right li {
        margin-left: 5px;
    }
}

@media ( max-width:375px) {
    .Header .h_search .searchbox {
        width: 314px;
    }
}


/*Bottom*/

.Footer {
    background-color: #1f3b89;
}

.Footer .Wrapper {
    width: 92%;
    margin: 0 auto;
}

.Footer .foot_top {
    padding: 4.5% 0 2%;
}

.Footer .foot_top .ft1 {
    float: left;
    width: 33.33%;
    text-align: left;
}

.foot_top .ft1 .foot_logo {
    font-family: PingFang-SC-Heavy;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    padding-bottom: 5%;
}

.foot_top .ft1 .foot_logo:before {
    content: '';
    width: 66px;
    height: 1px;
    background: #3dd2d5;
    position: absolute;
    bottom: 0;
    left: 0;
}

.foot_top .ft1 .foot_contect {
    padding: 5% 0;
}

.foot_top .ft1 .foot_contect li {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ffffff;
}

.foot_top .ft1 .foot_contect li img {
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
}

.foot_top .ft1 .foot_contect li a {
    font-family: Montserrat-Light;
    color: #ffffff;
}

.foot_top .ft2 {
    width: 33.33%;
    float: left;
    padding-left: 10%;
    position: relative;
}

.foot_top .ft2:before,
.foot_top .ft2:after {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #ffffff;
    opacity: 0.1;
    position: absolute;
    top: 0;
}

.foot_top .ft2:before {
    left: 0;
}

.foot_top .ft2:after {
    right: 0;
}

.foot_top .ft2 .links {}

.foot_top .ft2 .links li {
    padding-left: 20px;
    position: relative;
}

.foot_top .ft2 .links li:before {
    content: '';
    width: 8px;
    height: 1px;
    background-color: #3dd2d5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.foot_top .ft2 .links li.on:before,
.foot_top .ft2 .links li:hover:before {
    display: block;
}

.foot_top .ft2 .links li a {
    color: #fff;
    line-height: 40px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
}

.foot_top .ft2 .links li a:hover {
    color: #3dd2d5;
}

.foot_top .ft3 {
    width: 33.33%;
    float: right;
}

.foot_top .ft3 dl {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 63%;
    float: right;
}

.foot_top .ft3 dl dt {
    float: left;
}

.foot_top .ft3 dl dt img {
    width: 122px;
    height: 122px;
}

.foot_top .ft3 dl dd {
    float: left;
    margin-left: 5%;
}

.foot_top .ft3 dl dd .p1 {
    font-family: PingFang-SC-Heavy;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}

.foot_top .ft3 dl dd .p2 {
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.4;
}

.foot_top .ft3 .flink {
    position: relative;
    float: right;
    margin-top: 22px;
    width: 63%;
}

.foot_top .ft3 .flink span {
    position: relative;
    cursor: pointer;
    display: block;
    padding-left: 15px;
    height: 48px;
    line-height: 48px;
    color: #54585A;
    font-size: 12px;
    background: url(../image/fff_op10.png);
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #ffffff;
}

.foot_top .ft3 .flink span:before {
    content: "";
    width: 7px;
    height: 6px;
    background: url(../image/arr_t.png) center no-repeat;
    position: absolute;
    right: 21px;
    top: 50%;
    margin-top: -5px;
    transition: 0.36s;
}

.foot_top .ft3 .flink span.active:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.flink .flink_list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    background: #fff;
    display: none;
    max-height: 120px;
    overflow-y: auto;
}

.flink .flink_list li {
    border-bottom: 1px solid #1f3b89;
}

.flink .flink_list li a {
    display: inline-block;
    padding-left: 15px;
    line-height: 39px;
    color: #54585A;
}

.flink .flink_list li a:hover {
    color: #469181;
}

.foot_bottom {
    overflow: hidden;
    padding: 1.5% 0;
    position: relative;
}

.foot_bottom:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    opacity: 0.1;
    position: absolute;
    top: 0;
}

.foot_bottom .fb1 {
    width: 80%;
    float: left;
}

.foot_bottom .blinks {}

.foot_bottom .blinks a {
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.4;
    padding-right: 20px;
}

.foot_bottom .blinks a:hover {
    opacity: 1;
}

.foot_bottom .copyright {
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #8e97ba;
    line-height: 24px;
}

.foot_bottom .copyright a {
    color: #ffffff;
    opacity: 0.4;
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
}

.foot_bottom .copyright a:hover {
    opacity: 1;
}

.foot_bottom .fb2 {
    width: 20%;
    float: right;
    padding-top: 10px;
}

.toTop {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 0.9rem;
    line-height: 0.9rem;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #17c463;
    z-index: 999;
}

.toTop a {
    color: #fff;
}

.toTop a img {
    width: 0.3rem;
}

.toTop:hover {
    background: #009f46;
}

.FastRight {
    position: fixed;
    right: 0;
    top: 50%;
    width: 50px;
    transform: translate(0, -50%);
    z-index: 100;
}

.FastRight li {
    position: relative;
    margin-bottom: 1px;
}

.FastRight li .ico {
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
}

.FastRight li:hover .ico {
    background: #17c463;
}

.FastRight li .info {
    position: absolute;
    right: 0px;
    top: 0;
    line-height: 50px;
    padding: 10px;
    line-height: 30px;
    background: #17c463;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    text-align: center;
}

.FastRight li .info img {
    display: block;
    width: 120px;
    height: 120px;
    max-width: none;
}

.FastRight li .telinfo {
    font-size: 18px;
    width: 220px;
}

.FastRight li .telinfo i {
    font-size: 14px;
}

.FastRight li.on .info {
    right: 50px;
    opacity: 1;
    visibility: visible;
}

@media ( max-width:1280px) {
    .foot_top .ft1 .foot_contect li {
        font-size: 14px
    }
}

@media ( max-width:1200px) {
    .foot_top .ft3 dl,
    .foot_top .ft3 .flink {
        width: 80%;
    }
}

@media ( max-width:1024px) {
    .Footer {
        padding: 18px 0 0 0;
    }
    .foot_top .ft1 .foot_logo {
        font-size: 20px;
    }
    .foot_top .ft1 .foot_contect li {
        font-size: 14px;
        line-height: 22px;
    }
    .foot_top .ft2 .links li a {
        color: #fff;
        line-height: 22px;
    }
    .foot_top .ft3 dl,
    .foot_top .ft3 .flink {
        width: 90%;
    }
    .toTop {
        width: 0.9rem;
        height: 0.9rem;
    }
    .FastRight {
        width: 30px;
    }
    .FastRight li .ico {
        line-height: 30px;
    }
    .FastRight li.on .info {
        right: 30px;
    }
}

@media ( max-width:768px) {
    .Footer .foot_bottom dl {
        float: none;
        width: 100%;
    }
    .toTop {
        top: 50%;
        margin-top: -0.45rem;
    }
    .foot_top .ft1 .foot_logo {
        padding-bottom: 2%;
    }
    .foot_top .ft1 .foot_contect {
        padding: 2% 0;
    }
    .Footer .foot_top .ft1 {
        float: none;
        width: 100%;
        text-align: left;
    }
    .foot_top .ft2 {
        width: 100%;
        float: none;
        padding-left: 0;
        position: relative;
        padding: 0% 0;
    }
    .foot_top .ft2 .links {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 2 0;
    }
    .foot_top .ft2:before,
    .foot_top .ft2:after {
        content: '';
        height: 1px;
        width: 100%;
        background-color: #ffffff;
        opacity: 0.1;
        position: absolute;
        left: 0;
        right: unset;
    }
    .foot_top .ft2:before {
        top: 0;
    }
    .foot_top .ft2:after {
        bottom: 0;
    }
    .foot_top .ft2 .links li a {
        font-size: 14px;
    }
    .foot_top .ft3 {
        width: 100%;
        float: none;
    }
    .foot_top .ft3 dl,
    .foot_top .ft3 .flink {
        margin: 10px auto;
        float: none;
    }
    .foot_top .ft3 .flink span {
        height: 36px;
        line-height: 36px;
    }
    .foot_bottom {
        padding: 20px 0;
    }
    .foot_bottom .fb1,
    .foot_bottom .fb2 {
        width: 100%;
        float: none;
        text-align: center;
    }
}

@media ( max-width:480px) {
    .Footer {
        padding: 0;
    }
    .foot_top .ft2 .links li {
        padding-left: 10px;
        position: relative;
        width: 33.33%;
    }
}


/*Bottom*/


/*首页 s*/

.itemhover {
    transition: all ease 0.3s;
}

.activehover {
    -webkit-box-shadow: 0 15px 38px rgba(0, 0, 0, 0.18);
    box-shadow: 0 15px 38px rgba(0, 0, 0, 0.18);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}


/*第一屏 s*/


/* 
@-webkit-keyframes rightan {
    from {
        bottom: 12%;
        opacity: 0;
    }
    to {
        bottom: 8%;
        opacity: 1;
    }
} */


/* .downarr {
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -17px;
    z-index: 999;
    text-align: center;
} */

.homebody {
    padding-top: 0;
}

.homebody .Footer {
    background: none;
    border-top: 0px;
}

.HomeBan {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    background: url(http://www.guibo.com.cn/cn/images/loading.gif) center center no-repeat;
}

.HomeBan .item {
    position: relative;
    height: 100vh;
}

.HomeBan .item .txt {
    z-index: 10;
    position: absolute;
    left: 50%;
    width: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: 思源黑体 cn, SourceHanSansCN, Microsoft YaHei, arial, sans-serif;
    width: 80%;
    text-align: left;
}

.HomeBan .item .txt a {
    color: #fff;
    display: block;
    transition: all 1s ease-out;
    position: relative;
}

.HomeBan .item .txt a:before {
    position: absolute;
    content: '';
    width: 148px;
    height: 148px;
    background: url(../image/txt_bg.png) no-repeat;
    left: -2%;
}

.HomeBan .item .txt h1 {
    font-family: PingFang-SC-Medium;
    font-size: 44px;
    line-height: 90px;
    color: #ffffff;
    text-shadow: 0px 8px 4px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(130px);
    -webkit-transform: translateY(130px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    font-weight: normal;
}

.HomeBan .item .txt h2 {
    margin: 0 0 40px;
    font-size: 30px;
    line-height: 70px;
    opacity: 0;
    transform: translateY(130px);
    -webkit-transform: translateY(130px);
    -webkit-transition: all 900ms ease;
    transition: all 900ms ease;
    font-weight: normal;
}

.HomeBan .item .more_btn {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: #203d86 url(../image/arr_r_w.png) center no-repeat;
    border-radius: 50%;
    opacity: 0;
    transform: translateY(130px);
    -webkit-transform: translateY(130px);
    -webkit-transition: all 1200ms ease;
    transition: all 1200ms ease;
    position: relative;
    margin-top: 2%;
}

.HomeBan .item .more_btn:before,
.HomeBan .item .more_btn:after {
    content: '';
    width: 52px;
    height: 52px;
    background-color: #203d86;
    opacity: 0.16;
    transform-origin: 0 0;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.HomeBan .item .more_btn:before {
    width: 76px;
    height: 76px;
    animation: infinite scale 2s;
}

.HomeBan .item .more_btn:after {
    width: 98px;
    height: 98px;
    animation: infinite scale2 2s;
}

@keyframes scale {
    0% {
        transform: scale(1) translate(-50%, -50%);
        opacity: .3
    }
    100% {
        transform: scale(1.3) translate(-50%, -50%);
        opacity: 0;
    }
}

@keyframes scale2 {
    0% {
        transform: scale(1) translate(-50%, -50%);
        opacity: .3;
    }
    100% {
        transform: scale(1.6) translate(-50%, -50%);
        opacity: 0;
    }
}

.HomeBan .item .btn .iconfont {
    font-size: 16px;
}

.HomeBan .item .imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.HomeBan .item .txt:hover .more_btn {}

.HomeBan .slick-dots {
    bottom: 20px;
}

.HomeBan .slick-dots li {
    margin: 0 10px;
    width: 52px;
    position: relative;
    line-height: 10px;
}

.HomeBan .slick-dots li button {
    border: 0px;
    width: 52px;
    height: 2px;
    background: url(../image/dot1.png) center no-repeat;
    border-radius: 1px;
    display: inline-block;
}

.HomeBan .slick-dots li.slick-active button {
    background: url(../image/dot2.png) center no-repeat;
}

.HomeBan .slick-arrow {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.1);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.HomeBan .slick-prev {
    left: -100px;
    background-image: url(../image/arrleft4.png);
}

.HomeBan .slick-next {
    right: -100px;
    background-image: url(../image/arrright4.png);
}

.HomeBan:hover .slick-prev {
    left: 4%;
}

.HomeBan:hover .slick-prev:hover,
.HomeBan:hover .slick-next:hover {
    background-color: #203d86;
}

.HomeBan:hover .slick-next {
    right: 4%;
}

.HomeBan .item .txt a:hover {
    /* transform: scale(1.05); */
}

.HomeBan .item.active .txt h1,
.HomeBan .item.active .txt h2,
.HomeBan .item.active .txt .more_btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

@media ( max-width:1440px) {
    .HomeBan .item .txt h1 {
        font-size: 44px;
        line-height: 100px;
    }
    .HomeBan .item .txt h2 {
        margin: 0 0 30px;
        font-size: 16px;
        line-height: 35px;
    }
    .NavPull {
        line-height: 20px;
    }
}

@media ( max-width:1024px) {
    .HomeBan {
        padding-top: 45px;
    }
    .HomeBan .item {
        position: relative;
        height: 60vh;
    }
    .HomeBan .item .txt h1 {
        font-size: 20px;
        line-height: 90px;
    }
    .HomeBan .item .txt h2 {
        font-size: 32px;
        line-height: 35px;
    }
    .HomeBan .item .txt .p {
        font-size: 15px;
        line-height: 24px;
    }
    .HomeBan .item .txt h1 span {
        font-size: 40px;
        padding-right: 12px;
    }
    .HomeBan .slick-dots {
        bottom: 10px;
    }
    .downarr {
        display: none;
    }
}

@media ( max-width:768px) {
    .HomeBan .item .txt h1 {
        font-size: 34px;
        line-height: 90px;
    }
    .HomeBan .item .more_btn {
        width: 30px;
        height: 30px;
    }
    .HomeBan .item .txt h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .HomeBan .item .more_btn:before {
        width: 50px;
        height: 50px;
    }
    .HomeBan .item .more_btn:after {
        width: 70px;
        height: 70px;
    }
    .HomeBan .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .HomeBan .slick-arrow {
        top: 60%
    }
    .HomeBan .item .txt a:before {
        background-size: 60%;
    }
    .HomeBan .slick-dots li button {
        width: 20px;
    }
    .HomeBan .slick-dots li.slick-active button {
        background: #fff;
    }
}

@media ( max-width:640px) {
    .HomeBan {
        height: auto;
    }
    .HomeBan .item .txt {
        top: 55%;
    }
    .HomeBan .item .txt {
        width: 88%;
    }
    .HomeBan .item .txt h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .HomeBan .item .txt h2 {
        font-size: 20px;
        line-height: 35px;
    }
    .HomeBan .slick-dots li:after {
        display: none;
    }
    .HomeBan .slick-dots {
        bottom: 0;
    }
    .HomeBan .slick-dots li {
        width: 20px;
        height: 20px;
    }
}

@media ( max-width:480px) {
    .HomeBan .item {
        height: auto !important;
    }
    .HomeBan .item .imgbox {
        padding-top: 50%;
        height: auto;
        position: relative;
    }
}


/*第二屏 s*/

.Part2 {
    background: url(../image/i_bg1.jpg) top left no-repeat;
    overflow: hidden;
    padding: 8% 0;
    background-size: cover;
}

.Part2 .wrapper {
    width: 79.2%;
    position: relative;
    margin: 0 auto;
}

.Part2 .part2_l {
    width: 40%;
    float: left;
    color: #333333;
    position: relative;
    height: 600px;
    transform: translateX(-130px);
    -webkit-transform: translateX(-130px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Part2.active .part2_l {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.part_tit .tit_cn {
    font-size: 0.34rem;
    color: #333333;
    font-weight: bold;
}

.part_tit .tit_en {
    font-size: 0.14rem;
    color: #999;
    letter-spacing: 0.06rem;
}

.Part2 .part2_l .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #ffffff;
    opacity: 0.7;
    text-indent: 2em;
    text-align: justify;
}

.AboutNum {
    padding: 10% 0;
}

.AboutNum ul {
    overflow: hidden;
}

.AboutNum ul li {
    float: left;
    position: relative;
    text-align: left;
}

.AboutNum ul li:nth-child(1) {
    padding-right: 5%;
}

.AboutNum ul li:nth-child(2) {
    padding: 0 5%;
}

.AboutNum ul li:nth-child(3) {
    padding-left: 5%;
}

.AboutNum ul li:last-child {
    border-right: none;
}

.AboutNum ul li p {}

.AboutNum ul li p strong {
    font-family: Oswald-Medium;
    font-size: 72px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 72px;
    letter-spacing: 0px;
    color: #ffffff;
}

.AboutNum ul li p em {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #ffffff;
    vertical-align: top;
    margin-left: 5px;
}

.AboutNum ul li span {
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #ffffff;
}

.Part2 .part2_r {
    width: 52.6%;
    float: right;
    position: relative;
    transform: translateX(130px);
    -webkit-transform: translateX(130px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.Part2.active .part2_r {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.Part2 .part2_r .imgbox {
    overflow: hidden;
    border-radius: 20px;
    padding-top: 75.8%;
}

.Part2 .part2_r:before {
    content: '';
    width: 478px;
    height: 356px;
    background: url(../image/img_bg.png);
    border-radius: 0px 0px 0px 20px;
    position: absolute;
    bottom: -40px;
    left: -40px;
}

@media ( max-width:1680px) {
    .AboutNum ul li p strong {
        font-size: 58px;
    }
}

@media ( max-width:1600px) {
    .AboutNum ul li p strong {
        font-size: 40px;
        line-height: 48px;
    }
    .AboutNum {
        padding: 4% 0;
    }
    .Part2 .part2_r {
        margin-top: 8%;
    }
    .Part2 .part2_r .imgbox {
        overflow: hidden;
        border-radius: 20px;
        padding-top: 66.8%;
    }
    .Part2 {
        padding: 4% 0
    }
    .part_tit .tit_cn {
        font-size: 40px;
        line-height: 44px;
    }
    .part_tit {
        margin-bottom: 2%;
    }
}

@media ( max-width:1366px) {
    .AboutNum ul li p strong {
        font-size: 30px;
    }
    .more_btn {
        width: 150px;
        font-size: 12px;
    }
}

@media ( max-width:1280px) {
    .AboutNum {
        padding: 5% 0;
    }
    .AboutNum ul li:nth-child(2) {
        padding: 0 0%;
    }
    .AboutNum ul li p strong {
        font-size: 44px;
        line-height: 50px;
    }
    .AboutNum ul li p em {
        font-size: 14px;
    }
    .Part2 .part2_r {
        margin-top: 0;
    }
    .Part2 .part2_l {
        height: 360px;
    }
}

@media ( max-width:640px) {
    .AboutNum ul li p strong {
        font-size: 36px;
        line-height: 50px;
    }
}

@media ( max-width:480px) {
    .AboutNum ul li p strong {
        font-size: 28px;
        line-height: 40px;
    }
    .AboutNum ul li span {
        font-size: 14px;
    }
}


/* 每部分的标题 */

.part_tit {
    position: relative;
    margin-bottom: 6%;
}

.part_tit .tit_cn {
    font-family: PingFang-SC-Heavy;
    font-size: 44px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 20px;
}

.part_tit .tit_en {
    font-family: Montserrat-Regular;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.part_tit.white .tit_cn {
    color: #fff;
}

.part_tit.white .tit_en {
    color: #fff;
    opacity: 0.4;
}

.more_btn {
    display: block;
    width: 236px;
    height: 66px;
    background-color: #ffffff;
    border-radius: 33px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #1e2fb0;
    text-align: center;
}

.more_btn:hover {
    color: #fff;
    background: #031547;
}

@media ( max-width:1200px) {
    .more_btn {
        display: block;
        width: 194px;
        height: 48px;
        background-color: #ffffff;
        border-radius: 33px;
        font-family: PingFang-SC-Medium;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 48px;
        letter-spacing: 0px;
        color: #1e2fb0;
        text-align: center;
    }
}

@media ( max-width:1024px) {
    .part_tit {
        margin-bottom: 4%;
    }
    .part_tit .tit_cn {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .Part2 {
        padding: 5% 0;
    }
    .Part2 .wrapper {
        width: 95%;
        margin: 0 auto;
    }
    .Part2 .part2_l {
        height: auto;
        width: 100%;
        float: none;
        padding-bottom: 5%;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-delay: 0;
        transition-delay: 0;
    }
    .Part2 .part2_r {
        width: 100%;
        float: none;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-delay: 0;
        transition-delay: 0;
    }
    .Part2 .part2_r:before {
        left: -2.5%;
    }
    .AboutNum ul {
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .Part2 .more_btn {
        margin: 0 auto;
    }
}

@media ( max-width:768px) {
    .part_tit .tit_cn {
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 30px;
    }
    .Part2 .part2_l .txt {
        font-size: 14px;
        line-height: 30px;
    }
}

@media ( max-width:480px) {
    .part_tit .tit_cn {
        font-size: 22px;
        margin-bottom: 0;
        line-height: 30px;
    }
    .part_tit .tit_en {
        font-size: 12px;
    }
}


/* 第三屏 */

.Part3 {
    background: url(../image/i_bg2.jpg) top center no-repeat;
    padding: 4% 0;
}

.Part3 .wrapper {
    width: 79.2%;
    position: relative;
    margin: 0 auto;
}

.Part3 .part_tit {
    margin-bottom: 6%;
}

.Part3 .ProCenList {}

.Part3 .ProCenList ul {
    margin-left: -3.33%;
}

.Part3 .ProCenList ul li {
    background-color: #ffffff;
    border-radius: 20px;
    width: 30%;
    margin-left: 3.33%;
    float: left;
    overflow: hidden;
}

.Part3 .ProCenList ul li:nth-child(1) {
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.Part3 .ProCenList ul li:nth-child(3) {
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.Part3.active .ProCenList ul li:nth-child(1),
.Part3.active .ProCenList ul li:nth-child(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.Part3 .ProCenList ul li:nth-child(2) {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.Part3.active .ProCenList ul li:nth-child(2) {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.Part3 .ProCenList li:nth-child(2) {
    position: relative;
    top: -70px;
}

.Part3 .ProCenList li .title {
    overflow: hidden;
    position: relative;
    padding: 12% 10% 19%;
    line-height: 40px;
}

.Part3 .ProCenList li .title:before {
    content: '';
    width: 4px;
    height: 30px;
    background-color: #203d86;
    position: absolute;
    left: 0;
    top: 33%;
}

.Part3 .ProCenList li .title .tit_name {
    float: left;
    font-family: Montserrat-Regular;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.Part3 .ProCenList li .title .tit_more {
    float: right;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #7f8186;
    display: none;
}

.Part3 .ProCenList li:hover .tit_more {
    display: block;
}

.Part3 .ProCenList li .title .tit_more img {
    vertical-align: middle;
}

.Part3 .ProCenList li .img {
    padding: 15% 0;
    position: relative;
}

.Part3 .ProCenList li .img:before {
    content: '';
    width: 70px;
    height: 70px;
    background: url(../image/circle1.png) no-repeat;
    position: absolute;
    z-index: 2;
    top: -35px;
    left: 30%;
    margin-left: -35px;
    display: none;
}

.Part3 .ProCenList li:hover .img:before {
    display: block;
}

.Part3 .ProCenList li .img:after {
    content: '';
    width: 70%;
    height: 100%;
    background: #eeeff4 url(../image/i_p_bg.jpg) bottom right no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.Part3 .ProCenList li:hover .img:after {
    transition: 0.3s;
    background: #213d86 url(../image/i_p_bg_h.jpg) bottom right no-repeat;
}

.Part3 .ProCenList li .imgbox {
    padding-top: 50%;
    width: 81%;
    margin: 0 auto;
    z-index: 10;
}

@media ( max-width:1200px) {
    .Part3 {
        padding: 7% 0;
    }
}

@media ( max-width:1024px) {
    .Part3 {
        padding: 5% 0;
    }
    .Part3 .wrapper {
        width: 95%;
    }
    .Part3 .ProCenList ul li:nth-child(1),
    .Part3 .ProCenList ul li:nth-child(2),
    .Part3 .ProCenList ul li:nth-child(3) {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .Part3 .ProCenList li .title .tit_name {
        font-size: 20px;
    }
    .Part3 .ProCenList li .title:before {
        top: 30%;
    }
    .Part3 .ProCenList li .img:before {
        content: '';
        width: 50px;
        height: 50px;
        background: url(../image/circle1.png) no-repeat;
        position: absolute;
        z-index: 2;
        top: -25px;
        background-size: cover;
        left: 30%;
        margin-left: -25px;
        display: none;
    }
}

@media ( max-width:768px) {
    .Part3 .ProCenList li .title .tit_name {
        font-size: 18px;
    }
}

@media ( max-width:480px) {
    .Part3 {
        background-size: cover;
    }
    .Part3 .ProCenList ul {
        margin-left: 0;
    }
    .Part3 .ProCenList ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        float: none;
    }
    .Part3 .ProCenList li .title {
        padding: 5%;
    }
    .Part3 .ProCenList li .img {
        padding: 5% 0;
        position: relative;
    }
    .Part3 .ProCenList li:nth-child(2) {
        position: static;
        top: 0;
    }
}


/*第四屏 s*/

.Part4 {
    overflow: hidden;
    width: 100%;
}

.Part4 .core_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.Part4 .core_bg li {
    position: relative;
    display: none;
}

.Part4 .core_bg li .smBox {
    position: absolute;
    background-color: #203d86;
    border-radius: 50%;
}

.Part4 .core_bg li .bigpc {
    /* height: 100vh; */
}

.Part4 .core_bg li:nth-child(1) .smBox,
.Part4 .core_bg li:nth-child(2) .smBox {
    right: 16.4%;
    top: 20%;
}

.Part4 .core_bg li:nth-child(3) .smBox,
.Part4 .core_bg li:nth-child(4) .smBox {
    top: 40%;
    left: 16.4%;
}

.Part4 .core_bg li .smBox .smallpc {
    width: 256px;
    height: 256px;
    background-color: #203d86;
    border-radius: 50%;
    position: relative;
}

.Part4 .core_bg li .smBox .smallpc img {
    vertical-align: middle;
}

.Part4 .core_bg li .smBox .smallpc:before {
    content: '';
    width: 400px;
    height: 400px;
    background-color: #203d86;
    border-radius: 50%;
    opacity: 0.2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 0 0;
    transform: translate(-50%, -50%);
    animation: infinite scale2 2s;
}

.Part4 .wrapper {
    width: 79.2%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    height: 98%;
    padding-top: 7%;
    overflow: hidden;
}

.Part4 .pro_core {
    margin-left: -3%;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.Part4 .pro_core li {
    width: 22%;
    float: left;
    margin-left: 3%;
}

.Part4 .pro_core li dl {
    position: relative;
    min-height: 450px;
}

.Part4 .pro_core li dt {
    font-family: PingFang-SC-Heavy;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #fefefe;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 10%;
    background: url(../image/fff_op20.png) bottom repeat-x;
}

.Part4 .pro_core li:hover dt,
.Part4 .pro_core li.on dt {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.Part4 .pro_core li dt span {
    font-family: Montserrat-SemiBold;
    font-size: 30px;
    letter-spacing: 3px;
}

.Part4 .pro_core li dd {
    border-radius: 20px 20px 0px 0px;
    padding: 20% 10%;
    position: absolute;
    transition: 0.56s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -118%;
    border-bottom: 4px #203d86 solid;
}

.Part4 .pro_core li:hover dd,
.Part4 .pro_core li.on dd {
    bottom: 0;
    visibility: visible;
}

.Part4 .pro_core li:nth-child(1) dd {
    background: #fff url(../image/p_c_bg1.png) top right no-repeat;
}

.Part4 .pro_core li:nth-child(2) dd {
    background: #fff url(../image/p_c_bg2.png) top right no-repeat;
}

.Part4 .pro_core li:nth-child(3) dd {
    background: #fff url(../image/p_c_bg3.png) top right no-repeat;
}

.Part4 .pro_core li:nth-child(4) dd {
    background: #fff url(../image/p_c_bg4.png) top right no-repeat;
}

.Part4 .pro_core li dd .core_name {
    font-family: PingFang-SC-Heavy;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 10%;
    position: relative;
}

.Part4 .pro_core li dd .core_name:before {
    content: '';
    width: 66px;
    height: 1px;
    background: #203d86;
    position: absolute;
    bottom: 0;
    left: 0;
}

.Part4 .pro_core li dd .core_name span {
    font-family: Montserrat-SemiBold;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #203d86;
}

.Part4 .pro_core li dd .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #333333;
    opacity: 0.7;
    margin: 16% 0;
    text-indent: 2em;
}

.Part4 .pro_core li dd .more_btn {
    display: block;
    width: 168px;
    height: 54px;
    background-color: #203d86;
    border-radius: 27px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
}

.Part4 .pro_core li dd .more_btn img {}

@media ( max-width:1600px) {
    .Part4 .pro_core li dt,
    .Part4 .pro_core li dd .core_name {
        font-size: 24px;
    }
    .Part4 .pro_core li dt span,
    .Part4 .pro_core li dd .core_name span {
        font-size: 26px;
    }
}

@media ( max-width:1200px) {
    .Part4 .pro_core li dd .txt {
        line-height: 28px;
        margin: 10% 0;
    }
    .Part4 .pro_core li dd .more_btn {
        width: 81%;
        height: 44px;
        border-radius: 27px;
        line-height: 44px;
    }
    .Part4 .core_bg li .smBox .smallpc {
        width: 180px;
        height: 180px;
    }
    .Part4 .core_bg li .smBox .smallpc:before {
        content: '';
        width: 300px;
        height: 300px;
    }
}

@media ( max-width:1024px) {
    .Part4 .wrapper {
        padding: 5% 0;
        width: 95%;
    }
    .Part4 .pro_core {
        position: static;
    }
    .Part4 .pro_core li dl {
        position: relative;
        min-height: 350px;
    }
    .Part4 .core_bg li .bigpc {
        height: 100vh;
    }
    .Part4 .pro_core li dt,
    .Part4 .pro_core li dd .core_name,
    .Part4 .pro_core li dt span,
    .Part4 .pro_core li dd .core_name span {
        font-size: 20px;
    }
    .Part4 .core_bg li .smBox .smallpc {
        width: 100px;
        height: 100px;
        background-size: 50% !important;
    }
    .Part4 .core_bg li .smBox .smallpc:before {
        content: '';
        width: 200px;
        height: 200px;
    }
}

@media ( max-width:768px) {
    .Part4 .core_bg li:nth-child(3) .smBox,
    .Part4 .core_bg li:nth-child(4) .smBox {
        top: 32%;
    }
}

@media ( max-width:640px) {
    .Part4 .pro_core li dt,
    .Part4 .pro_core li dd .core_name,
    .Part4 .pro_core li dt span,
    .Part4 .pro_core li dd .core_name span {
        font-size: 15px;
    }
    .Part4 .pro_core li dd .txt {
        line-height: 22px;
        font-size: 14px;
    }
    .Part4 .pro_core li dl {
        position: relative;
        min-height: 300px;
    }
    .Part4 .core_bg li .bigpc {
        height: 68vh;
    }
    .Part4 .pro_core li dd .more_btn {
        width: 100%;
        height: 36px;
        border-radius: 27px;
        line-height: 36px;
    }
}

@media ( max-width:480px) {
    .Part4 .pro_core {
        position: static;
        margin-left: 0;
    }
    .Part4 .pro_core li {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .Part4 .pro_core li dl {
        position: relative;
        min-height: 240px;
    }
    .Part4 .pro_core li dt {
        position: static;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-left: 20px;
        padding-bottom: 0;
        background: url(../image/fff_op20.png) bottom repeat-y;
    }
    .Part4 .pro_core li dd {
        border-radius: 0px 20px 20px 0px;
        padding: 5%;
        position: absolute;
        transition: 0.56s;
        top: 0;
        width: 100%;
        left: -118%;
        bottom: unset;
        border-bottom: none;
        border-left: 4px #203d86 solid;
        left: 0;
        visibility: visible;
        height: 100%;
    }
    .Part4 .pro_core li:hover dd,
    .Part4 .pro_core li.on dd {
        left: 0;
        visibility: visible;
    }
    .Part4 .pro_core li:nth-child(1) dd {
        background: #fff url(../image/p_c_bg1.png) top right no-repeat;
    }
    .Part4 .pro_core li:nth-child(2) dd {
        background: #fff url(../image/p_c_bg2.png) top right no-repeat;
    }
    .Part4 .pro_core li:nth-child(3) dd {
        background: #fff url(../image/p_c_bg3.png) top right no-repeat;
    }
    .Part4 .pro_core li:nth-child(4) dd {
        background: #fff url(../image/p_c_bg4.png) top right no-repeat;
    }
    .Part4 .pro_core li dd .core_name {
        padding-bottom: 20px;
    }
    .Part4 .pro_core li dd .txt {
        margin: 20px 0;
    }
    .Part4 .core_bg li {
        display: block !important;
    }
}


/*第五屏 s*/

.Part5 {
    background: url(../image/i_bg3.jpg) top center no-repeat;
    padding: 6% 0;
}

.Part5 .wrapper {
    width: 79.2%;
    margin: 0 auto;
}

.Part5 .newsList {
    overflow: hidden;
    margin-left: -3.33%;
}

.Part5 .newsList li {
    width: 30%;
    float: left;
    margin-left: 3.33%;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.Part5.active .newsList li {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.Part5 .newsList li .imgbox {
    padding-top: 68%;
    border-radius: 20px;
}

.Part5 .newsList li .txtbox {}

.Part5 .newsList li .txtbox .title {
    font-family: PingFang-SC-Heavy;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 7%;
    text-indent: 0;
}

.Part5 .newsList li .txtbox .date {
    font-family: Montserrat-Light;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 1px;
    color: #ffffff;
    opacity: 0.6;
    padding: 7% 0;
    position: relative;
    margin-top: 7%;
}

.Part5 .newsList li .txtbox .date:before,
.Part5 .newsList li .txtbox .date:after {
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
}

.Part5 .newsList li .txtbox .date:before {
    background: #fff;
    opacity: 0.2;
    width: 100%;
}

.Part5 .newsList li .txtbox .date:after {
    background: #1f51cf;
    width: 0;
}

.Part5 .newsList li:hover .txtbox .date:after {
    width: 100%;
}

@media ( max-width:1600px) {
    .Part5 .newsList li .txtbox .title {
        font-size: 20px;
        line-height: 34px;
        height: 34px;
        margin-top: 5%;
    }
    .Part5 .newsList li .txtbox .date {
        padding: 5% 0;
        margin-top: 5%;
    }
}

@media ( max-width:1366px) {}

@media ( max-width:1024px) {
    .Part5 .wrapper {
        width: 95%;
    }
    .Part5 .newsList li {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .Part5 .newsList li .txtbox .title {
        font-size: 16px;
        line-height: 20px;
    }
}

@media ( max-width:640px) {
    .Part5 {
        background-size: cover;
    }
    .Part5 .newsList {
        overflow: hidden;
        margin-left: 0;
    }
    .Part5 .newsList li {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .Part5 .newsList li .txtbox .title {
        font-size: 20px;
        line-height: 20px;
        height: auto;
        margin-top: 3%;
    }
    .Part5 .newsList li .txtbox .date {
        padding: 2% 0;
        margin-top: 3%;
    }
}

@media ( max-width:1366px) {
    .Part5 .newsList li .txtbox .title {
        font-size: 16px;
    }
    .Part3 .ProCenList li .title .tit_name {
        font-size: 22px;
    }
    .Part3 .ProCenList li .img:before {
        width: 40px;
        height: 40px;
        background-size: 100% 100%;
        top: -20px;
        left: 35%;
    }
}

.Workingbox {
    position: relative;
}

@media ( max-height:789px) {
    .Part3 .sol_box li {
        height: 9.3rem;
    }
}

@media ( max-height:640px) {
    .Part2 .wrapper {
        padding-top: 5%;
    }
    .Part2 .part2_l .txt {
        line-height: 20px;
    }
    .Part2 .part2_l {
        height: 500px;
    }
    .data_box {
        height: 1.6rem;
    }
    .Part3 .sol_box li {
        height: 7.5rem;
    }
    .Part3 .sol_box li.on .box_ico {
        margin-bottom: 0.2rem;
    }
    .Part3 .sol_box li.on .box_txt {
        margin: 0.2rem 0;
    }
    .more_btn {
        height: 40px;
        line-height: 40px;
        width: 180px;
    }
    .Part3 .ProCenList li .title {
        padding: 10px
    }
    .Part3 .ProCenList li .img {
        padding: 5% 0
    }
    .part_tit {
        margin-bottom: 2%;
    }
    .Part4 .pro_core li dd {
        padding: 10%
    }
    .Part4 .pro_core li dd .txt {
        line-height: 20px;
    }
    .Part3 {
        padding: 8% 0
    }
}


/*首页 end*/


/*栏目页公用样式 s*/

.SubPage {
    height: auto !important;
    height: 200px;
    min-height: 200px;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: hidden;
}

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

.SubBan .imgbox {
    padding-top: 36.52%;
}

.SubBan .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10.4%;
    color: #fff;
    line-height: 36px;
    font-size: 18px;
    z-index: 2;
    width: 60%
}

.SubBan .text .text_r {
    height: 40px;
    line-height: 40px;
    margin: 28px 0;
    display: inline-block;
}

.SubBan .text .text_r input {
    border: 1px solid #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 300px;
    text-indent: 10px;
    color: #fff;
    border-radius: 5px
}

.SubBan .text .text_r input::placeholder {
    color: #fff;
    opacity: 1
}

.SubBan .text .text_r select {
    width: 100px;
    height: auto;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px
}

.SubBan .text .text_r select option {
    color: #333
}

.SubBan .text .text_r button {
    display: inline-block;
    width: 120px;
    text-align: center;
    background: #1F3B89;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 5px
}

.SubBan .text .tit_en {
    font-family: Montserrat-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-bottom: 5%;
}

.SubBan .text .tit_cn {
    font-family: PingFang-SC-Heavy;
    font-size: 56px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 60px;
    color: #ffffff;
}

.SubBan .arr_btn {
    display: block;
    position: absolute;
    bottom: 20%;
    right: 10.4%;
    width: 52px;
    height: 52px;
    background: #3dd2d5 url(../image/arr_b_w.png) center no-repeat;
    z-index: 99;
    border-radius: 50%;
}

.SubBan .arr_btn:before,
.SubBan .arr_btn:after {
    content: '';
    width: 52px;
    height: 52px;
    background-color: #3dd2d5;
    opacity: 0.16;
    transform-origin: 0 0;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.SubBan .arr_btn:before {
    width: 76px;
    height: 76px;
    animation: infinite scale 2s;
}

.SubBan .arr_btn:after {
    width: 98px;
    height: 98px;
    animation: infinite scale2 2s;
}

.SubBan .Position {
    position: absolute;
    bottom: 0;
    left: 10.4%;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 72px;
    letter-spacing: 0px;
    color: #ffffff;
    z-index: 99;
}

.SubBan .Position a {
    color: #ffffff;
}

.SubBan .Position span {}

.SubBan .Position em {
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #fff;
    opacity: 0.2;
    margin: 0 10px;
    position: relative;
    top: -5px;
    left: 3px;
}

.ColumnName {
    font-weight: normal;
    background: #fff;
    color: #333;
    display: none;
    position: relative;
    z-index: 100;
    line-height: 36px;
}

.ColumnName h2 {
    font-weight: normal;
    font-size: 15px;
}

.ColumnName .arr {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
    right: 0;
    top: 0;
    transition: all ease 0.3s;
}

.ColumnName .iconfont {
    font-size: 24px;
    display: inline-block;
    margin: 0px 30px 0 0;
}

.SubMenu {
    background: #fff;
    line-height: 70px;
    height: 70px;
    text-align: center;
    border-bottom: solid 1px #e9ebee;
}

.SubMenu ul {
    overflow: hidden;
}

.SubMenu li {
    position: relative;
    float: left;
    font-size: 18px;
}

.SubMenu .i2 li {
    width: 50%;
}

.SubMenu .i3 li {
    width: 33.33%;
}

.SubMenu .i4 li {
    width: 25%;
}

.SubMenu .i5 li {
    width: 20%;
}

.SubMenu li a {
    position: relative;
    z-index: 1;
    display: block;
    font-family: PingFang-SC-Medium;
    color: #333333;
}

.SubMenu li .bg {
    position: absolute;
    z-index: 0;
    width: 0;
    bottom: 0;
    height: 100%;
    left: 50%;
    background: #1f3b89;
    transition: all ease 0.3s;
    font-size: 0;
}

.SubMenu li:hover .bg,
.SubMenu li.onli .bg {
    width: 100%;
    left: 0;
}

.SubMenu li a:hover,
.SubMenu li.onli a {
    color: #fff;
}

.SinglePage {
    position: relative;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    color: #666666;
}

.SinglePage video {
    width: 80% !important;
    margin: 0px auto;
    height: auto !important;
}

.newsinfo {
    max-width: 1000px;
    margin: 0px auto;
}

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

.SubTit h2 {
    line-height: 41px;
    font-size: 36px;
    color: #333333;
}

.SubTit h2 i {
    display: block;
    margin: 0px auto;
    width: 72px;
    height: 27px;
    border-bottom: 1px solid #de1014;
}

.SubTit .p {
    margin-top: 22px;
}

.SubTit:first-child {
    padding-top: 0
}

.SubTit.tl {
    text-align: left;
}

.SubTit.tl i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    height: 1px;
}

.VideoInfo {
    width: 55%;
    margin: 25px auto;
    position: relative;
}

.VideoInfo video {
    object-fit: fill;
}

.VideoInfo .title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
}

.mfp-close {
    border-radius: 50%;
    background: #0080af;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    opacity: 1;
    width: 39px;
    height: 39px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
}

@media ( max-width:1600px) {
    .SubBan .text h1 {
        font-size: 38px;
    }
}

@media ( max-width:1440px) {
    .SubBan .text .tit_cn {
        font-size: 42px;
    }
    .SubBan .text .tit_en {
        font-size: 18px;
    }
    .SubMenu li {
        font-size: 16px;
    }
}

@media ( max-width:1024px) {
    .SubBan .text .tit_cn {
        font-size: 30px;
        line-height: 30px;
    }
    .SubBan .text .tit_en {
        font-size: 16px;
        line-height: 20px;
    }
    .Place {
        line-height: 30px;
    }
    .ColumnName {
        display: block;
        padding-left: 30px;
        font-size: 18px;
    }
    .SubMenu {
        line-height: 34px;
        height: auto;
        text-align: left;
        padding: 10px 0;
        background: #fff;
    }
    .SubMenu .Contain {
        max-width: none;
        margin: 0 2%;
        width: 96%;
    }
    .SubMenu ul {
        display: none;
        padding: 5px 0;
    }
    .SubMenu li {
        display: block;
        min-width: 100%;
        background: none;
        float: none;
        font-size: 14px;
    }
    .SubMenu li .bg {
        display: none;
    }
    .SubMenu li a {
        padding-left: 28px;
        margin: 0;
    }
    .SubMenu li a:hover,
    .SubMenu li.onli a {
        color: #3dd2d5;
    }
    .SubMenu li a:hover:before,
    .SubMenu li.onli a:before {
        width: 10px;
        left: 0;
    }
    .SubMenu li a:hover:after,
    .SubMenu li.onli a:after {
        right: 0;
    }
    .SubPage {
        padding-bottom: 25px;
    }
    .SinglePage {
        line-height: 24px;
        font-size: 14px;
    }
    .SinglePage video {
        width: 100% !important;
    }
    .SinglePage img {
        width: auto !important;
        height: auto !important;
    }
    .SubTit {
        text-align: center;
        padding: 25px 0 20px;
    }
    .SubTit h2 {
        font-size: 18px;
    }
    .SubTit h2 i {
        width: 20px;
        height: 5px;
    }
}

@media ( max-width:768px) {
    .SubBan .text .tit_cn {
        font-size: 22px;
        line-height: 30px;
    }
    .SubBan .text .tit_en {
        font-size: 14px;
        line-height: 20px;
    }
    .SubBan .Position {
        font-size: 12px;
        line-height: 20px;
        bottom: 10px;
        left: 6.4%;
    }
    .SubBan .arr_btn {
        width: 30px;
        height: 30px;
        bottom: 30%;
    }
    .SubBan .arr_btn:before {
        width: 50px;
        height: 50px;
    }
    .SubBan .arr_btn:after {
        width: 70px;
        height: 70px;
    }
    .SubBan .text {
        left: 6.4%
    }
}

@media ( max-width:480px) {
    .SubBan .text .tit_cn {
        font-size: 20px;
        line-height: 20px;
    }
    .SubBan .text .tit_en {
        font-size: 14px;
        line-height: 16px;
    }
    .SubBan .imgbox {
        padding-top: 54%;
    }
}


/*栏目页公用样式 end*/

.SubCon .wrapper {
    max-width: 79.2%;
    width: 100%;
    margin: 0 auto;
}

.SubCon .Stitle {}

.SubCon .Stitle .st_cn {
    font-family: PingFang-SC-Heavy;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #333333;
}

.SubCon .Stitle .st_en {
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #1f3b89;
    opacity: 0.3;
}

.SubCon .Stitle.fw .st_cn,
.SubCon .Stitle.fw .st_en {
    color: #fff;
}

@media ( max-width:1024px) {
    .SubCon .wrapper {
        max-width: 95%;
    }
    .SubCon .Stitle .st_cn {
        font-size: 28px;
        line-height: 40px;
    }
    .SubCon .Stitle .st_en {
        font-size: 14px;
        line-height: 30px;
    }
}

@media ( max-width:768px) {
    .SubCon .Stitle .st_cn {
        font-size: 24px;
        line-height: 32px;
    }
}


/* 关于我们 */

.SubPart1 {
    background: url(../image/ab_bg.jpg) top center no-repeat;
}

.SubPart1 .partBox1 {
    padding: 10% 0;
}

.SubPart1 .partBox1 .Stitle {
    /*float: left;*/
    text-align: center;
    margin-bottom: 3%;
    display: none;
}

.SubPart1 .partBox1 .txtbox {
    width: 48%;
    float: left;
    margin-top: 5%;
}

.SubPart1 .partBox1 .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 30px;
    line-height: 50px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    margin-bottom: 15px;
    color: #1f3b89;
  
}

.SubPart1 .partBox1 .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 2px;
    color: #777777;
    text-indent: 2em;
    max-height: 374px;
    overflow-y: auto;
    padding-right: 5%;
}

.SubPart1 .partBox1 .AboutNum {
    padding-top: 5%;
}

.SubPart1 .partBox1 .AboutNum ul li p strong {
    color: #203d86;
}

.SubPart1 .partBox1 .AboutNum ul li p em,
.SubPart1 .partBox1 .AboutNum ul li span {
    color: #333;
}

.SubPart1 .partBox1 .p1_r {
    width: 45%;
    float: right;
    position: relative;
}

.SubPart1 .partBox1 .p1_r:before {
    content: '';
    width: 66%;
    height: 60%;
    background: #203d86;
    border-radius: 0px 0px 0px 20px;
    position: absolute;
    bottom: -40px;
    left: -40px;
}

.SubPart1 .partBox1 .imgbox {
    overflow: hidden;
    border-radius: 20px;
    padding-top: 76%;
}

.SubPart1 .partBox2 {
    padding: 10% 0 5%;
}

.SubPart1 .partBox2 .pcbox {
    text-align: center;
}

.SubPart1 .partBox2 .pcbox img {}

@media ( max-width:1530px) {
.SubPart1 .partBox1 .txtbox{
    margin-top: 4%;
}
}

@media ( max-width:1366px) {
    .SubPart1 .partBox1 .txtbox .txt {
        font-size: 14px;
        line-height: 20px;
    }.SubPart1 .partBox1 .txtbox{
    margin-top: 2%;
}
}
@media ( max-width:1280px) {
.SubPart1 .partBox1 .txtbox{
    margin-top:0;
}
}
@media ( max-width:1024px) {
    .SubPart1 .partBox1 .txtbox .tit {
        font-size: 24px;
        line-height: 56px;
      
    }
    .SubPart1 .partBox1 .txtbox .txt {
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
    }
}

@media ( max-width:768px) {
    .SubPart1 .partBox1 .Stitle {
        width: 100%;
        text-align: center;
    }
    .SubPart1 .partBox1 .txtbox {
        width: 100%;
    }
    .SubPart1 .partBox1 .txtbox .tit {
        font-size: 20px;
        line-height: 40px;
        margin-top: 2%;
    }
    .SubPart1 .partBox1 .p1_r {
        width: 100%;
    }
    .SubPart1 .partBox1 .p1_r:before {
        display: none;
    }
}

@media ( max-width:480px) {
    .SubPart1 .partBox2 {
        padding: 5% 0;
    }
    .SubPart1 .partBox1 .txtbox .tit {
        font-size: 16px;
        line-height: 30px;
        margin-top: 2%;
    }
    .SubBan .Position {
        width: 100%;
    }
}


/* 发展历程 */

.SubPart2 {
    padding: 5% 0;
    background: url(../image/his_bg.jpg) top center no-repeat;
    background-size: cover;
}

.timeline {
    overflow: hidden;
    margin: 30px auto;
    position: relative;
}

.timeline .dates {
    width: 100%;
    overflow: hidden;
    height: 140px;
    position: relative;
}

.timeline .dates:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e9ebee;
    opacity: 0.2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.timeline .dates li {
    list-style: none;
    float: left;
    width: 300px;
    height: 140px;
    text-align: center;
    background: url('../image/biggerdot.png') center no-repeat;
}

.timeline .dates a {
    font-family: Montserrat-Regular;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 232px;
    letter-spacing: 0px;
    color: #ffffff;
}

.timeline .dates .selected {
    font-weight: bold;
    font-stretch: normal;
    line-height: 140px;
    letter-spacing: 0px;
    font-size: 88px;
}

.timeline .issues {
    width: 1000px;
    overflow: hidden;
    padding: 5% 0px 0;
}

.timeline .issues li {
    width: 1516px;
    list-style: none;
    float: left;
}

.timeline .issues li .itembox {
    overflow: hidden;
    margin: 0 auto;
}

.timeline .issues li .imgbox {
    float: left;
    width: 35%;
    padding-top: 20%;
}

.timeline .issues li .txt {
    width: 60%;
    float: right;
    max-height: 240px;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 12%;
}

.timeline .issues li .txt .time {
    font-family: Montserrat-SemiBold;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-bottom: 5%;
}

.timeline .issues li .txt p {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 2px;
    color: #ffffff;
    opacity: 0.7;
    padding-left: 20px;
    position: relative;
}

.timeline .issues li .txt p:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../image/circle2.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 14px;
}

.timeline .next,
.timeline .prev {
    position: absolute;
    font-size: 70px;
    top: 42px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    color: #000;
}

.timeline .next {
    right: 0;
    background: #abb7d4 url('../image/arr_r_w.png') center no-repeat;
}

.timeline .prev {
    left: 0;
    background: #abb7d4 url('../image/arr_l_w.png') center no-repeat;
}

.timeline .next:hover {
    background: #3dd2d5 url('../image/arr_r_w.png') center no-repeat;
}

.timeline .prev:hover {
    background: #3dd2d5 url('../image/arr_l_w.png') center no-repeat;
}

.timeline .next.disabled,
.timeline .prev.disabled {
    opacity: 0.2;
}

@media ( max-width:1800px) {
    .timeline .issues li {
        width: 1510px;
    }
}

@media ( max-width:1680px) {
    .timeline .issues li {
        width: 1330px;
    }
}

@media ( max-width:1600px) {
    .timeline .issues li {
        width: 1267px;
    }
}

@media ( max-width:1440px) {
    .timeline .dates li {
        width: 228px;
        height: 110px;
    }
    .timeline .dates {
        height: 110px;
    }
    .timeline .dates .selected {
        font-size: 70px;
        height: 110px;
        line-height: 110px;
    }
    .timeline .dates a {
        line-height: 180px;
    }
    .timeline .next,
    .timeline .prev {
        top: 32px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .timeline .issues li {
        width: 1140px;
    }
}

@media ( max-width:1366px) {
    .timeline .issues li {
        width: 1088px;
    }
}

@media ( max-width:1200px) {
    .timeline .issues li {
        width: 1015px;
    }
}

@media ( max-width:1024px) {
    .timeline .dates .selected {
        font-size: 60px;
        height: 80px;
        line-height: 80px;
    }
    .timeline .dates {
        height: 80px;
    }
    .timeline .dates li {
        width: 190px;
        height: 80px;
    }
    .timeline .dates a {
        font-size: 24px;
        line-height: 116px;
    }
    .timeline .next,
    .timeline .prev {
        top: 17px;
    }
    .timeline .issues li {
        width: 972px;
    }
    .timeline .issues li .txt {
        height: unset;
        max-height: unset;
    }
    .timeline .issues li .txt .time {
        font-size: 30px;
        line-height: 40px;
    }
    .timeline .issues li .txt p {
        font-size: 16px;
        line-height: 30px;
    }
}

@media ( max-width:992px) {
    .timeline .issues li {
        width: 942px;
    }
}

@media ( max-width:768px) {
    .timeline .dates .selected {
        font-size: 40px;
        height: 60px;
        line-height: 60px;
    }
    .timeline .dates {
        height: 60px;
    }
    .timeline .dates li {
        width: 120px;
        height: 60px;
    }
    .timeline .dates a {
        font-size: 20px;
        line-height: 90px;
    }
    .timeline .next,
    .timeline .prev {
        top: 8px;
    }
    .timeline .issues li {
        width: 730px;
    }
    .timeline .issues li .itembox {
        width: 100%;
    }
    .timeline .issues li .txt p {
        font-size: 14px;
        line-height: 30px;
    }
}

@media ( max-width:640px) {
    .timeline .issues li {
        width: 608px;
    }
    .timeline .issues li .txt .time {
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 10px;
    }
    .timeline .issues li .txt p {
        font-size: 14px;
        line-height: 24px;
    }
    .timeline .issues li .txt p:before {
        top: 8px;
    }
}

@media ( max-width:480px) {
    .timeline .dates a {
        font-size: 14px;
    }
    .timeline .dates .selected {
        font-size: 30px;
    }
    .timeline .dates li {
        width: 91px;
        height: 60px;
    }
    .timeline .issues li {
        width: 456px;
    }
    .timeline .issues li .txt .line {
        margin-bottom: 10px;
    }
    .timeline .issues li .imgbox {
        padding-top: 35%;
    }
    .timeline .issues li .imgbox,
    .timeline .issues li .txt {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}

@media ( max-width:414px) {
    .timeline .issues li {
        width: 394px;
    }
}

@media ( max-width:375px) {
    .timeline .issues li {
        width: 356.3px;
    }
    .timeline .dates .selected {
        font-size: 24px;
    }
    .timeline .dates li {
        width: 90px;
        height: 60px;
    }
}

@media ( max-width:360px) {
    .timeline .issues li {
        width: 342px;
    }
}


/* 企业文化 */

.SubPart3 {
    padding: 4% 0;
    background: url(../image/cul_bg.jpg) top center no-repeat;
    background-size: cover;
}

.SubPart3 .valuebox {}

.SubPart3 .valuebox .vtit {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
    padding: 2% 0;
    text-align: center;
}

.SubPart3 .valuebox .vtit span {
    font-family: Montserrat-SemiBold;
    color: #203d86;
}

.SubPart3 .valuebox .vbox {}

.SubPart3 .valuebox .vbox ul {
    margin-left: -2%;
    overflow: hidden;
}

.SubPart3 .valuebox .vbox ul li {
    width: 48%;
    margin-left: 2%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 2%;
}

.SubPart3 .valuebox .vbox .txtbox {
    position: absolute;
    padding: 5%;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 99;
    transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.SubPart3 .valuebox .vbox li:hover .txtbox {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.SubPart3 .valuebox .vbox .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.SubPart3 .valuebox .vbox .txtbox .line {
    width: 44px;
    height: 1px;
    background: #28bbd7;
    margin: 20px 0;
}

.SubPart3 .valuebox .vbox .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    overflow: hidden;
    height: 90px;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}

.SubPart3 .valuebox .vbox .imgbox {
    padding-top: 39.3%;
}

@media ( max-width:1024px) {
    .SubPart3 .valuebox .vtit {
        font-size: 22px;
    }
    .SubPart3 .valuebox .vbox .txtbox {
        bottom: 23%;
    }
    .SubPart3 .valuebox .vbox .txtbox .tit {
        font-size: 18px;
        line-height: 30px;
    }
    .SubPart3 .valuebox .vbox .txtbox .line {
        margin: 10px 0;
    }
    .SubPart3 .valuebox .vbox .txtbox .txt {
        font-size: 14px;
        line-height: 24px;
        height: 72px;
    }
    .SubPart3 .valuebox .vbox li:hover .txtbox {
        bottom: 0;
    }
}

@media ( max-width:768px) {
    .SubPart3 .valuebox .vbox .txtbox {
        bottom: 34%;
    }
}

@media ( max-width:480px) {
    .SubPart3 .valuebox .vbox ul li {
        width: 98%;
    }
}


/*  */

.SubPart4 {
    background: url(../image/v_bg.jpg) center no-repeat;
}

.SubPart4 * {
    box-sizing: border-box;
}

.SubPart4 .ytable {
    display: table;
    width: 100%;
    background: url(../image/000_op40.png);
    border-right: 1px #686868 solid;
}

.SubPart4 .item:last-child .ytable {
    border: none;
}

.SubPart4 .ytable-cell {
    display: table-cell;
    vertical-align: middle;
}

.SubPart4 .title {
    text-align: center;
}

.SubPart4 .item {
    position: relative;
    width: 10.5%;
    height: 620px;
    float: left;
    transition: width .5s ease;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
}

.SubPart4 .item:nth-child(2n) {
    background-color: rgb(0 32 99 / 20%);
}

.SubPart4 .item .item-inner {
    overflow: hidden;
    width: 100%;
    height: 620px;
    position: relative;
    display: none;
}

.SubPart4 .item .text {
    height: 100%;
    text-align: center;
}

.SubPart4 .item.active .text {
    display: none;
}

.SubPart4 .item .text span {
    font-family: Montserrat-SemiBold;
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.SubPart4 .item .text h3 {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    margin: 0 auto;
    color: #ffffff;
    writing-mode: vertical-lr;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-lr;
    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}

.SubPart4 .item .word {
    position: relative;
    margin-top: 15%;
    color: #b6b6b6;
}

.SubPart4 .item .word .no {
    position: absolute;
    top: 0;
    left: 0;
    font-family: Montserrat-SemiBold;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #203d86;
}

.SubPart4 .item .word .txtbox {
    color: #ffffff;
    width: 90%;
    padding-left: 7%;
}

.SubPart4 .item .word .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
}

.SubPart4 .item .word .txtbox .ico {
    margin: 2% 0;
}

.SubPart4 .item .word .txtbox .txt {
    padding-top: 2%;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    text-indent: 2em;
}

.SubPart4 .item.active {
    width: 58%;
}

@media only screen and (max-width:1024px) {
    .SubPart4 .item.active {
        padding: 0 0 0 3%;
    }
    .SubPart4 .item .word {
        width: 100%;
        padding-right: 3%;
        position: relative;
        z-index: 5;
    }
    .SubPart4 .item .text h3 {
        font-size: 18px;
    }
    .SubPart4 .item {
        height: 400px;
    }
}

@media only screen and (max-width:767px) {
    .SubPart4 {
        background-size: cover;
    }
    .SubPart4 .item {
        width: 100% !important;
        height: 150px;
        transition: height .5s ease;
        -webkit-transition: height .5s ease;
        -moz-transition: height .5s ease;
        -ms-transition: height .5s ease;
    }
    .SubPart4 .item.active,
    .SubPart4 .item .item-inner {
        height: auto;
        overflow: hidden;
    }
    .SubPart4 .h3 {
        margin-bottom: 10%;
    }
    .SubPart4 .item .word {
        margin-bottom: 10%;
        padding-left: 0;
    }
    /* .SubPart4 .item .word .no {
        position: relative;
        text-align: center;
    } */
    .SubPart4 .item .text h3 {
        font-size: 18px;
    }
    .SubPart4 .item .text img {
        max-width: 50px;
    }
    .SubPart4 .item .pic {
        display: none;
    }
}

@media(max-width:1024px) {
    .SubPart4 .item .word .txtbox .tit {
        font-size: 22px;
    }
}

@media(max-width:768px) {
    .SubPart4 .item .text span,
    .SubPart4 .item .word .no {
        font-size: 24px;
    }
    .SubPart4 .item .word .txtbox .tit {
        font-size: 20px;
    }
    .SubPart4 .item .word .txtbox {
        padding-left: 10%;
    }
    .SubPart4 .item .word .txtbox .txt {
        font-size: 14px;
        line-height: 26px;
    }
}

@media(max-width:480px) {
    .SubPart4 {
        background: url(../image/v_bg.jpg) center no-repeat;
        background-size: cover;
    }
    .SubPart4 .item .word .no {
        color: #fff;
    }
    .SubPart4 .item.active {
        padding: 0;
    }
    .SubPart4 .item .text h3 {
        writing-mode: inherit;
    }
    .SubPart4 .item .text {
        display: none;
    }
    .SubPart4 .item,
    .SubPart4 .item .item-inner {
        display: block;
        height: auto;
    }
    .SubPart4 .item .word {
        margin: 5% 0;
    }
}


/* 荣誉资质 */

.SubPart5 {
    padding: 4% 0;
    background: url(../image/ho_bg.jpg) top center no-repeat;
}

.cjlist {}

.cjlist .slider {
    padding: 3% 0 0;
}

.cjlist .slider li {
    margin-left: 16px;
    background: none;
    text-align: center;
    padding: 5px;
    background: #e0e7f2;
    border: 1px solid #c0cde2;
}

.cjlist .slider li img {
    height: 302px;
}


/* .cjlist .slider li .imgbox {
    padding-top: 67%;
} */

.cjlist .slider li .tit {
    font-family: SourceHanSansCN-Medium;
    font-size: 19px;
    text-align: center;
    color: #7f7f7f;
    padding-top: 20px;
}

.cjlist .slider li:hover .tit {
    color: #007cc2;
}

.cjlist .slider .slick-prev,
.cjlist .slider .slick-next {
    border-radius: 50%;
    width: 52px;
    height: 52px;
    top: -10%;
    left: unset;
}

.cjlist .slider .slick-prev {
    right: 72px;
    background: #95a5c9 url(../image/arr_l_w.png) center no-repeat;
}

.cjlist .slider .slick-next {
    right: 0;
    background: #95a5c9 url(../image/arr_r_w.png) center no-repeat;
}

.cjlist .slider .slick-prev:hover {
    background: #203d86 url(../image/arr_l_w.png) center no-repeat;
}

.cjlist .slider .slick-next:hover {
    background: #203d86 url(../image/arr_r_w.png) center no-repeat;
}

@media ( max-width:1440px) {}

@media ( max-width:1024px) {
    .cjlist .slider li {
        line-height: 226px;
    }
}

@media ( max-width:768px) {}

@media ( max-width:480px) {}


/* 新闻中心 */

.newsbox {
    padding: 5% 0;
}

.newsbox .xxk {
    display: inline-block;
    width: 100%;
    margin-bottom: 5%;
}

.newsbox .xxk .xxkbox {
    height: 30px;
    line-height: 30px;
    margin: 15px auto
}

.newsbox .xxk .xxkbox span {
    width: 60px;
    text-align: right;
    text-align: justify;
    text-align-last: justify;
}

.newsbox .xxk .xxkbox p {
    margin-left: 1%;
}

.newsbox .xxk .xxkbox p a {
    display: inline-block;
    margin: 0 20px;
    padding: 0 15px
}

.newsbox .xxk .xxkbox p a.on {
    background: #203D86;
    color: #fff
}

.newsbox .xxk .xxkbox input {
    width: 20%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dedede;
    margin: 0 20px;
    text-indent: 1em;
    display: inline-block;
}

.newsbox .xxk .xxkbox button {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #203D86;
    color: #fff
}

@media ( max-width:768px) {
    .newsbox .xxk .xxkbox {
        height: auto;
        line-height: 30px;
        margin: 5px auto;
        display: inline-block;
        width: 100%;
    }
    .newsbox .xxk .xxkbox p a {
        display: inline-block;
        margin: 0 0px;
        padding: 0 8px;
    }
    .newsbox .xxk .xxkbox input {
        width: 50%;
        ;
        margin-left: 0;
    }
    .newsbox .xxk .xxkbox button {
        width: 80px;
    }
    .newsbox .xxk .xxkbox p {
        margin-left: 0;
    }
}

@media ( max-width:768px) {
    .newsbox .xxk .xxkbox input {
        width: 40%;
    }
    .newsbox ul {
        margin-left: -3%;
    }
}

.newsbox ul li {
    width: 30.33%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
}

.newsbox ul li .imgbox {
    padding-top: 68%;
}

.newsbox ul li .txtbox {
    position: relative;
}

.newsbox ul li .txtbox .more {
    width: 70px;
    height: 70px;
    background: url(../image/circle3.png) center no-repeat;
    position: absolute;
    top: -35px;
    right: -35px;
    display: none;
    animation: rt 4s infinite linear;
}

.newsbox ul li .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 5%;
}

.newsbox ul li .txtbox .txt {
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 1px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 5% 0;
    text-indent: 2em;
}

.newsbox ul li .txtbox .timer {
    font-family: Montserrat-Light;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 1px;
    color: #333333;
    opacity: 0.6;
    padding-top: 5%;
    position: relative;
}

.newsbox ul li .txtbox .timer:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    position: absolute;
    top: 0;
    left: 0;
}

.newsbox ul li .txtbox .timer:after {
    content: '';
    width: 0;
    height: 1px;
    background-color: #28bbd7;
    position: absolute;
    top: 0;
    left: 0;
}

.newsbox ul li:hover .timer:after {
    width: 100%;
    transition: 0.3s;
}

.newsbox ul li:hover .txtbox {
    background-color: #ffffff;
}

.newsbox ul li:hover .tit {
    color: #1f3b89;
}

.newsbox ul li:hover .txtbox .more {
    display: block;
}

@media ( max-width:1440px) {
    .newsbox ul li .txtbox .more {
        width: 40px;
        height: 40px;
        top: -20px;
        right: -20px;
        background-size: 100% 100%
    }
}

@media ( max-width:1024px) {}

@media ( max-width:800px) {
    .newsbox ul {
        margin-left: -2%;
    }
    .newsbox ul li {
        width: 48%;
        margin-left: 2%;
    }
}

@media ( max-width:480px) {
    .newsbox ul {
        margin-left: 0;
    }
    .newsbox ul li {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .newsbox ul li .txtbox {
        padding: 5%;
    }
    .newsbox ul li .txtbox .tit {
        white-space: pre-wrap;
        font-size: 18px;
        line-height: 30px;
    }
    .newsbox ul li .txtbox .txt {
        -webkit-line-clamp: unset
    }
}


/* 汽车电子 */

.AutoCon {
    padding: 3% 0;
}

.ProType {}

.ProType ul {
    text-align: center;
}

.ProType ul li {
    display: inline-block;
    font-family: PingFang-SC-Heavy;
    font-size: 18px;
    line-height: 42px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #777777;
    margin: 0 10px;
    height: 42px;
    border-radius: 21px;
    text-align: center;
    padding: 0 30px;
    cursor: pointer;
}

.ProType ul li:hover,
.ProType ul li.on {
    color: #ffffff;
    background-color: #3dd2d5;
}

.ProList {
    overflow: hidden;
    margin-left: -3%;
    padding: 5% 0;
}

.ProList a {}

.ProList dl {
    float: left;
    width: 30.33%;
    margin-left: 3%;
    border: solid 3px #fbfbfd;
    box-sizing: border-box;
    margin-bottom: 3%;
}

.ProList dl dt {
    height: 310px;
    background-color: #fbfbfd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ProList dl dt img {
    display: block;
    max-height: 280px;
    max-width: 80%;
    margin: 0 auto;
}

.ProList dl dd {
    padding: 5%;
}

.ProList dl dd .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #1f3b89;
    text-align: center;
    margin-bottom: 5%;
}

.ProList dl dd .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #777777;
    overflow: hidden;
    height: 90px;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ProList dl:hover dt {
    background-color: #1f3b89;
}

.ProList dl:hover {
    transition: 0.3s;
    border: solid 3px #1f3b89;
}

@media ( max-width:768px) {
    .ProList {
        margin-left: -3%;
    }
    .ProType ul li {
        margin: 0
    }
    .ProList dl {
        width: 47%;
        margin-left: 3%;
    }
    .ProList dl dd .tit {
        font-size: 20px;
    }
}

@media ( max-width:480px) {
    .ProList {
        margin-left: 0;
    }
    .ProList dl {
        width: 100%;
        margin-left: 0%;
    }
    .ProList dl dt {
        height: 280px;
    }
    .ProList dl dt img {
        max-height: 240px;
    }
    .ProList dl dd .tit {
        font-size: 18px;
        margin-bottom: 0;
    }
    .ProList dl dd .txt {
        height: auto;
        font-size: 14px;
        line-height: 26px;
        -webkit-line-clamp: unset;
        text-align: justify;
    }
}


/* 新闻详情 */

.bg1 {
    background-color: #f3f4f8;
    padding: 4% 0;
}

.newsCon {
    background: #ffffff;
    overflow: hidden;
}

.NewsDetail {
    padding: 5%;
    width: 73%;
    float: left;
    box-sizing: border-box;
}

.NewsDetail .De_top {
    padding-bottom: 20px;
    border-bottom: 2px #eaeaea solid;
}

.NewsDetail .De_top .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #000000;
    padding-bottom: 2%;
    text-overflow: unset;
    overflow: visible;
    height: auto;
    white-space: normal;
}

.NewsDetail .De_top .exp {
    overflow: hidden;
}

.NewsDetail .De_top .exp p {
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #999999;
    display: inline-block;
    margin-right: 2%;
}

.NewsDetail .De_top .exp .bshare-custom a {
    margin-top: -10px;
}

.NewsDetail .De_top .exp .bshare-custom {
    display: inline-block;
}

#bsWXBox .bsTop {
    width: 208px !important;
}

.NewsDetail .De_top .exp p span {
    color: #333333;
}

.NewsDetail .De_bot {
    padding-bottom: 2%;
    background: url(../image/line.png) left bottom repeat-x;
}

.NewsDetail .De_bot p {
    padding: 2% 0;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333333;
    text-indent: 2em;
}

.NewsDetail .De_bot img {
    display: block;
    margin: 1% auto;
}

.NewsDetail .info_page {
    padding-top: 20px;
}

.NewsDetail .info_page .pt {
    border-bottom: 1px #ebebeb solid;
    overflow: hidden;
    line-height: 60px;
}

.NewsDetail .info_page .pt a {
    float: left;
    width: 80%;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #999999;
}

.NewsDetail .info_page .pt a span {
    color: #333333;
    padding-left: 2%;
}

.NewsDetail .info_page .pt .time {
    float: right;
    width: 20%;
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #b3b3b3;
    text-align: right;
}

.NewsDetail .info_page .pt:hover span,
.NewsDetail .info_page .pt:hover a {
    color: #000;
}

.NewsDetail .back_btn {
    text-align: center;
    width: 159px;
    height: 60px;
    background-color: #1f3b89;
    float: right;
    font-family: PingFang-SC-Light;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
    margin-top: 5%;
}

.NewsDetail .back_btn img {
    margin-right: 10px;
}

.NewsDetail .back_btn:hover {
    background-color: #2546a1;
}

.NewsRe {
    width: 27%;
    float: right;
    padding: 5% 5% 0 3.5%;
    box-sizing: border-box;
    border-left: 1px #eaeaea solid;
    position: relative;
}

.NewsRe:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    left: -35px;
    top: 12%;
    background: url(../image/circle3.png) center no-repeat;
    animation: rt 1s infinite;
}

.NewsRe .title {
    margin-bottom: 10%;
}

.NewsRe .title .t_cn {
    font-family: PingFang-SC-Heavy;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #1f3b89;
}

.NewsRe .title .t_en {
    font-family: PingFang-SC-Light;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #cbcbcb;
}

.NewsRe ul {}

.NewsRe ul li {
    background-color: #f3f4f8;
    border: solid 1px #e4e7f3;
    padding: 8%;
    margin-bottom: 11%;
}

.NewsRe ul li .date {
    font-family: PingFang-SC-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #999999;
    margin-bottom: 10px;
}

.NewsRe ul li .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #4d4d4d;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.NewsRe ul li:hover {
    background-color: #ffffff;
    box-shadow: 0px 18px 35px 0px rgba(31, 59, 137, 0.1);
    border: solid 1px #e4e7f3;
}

.NewsRe ul li:hover .date,
.NewsRe ul li:hover .txt {
    color: #1f3b89;
}

@media ( max-width:1024px) {
    .NewsDetail {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .NewsRe .title {
        margin-bottom: 2%;
    }
    .NewsDetail .De_top .tit {
        text-align: center;
        font-size: 24px;
    }
    .NewsDetail .De_top {
        text-align: center;
    }
    .NewsRe {
        width: 100%;
        float: none;
        padding: 2%;
    }
    .NewsRe:before {
        display: none;
    }
    .NewsRe ul li {
        padding: 3%;
        margin-bottom: 2%;
    }
    .NewsRe ul li .txt {
        height: unset;
        line-height: 24px;
    }
    .NewsRe .title .t_en {
        font-size: 16px;
    }
}

@media ( max-width:480px) {
    .NewsDetail .De_top .tit {
        text-align: center;
        font-size: 20px;
        white-space: pre-wrap;
    }
    .NewsDetail .De_top .exp p {
        font-size: 14px;
    }
    .NewsDetail .info_page .pt a {
        line-height: 30px;
        font-size: 14px;
    }
    .NewsDetail .info_page .pt .time {
        width: 30%;
        font-size: 12px;
    }
    .NewsDetail .info_page .pt a {
        width: 67%;
    }
    .NewsDetail .De_bot p {
        font-size: 14px;
        line-height: 30px;
    }
}


/* 加入我们 */

.RclnCon {
    padding: 5% 0;
}

.RclnCon .Stitle {
    float: left;
}

.RclnCon .Rc_txt {
    width: 75%;
    float: right;
}

.RclnCon .Rc_txt .txtbox {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    border-bottom: solid 1px #eeeeee;
    margin-bottom: 2%;
}

.RclnCon .Rc_txt .txtbox .tit {
    color: #333333;
    font-family: PingFang-SC-Heavy;
    position: relative;
    padding-left: 20px;
    font-size: 24px;
}

.RclnCon .Rc_txt .txtbox .tit:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../image/circle4.png) center no-repeat;
}

.RclnCon .Rc_txt .txtbox .txt {
    color: #777777;
    font-family: PingFang-SC-Medium;
    padding: 2% 20px;
    text-indent: 2em;
}

.RclnCon .Rc_txt .joinPC {}

.RclnCon .Rc_txt .joinPC ul {}

.RclnCon .Rc_txt .joinPC ul li {
    margin: 0 15px;
}

.RclnCon .Rc_txt .joinPC ul li .imgbox {
    padding-top: 75%;
}

@media ( max-width:1024px) {
    .RclnCon .Rc_txt .txtbox .tit {
        font-size: 20px;
    }
}

@media ( max-width:768px) {
    .RclnCon .Rc_txt .txtbox {
        font-size: 14px;
    }
    .RclnCon .Stitle {
        width: 100%;
        text-align: center;
        margin-bottom: 3%;
    }
    .RclnCon .Rc_txt {
        width: 100%;
        float: none;
    }
}


/* 招贤纳士 */

.JobSearchBox {
    text-align: center;
    margin-bottom: 4%;
    display: flex;
    justify-content: center;
}

.JobSearchBox p {
    display: inline-block;
}

.JobSearchBox p:nth-child(2) {
    margin-left: 3%;
}

.JobSearchBox p span {
    font-family: PingFang-SC-Heavy;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666666;
    padding: 0 20px;
}

.JobSearchBox .jobselect {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    padding: 10px 0;
    color: #777777;
    width: 262px;
    border: solid 1px #dcdcdc;
}

.JobSearchBox .jobinput {
    font-family: PingFang-SC-Medium;
    width: 348px;
    height: 44px;
    border: solid 1px #dcdcdc;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #777777;
}

.JobSearchBox .jobbtn {
    width: 100px;
    height: 44px;
    background-color: #1f3b89;
    font-family: PingFang-SC-Heavy;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
}

.JobSearchBox .jobbtn:hover {
    background-color: #294db3;
}

.RclnCon .JobList {
    width: 75%;
    float: right;
}

.RclnCon .JobList li {
    margin-bottom: 20px;
}

.RclnCon .JobList .jobhead {
    cursor: pointer;
    height: 72px;
    background-color: #f6f6f6;
    position: relative;
    color: #333;
}

.RclnCon .JobList .jobhead .pisition {
    font-family: SourceHanSansCN-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    padding-top: 20px;
    padding-left: 50px;
}

.RclnCon .JobList .jobhead .requ {
    overflow: hidden;
    padding-left: 100px;
    line-height: 72px;
}

.RclnCon .JobList .jobhead .requ p {
    font-family: PingFang-SC-Heavy;
    float: left;
}

.jobhead .requ p:nth-child(1) {
    width: 40%;
    font-size: 18px;
    color: #333333;
}

.jobhead .requ p:nth-child(2),
.jobhead .requ p:nth-child(3),
.jobhead .requ p:nth-child(4) {
    width: 20%;
    font-size: 16px;
    color: #777777;
}

.RclnCon .JobList .jobhead .requ p img {
    vertical-align: middle;
    margin-right: 5px;
}

.RclnCon .JobList .jobhead .btn {
    position: absolute;
    display: block;
    width: 29px;
    height: 29px;
    background: url(../image/jia.png) center no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
}

.RclnCon .JobList li.current .jobhead {}

.RclnCon .JobList li.current .jobhead .requ p {}

.RclnCon .JobList li.current .btn {
    background: url(../image/jian.png) center no-repeat;
}

.RclnCon .JobList .jobcon {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #777777;
    padding: 30px 60px;
    display: none;
}

.RclnCon .JobList .jobcon .tit {
    margin: 10px 0;
    font-family: PingFang-SC-Heavy;
    font-size: 16px;
    color: #333333;
}

.RclnCon .JobList .jobcon .setBtn {
    display: block;
    width: 236px;
    height: 66px;
    background-color: #3dd2d5;
    border-radius: 33px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
    margin-top: 4%;
}

.RclnCon .JobList .jobcon .setBtn:hover {
    background-color: #1f3b89;
}

@media ( max-width:768px) {
    .RclnCon .JobList {
        width: 100%;
    }
    .JobSearchBox p span {
        padding: 0;
        padding-right: 5px;
        font-size: 14px;
    }
}

@media ( max-width:640px) {
    .RclnCon .JobList .jobhead {
        padding: 2%;
        height: auto;
    }
    .RclnCon .jobTop .joinWay li .tit,
    .RclnCon .jobTop .joinWay li a {
        font-size: 16px;
    }
    .RclnCon .JobList .jobhead .requ {
        padding-left: 0;
        line-height: 30px;
    }
    .RclnCon .JobList .jobhead .requ p {
        font-size: 14px;
        float: none;
        width: 100%;
    }
    .RclnCon .JobList .jobcon {
        padding: 2% 3%;
    }
    .RclnCon .JobList .jobhead .btn {
        width: 50px;
        height: 100%;
        right: 0;
        left: unset;
    }
    .RclnCon .jobTop {
        background-size: cover;
    }
    .RclnCon .jobTop .title {
        float: none;
        padding: 3% 0;
    }
    .RclnCon .JobList .jobcon .setBtn {
        display: block;
        width: 50%;
        height: 50px;
        line-height: 50px;
    }
}

@media ( max-width:480px) {
    .RclnCon .JobList .jobcon {
        font-size: 14px;
    }
}


/* 联系我们 */

.ContactCon {
    padding-bottom: 5%;
}

.ContactCon .Stitle {
    padding: 4% 0;
}

.ContactBox {
    padding: 5%;
    border: solid 1px #e5e5e5;
    overflow: hidden;
}

.ContactBox .txtbox {
    width: 38%;
    float: left;
}

.ContactBox .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
}

.ContactBox .txtbox ul {
    padding: 4% 0;
}

.ContactBox .txtbox ul li {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}

.ContactBox .txtbox ul li img {
    margin-right: 10px;
}

.ContactBox .txtbox .qr {
    width: 134px;
    height: 134px;
}

.ContactBox .MapBox {
    width: 57%;
    float: right;
}

#dituContent {
    height: 400px;
}

.ContactForm {
    padding: 2% 0;
}

.ContactForm .tit {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 2%;
    white-space: pre-wrap;
}

.ContactForm ul {
    margin-left: -3%;
    overflow: hidden;
}

.ContactForm ul li {
    box-sizing: border-box;
    border: solid 1px #e5e5e5;
    width: 47%;
    float: left;
    margin-left: 3%;
    margin-bottom: 2%;
    padding: 0 2%;
}

.ContactForm ul li p {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    display: inline-block;
}

.ContactForm ul li p em {
    color: #3dd2d5;
}

.ContactForm ul li input {
    height: 76px;
    font-size: 18px;
    width: 60%;
    display: inline-block;
}

.ContactForm ul li.textarea {
    padding: 2%;
    width: 100%;
}

.ContactForm ul li textarea {
    line-height: 34px;
    width: 100%;
    min-height: 100px;
    margin-top: 0px;
    font-size: 18px;
}

.ContactForm .btns {}

.ContactForm .btns a {
    width: 266px;
    height: 78px;
    display: inline-block;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 78px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}

.ContactForm .btns .okBtn {
    background-color: #203d86;
}

.ContactForm .btns .resetBtn {
    background-color: #a6b1cf;
    margin-left: 20px;
}

.ContactForm .btns a:hover {
    color: #fff;
}

@media ( max-width:1366px) {
    .ContactBox .txtbox ul li {
        font-size: 12px;
    }
}

@media ( max-width:1024px) {
    .ContactBox .txtbox .tit {
        font-size: 22px;
    }
    .ContactBox .txtbox ul li {
        font-size: 15px;
    }
    .ContactForm ul li input {
        height: 60px;
        font-size: 18px;
        width: 58%;
        display: inline-block;
    }
}

@media ( max-width:768px) {
    .ContactBox .txtbox,
    .ContactBox .MapBox {
        width: 100%;
        float: none;
    }
    .ContactForm ul {
        margin-left: 0;
    }
    .ContactForm ul li {
        width: 100%;
        margin-left: 0;
    }
}

@media ( max-width:480px) {
    .ContactBox .txtbox .tit {
        font-size: 20px;
    }
    .ContactBox .txtbox ul li {
        font-size: 14px;
        line-height: 30px;
    }
    .ContactForm .tit {
        font-size: 16px;
        line-height: 30px;
    }
    .ContactForm .btns {
        margin-left: -3%;
        overflow: hidden;
    }
    .ContactForm .btns a {
        width: 47%;
        margin-left: 3%;
        line-height: 60px;
        height: 60px;
        float: left;
    }
    .ContactForm .btns .resetBtn {
        margin-left: 3%;
    }
    .ContactForm ul li input {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
}


/* 储能系统 */

.CnxtPart1 {
    padding: 5% 0;
}

.CnxtPart1 .Stitle {
    padding-bottom: 3%;
}

.CnxtPart1 .sliderBox {
    position: relative;
}

.CnxtPart1 .slider-for {}

.CnxtPart1 .slider-for .item {
    position: relative;
}

.CnxtPart1 .slider-for .item .img {
    border: solid 1px #e9ebee;
    width: 50.5%;
    float: left;
    padding: 3%;
    box-sizing: border-box;
}

.CnxtPart1 .slider-for .item .imgbox {
    padding-top: 58%;
}

.CnxtPart1 .slider-for .item .txtbox {
    width: 44%;
    float: right;
}

.CnxtPart1 .slider-for .item .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}

.CnxtPart1 .slider-for .item .txtbox .tit span {
    color: #203d86;
    font-family: Montserrat-SemiBold;
    letter-spacing: -3px;
    margin-right: 10px;
}

.CnxtPart1 .slider-for .item .txtbox .txt {
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    height: 90px;
    letter-spacing: 0px;
    color: #333333;
    margin: 5% 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}

.CnxtPart1 .slider-for .item .txtbox .more_btn {
    display: block;
    width: 168px;
    height: 54px;
    background-color: #203d86;
    border-radius: 27px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
}

.CnxtPart1 .slider-for .item .txtbox .more_btn img {
    margin-left: 10px;
}

.CnxtPart1 .slider-for .item .txtbox .more_btn:hover {
    background-color: #3dd2d5;
}

.CnxtPart1 .slider-nav {
    width: 44%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
}

.CnxtPart1 .slider-nav .item .img {
    padding-top: 66%;
    opacity: 0.8;
    border: 1px #e9ebee solid;
}

.CnxtPart1 .slider-nav .item.slick-current .img {
    opacity: 1;
    border: solid 1px #203d86;
}

.CnxtPart1 .slider-nav .item {
    margin-left: 26px;
    float: left;
    cursor: pointer;
}

.CnxtPart1 .slider-nav .item .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}

.CnxtPart1 .slider-nav .slick-list {
    margin-left: -26px;
}

.CnxtPart1 .slider-nav .slick-arrow.slick-prev {
    left: 0;
    background: #203d86 url(../image/arr_l_w.png) center no-repeat;
}

.CnxtPart1 .slider-nav .slick-arrow.slick-prev:hover {
    background: #3dd2d5 url(../image/arr_l_w.png) center no-repeat;
}

.CnxtPart1 .slider-nav .slick-arrow.slick-next {
    right: 0;
    background: #203d86 url(../image/arr_r_w.png) center no-repeat;
}

.CnxtPart1 .slider-nav .slick-arrow.slick-next:hover {
    background: #3dd2d5 url(../image/arr_r_w.png) center no-repeat;
}

@media(max-width:1600px) {
    .CnxtPart1 .slider-for .item .txtbox .tit {
        font-size: 34px;
        line-height: 40px;
    }
    .CnxtPart1 .slider-for .item .txtbox .txt {
        margin: 2% 0;
        height: 70px;
        line-height: 24px;
    }
}

@media(max-width:1440px) {
    .JobSearchBox .jobinput {
        width: 350px;
    }
    .CnxtPart1 .slider-for .item .txtbox .more_btn {
        height: 40px;
        line-height: 40px;
        width: 140px
    }
}

@media(max-width:1366px) {
    .CnxtPart1 .slider-nav {
        margin-top: 12px;
    }
    .CnxtPart1.slider-nav .slick-list {
        margin-left: -12px;
    }
    .CnxtPart1 .slider-nav .item {
        margin-left: 12px;
    }
    .JobSearchBox .jobinput,
    .JobSearchBox .jobselect {
        width: 100px;
        text-indent: 5px;
        font-size: 14px;
    }
}

@media(max-width:1024px) {
    .CnxtPart1 .slider-nav {
        position: static;
        width: 100%;
    }
    .CnxtPart1 .slider-nav .slick-list {
        margin-left: 0px;
    }
    .CnxtPart1 .slider-nav .item {
        margin: 0 10px;
    }
    .CnxtPart1 .slider-for .item .txtbox {
        width: 46%;
        float: right;
    }
    .CnxtPart1 .slider-for .item .txtbox .tit {
        font-size: 22px;
        line-height: 30px;
    }
    .CnxtPart1 .slider-for .item .txtbox .more_btn {
        margin: 5% 0 0;
    }
    .JobSearchBox {
        display: inline-block;
        width: 100%
    }
    .JobSearchBox p {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }
}

@media(max-width:768px) {
    .CnxtPart1 .slider-for .item .img,
    .CnxtPart1 .slider-for .item .txtbox {
        width: 100%;
    }
    .CnxtPart1 .slider-for .item .txtbox .txt {
        -webkit-line-clamp: unset;
        height: unset;
    }
    .CnxtPart1 .slider-for .item .txtbox {
        padding: 5% 0;
    }
    .JobSearchBox p:nth-child(2) {
        margin-left: 0;
    }
    .JobSearchBox .jobinput,
    .JobSearchBox .jobselect {
        width: 150px;
    }
}

@media(max-width:480px) {
    .CnxtPart1 .slider-for .item .txtbox .tit {
        font-size: 18px;
        line-height: 30px;
    }
    .CnxtPart1 .slider-for .item .txtbox .txt {
        font-size: 14px;
        line-height: 24px;
    }
    .CnxtPart1 .slider-nav .item .tit {
        font-size: 14px;
    }
    .JobSearchBox .jobinput {
        width: 100px
    }
    .JobSearchBox .jobbtn {
        width: 60px
    }
    .JobSearchBox .jobinput,
    .JobSearchBox .jobselect {
        width: 100px;
    }
}


/*  */

.CnxtPart2 {
    padding: 5% 0;
    background-color: #f3f4f8;
}

.CnxtPart2 .Stitle {
    padding-bottom: 5%;
}

.CnxtPart2 .sliderBox {
    /*position: relative;*/
}

.CnxtPart2 .slider-for {
    width: 77%;
    padding: 5%;
    box-sizing: border-box;
    float: left;
    background: #1f3b89 url(../image/pro_instro_bg.png) bottom center no-repeat;
}

.CnxtPart2 .slider-for .item {
    position: relative;
}

.CnxtPart2 .slider-for .item .imgbox {
    width: 48%;
    float: right;
    padding: 3%;
    box-sizing: border-box;
    text-align: center;
    margin: 5% auto;
}

.CnxtPart2 .slider-for .item .txtbox {
    width: 50%;
    float: left;
}

.CnxtPart2 .slider-for .item .txtbox .ico {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #ffffff;
}

.CnxtPart2 .slider-for .item .txtbox .ico img {
    margin-right: 10px;
}

.CnxtPart2 .slider-for .item .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
}

.CnxtPart2 .slider-for .item .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 5% 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}

.CnxtPart2 .slider-for .item .txtbox .more_btn {
    display: block;
    width: 236px;
    height: 66px;
    background-color: #3dd2d5;
    border-radius: 33px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
}

.CnxtPart2 .slider-for .item .txtbox .more_btn img {
    margin-left: 10px;
}

.CnxtPart2 .slider-for .item .txtbox .more_btn:hover {
    background-color: #38babd;
}

.CnxtPart2 .slider-nav {
    width: 20%;
    float: right;
}

.CnxtPart2 .slider-nav .item {
    background: none;
    padding: 7%;
}

.CnxtPart2 .slider-nav .item.slick-current {
    /*background-color: #fff;*/
}

.CnxtPart2 .slider-nav .item .img {
    text-align: center;
}

.CnxtPart2 .slider-nav .item .img img {
    height: 100px;
}

.CnxtPart2 .slider-nav .item.slick-current .img {}

.CnxtPart2 .slider-nav .item .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
}

.CnxtPart2 .slider-nav .slick-list {}

.CnxtPart2 .slick-arrow {
    /*top: -23%;
    left: unset;*/
}

.CnxtPart2 .slick-prev {
    right: 70px;
}

.CnxtPart2 .slick-next {
    right: 0;
}

@media(max-width:1024px) {
    .CnxtPart2 .slider-for .item .txtbox .tit {
        font-family: PingFang-SC-Heavy;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .CnxtPart2 .slider-for .item .txtbox .txt {
        font-size: 14px;
        line-height: 26px;
    }
    .CnxtPart2 .slider-for .item .txtbox .more_btn {
        width: 60%;
        height: 46px;
        font-size: 14px;
        line-height: 46px;
    }
    .CnxtPart2 .slider-nav .item .tit {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .CnxtPart2 .slick-arrow {
        top: -16%;
    }
    .CnxtPart2 .slider-for {
        width: 100%;
        float: none;
    }
    .CnxtPart2 .slider-nav {
        width: 100%;
        float: none;
        margin-bottom: 5%;
    }
    .CnxtPart2 .slider-nav .item {
        padding: 0;
    }
    .CnxtPart2 .slick-arrow {
        top: 50%;
    }
    .CnxtPart2 .slick-prev {
        left: 0;
    }
    .CnxtPart2 .slick-arrow {
        right: 0;
    }
    .CnxtPart2 .slider-for .item .imgbox,
    .CnxtPart2 .slider-for .item .txtbox {
        width: 100%;
        float: none;
    }
    .CnxtPart2 .slider-for .item .txtbox .txt {
        -webkit-line-clamp: unset
    }
}

@media(max-width:480px) {
    .CnxtPart2 .slider-for .item .txtbox .tit {
        font-size: 20px;
        line-height: 30px;
    }
}

.CnxtPart3 {
    padding: 4% 0;
}

.CnxtPart3 .carousel {
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 3% 0 8%;
}

.CnxtPart3 .carousel .slides {
    position: relative;
    /* overflow: hidden; */
    margin: 0 auto;
}

.CnxtPart3 .carousel .slides .slideItem {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    height: auto !important;
}

.CnxtPart3 .carousel .slides .slideItem a {
    position: relative;
    z-index: 10;
    display: block;
}

.CnxtPart3 .carousel .slides .slideItem img {
    width: 100% !important;
    opacity: 0.3;
    filter: alpha(opacity=30);
    height: auto !important;
}

.CnxtPart3 .carousel .slides .slideItem .txtbox {
    display: none;
    text-align: center;
    padding: 3% 0;
}

.CnxtPart3 .carousel .slides .slideItem .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #1f3b89;
}

.CnxtPart3 .carousel .slides .slideItem .txtbox .txt {
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #333333;
    margin: 2% 0;
}

.CnxtPart3 .carousel .slides .slideItem .txtbox .more_btn {
    width: 168px;
    height: 54px;
    background-color: #203d86;
    border-radius: 27px;
    margin: 2% auto;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: 0px;
    color: #fff;
}

.CnxtPart3 .carousel .slides .slideItem .txtbox .more_btn img {
    width: auto !important;
    margin-left: 10px;
}

.CnxtPart3 .carousel .slides .slideItem#side0 img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.CnxtPart3 .carousel .slides .slideItem#side0 .txtbox {
    display: block;
    /* position: absolute;
    left: 0;
    top: 100%;
    width: 100%; */
}

.CnxtPart3 .carousel .prevButton,
.CnxtPart3 .carousel .nextButton {
    position: absolute;
    top: 50%;
    margin-top: -42px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: #0a2378;
    border-radius: 2px;
    z-index: 30;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    display: none;
}

.CnxtPart3 .carousel .prevButton {
    left: 0;
}

.CnxtPart3 .carousel .prevButton:before {
    content: '<';
}

.CnxtPart3 .carousel .nextButton {
    right: 0;
}

.CnxtPart3 .carousel .nextButton:before {
    content: '>';
}

@media(max-width:1024px) {
    .CnxtPart3 .carousel .slides {
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
    .CnxtPart3 .carousel .slides .slideItem .txtbox .tit {
        font-size: 24px;
        line-height: 26px;
    }
}

@media(max-width:768px) {
    .CnxtPart3 .carousel .slides .slideItem .txtbox .tit {
        font-size: 18px;
        line-height: 26px;
    }
    .CnxtPart3 .carousel {
        padding: 3% 0 20%;
    }
    .CnxtPart3 .carousel .slides .slideItem .txtbox .more_btn {
        height: 44px;
        line-height: 44px;
    }
}

@media(max-width:480px) {
    .CnxtPart3 .carousel {
        padding: 3% 0 36%;
    }
}

@media(max-width:414px) {
    .CnxtPart3 .carousel {
        padding: 5% 0 40%;
    }
}

.AutoPart1 {
    padding: 6% 0;
    background: url(../image/dz_bg1.jpg) top center no-repeat;
}

.AutoPart1 .Stitle {
    float: left;
}

.AutoPart1 .txtBox {
    width: 74%;
    float: right;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
}

.AutoPart1 .txtBox p {
    padding-bottom: 2%;
}

.adList {
    margin-top: 21%;
}

.adList ul {
    overflow: hidden;
}

.adList ul li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}

.adList ul li:before {
    content: '';
    width: 1px;
    height: 82px;
    background-color: #f7f4f4;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.adList ul li:last-child:before {
    display: none;
}

.adList ul li .ico {}

.adList ul li:hover .ico {
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

.adList ul li .tit {
    font-family: PingFang-SC-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 12%;
}

.AutoPart2 {
    padding: 10% 0;
    background-size: cover;
    background: url(../image/dz_bg2.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.AutoPart2 .slider-for {
    background: none;
    width: 43%;
    padding: 0;
}

.AutoPart2 .slider-for .item .txtbox .txt {
    text-indent: 0;
}

.AutoPart2 .slider-for .item .txtbox {
    width: 100%;
    min-height: 500px
}

.AutoPart2 .slider-nav {
    width: 70%;
    position: absolute;
    left: 45%;
    top: 8%;
}

.AutoPart2 .slick-prev {
    background: url(../image/arr_.png) center no-repeat;
    border-radius: 0;
    top: 50%;
    width: 50px;
    left: -60%;
}

.AutoPart2 .slick-next {
    background: url(../image/arr.png) center no-repeat;
    border-radius: 0;
    top: 50%;
    width: 50px;
    right: 25%;
}

.AutoPart2 .slider-nav .item {
    margin: 0;
    padding: 0;
    transform: scale(0.7);
    transition: all 0.3s linear;
    opacity: 1;
    position: relative;
    margin-right: 50px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    line-height: 500px;
    text-align: center;
    opacity: 0.8;
    border: 50px #203d863b solid;
}

.AutoPart2 .slider-nav .item .img {
    background-color: #1f3b89;
    display: inline-block;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.AutoPart2 .slider-nav .item.slick-current {
    opacity: 1;
    transform: scale(1.1);
}

.AutoPart2 .slider-nav .item .img img {
    max-width: 80%;
    height: auto;
}

.AutoPart2 .slider-nav .slick-list {
    padding: 5% 0;
    padding-left: 5%;
}

@media(max-width:1660px) {
    .AutoPart2 .slider-nav .item {
        margin-right: 20px;
    }
}

@media(max-width:1520px) {
    .AutoPart2 .slider-nav .item {
        width: 550px;
        height: 550px;
        margin-right: 0;
    }
    .AutoPart2 .slider-nav .item .img {
        width: 450px;
        height: 450px;
    }
    .AutoPart2 .slider-nav .item .img img {
        max-width: 360px;
    }
    .AutoPart2 .slick-next {
        width: 50px;
    }
}

@media(max-width:1366px) {
    .AutoPart2 .slider-for .item .txtbox {
        min-height: 400px;
    }
    .AutoPart2 .slider-nav .item {
        width: 460px;
        height: 460px;
    }
    .AutoPart2 .slider-nav .item .img {
        width: 360px;
        height: 360px;
    }
    .AutoPart2 .slider-nav .item .img img {
        max-width: 260px;
    }
    .AutoPart2 .slick-next {
        width: 50px;
    }
}

@media(max-width:1024px) {
    .AutoPart2 .slider-for,
    .AutoPart2 .slider-nav {
        width: 100%;
        float: none;
    }
    .AutoPart2 .slider-nav {
        position: relative;
        left: 0;
        right: 0;
    }
    .AutoPart2 .slider-nav .slick-list {}
    .AutoPart2 .slick-next {
        width: 50px;
    }
    .CnxtPart2 .slick-next {
        right: 0;
    }
}

@media(max-width:768px) {
    .AutoPart1 .txtBox {
        width: 100%;
        font-size: 14px;
    }
    .AutoPart1 .txtBox:before {
        width: 30px;
        height: 30px;
        background-size: 100% 100%;
        left: -5px;
        top: -5px
    }
    .adList ul li .ico img {
        max-width: 50px;
    }
    .AutoPart2 .slider-for,
    .AutoPart2 .slider-nav {
        width: 100%;
    }
    .AutoPart2 .slider-nav .item {
        width: 360px;
        height: 360px;
        border: 30px #203d863b solid;
    }
    .AutoPart2 .slider-nav .slick-list {
        padding: 10% 0;
    }
    .AutoPart2 .slider-nav .item .img {
        width: 300px !important;
        height: 300px;
    }
    .AutoPart2 .slider-nav .item .img img {
        max-width: 200px;
    }
    .AutoPart2 .slick-next {
        width: 50px;
        top: 0;
    }
}

@media(max-width:480px) {
    .adList ul li {
        width: 50%;
    }
    .adList ul li:nth-child(2):before {
        display: none;
    }
    .adList ul li .tit {
        font-size: 16px;
        margin: 5% 0;
    }
    .AutoPart2 .slider-nav .item {
        width: 260px;
        height: 260px;
        border: 20px #203d863b solid;
    }
    .AutoPart2 .slider-nav .item .img {
        width: 220px !important;
        height: 220px;
    }
    .AutoPart2 .slider-nav .item .img img {
        max-width: 150px;
    }
}


/* 22-04-14 */


/* 产品详情 */

.ProDePart1 {
    padding: 4% 0;
    overflow: hidden;
}

.ProDePart1 .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ProDePart1 .PcBox {
    position: relative;
    width: 48%;
    float: left;
    text-align: center;
    background: url(../image/pc_bg.png) center no-repeat;
    background-size: 100%;
    padding: 14% 0;
}

.ProDePart1 .PcBox img {
    max-height: 390px;
}

.ProDePart1 .txtbox {
    width: 44%;
    float: right;
}

.ProDePart1 .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 80px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 2%;
    border-bottom: solid 1px #e9ebee;
}

.ProDePart1 .txtbox .txt {
    padding-top: 2%;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #777777;
}

.ProDePart1 .txtbox .txt li {
    padding-left: 20px;
    position: relative;
}

.ProDePart1 .txtbox .txt li:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../image/circle2.png) center no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.ProDePart2 {
    overflow: hidden;
    padding: 5% 0;
    background: url(../image/proD_bg1.jpg) top center no-repeat;
    background-size: cover;
}

.ProDePart2 .Stitle {
    float: left;
}

.ProDePart2 .ProTable {
    width: 73%;
    float: right;
}

.ProDePart2 .ProTable table {
    border-collapse: collapse;
    width: 100%;
}

.ProDePart2 .ProTable table td {
    border: 1px #4c62a1 solid;
    color: #fff;
    padding: 2%;
    /*padding-left: 5%;*/
}

.ProDePart2 .ProTable table td p {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}

.ProDePart2 .ProTable table td.td1 {
    background-color: #1f3b89;
    font-family: PingFang-SC-Heavy;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    /*padding-left: 0;*/
}

@media(max-width:1024px) {
    .ProDePart1 .PcBox {
        padding: 10% 0;
    }
    .ProDePart1 .txtbox {
        width: 50%;
        float: right;
    }
    .ProDePart1 .txtbox .tit {
        font-size: 26px;
        line-height: 40px;
    }
    .ProDePart1 .txtbox .txt {
        font-size: 16px;
        line-height: 38px;
    }
    .ProDePart2 .Stitle {
        float: none;
        text-align: center;
    }
    .ProDePart2 .ProTable {
        width: 100%;
        float: none;
        padding-top: 5%;
    }
    .ProDePart2 .ProTable table td.td1{
        font-size: 16px;
    }
    .ProDePart2 .ProTable table td p {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .ProDePart1 .txtbox .tit {
        font-size: 20px;
        line-height: 34px;
    }
    .ProDePart1 .txtbox .txt {
        font-size: 14px;
        line-height: 34px;
    }
}

@media ( max-width:640px) {
    .ProDePart1 .wrapper {
        display: block;
    }
    .ProDePart1 .PcBox {
        width: 100%;
        padding: 30% 0;
        float: none;
    }
    .ProDePart1 .txtbox {
        width: 100%;
        float: none;
    }
}

@media(max-width:480px) {}


/* 解决方案详情 */

.soluPart1 {
    position: relative;
    overflow: hidden;
    padding: 5% 0;
}

.soluPart1:before {
    content: '';
    width: 30%;
    height: 100%;
    background-color: #f3f4f8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.soluPart1 .img {
    width: 50%;
    float: left;
    text-align: center;
}

.soluPart1 .img img {
    width: 80%;
}

.soluPart1 .txtbox {
    width: 47%;
    float: right;
}

.soluPart1 .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 80px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 2%;
    border-bottom: solid 1px #e9ebee;
}

.soluPart1 .txtbox .txt {
    padding-top: 2%;
}

.soluPart1 .txtbox .txt li {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #777777;
    padding-left: 20px;
    position: relative;
    margin-bottom: 2%;
}

.soluPart1 .txtbox .txt li:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../image/circle2.png) center no-repeat;
    position: absolute;
    top: 10px;
    left: 0;
}

.soluPart1 .txtbox .txt li span {
    color: #333333;
    font-size: 18px;
    font-family: PingFang-SC-Heavy;
}

@media(max-width:1024px) {
    .soluPart1 .txtbox .tit {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 4%;
    }
    .soluPart1 .txtbox .txt li {
        font-size: 14px;
        margin-bottom: 4%;
    }
    .soluPart1 .txtbox .txt li span {
        font-size: 16px;
    }
}

@media(max-width:768px) {
    .soluPart1 .img,
    .soluPart1 .txtbox {
        width: 100%;
        float: left;
    }
    .soluPart1 .img {
        margin-bottom: 5%;
    }
}

@media(max-width:480px) {
    .soluPart1 .txtbox .tit {
        font-size: 20px;
    }
}


/* 技术驱动 */

.corePart1 {
    padding: 5% 0;
    background: url(../image/core_bg1.jpg) top center no-repeat;
}

.corePart1 .Stitle {
    text-align: center;
}

.corePart1 .subtxt {
    width: 90%;
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 2px;
    color: #333333;
    opacity: 0.8;
    text-align: center;
    margin: 4% auto;
}

.corePart1 .coreBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.corePart1 .coreBox:before {
    content: '';
    width: 70px;
    height: 70px;
    background: url(../image/circle3.png) center no-repeat;
    position: absolute;
    top: -35px;
    right: -35px;
    animation: rt 1s infinite;
    z-index: 9;
}

.corePart1 .coreBox .img {
    width: 50%;
    float: left;
    background-color: #ebedf1;
}

.corePart1 .coreBox .imgbox {
    padding-top: 66%;
}

.corePart1 .coreBox .txtbox {
    padding: 5%;
    width: 50%;
    box-sizing: border-box;
    float: right;
    height: 100%;
}

.corePart1 .coreBox .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 6%;
}

.corePart1 .coreBox .txtbox .tit:before {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #225ae7;
    position: absolute;
    bottom: 0;
    left: 0;
}

.corePart1 .coreBox .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 2px;
    color: #333333;
    opacity: 0.7;
}

.corePart1 .coreBox .txtbox .txt p {
    padding-bottom: 2%;
    text-indent: 2em;
}

@media(max-width:1024px) {
    .corePart1 .coreBox:before {
        right: 0;
    }
    .corePart1 .subtxt {
        font-size: 16px;
        line-height: 30px;
        margin: 2% auto;
    }
    .corePart1 .coreBox .txtbox .tit {
        font-size: 22px;
    }
    .corePart1 .coreBox .txtbox .txt {
        font-family: PingFang-SC-Medium;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 2px;
        color: #333333;
        opacity: 0.7;
    }
}

@media(max-width:768px) {
    .corePart1 .subtxt {
        font-size: 14px;
        line-height: 26px;
        margin: 3% 0 5%;
        width: 100%;
    }
    .corePart1 .coreBox {
        display: block;
    }
    .corePart1 .coreBox .img,
    .corePart1 .coreBox .txtbox {
        width: 100%;
        float: none;
    }
    .corePart1 .coreBox:before {
        left: 0;
        top: 57%;
    }
}

@media(max-width:480px) {
    .corePart1 .coreBox:before {
        display: none;
    }
}


/* 平台支撑 */

.corePart2 {
    padding: 5% 0;
    background: url(../image/core_bg2.jpg) top center no-repeat;
    background-size: cover;
}

.corePart2 .Stitle {
    padding-bottom: 5%;
}

.corePart2 ul {
    margin-left: -5%;
}

.corePart2 ul li {
    position: relative;
    width: 45%;
    float: left;
    margin-left: 5%;
}

.corePart2 ul li .imgbox {
    padding-top: 58%;
}

.corePart2 ul li .no {
    position: absolute;
    font-family: Oswald-Medium;
    font-size: 70px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 72px;
    letter-spacing: 0px;
    color: #3dd2d5;
    top: -10%;
    left: 5%;
}

.corePart2 ul li .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 5%;
}

.corePart2 ul li .txt {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 2px;
    color: #333333;
    opacity: 0.7;
    text-indent: 2em;
    margin-top: 5%;
}

.corePart2 ul li:nth-child(2) {
    margin-top: 5%;
}

@media(max-width:1024px) {
    .corePart2 ul li .no {
        font-size: 50px;
    }
    .corePart2 ul li .tit {
        font-size: 20px;
        line-height: 30px;
        padding: 4% 0;
    }
    .corePart2 ul li .txt {
        font-size: 14px;
        line-height: 20px;
    }
}

@media(max-width:768px) {
    .corePart2 ul {
        margin-left: 0;
    }
    .corePart2 ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 5%;
    }
    .corePart2 ul li .tit {
        padding: 2% 0;
    }
    .corePart2 ul li:nth-child(2) .tit,
    .corePart2 ul li:nth-child(2) .txt {
        width: 100%;
        float: none;
    }
}


/* 精益生产 */

.corePart3 {
    padding: 5% 0;
    background: #1f3b89 url(../image/core_bg3.jpg) top center no-repeat;
}

.corePart3 .subtxt {
    width: 70%;
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 2px;
    color: #ffffff;
    text-align: center;
    margin: 4% auto;
}

.corePart3 .reList {
    overflow: hidden;
}

.corePart3 .reList li {
    width: 16.66%;
    float: left;
    position: relative;
}

.corePart3 .reList li:nth-child(2n+1) {
    padding-top: 8%;
}

.corePart3 .reList li:before {
    content: '';
    width: 200px;
    height: 1px;
    border-top: 1px #b5b5b5 dashed;
    position: absolute;
    transform: rotate( -35deg);
    top: 37%;
    left: 52%;
    z-index: 0;
}

.corePart3 .reList li:nth-child(2n):before {
    transform: rotate(35deg);
    top: 56%;
    left: 65%;
    z-index: 0;
}

.corePart3 .reList li:last-child:before {
    display: none;
}

.corePart3 .reList .imgbox {
    width: 160px;
    height: 160px;
    border: solid 5px rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin: 0 auto;
    box-sizing: content-box;
}

.corePart3 .reList li:nth-child(3) .imgbox,
.corePart3 .reList li:nth-child(4) .imgbox,
.corePart3 .reList li:nth-child(5) .imgbox {
    border: 5px #ff0 solid
}

.corePart3 .reList .txtbox {
    text-align: center;
    position: relative;
}

.corePart3 .reList .txtbox .tit {
    font-family: PingFang-SC-Medium;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #fff;
    padding-top: 10%;
}

.corePart3 .reList .txtbox .line {
    width: 12px;
    height: 2px;
    background: #3dd2d5;
    margin: 7% auto;
}

.corePart3 .reList .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
}

@media ( max-width:1440px) {
    .corePart3 .reList .txtbox .num {
        line-height: 30px;
        font-size: 30px;
    }
    .corePart3 .reList .txtbox .tit {
        font-size: 16px;
        line-height: 36px;
    }
    .corePart3 .reList .imgbox {
        width: 160px;
        height: 160px;
    }
}

@media ( max-width:1024px) {
    .corePart3 .reList .txtbox .num {
        line-height: 20px;
        font-size: 20px;
    }
    .corePart3 .reList .txtbox .tit {
        font-size: 14px;
        line-height: 30px;
    }
    .corePart3 .reList .imgbox {
        width: 100px;
        height: 100px;
    }
    .corePart3 .reList .txtbox .txt {
        font-size: 12px;
        line-height: 16px;
    }
    .corePart3 .reList li:before {
        content: '';
        width: 140px;
        height: 1px;
        border-top: 1px #b5b5b5 dashed;
        position: absolute;
        transform: rotate( 36deg);
        top: 62%;
        left: 63%;
        z-index: 0;
    }
    .corePart3 .reList li:nth-child(2n+1):before {
        transform: rotate( -36deg);
        top: 35%;
        left: 63%;
        z-index: 0;
    }
    .corePart3 .subtxt {
        font-size: 16px;
        line-height: 30px;
        margin: 2% auto;
    }
}

@media ( max-width:768px) {
    .corePart3 .reList li {
        width: 33.33%;
        padding-bottom: 3%;
    }
    .corePart3 .reList li:nth-child(2n+1) {
        padding-top: 0;
    }
    .corePart3 .reList .txtbox .txt {
        height: 32px;
    }
    .corePart3 .reList li:before {
        content: '';
        width: 160px;
        height: 1px;
        border-top: 1px #b5b5b5 dashed;
        position: absolute;
        transform: rotate( 0deg);
        top: 30%;
        left: 63%;
        z-index: 0;
    }
    .corePart3 .reList li:nth-child(2n+1):before,
    .corePart3 .reList li:nth-child(2n):before {
        transform: rotate( -0deg);
        top: 30%;
        left: 63%;
        z-index: 0;
    }
    .corePart3 .reList li:nth-child(3):before {
        display: none;
    }
}

@media ( max-width:480px) {
    .corePart3 .subtxt {
        width: 100%;
    }
    .corePart3 .reList li {
        width: 50%;
    }
    .corePart3 .reList li:nth-child(3):before {
        display: block;
    }
    .corePart3 .reList li:nth-child(2):before,
    .corePart3 .reList li:nth-child(4):before {
        display: none;
    }
}


/* corePart4 */

.corePart4 {
    padding: 5% 0;
    background: url(../image/core_bg4.jpg) top center no-repeat;
}

.corePart4 .Stitle {
    text-align: center;
}

.corePart4 .subtxt {
    width: 70%;
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 2px;
    color: #ffffff;
    text-align: center;
    margin: 4% auto;
}

.corePart4 .pcBox {
    position: relative;
    padding-bottom: 5%;
}

.corePart4 .pcBox:before {
    content: '';
    width: 336px;
    height: 424px;
    background-image: linear-gradient(180deg, #225ae7 0%, #28bbd7 100%), linear-gradient( #225ae7, #225ae7);
    background-blend-mode: normal, normal;
    position: absolute;
    bottom: 0;
    right: 0;
}

.corePart4 .pcBox .imgbox {
    width: 72.5%;
    padding-top: 34.3%;
    margin: 0 auto;
}

.corePart4 .pcBox .txtbox {
    background: #ffffff url(../image/core_txtbg.png) bottom center no-repeat;
    padding: 4%;
    width: 35.65%;
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 400px;
}

.corePart4 .pcBox .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    position: relative;
    padding-bottom: 5%;
    margin-bottom: 5%;
}

.corePart4 .pcBox .txtbox .tit:before {
    content: '';
    width: 30px;
    height: 4px;
    background-color: #225ae7;
    position: absolute;
    bottom: 0;
}

.corePart4 .pcBox .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #333333;
    opacity: 0.7;
    text-indent: 2em;
}

@media ( max-width:1024px) {
    .corePart4 .pcBox {
        padding: 5% 0;
    }
    .corePart4 .subtxt {
        font-size: 16px;
        line-height: 30px;
        margin: 2% auto;
    }
    .corePart4 .pcBox .txtbox {
        padding: 3%;
        min-height: 240px;
    }
    .corePart4 .pcBox .txtbox .tit {
        font-size: 20px;
    }
    .corePart4 .pcBox .txtbox .txt {
        font-size: 14px;
        line-height: 26px;
    }
    .corePart4 .pcBox:before {
        content: '';
        width: 30%;
        height: 56%;
    }
}

@media ( max-width:768px) {}

@media ( max-width:480px) {
    .corePart4 .subtxt {
        width: 100%;
    }
    .corePart4 .pcBox .txtbox {
        position: static;
        width: 100%;
    }
    .corePart4 .pcBox .imgbox {
        width: 100%;
        padding-top: 47%;
    }
    .corePart4 .pcBox:before {
        display: none;
    }
}


/* 表单 */

.curBox {
    width: 75%;
    float: right;
}

.curBox .title {
    position: relative;
    color: #343434;
    font-size: 34px;
    padding-bottom: 5%;
    background: url(http://www.guibo.com.cn/cn/images/Form001518_tit.png) no-repeat left center/contain;
}

.curBox .title:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 31px;
    height: 2px;
    content: "";
    background: #343434;
}

.curBox dl dt {
    padding: 3% 0;
    color: #1f3b89;
    font-size: 17px;
    font-weight: bold;
}

.curBox dd li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 5px;
    position: relative;
}

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

.curBox dd .text {
    border: 1px solid #dadada;
    line-height: 46px;
    height: 46px;
    width: 100%;
    background: #fff;
    padding: 0 10px;
}

.curBox dd li label {
    position: absolute;
    left: 5px;
    top: 0;
    line-height: 46px;
}

.curBox dd li .form_err {
    position: absolute;
    right: 5px;
    top: 50%;
    color: #1f3b89;
    line-height: 20px;
    margin-top: -10px;
}

.curBox dd select {
    border: 1px solid #dadada;
    line-height: 46px;
    height: 46px;
    width: 100%;
    background: #fff;
    padding: 0 50px;
}

.curBox dd textarea.text {
    height: 220px;
}

.curBox .btn {
    margin: 2% 0;
    cursor: pointer;
    background: #1f3b89;
    color: #fff;
    height: 50px;
    border: none;
    font-size: 18px;
    width: 40%;
    max-width: 200px;
}

@media(max-width:768px) {
    .curBox {
        width: 100%;
        float: none;
    }
    .curBox dd li {
        float: none;
        width: auto;
        margin-right: 0 !important;
    }
}

@media(max-width:480px) {
    .curBox .title {
        font-size: 24px;
    }
}


/* 22-04-15 */

.w1520 {
    max-width: 1520px;
    width: 96%;
    margin: 0 auto;
}

.AutoBox {
    border: 1px #eee solid;
    margin: 3% 0 5%;
}

.AutoBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.AutoBox .img {
    width: 50%;
    float: left;
    background-color: #c3c8d2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3% 0;
}

.AutoBox .imgbox {
    padding-top: 56%;
    width: 87%;
}

.AutoBox .txtbox {
    padding: 3% 5%;
    width: 50%;
    box-sizing: border-box;
    float: right;
    height: 100%;
}

.AutoBox .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #1f3b89;
    position: relative;
    margin-bottom: 6%;
}

.AutoBox .txtbox .txt {
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}

.AutoBox .txtbox .txt p {
    padding-left: 17px;
    position: relative;
}

.AutoBox .txtbox .txt p:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 19px;
    background-color: #333;
}

.AutoBox .txtbox .more_btn {
    width: 208px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    background-color: #1f3b89;
    border-radius: 31px;
    margin-top: 5%;
}

.AutoBox .txtbox .more_btn:hover {
    background-color: #3dd2d5;
}

@media(max-width:1024px) {
    .AutoBox .txtbox .tit {
        font-size: 28px;
        margin-bottom: 2%;
    }
    .AutoBox .txtbox .txt {
        line-height: 36px;
    }
    .AutoBox .txtbox .more_btn {
        width: 60%;
        height: 50px;
        line-height: 50px;
    }
}

@media(max-width:768px) {
    .AutoBox {
        display: block;
    }
    .AutoBox .img,
    .AutoBox .txtbox {
        width: 100%;
        float: none;
    }
}

.ProPara {
    overflow: hidden;
    padding: 5% 0;
    background: url(../image/proD_bg1.jpg) top center no-repeat;
    background-size: cover;
}

.ProPara .Stitle {
    float: left;
}

.ProPara .paTable {
    width: 73%;
    float: right;
}

.ProPara .paTable table {}

.ProPara .paTable table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.ProPara .paTable table th {
    width: 50%;
    height: 60px;
    background-color: #1f3b89;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #ffffff;
    border: 1px #4c62a1 solid;
}

.ProPara .paTable table td {
    /*width: 50%;*/
    height: 60px;
    border: 1px solid #fff;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    border: 1px #4c62a1 solid;
    color: #ffffff;
}

@media(max-width:1440px) {
    .ProPara .paTable table td,
    .ProPara .paTable table th {
        height: 40px;
    }
    .ProPara .paTable table th {
        font-size: 18px;
    }
    .ProPara .paTable table td {
        font-size: 14px;
    }
}

@media(max-width:1024px) {
    .ProPara .paTable table th {
        width: 50%;
        height: 36px;
        background-color: #1f3b89;
        font-family: PingFangSC-Medium;
        font-size: 16px;
        color: #ffffff;
    }
    .ProPara .paTable table td {
        height: 30px;
    }
}

@media(max-width:768px) {
    .ProPara .Stitle {
        float: none;
    }
    .ProPara .paTable {
        float: none;
        width: 100%;
    }
}

.APPScena {
    padding-top: 5%;
}

.APPScena .ScenaList {
    margin-left: -3%;
    padding: 3% 0;
    overflow: hidden;
}

.APPScena .ScenaList li {
    width: 30.33%;
    margin-left: 3%;
    float: left;
}

.APPScena .ScenaList li a {
    position: relative;
    display: block;
}

.APPScena .ScenaList li .tit {
    position: absolute;
    bottom: 10%;
    left: 7%;
    font-family: PingFang-SC-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    z-index: 99;
    width: 85%;
}

.APPScena .ScenaList li .imgbox {
    padding-top: 51%;
}

@media(max-width:1024px) {
    .APPScena .ScenaList li .tit {
        font-size: 18px;
    }
}

@media(max-width:480px) {
    .APPScena .ScenaList {
        margin-left: 0;
    }
    .APPScena .ScenaList li {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 3%;
    }
}

.AutoBox1 {
    background-color: #eef0f4;
    padding: 5% 0;
}

.AutoBox1 .slider {}

.AutoBox1 .slider li.slick-slide {
    display: flex;
    align-items: center;
}

.AutoBox1 .slider li .img {
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3% 0;
    background: #fff;
}

.AutoBox1 .slider li .img .imgbox {
    padding-top: 51%;
    width: 81%;
}

.AutoBox1 .slider li .txtbox {
    width: 50%;
    float: right;
    padding: 3%;
    box-sizing: border-box;
}

.AutoBox1 .slider li .txtbox .type {
    font-family: PingFang-SC-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #1f3b89;
    margin-bottom: 3%;
}

.AutoBox1 .slider li .txtbox .line {
    height: 1px;
    width: 100%;
    background-color: #000000;
    opacity: 0.1;
    margin: 5% 0 3%;
}

.AutoBox1 .slider li .txtbox .tit {
    font-family: PingFang-SC-Medium;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333333;
}

.AutoBox1 .slider li .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #777777;
}

.AutoBox1 .slider li .txtbox .more_btn {
    width: 162px;
    height: 50px;
    background-color: #1f3b89;
    border-radius: 25px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 5%;
}

.AutoBox1 .slick-dots {
    text-align: right;
}

.AutoBox1 .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #000000;
    border-radius: 5px;
    opacity: 0.3;
}

.AutoBox1 .slick-dots li.slick-active button {
    width: 30px;
    height: 10px;
    background-color: #3dd2d5;
    border-radius: 5px;
    opacity: 1;
}


/* ProList1 */

.ProList1 {
    overflow: hidden;
    margin-left: -3%;
    padding: 5% 0;
}

.ProList1 a {}

.ProList1 dl {
    float: left;
    width: 30.33%;
    margin-left: 3%;
    box-sizing: border-box;
    margin-bottom: 3%;
    background-color: #eef0f4;
    border: solid 10px #eef0f4;
    box-sizing: border-box;
}

.ProList1 dl dt {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ProList1 dl dt img {
    display: block;
    max-height: 280px;
    max-width: 80%;
    margin: 0 auto;
}

.ProList1 dl dd {
    padding: 5%;
}

.ProList1 dl dd .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 2%;
}

.ProList1 dl dd .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 2px;
    color: #777777;
    overflow: hidden;
    height: 48px;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ProList1 dl dd .line {
    width: 100%;
    height: 1px;
    background-color: #000000;
    opacity: 0.1;
    margin: 5% 0;
}

.ProList1 dl dd .more {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #1f3b89;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ProList1 dl dd .more img {
    width: 26px;
}

.ProList1 dl:hover {
    border: solid 10px #1f3b89;
}

.ProList1 dl:hover {
    transition: 0.3s;
}

.ProList1 dl dd .more:hover {
    background-color: #3dd2d5;
}

@media ( max-width:768px) {
    .ProList1 {
        margin-left: -3%;
    }
    .ProList1 dl {
        width: 47%;
        margin-left: 3%;
    }
    .ProList1 dl dd .tit {
        font-size: 20px;
    }
    .AutoBox1 .slider li .txtbox .tit {
        font-size: 16px;
        line-height: 22px;
    }
    .AutoBox1 .slider li .txtbox .type {
        font-size: 26px;
        line-height: 30px;
    }
    .AutoBox1 .slider li .txtbox .txt {
        font-size: 14px;
        line-height: 22px;
    }
    .AutoBox1 .slider li .txtbox .more_btn {
        width: 50%;
        height: 38px;
        font-size: 14px;
        line-height: 38px;
    }
}

@media ( max-width:480px) {
    .AutoBox1 .slider li.slick-slide {
        display: block;
    }
    .AutoBox1 .slider li .img,
    .AutoBox1 .slider li .txtbox {
        width: 100%;
        float: none;
    }
    .ProList1 {
        margin-left: 0;
    }
    .ProList1 dl {
        width: 100%;
        margin-left: 0%;
    }
    .ProList1 dl dt {
        height: 280px;
    }
    .ProList1 dl dt img {
        max-height: 240px;
    }
    .ProList1 dl dd .tit {
        font-size: 18px;
        margin-bottom: 0;
    }
    .ProList1 dl dd .txt {
        height: auto;
        font-size: 14px;
        line-height: 26px;
        -webkit-line-clamp: unset;
        text-align: justify;
    }
}


/* downLoad */

.downLoad {
    width: 100%;
    height: 94px;
    border: solid 1px #59697b;
    line-height: 94px;
    margin-top: 7%;
}

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

.downLoad .tit {
    width: 80%;
    float: left;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 3%;
}

.downLoad .xz {
    width: 94px;
    height: 94px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: solid 1px #59697b;
}

.downLoad .xz .xz_ico {
    width: 55px;
    height: 55px;
    background-color: #df8833;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 产品详情2 */

.ProDe2Part1 {
    padding: 6% 0;
}

.ProDe2Part1 .imgbox {
    width: 50%;
    float: left;
    padding-top: 33.4%;
}

.ProDe2Part1 .txtbox {
    width: 50%;
    float: right;
    padding: 0 5%;
    box-sizing: border-box;
}

.ProDe2Part1 .txtbox .tit {
    font-family: PingFang-SC-Medium;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #1f3b89;
    white-space: pre-wrap;
}

.ProDe2Part1 .txtbox .line {
    width: 100%;
    height: 2px;
    background-color: #eeeeee;
    margin: 5% 0;
}

.ProDe2Part1 .txtbox .subtit {
    font-family: PingFang-SC-Heavy;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #1f3b89;
    padding-left: 18px;
    position: relative;
}

.ProDe2Part1 .txtbox .subtit:before {
    content: '';
    width: 8px;
    height: 14px;
    background-color: #1f3b89;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.ProDe2Part1 .txtbox .txt {
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}

.ProDe2Part1 .txtbox .txt p {
    padding-left: 16px;
    position: relative;
}

.ProDe2Part1 .txtbox .txt p:before {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 0;
}

@media ( max-width:1024px) {
    .ProDe2Part1 .txtbox .tit {
        font-size: 26px;
    }
}

@media ( max-width:768px) {
    .ProDe2Part1 .txtbox,
    .ProDe2Part1 .imgbox {
        width: 100%;
        float: none;
    }
    .ProDe2Part1 .imgbox {
        padding-top: 69.4%;
    }
    .ProDe2Part1 .txtbox {
        padding-top: 5%;
    }
    .ProDe2Part1 .txtbox .line {
        margin: 3% 0;
    }
}

.ProDe2Part2 {
    padding: 3% 0;
    background: #fbfbfb;
}

.ProDe2Part2 .serSup {
    margin-top: 2%;
}

.ProDe2Part2 .serSup table {
    border: solid 1px #e5e5e5;
    border-collapse: collapse;
    width: 100%;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    color: #333333;
}

.ProDe2Part2 .serSup table td {
    /*height: 96px;*/
        border: solid 1px #e5e5e5;
    padding-left: 2%;
}

.ProDe2Part3 {
    padding: 3% 0;
    background: #fff;
}

.downList {
    margin: 3% 0;
}

.downList ul {
    margin-left: -3%;
    overflow: hidden;
}

.downList ul li {
    width: 30.33%;
    margin-left: 3%;
    float: left;
    background: #f3f4f8 url(../image/dd_bg.jpg) bottom center no-repeat;
}

.downList ul li a {
    display: block;
    position: relative;
    padding: 5%;
}

.downList ul li .txtbox {
    width: 80%;
}

.downList ul li .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.downList ul li .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #acacac;
}

.downList ul li .txtbox span {}

.downList ul li .down_btn {
    position: absolute;
    width: 56px;
    height: 56px;
    background: #ffffff url(../image/download1.png) center no-repeat;
    border: solid 4px #ebeef6;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    border-radius: 50%;
}

.downList ul li:hover .down_btn {
    border: solid 4px #1f3b89;
}

@media ( max-width:768px) {
    .downList ul {
        margin-left: -2%;
    }
    .downList ul li {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 2%;
    }
}

@media ( max-width:480px) {
    .downList ul {
        margin-left: 0;
    }
    .downList ul li {
        width: 100%;
        margin-left: 0;
    }
}


/* 储能系统下拉 */

.cnMenu {
    padding: 3% 0;
    background-color: #eef0f6;
    display: none;
}

.cnMenu.showon {
    display: block;
}

.cnMenu ul {
    overflow: hidden;
    margin-left: -2.4%;
}

.cnMenu ul li {
    width: 14.2%;
    float: left;
    margin-left: 2.4%;
}

.cnMenu ul li a {}

.cnMenu ul li .imgbox {
    padding-top: 58%;
}

.cnMenu ul li .tit {
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 6%;
}

.cnMenu ul li:hover .tit {
    color: #104690;
}

@media ( max-width:1024px) {
    .cnMenu {
        display: block;
    }
}

@media ( max-width:768px) {
    .cnMenu ul li .tit {
        font-size: 14px;
    }
    .cnMenu ul {
        margin-left: -2%;
    }
    .cnMenu ul li {
        width: 31.33%;
        margin-left: 2%;
        margin-bottom: 2%;
    }
}

@media ( max-width:480px) {
    .cnMenu ul li .tit {
        font-size: 12px;
    }
}


/* 核心产品 */

.CnxtPart4 {
    padding: 5% 0;
    background-color: #f3f4f8;
}

.CnxtPart4 .Stitle {
    text-align: center;
}

.cpBox {
    padding: 3% 0 0;
}

.cpBox .cp_tab_tit {}

.cpBox .cp_tab_tit ul {
    text-align: center;
}

.cpBox .cp_tab_tit ul li {
    display: inline-block;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin: 0 2%;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.cpBox .cp_tab_tit ul li:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #1f3b89;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

.cpBox .cp_tab_tit ul li:hover:before,
.cpBox .cp_tab_tit ul li.on:before {
    display: block;
}

.cpBox .cp_tab_tit ul li:hover,
.cpBox .cp_tab_tit ul li.on {
    color: #1f3b89;
    font-family: PingFang-SC-Heavy;
}

.cpBox .cp_tab_con {
    padding-top: 3%;
}

.cpBox .cp_tab_con .cp_tab_con_item {
    display: none;
}

.cpBox .cp_tab_con .cp_tab_con_item.selected {
    display: block;
}

.cpBox .cp_tab_con .cp_tab_con_item .imgbox {
    width: 47.5%;
    float: left;
    padding-top: 33%;
}

.cpBox .cp_tab_con .cp_tab_con_item .txtbox {
    width: 50%;
    float: right;
    padding: 0 2%;
}

.cpBox .cp_tab_con .cp_tab_con_item .txtbox .tit {
    font-family: PingFang-SC-Medium;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 5%;
}

.cpBox .cp_tab_con .cp_tab_con_item .txtbox .txt {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

.cpBox .cp_tab_con .cp_tab_con_item .txtbox .more_btn {
    width: 30%;
    height: 66px;
    background-color: #3dd2d5;
    border-radius: 33px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 5%;
}

.cpBox .cp_tab_con .cp_tab_con_item .txtbox .more_btn img {
    margin-left: 10px;
}

@media ( max-width:1024px) {
    .cpBox .cp_tab_con .cp_tab_con_item .txtbox .more_btn {
        width: 50%;
        height: 40px;
        line-height: 40px;
    }
    .cpBox .cp_tab_con .cp_tab_con_item .txtbox .tit {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 2%;
    }
    .cpBox .cp_tab_con .cp_tab_con_item .txtbox .txt {
        font-size: 16px;
        line-height: 30px;
    }
}

@media ( max-width:768px) {
    .cpBox .cp_tab_con .cp_tab_con_item .imgbox {
        margin-bottom: 3%;
        padding-top: 70%;
    }
    .cpBox .cp_tab_con .cp_tab_con_item .imgbox,
    .cpBox .cp_tab_con .cp_tab_con_item .txtbox {
        width: 100%;
        float: none;
    }
}


/*  */

.CnxtPart5 {
    padding-top: 5%;
}

.cnAS {
    margin-top: 3%;
    padding: 5% 2%;
    background: #152e7d url(../image/cns_bg.jpg) bottom center no-repeat;
}

.cnAS ul {
    overflow: hidden;
    margin-left: -2%;
}

.cnAS ul li {
    width: 23%;
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}

.cnAS ul li a {}

.cnAS ul li .imgbox {
    padding-top: 72%;
}

.cnAS ul li .tit {
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    color: #ffffff;
    margin-top: 6%;
}

@media ( max-width:768px) {
    .cnAS ul li .tit {
        font-size: 16px;
    }
}

@media ( max-width:480px) {
    .cnAS ul li {
        width: 48%;
    }
    .cnAS ul li .tit {
        font-size: 14px;
    }
}


/* 服务与支持 */

.pd3 {
    padding: 3% 0;
}

.SerSup {
    background: url(../image/ss_bg.jpg) top center no-repeat;
    background-size: cover;
    padding: 5% 0;
}

.SerSup .ss_l {
    width: 30%;
    float: left;
}

.SerSup .ss_l .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 2%;
}

.SerSup .ss_l .txt {
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}

.SerSup .ss_l .txt1 {
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 50%;
    opacity: 0.5;
}

.SerSup .ss_l .txt1 p {
    padding-left: 18px;
    position: relative;
}

.SerSup .ss_l .txt1 p:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #3dd2d5;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9;
}

.SerSup .ss_r {
    width: 70%;
    float: right;
}

.SerSup .ss_r ul {
    overflow: hidden;
}

.SerSup .ss_r ul li {
    padding: 3%;
    width: 30%;
    height: 600px;
    float: right;
    text-align: center;
    background: url(../image/op_black30.png);
    margin-left: 1.5%;
}

.SerSup .ss_r ul li:nth-child(1),
.SerSup .ss_r ul li:nth-child(3) {
    margin-top: 5%;
}

.SerSup .ss_r ul li .ico {
    width: 110px;
    height: 110px;
    background-color: #1f3b89;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
}

.SerSup .ss_r ul li .tit {
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 2%;
}

.SerSup .ss_r ul li .line {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #6a6a6a;
    margin: 7% 0;
}

.SerSup .ss_r ul li .line:before {
    content: '';
    width: 24px;
    height: 3px;
    background-color: #3dd2d5;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.SerSup .ss_r ul li .txtbox {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left;
}

.SerSup .ss_r ul li .txtbox p {
    font-family: PingFang-SC-Regular;
}

.SerSup .ss_r ul li .txtbox p span {
    font-family: PingFangSC-Semibold;
}

@media ( max-width:768px) {
    .SerSup .ss_r,
    .SerSup .ss_l {
        width: 100%;
        float: none;
    }
    .SerSup .ss_l .txt1 {
        margin-top: 3%;
    }
    .SerSup .ss_r ul {
        margin-left: -2%;
    }
    .SerSup .ss_r ul li {
        margin-left: 2%;
        width: 31.33%;
        height: auto;
        padding-bottom: 8%;
    }
    .SerSup .ss_r ul li .txtbox {
        line-height: 26px;
    }
}

@media ( max-width:480px) {
    .SerSup .ss_r ul li .ico {
        width: 70px;
        height: 70px;
    }
    .SerSup .ss_r ul li .ico img {
        width: 36px;
    }
    .SerSup .ss_l .tit {
        font-size: 20px;
    }
    .SerSup .ss_l {
        margin-bottom: 3%;
    }
    .SerSup .ss_r ul li .tit {
        font-size: 18px;
    }
}

@media ( max-width:400px) {
    .SerSup .ss_r ul {
        margin-left: 0;
    }
    .SerSup .ss_r ul li {
        width: 100%;
        margin-left: 0;
    }
}


/* 下载中心 */

.downCon {
    padding: 5% 0;
}

.downCon .dlist {
    margin-left: -3%;
    margin-bottom: 2%;
    overflow: hidden;
}

.downCon .dlist li {
    width: 47%;
    float: left;
    background-color: #f1f3f8;
    border-left: 2px solid #1f3b89;
    margin-bottom: 2%;
    margin-left: 3%;
}

.downCon .dlist li a {
    display: flex;
    align-items: center;
    padding: 0 74px 0 4%;
    height: 128px;
    box-sizing: border-box;
    position: relative;
}

.downCon .dlist li .txtbox {
    width: 100%;
}

.downCon .dlist li .txtbox .tit {
    font-family: PingFang-SC-Heavy;
    font-size: 20px;
    color: #333333;
}

.downCon .dlist li .txtbox .date {
    font-family: Montserrat-Light;
    font-size: 16px;
    color: #acacac;
}

.downCon .dlist li .down_btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ffffff url(../image/download1.png) center no-repeat;
    border: solid 4px #ebeef6;
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
}

.downCon .dlist li:hover .down_btn {
    background: #1f3b89 url(../image/download2.png) center no-repeat;
    border: solid 4px #1f3b89;
}

@media ( max-width:480px) {
    .downCon .dlist {
        margin-left: 0;
    }
    .downCon .dlist li {
        width: 100%;
        margin-left: 0;
    }
    .downCon .dlist li a {
        height: 90px;
    }
    .downCon .dlist li .txtbox .tit {
        font-size: 16px;
    }
}


/* 账号登录 */

.loginCon {
    padding: 5% 0;
    background-color: #fff;
}

.loginCon .loginBox {
    background-color: #eef0f4;
    width: 60%;
    padding: 5% 3%;
    margin: 0 auto;
}

.loginCon .loginBox .title {
    font-family: PingFang-SC-Medium;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
}

.loginCon .loginBox ul {
    margin: 6% 0;
}

.loginCon .loginBox ul li {
    height: 68px;
    background-color: #ffffff;
    border-radius: 10px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 2%;
}

.loginBox ul li .ico {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginBox ul li .ico img {}

.loginBox ul li .text {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 68px;
    letter-spacing: 0px;
    color: #333;
    width: 100%;
}

.loginBox .btnss {
    text-align: center;
}

.loginBox .btnss a {
    display: inline-block;
    width: 40%;
    height: 68px;
    border-radius: 10px;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 68px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}

.loginBox .btnss .ok_btn {
    background-color: #1f3b89;
}

.loginBox .btnss .get_btn {
    margin-left: 30px;
    background-color: #3dd2d5;
}

@media ( max-width:768px) {
    .loginCon .loginBox {
        width: 100%;
    }
    .loginCon .loginBox .title {
        font-size: 24px;
    }
    .loginCon .loginBox ul li,
    .loginBox ul li .ico,
    .loginBox ul li .text,
    .loginBox .btnss a {
        height: 46px;
        line-height: 46px;
        font-size: 14px;
    }
}