@charset "utf-8";
@font-face {
    font-family: "Montserrat-Medium";
    src: url("../fonts/Montserrat-Medium-7.ttf") format("truetype");
}

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

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}

@font-face {
    font-family: "SourceHanSansCN-Medium";
    src: url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "SourceHanSansCN-Light";
    src: url("../fonts/SourceHanSansCN-Light.ttf") format("truetype");
}

html,
body {
    height: 100%;
}

body {
    /* padding: 50px 0 0 0; */
    margin: 0px auto;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    zoom: 1;
    font-family: Microsoft YaHei, arial, sans-serif;
    background: #fff;
    /* overflow-y: hidden; */
}

body.compensate-for-scrollbar {
    margin-right: 0;
}

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: 16px;
    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: top;
}

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: #025fa4;
}


/**: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(../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: 1600px;
    width: 95%;
    margin: 0px auto;
}

.w1440 {
    z-index: 1;
    position: relative;
    clear: both;
    max-width: 1300px;
    width: 95%;
    margin: 0px auto;
}


/*font*/

.f_gray {
    color: #333;
}

.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) {
    body.ovh {
        overflow-y: auto;
    }
}

@media ( max-width:1280px) {
    body {
        padding-top: 0;
    }
}

@media ( max-width:1024px) {
    body {
        padding-top: 45px;
        font-size: 14px;
        line-height: 24px;
        min-width: 300px;
    }
    body.ovh {
        overflow: auto;
    }
    select,
    input,
    textarea,
    button {
        font-size: 14px;
    }
}


/*effict*/

.Scale-img {
    overflow: hidden;
    cursor: pointer;
    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.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    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%;
}


/*pages*/

.Pages {
    zoom: 1;
    overflow: hidden;
    text-align: center;
    color: #333;
    clear: both;
    padding: 2% 0;
}

.Pages span {
    padding: 0px 0px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.Pages a {
    display: inline-block;
    text-align: center;
}

.Pages .p_page a {
    display: inline-block;
    vertical-align: middle;
}

.Pages .p_page a .iconfont {
    font-size: 18px;
    font-weight: bold;
}

.Pages .p_page .a_prev,
.Pages .p_page .a_next {
    display: block;
    width: 15%;
    height: 64px;
    border-radius: 10px;
    margin: 0;
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    line-height: 64px;
    letter-spacing: 0px;
    color: #000;
    box-sizing: border-box;
}

.Pages .p_page .a_prev {
    float: left;
    padding-left: 3%;
    background: #f9f9fb url(../images/more4.png) center no-repeat;
    background-position-x: 26%;
}

.Pages .p_page .a_next {
    float: right;
    padding-right: 3%;
    background: #f9f9fb url(../images/more2.png) center no-repeat;
    background-position-x: 74%;
}

.Pages .p_page .a_prev:hover {
    color: #fff;
    background: #0636bd url(../images/more3.png) center no-repeat;
    background-position-x: 26%;
}

.Pages .p_page .a_next:hover {
    color: #fff;
    background: #0636bd url(../images/more1.png) center no-repeat;
    background-position-x: 74%;
}

.Pages .p_page .a_first:hover,
.Pages .p_page .a_end:hover {
    background: #0636bd;
    color: #fff;
}

.Pages .p_page .num a {
    width: 64px;
    height: 64px;
    border: solid 2px #fff;
    box-sizing: border-box;
    font-family: ArialMT;
    font-size: 18px;
    line-height: 64px;
    color: #333333;
}

.Pages .p_page .num a:hover,
.Pages .p_page .num a.a_cur {
    color: #0636bd;
    border: solid 2px #0636bd;
}

.Pages .input {
    width: 37px;
    line-height: 38px;
    height: 38px;
    text-align: center;
    border: 1px solid #dcdcdc;
}

.Pages .topage {
    margin-left: 20px;
}

.Pages .go {
    margin-left: 15px;
    color: #333333;
    background: none;
    width: 72px;
    height: 38px;
    font-size: 18px;
    cursor: pointer;
}

.Pages .go .iconfont {
    color: #17c463;
    font-size: 18px;
    font-weight: bold;
}

@media ( max-width:1024px) {
    .Pages {
        line-height: 24px;
        font-size: 14px;
    }
    .Pages a {
        margin: 0px 1px;
        width: 24px;
        height: 24px;
    }
    .Pages .p_page .num a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .Pages .p_page .a_prev,
    .Pages .p_page .a_first,
    .Pages .p_page .a_next,
    .Pages .p_page .a_end {
        line-height: 40px;
        height: 40px;
        font-size: 16px;
    }
    .Pages .input {
        height: 24px;
        line-height: 22px;
    }
    .Pages .go {
        width: 60px;
        height: 24px;
        font-size: 14px;
    }
}

@media ( max-width:480px) {
    .Pages .p_page .a_prev,
    .Pages .p_page .a_first,
    .Pages .p_page .a_next,
    .Pages .p_page .a_end {
        line-height: 30px;
        font-size: 14px;
    }
    .Pages .p_page .a_prev,
    .Pages .p_page .a_next {
        width: 38%;
        height: 30px;
        background-size: 10%;
    }
    .Pages .p_page .num {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }
}


/*pages end*/

@keyframes move {
    0%,
    65% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    75% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    80% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    85% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    90% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    95% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes move {
    0%,
    65% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    75% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    80% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    85% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    90% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    95% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/*Top*/

.Header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    transition: all ease 0.3s;
    padding-top: 50px;
}

.Header .Logo {
    float: left;
}

.langBox {
    float: right;
    margin-left: 20px;
    margin-top: 13px;
}

.langBox a {
    display: inline-block;
    width: 40px;
    height: 34px;
    font-family: Montserrat-Medium;
    font-size: 14px;
    line-height: 34px;
    color: #ffffff;
    text-align: center;
}

.langBox .chose {
    color: #ff6600;
    background: url(../images/lang_bg.png) center no-repeat;
}

.langBox a:hover {
    color: #ff6600;
}

.Search {
    float: right;
    margin-top: 6px;
    margin-left: 20px;
}

.Search .Searchico {
    cursor: pointer;
    color: #fff;
    text-align: center;
    display: none;
}

.Search .Searchico .icongb {
    display: none;
}

.Search .Searchico.on .icongb {
    display: block;
}

.Search .Searchico.on .iconso {
    display: none;
}

.Search .Searchico .iconfont {
    font-size: 18px;
}

.Search .searchbox {
    width: 320px;
    /* height: 48px; */
    border-radius: 5px;
    border: solid 2px #ffffff;
    position: relative;
    padding: 0 25% 0 10%;
    box-sizing: border-box;
    /* overflow: hidden; */
}

.Search .searchbox em {
    display: block;
    width: 10%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 42px;
    color: #fff;
    opacity: 0.5;
    text-align: center
}

.Search .searchbox .input {
    width: 100%;
    height: 44px;
    line-height: 44px;
    /* text-indent: 1em; */
    font-size: 14px;
    color: #fff;
}

.Search .searchbox .input::-webkit-input-placeholder {
    color: #fff;
}

.Search .searchbox .btn {
    position: absolute;
    right: 0;
    top: -2px;
    width: 25%;
    height: 48px;
    background-color: #ffffff;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #0636bd;
    border-radius: 0px 5px 5px 0px;
}

.Search .searchbox .hots {
    position: absolute;
    top: 60px;
    left: 0;
    font-size: 14px;
    color: #ffffff;
}

.Search .searchbox .hots a {
    color: #ffffff;
    margin-right: 10px;
}
.HomeTop .Search{float: none;margin:0px auto;}


/* 菜单 */

.MainNav {
    float: right;
}

.MainNav li {
    display: inline-block;
    position: relative;
    margin: 0 20px;
}

.MainNav span a {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
}

.MainNav .bg {
    position: absolute;
    left: 50%;
    width: 0;
    top: 0;
    height: 2px;
    background-color: #fff;
    transition: all ease 0.3s;
    z-index: -1;
}

.MainNav .arr {
    display: none;
}

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

.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: 60px;
    left: 0;
    width: 320px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

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

.NavPull dd {
    display: block;
    zoom: 1;
}

.NavPull a {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    color: #040f3d;
    display: block;
    padding-left: 100px;
    text-align: left;
    position: relative;
    line-height: 84px;
    background: #fff;
    transition: none;
}

.NavPull a .mico {
    position: absolute;
    left: 20px;
    top: 12px;
    border-radius: 50%;
    height: 60px;
}

.i1 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.i2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.NavPull a:hover {
    background: #0636bd;
    color: #fff;
}

.NavPull a:hover .mico {
    background-color: #ff6600;
}

.NavPull a:hover .mico .i1 {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.NavPull a:hover .mico .i2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.openbtn {
    cursor: pointer;
    display: none;
    width: 32px;
    height: 25px;
    padding-top: 1px;
    position: absolute;
    right: 12px;
    top: 11px;
    z-index: 999;
}

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

.openbtn span {
    display: block;
    height: 2px;
    background: #fff;
    border-radius: 4px;
    margin: 4px;
    transition: all ease 0.3s;
}

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

.openbtn.on .sp2 {
    -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;
}

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

@media ( max-width:1500px) {
    .MainNav li {
        margin: 0 10px;
    }
    .Search .searchbox {
        width: 300px;
    }
}

@media ( max-width:1440px) {
    .Logo img {
        height: 50px;
    }
    .Search {}
    .Search .Searchico {
        width: 80px;
    }
    .NavPull a {
        line-height: 64px;
    }
    .NavPull a .mico,
    .NavPull a .mico img {
        height: 42px;
    }
}

@media ( max-width:1366px) {
    .MainNav li {}
    .Header .Logo {}
    .MainNav span a {
        font-size: 17px;
    }
}

@media ( max-width:1290px) {
    .MainNav li {
        margin: 0 6px;
    }
    .MainNav span a {
        font-size: 16px;
    }
    .Search .searchbox {
        width: 260px;
    }
}

@media ( max-width:1200px) {
    .Header {
        padding-top: 30px;
    }
    .MainNav li {
        float: left;
    }
    .Logo img {
        height: 42px;
    }
    .Search .searchbox {
        width: 250px;
    }
    .MainNav span a {
        font-size: 16px;
        line-height: 46px;
    }
    .Search {
        margin-top: 0;
    }
    .langBox {
        margin-top: 7px;
    }
}

@media ( max-width:1024px) {
    .Header {
        height: 45px;
        top: 0;
        position: fixed;
        padding-top: 0;
        background: #0636be;
    }
    .Header .Logo {
        padding-top: 4px;
    }
    .Header .Logo img {
        height: 36px;
    }
    .Header .top {
        right: 80px;
        top: 5px;
    }
    .Header .openbtn {
        display: block;
    }
    .langBox {
        float: right;
        margin: 6px 50px 0 10px;
    }
    .Header .Search {
        position: static;
        float: right;
        padding: 9px 0px 0 0 !important;
        margin-top: 0;
    }
    .Header .Search .Searchico {
        width: 26px;
        height: 26px;
        line-height: 26px;
        display: block;
    }
    .Header .Search .searchbox {
        right: 0%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        display: none;
        position: absolute;
        top: 50px;
        width: 94%;
        left: 3%;
        top: 47px !important;
        background: #fff;
    }
    .Header .Search .searchbox .btn {
        background: #0636bd;
        color: #ffffff;
        right: -2px;
    }
    .Header .Search .searchbox em {
        color: #606060;
    }
    .Header .Search .searchbox .hots {
        top: 50px;
        color: #606060;
    }
    .Header .Search .Searchico .iconfont {
        font-size: 20px;
    }
    .Header .Search .searchbox .btn .iconfont {
        font-size: 20px;
    }
    .Header .Search .select {
        line-height: 28px;
    }
    .MainNav {
        position: fixed;
        height: 100%;
        overflow-y: auto;
        z-index: 999;
        width: 230px;
        padding: 0;
        right: -230px;
        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 {
        margin-top: 0px;
    }
    .MainNav li {
        display: block;
        position: relative;
        cursor: pointer;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        width: auto;
        margin: 0 10px;
        background: none;
        padding: 0;
    }
    .MainNav li span a {
        font-size: 16px;
        text-align: left;
        height: auto;
        display: block;
        line-height: 28px !important;
        height: auto !important;
        height: auto;
        padding: 8px 0 8px 5px;
        border: 0;
        color: #333;
    }
    .MainNav .bg {
        display: none
    }
    .MainNav li:hover span a,
    .MainNav li.onnav span a,
    .MainNav li span a.sele {
        color: #ff6600;
    }
    .MainNav .arr {
        display: inline-block;
        position: absolute;
        z-index: 2;
        width: 100px;
        line-height: 38px;
        right: 0px;
        top: 0px;
    }
    .MainNav .arr i {
        position: absolute;
        height: auto;
        background: none;
        right: 0px;
        top: 5px;
        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;
        color: #ff6600;
    }
    .MainNav.on {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        right: 0;
    }
    .NavPull {
        position: static;
        line-height: 30px;
        width: 100%;
        left: 0;
        transform: translateX(0px);
        box-sizing: border-box;
    }
    .NavPull dl {
        padding: 0 !important;
    }
    .NavPull dd {
        position: relative;
        text-align: left;
        display: block;
    }
    .NavPull dd a {
        padding-left: 50px;
        line-height: 40px;
        font-size: 14px;
    }
    .NavPull dd a .mico {
        height: 36px;
        top: 2px;
        left: 10px;
    }
    .NavPull dd a .mico img {
        height: 100%;
    }
}

@media ( max-width:480px) {
    .Header .Logo {
        padding-top: 9px;
    }
    .Header .Logo img {
        height: 28px;
    }
}

@media ( max-width:375px) {
    .Header .Logo img {
        height: 26px;
    }
    .Header .Logo {
        padding-top: 10px;
    }
    .Search {
        margin-left: 10px;
    }
    .langBox {
        margin: 6px 50px 0 0px;
    }
}


/*Top*/


/*Bottom*/

.Footer {
    background: #2e2e2e url(../images/foot_bg.jpg) bottom center no-repeat;
}

.Footer .f_top {
    padding: 4% 0;
    border-bottom: 1px solid #434343;
    overflow: hidden;
}

.f_top_l {
    width: 50%;
    float: left;
}

.f_top_l .t1 a {
    font-family: Montserrat-Medium;
    font-size: 45px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ff6600;
}

.f_top_l .t2 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ff6600;
    margin-bottom: 3%;
}

.f_top_l p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #ffffff;
}

.f_top_l p a {
    color: #ffffff;
}

.f_top_r {
    width: 50%;
    float: right;
    text-align: right;
}

.f_top_r .bshare-custom {}

.f_top_r .bshare-custom a {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: #ffffff;
    border-radius: 50%;
    padding-left: 0;
    line-height: 54px;
    text-align: center;
    font-size: 26px;
    text-decoration: none;
    margin-left: 20px;
    margin-right: 0;
}

.f_top_r .bshare-custom a.gw .iconfont1 {
    font-size: 24px;
}

.f_top_r .bshare-custom a:hover {
    text-decoration: none;
    opacity: 1;
    background-color: #0636be;
    color: #fff;
}

.f_top_r .links {
    margin-top: 3%;
}

.f_top_r .links a {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-left: 30px;
    position: relative;
}

.f_top_r .links a::before {
    content: '';
    width: 3px;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.f_top_r .links a:nth-child(1):before {
    display: none;
}

.f_top_r .links a:hover {
    color: #ff6600;
}

.f_bottom {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 2% 0;
}

.f_bottom a {
    color: #fff;
}

.desinger {
    float: right;
    text-align: right;
}

.Copyright {
    float: left;
}

.f_bottom a:hover {
    color: #ff6600;
}

.totop {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.totop.cd-is-visible {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}


/*右侧飘窗*/

.FastRight {
    width: 90px;
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 15%;
}

.FastRight li {
    position: relative;
    cursor: pointer;
    margin-top: 1px;
}

.FastRight .ico {
    height: 90px;
    display: flex;
    justify-content: center;
    color: #545665;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
}

.FastRight .ico .iconfont,
.FastRight .ico .iconfont1 {
    display: block;
    font-size: 29px;
}

.FastRight .ico .icondh3,
.FastRight .ico .icon-zhiding {
    font-size: 32px;
}

.FastRight li:hover .ico {
    color: #fff;
    background-color: #0636be;
}

.FastRight .info {
    font-family: DINCondensed;
    position: absolute;
    top: 80px;
    right: 90px;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #0636be;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease 0.3s;
}

.FastRight .info img {
    border: 5px solid #fff;
    max-width: none;
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
}

.FastRight .info p {}

.FastRight .info.tel {
    line-height: 26px;
    color: #fff;
    width: 170px;
    text-align: left;
}

.FastRight .info.tel b {
    display: block;
    font-size: 16px;
}

.FastRight .info a {
    color: #fff;
}

.FastRight li.on .info {
    top: 0;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

@media ( max-width:1440px) {
    .FastRight {
        width: 50px;
        right: 0;
    }
    .FastRight em {
        font-size: 12px;
    }
    .FastRight .ico {
        height: 60px;
    }
    .FastRight .ico .iconfont,
    .FastRight .ico .iconfont1 {
        font-size: 20px;
    }
    .FastRight .info {
        right: 50px;
    }
}

@media ( max-width:1200px) {
    .f_top_l .t1 {
        font-size: 34px;
        line-height: 40px;
    }
    .f_top_l .t2 {
        line-height: 30px;
    }
    .f_top_l p {
        font-size: 14px;
        line-height: 30px;
    }
    .f_top_r .bshare-custom a {
        width: 48px;
        height: 48px;
        line-height: 46px;
        margin-left: 10px;
    }
    .f_top_r .links a {
        font-size: 14px;
    }
    .f_bottom {
        font-size: 14px;
    }
}

@media ( max-width:1024px) {
    .Footer .f_top {
        padding: 3% 0;
    }
    .Copyright,
    .desinger,
    .f_top_r {
        width: 100%;
        float: none;
        text-align: center;
    }
    .f_top_l {
        width: 100%;
        float: none;
    }
    .f_top_r .links {
        margin-top: 20px;
    }
    .FastRight {
        width: 32px;
        right: 1px;
    }
    .FastRight .ico {
        height: 32px;
    }
    .FastRight .ico .iconfont,
    .FastRight .ico .iconfont1 {
        font-size: 18px;
    }
    .FastRight .info img {
        border: 2px solid #fff;
        width: 82px;
        height: 82px;
    }
    .FastRight em {
        display: none;
    }
    .FastRight .info {
        right: 32px;
    }
    .FastRight .ico img {
        width: 16px;
    }
    .FastRight .ico .iconfont,
    .FastRight .ico .iconfont1 {
        margin: 0;
    }
}

@media ( max-width:768px) {
    .f_top_l {
        margin-bottom: 2%;
    }
}

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


/*Bottom*/


/*首页 s*/

.activehover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -o-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -o-transform: rotate(360deg);
    }
}

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


/*第一屏 s*/

.HomeBan {
    overflow: hidden;
    clear: both;
    position: relative;
    background: url(../images/loading.gif) center center no-repeat;
}

.HomeBan .slides li .txtbox {
    position: absolute;
    width: 50%;
    left: 8%;
    top: 30%;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    opacity: 0;
    transition: all 1s;
    z-index: 99;
}

.HomeBan .slides li .txtbox .line {
    width: 81px;
    height: 3px;
    background-color: #ffffff;
}

.HomeBan .slides li .txtbox .tit_cn {
    font-family: SourceHanSansCN-Medium;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-bottom: 3%;
}

.HomeBan .slides li .txtbox .tit_en {
    font-family: Montserrat-Medium;
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-bottom: 3%;
}

.HomeBan .slides li .txtbox .txt {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 70%;
    margin-bottom: 5%;
}

.HomeBan .slides li .video {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    position: relative;
    padding-top: 40%;
}

.HomeBan .slides li .imgbox {
    padding-top: 39.2%;
}

.HomeBan .slides li video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.HomeBan .slides li.flex-active-slide .txtbox {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}

.HomeBan .slides li.i_banner1.flex-active-slide .txtbox {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.HomeBan .flex-control-nav {
    bottom: 5%;
    z-index: 10;
    width: 82%;
    left: 9%;
    text-align: right;
    font-size: 0;
}

.HomeBan .flex-control-nav li {
    margin: 0 10px;
    vertical-align: middle;
}

.HomeBan .flex-control-nav li a {
    opacity: 1;
    width: 33px;
    height: 33px;
    background: url(../images/dot.png) center no-repeat;
    cursor: pointer;
    -webkit-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
}

.HomeBan .flex-control-nav li a.flex-active {
    opacity: 1;
    background: url(../images/dot1.png) center no-repeat;
    border-radius: 6px;
}

.HomeBan .flex-direction-nav a {
    opacity: 0;
    color: #fff;
    width: 50px;
    height: 80px;
    line-height: 80px;
    font-size: 80px;
    border-radius: 0;
    margin: 0;
    transform: translateY(-50%);
}

.HomeBan .flex-direction-nav .flex-prev {
    left: -50px;
}

.HomeBan .flex-direction-nav .flex-next {
    right: -50px;
}

.HomeBan:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
}

.HomeBan:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
}

.HomeBan .flex-direction-nav a:hover {
    background: none !important;
    color: #fff;
}

@media ( max-width:1500px) {
    .HomeBan .slides li .txtbox .tit_en {
        font-size: 40px;
        line-height: 50px;
    }
    .HomeBan .slides li .txtbox .tit_cn {
        font-size: 30px;
        line-height: 50px;
    }
}

@media ( max-width:1200px) {
    .HomeBan .slides li .txtbox .tit_en {
        font-size: 34px;
        line-height: 40px;
    }
    .HomeBan .slides li .txtbox .txt {
        width: 100%;
    }
}

@media ( max-width:1024px) {
    .HomeBan {
        margin-top: 0;
    }
    .HomeBan .slides li .txtbox {
        top: 20%;
    }
    .HomeBan .slides li .txtbox .tit_cn {
        font-size: 26px;
        line-height: 34px;
    }
    .HomeBan .slides li .txtbox .tit_en {
        font-size: 16px;
        line-height: 20px;
    }
    .HomeBan .flex-direction-nav {
        display: none;
    }
    .HomeBan .flex-control-nav li {
        margin: 0 5px;
    }
}

@media ( max-width:768px) {
    .HomeBan .slides li .txtbox {
        width: 84%;
        top: 10%;
    }
    .HomeBan .slides li .txtbox .tit_cn {
        padding: 2% 0;
    }
    .HomeBan .slides li .txtbox .tit_en {
        padding-bottom: 0;
    }
    .HomeBan .slides li .txtbox .txt {
        margin-bottom: 2%;
    }
}

@media ( max-width:480px) {
    .HomeBan .slides li .imgbox {
        padding-top: 48.2%;
    }
    .HomeBan .slides li .txtbox .tit_cn {
        font-size: 20px;
        line-height: 20px;
        padding: 3% 0;
    }
    .HomeBan .slides li .txtbox .tit_en {
        font-size: 14px;
        line-height: 20px;
    }
    .HomeBan .slides li .txtbox .txt {
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 3%;
    }
}

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

@media ( max-width:380px) {
    .HomeBan .slides li .txtbox {
        top: 20%;
    }
}


/*banner end*/


/* 
.mores {
    position: relative;
    display: block;
    text-align: center;
    width: 120px;
    line-height: 40px;
    color: #333;
    border: 2px solid #58504a;
    font-family: Arial, Helvetica, sans-serif;
}

.mores i {
    position: absolute;
    font-size: 0;
    background: #58504a;
    transition: all ease 0.3s;
}

.mores i.top {
    height: 2px;
    width: 0;
    left: 0;
    top: 0;
}

.mores i.right {
    height: 0;
    width: 2px;
    top: 0;
    right: 0;
}

.mores i.bottom {
    width: 0;
    height: 2px;
    bottom: 0;
    right: 0;
}

.mores i.left {
    height: 0;
    width: 2px;
    left: 0;
    bottom: 0;
}

.mores:hover i.top {
    width: 100%;
}

.mores:hover i.right {
    height: 100%;
}

.mores:hover i.bottom {
    width: 100%;
}

.mores:hover i.left {
    height: 100%;
}

.mores:hover {
    border: 2px solid rgba(0, 0, 0, 0);
    color: #000;
} */

.HomeTit {
    float: left;
    width: 240px;
    height: 66px;
    background-image: linear-gradient(0deg, #0636be 0%, #0536fd 100%), linear-gradient( #0636be, #0636be);
    background-blend-mode: normal, normal;
    box-shadow: 0px 20px 30px 0px rgba(6, 54, 190, 0.2);
    border-radius: 12px;
    font-family: SourceHanSansCN-Medium;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}
.HomeTit a{display: block;color:#fff;}
.HomeTit:hover{background:#005dbc;}

.more_btn {
    width: 220px;
    height: 64px;
    border-radius: 32px;
    border: solid 2px #ffffff;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.more_btn span {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    display: block;
    width: 80%;
}

.more_btn img {
    position: absolute;
    right: -20px;
    top: -2px;
    transition: all 0.3s;
}

.more_btn:hover,
.more_btn.on {
    border: solid 2px #0636be;
    background: #0636be;
}
.more_btn:hover img{right: -28px;}

.HomeTop {
    position: relative;
    padding-bottom: 2%;
}
.HomeP2 .HomeTit{float: none;position: absolute;left: 0;top: 0;z-index: 100;}

.HomeTop .more_btn {
    float: right;
    box-shadow: 0px 0px 60px 0px rgba(11, 64, 131, 0.3);
}

@media ( max-width:1500px) {
    .HomeTit {
        width: 200px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }
    .more_btn {
        width: 160px;
        height: 54px;
    }
    .more_btn span {
        line-height: 50px;
    }
    .more_btn img {
        height: 54px;
    }
}

@media ( max-width:1200px) {
    .HomeTit {
        width: 160px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }
    .more_btn {
        width: 150px;
        height: 50px;
    }
    .more_btn span {
        line-height: 46px;
    }
    .more_btn img {
        height: 50px;
    }
}

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

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

@media ( max-width:480px) {
    .HomeP2 .HomeTit{position: static;}
    .HomeTit {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
    .more_btn {
        width: 120px;
        height: 40px;
    }
    .more_btn span {
        line-height: 36px;
        font-size: 12px;
    }
    .more_btn img {
        height: 40px;
        right: -13px;
    }
}

@media ( max-width:420px) {
    .HomeTit {
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .more_btn {
        width: 90px;
        height: 32px;
    }
    .more_btn span {
        line-height: 28px;
    }
    .more_btn img {
        height: 32px;
    }
}

.HomeCon {
    overflow: hidden;
}

.HomeCon .top_tit {
    overflow: hidden;
    position: relative;
    padding: 10px 0 10px 20px;
    border-bottom: 1px #e5e5e5 solid;
}

.HomeCon .top_tit:before {
    content: '';
    width: 5px;
    height: 18px;
    background-color: #ee2d31;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.HomeCon .top_tit .tit {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    float: left;
    width: auto;
    position: relative;
}

.HomeCon .top_tit .tit:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ee2d31;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.HomeCon .top_tit .more_btn {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #8b8b8b;
    float: right;
}


/*  */

.HomeP1 {
    padding: 5% 0 2%;
    background: url(../images/index_bg.png) bottom center no-repeat;
}

.HomeP1 .HomeTop .more_btn {
    margin-right: 20px;
}

.homePro .slider {}

.homePro li {
    margin: 0 10px;
    padding: 1% 0;
}

.homePro li a {
    display: block;
}

.homePro li .pro_logo {
    position: relative;
    width: 100%;
    height: 90px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(11, 64, 131, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
}

.homePro li .pro_logo:before {
    content: '';
    width: 20px;
    height: 8px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/arr.png) top center no-repeat;
}

.homePro li:hover .pro_logo:before {
    background: url(../images/arr_h.png) top center no-repeat;
}

.homePro li .pro_logo .pc1 {
    display: block;
}

.homePro li .pro_logo .pc2 {
    display: none;
}

.homePro li:hover .pro_logo {
    background-color: #0636be;
}

.homePro li:hover .pro_logo .pc1 {
    display: none;
}

.homePro li:hover .pro_logo .pc2 {
    display: block;
}

.homePro li .imgbox {
    text-align: center;
    position: relative;
    background: #eff2f8;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homePro li .imgbox img {
    position: relative;
    z-index: 10;
}

.homePro li .imgbox .bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.homePro li:hover .imgbox .bg {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.homePro li .txtbox {
    width: 80%;
    padding: 0 10%;
    height: 90px;
    background-color: #666c82;
    text-align: center;
}

.homePro li .txtbox .tit_cn {
    font-size: 26px;
    line-height: 40px;
    color: #ffffff;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.homePro li .txtbox .tit_en {
    font-family: Montserrat-Regular;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.homePro li:hover a {
    box-shadow: 0px 20px 30px 0px rgba(6, 54, 190, 0.2);
}

.homePro li:hover .txtbox {
    background-color: #ff6600;
}

@media(max-width:1500px) {
    .homePro li .txtbox {
        height: 70px;
    }
    .homePro li .txtbox .tit_cn {
        font-size: 18px;
        line-height: 30px;
    }
    .homePro li .pro_logo {
        height: 70px;
    }
    .HomeP1 {
        padding: 4% 0 2%;
    }
}

@media(max-width:1200px) {
    .homePro li {
        margin: 0 10px;
    }
}

@media(max-width:1024px) {
    .homePro li {
        margin: 0 4px;
    }
}

@media(max-width:480px) {
    .homePro li .txtbox .tit_cn {
        font-size: 16px;
        line-height: 24px;
    }
    .homePro li .txtbox .tit_en {
        font-size: 12px;
    }
    .homePro li .imgbox {
        height: 180px;
    }
    .homePro li .pro_logo {
        height: 50px;
    }
}

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

.HomeP2 {background:url(../images/addbg.jpg) no-repeat center center;padding:4% 0 3% 0;}

.HomeP2 .searchbox {
    margin:0px auto;
    width: 380px;
    padding:0 86px 0 43px;
    border: solid 2px #0636be;
}
.HomeP2 .searchbox .input{text-indent: 0;}

.Search .searchbox .input::-webkit-input-placeholder {
    color: #bdc1cd;
}

.HomeP2 .searchbox .btn {
    background-color: #0636be;
    color: #fff;
}

.HomeP2 .Search .searchbox em {
    color: #bdc1cd;
    opacity: 1;
}

.HomeP2 .Search .searchbox input {
    color: #333;
}

.HomeP2 .Search .searchbox .hots,
.HomeP2 .Search .searchbox .hots a {
    color: #bdc1cd;
}

.HomeP2 .Search .searchbox .hots a:hover {
    color: #0636be;
}

.ProTJ {
    margin: 3% 0;
    border-right: 1px solid #0636be;
}

/* .ProTJ .slider {
    box-shadow: 0px 0px 80px 0px rgba(11, 64, 131, 0.1);
} */

.ProTJ .slider .slick-list{margin-left:-20px;}
.ProTJ .slider .type{padding-left:20px;position: relative;}

.ProTJ .type .title {
    display: block;
    padding: 0 20% 0 5%;
    transition: all .3s;-webkit-transition: all .3s;
    position: relative;
}

/* .ProTJ .type:nth-child(3n+1) {
    border-right: 1px solid #0636be;
}

.ProTJ .type:nth-child(3n-1) {
    border-right: 1px solid #0536fd;
}

.ProTJ .type:nth-child(3n) {
    border-right: 1px solid #ff6600;
} */

/* .ProTJ .type:nth-child(3n+1) .title {
    background: #0636be url(../images/more1.png) center no-repeat;
    background-position-x: 95%;
}

.ProTJ .type:nth-child(3n-1) .title {
    background: #0536fd url(../images/more1.png) center no-repeat;
    background-position-x: 95%;
}

.ProTJ .type:nth-child(3n) .title {
    background: #ff6600 url(../images/more1.png) center no-repeat;
    background-position-x: 95%;
} */

.ProTJ .type:nth-child(3n+1) .title {
    background: #0636be;
}

.ProTJ .type:nth-child(3n-1) .title {
    background: #0536fd;
}

.ProTJ .type:nth-child(3n) .title {
    background: #ff6600 ;
}

.ProTJ .slider .type .title:hover {
    /* background: #fff url(../images/more2.png) center no-repeat; */
    background-position-x: 90%;
    padding-left:10%;
    color:#fff;
}

.ProTJ .type .title i{display: block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;position: absolute;bottom:-20px;left:50%;margin-left:-10px;}

.ProTJ .type:nth-child(3n+1) .title i{
    border-top:10px solid #0636be;
}

.ProTJ .type .title .tit {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 90px;
    letter-spacing: 0px;
    color: #ffffff;
}

/* .ProTJ .slider .type:hover .tit {
    color: #040f3d;
} */

.ProTJ .type .t_item {
    position: relative;
    border-bottom: 1px solid #0636bd;
    border-left: 1px solid #0636bd;;
    border-right: 1px solid #0636bd;;
    cursor: pointer;
    transition: all .3s;-webkit-transition: all .3s;
    background: #fff;
}

.ProTJ .type .t_item:hover{box-shadow: 0 0 30px rgba(0, 30, 117, 0.2);}

/* .ProTJ .type .t_item:last-child {
    border-bottom: none;
} */

.ProTJ .type .t_item .imgbox {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

.ProTJ .type .t_item .imgbox img {
    max-height: 160px;
    transition: all .5s;-webkit-transition: all .5s;
}

.ProTJ .type .t_item:hover .imgbox img{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);}


.ProTJ .type .t_item .tit_before {
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #1a1a1a;
    padding: 0 5%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ProTJ .type .t_item .tit_after {
    /* background-color: #ff6600; */
    /* font-family: Montserrat-Medium; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #999;
    padding: 0 5%;
    display: none;
    position: relative;
    z-index: 10;
    display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:52px;
    margin-bottom:15px;
}

/* .ProTJ .type .t_item:hover .tit_after {
    display: block;
}

.ProTJ .type .t_item:hover .tit_before {
    display: none;
} */

.ProTJ .type .t_item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0636be;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ProTJ .type .t_item:hover .bg {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media(max-width:1440px) {
    .ProTJ .type .title .tit {
        font-size: 20px;
        line-height: 70px;
    }
    /* .ProTJ .type .t_item .tit_after,
    .ProTJ .type .t_item .tit_before {
        line-height: 60px;
    } */
    /* .ProTJ .type .t_item .imgbox {
        height: 320px;
    } */
}

@media(max-width:1200px) {
    /* .ProTJ .type .t_item .imgbox {
        height: 300px;
    } */
}

@media(max-width:1024px) {
    .HomeP2 .Search .searchbox .hots {
        top: 50px;
    }
    .ProTJ .type .t_item .tit_after,
    .ProTJ .type .t_item .tit_before {
        font-size: 16px;
    }
}

@media(max-width:640px) {
    .HomeP2 .Search .searchbox {
        width: 280px;
    }
}

@media(max-width:480px) {
    border-right: 0px solid #0636be;
    .ProTJ .type .title .tit {
        font-size: 16px;
        line-height: 56px;
    }
    .HomeP2 .Search {
        width: 100%;
        margin: 30px 0;
    }
    .HomeP2 .Search .searchbox {
        width: 100%;
    }
    .ProTJ .type .t_item .imgbox {
        height: 100px;
    }
    .ProTJ .type .t_item .imgbox img {
        max-height: 100px;
    }
    .ProTJ .type .t_item .tit_after,
    .ProTJ .type .t_item .tit_before {
        font-size: 12px;
        line-height: 50px;margin-bottom: 0;
    }
    .ProTJ .slider .slick-list{margin-left: -8px;}
    .ProTJ .slider .type{margin-left: 8px;}
}

.AD {
    margin: 4% 0;
    position: relative;
}

.AD .imgbox {
    padding-top: 180px;
}

.AD .txtbox {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    padding: 0 10%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.AD .txtbox .tit {
    font-family: SourceHanSansCN-Medium;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
}

.AD .txtbox .more {}

.AD .txtbox .more img {}

@media(max-width:1200px) {
    .AD .imgbox {
        padding-top: 138px;
    }
}

@media(max-width:1024px) {
    .AD .txtbox .tit {
        font-size: 20px;
        line-height: 40px;
    }
    .AD .imgbox {
        padding-top: 100px;
    }
}

@media(max-width:480px) {
    .AD .txtbox {
        padding: 0 4%;
        width: 92%;
    }
    .AD .imgbox {
        padding-top: 70px;
    }
    .AD .txtbox .tit {
        font-size: 16px;
        line-height: 30px;
    }
}

.HomeP3 {
    padding: 0 0 3%;
}

.CaseList {
    padding-bottom: 3%;
}

.CaseList ul {
    margin-left: -2%;
    padding: 4% 0 0;
}

.CaseList ul li {
    width: 31.33%;
    margin-left: 2%;
    float: left;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 80px 0px rgba(11, 64, 131, 0.1);
    margin-bottom: 4%;
}

.CaseList ul li .imgbox {
    padding-top: 66%;
}

.CaseList ul li .txtbox {
    height: 90px;
    padding: 5%;
    background-color: #ffffff;
    overflow: hidden;
    color: #545665;
}

.CaseList ul li .txtbox .txt {
    width: 60%;
    float: left;
    font-family: SourceHanSansCN-Regular;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.CaseList ul li .txtbox .date {
    width: 36%;
    float: right;
    font-family: Montserrat-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #0636be;
    text-align: right;
    margin-top: 30px;
}

.CaseList ul li:hover,
.CaseList ul li.activehover {
    box-shadow: 0px 20px 30px 0px rgba(6, 54, 190, 0.2);
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

.CaseList ul li:hover .txtbox,
.CaseList ul li.activehover .txtbox {
    background-color: #0636be;
    color: #fff;
}

.CaseList ul li:hover .date,
.CaseList ul li.activehover .date {
    color: #fff;
}

@media(max-width:1440px) {
    .CaseList ul {
        padding: 2% 0 0;
    }
    .CaseList ul li .txtbox .txt {
        font-size: 18px;
    }
}

@media(max-width:1024px) {
    .CaseList ul li .txtbox .txt {
        font-size: 16px;
    }
    .CaseList ul li {
        margin-bottom: 2%;
    }
}

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

@media(max-width:480px) {
    .CaseList ul {
        margin-left: 0;
    }
    .CaseList ul li {
        width: 100%;
        margin-left: 0;
        float: none;
    }
}

.HomeP4 {
    max-width: 1920px;
}

.HomeP4 .l_img {
    width: 50%;
    float: left;
}

.HomeP4 .l_img .imgbox {
    padding-top: 83.5%;
}

.HomeP4 .r_text {
    width: 50%;
    float: right;
    padding: 5%;
    box-sizing: border-box;
    background: url(../images/index_bg1.jpg) center no-repeat;
}

.r_text .tit_en {
    font-family: Montserrat-Medium;
    font-size: 18px;
    color: #d9d9d9;
}

.r_text .tit_cn {
    font-family: SourceHanSansCN-Medium;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 55px;
    letter-spacing: 7px;
    color: #040f3d;
}

.r_text .txtbox {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #545665;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.r_text .more_btn {
    margin-top: 5%;
    box-shadow: 0px 0px 60px 0px rgb(11 64 131 / 30%);
}

.AboutNum {
    padding: 5% 0;
}

.AboutNum ul {
    overflow: hidden;
    display: flex;
}

.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 {
    font-family: Montserrat-Medium;
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ff6600;
}

.AboutNum ul li span {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #545665;
}

@media(max-width:1440px) {
    .HomeP3 .AboutNum {
        padding-top: 3px;
    }
    .HomeP4 .r_text {
        padding: 3%;
    }
    .AboutNum ul li:nth-child(1) {
        padding-right: 0;
    }
    .r_text .tit_cn {
        font-size: 30px;
        line-height: 46px;
    }
    .AboutNum ul li p {
        font-size: 50px;
        line-height: 54px;
    }
}

@media(max-width:1366px) {
    .HomeP3 .AboutNum {
        padding-top: 0;
    }
    .HomeP3 .txt span {
        font-weight: bold;
        font-size: 20px;
    }
}

@media(max-width:1200px) {
    .HomeP4 .r_text {
        padding: 2%;
    }
    .r_text .tit_cn {
        font-size: 24px;
        line-height: 36px;
    }
    .AboutNum {
        padding: 3% 0;
    }
    .AboutNum ul li {
        float: none;
    }
    .AboutNum ul li:nth-child(2) {
        padding: 0;
    }
    .AboutNum ul li:nth-child(3) {
        padding-left: 0;
    }
    .AboutNum ul li p {
        font-size: 40px;
        line-height: 50px;
    }
    .AboutNum ul li span {
        font-size: 14px;
    }
    .r_text .txtbox {
        font-size: 14px;
        line-height: 30px;
    }
}

@media(max-width:1024px) {
    .AboutNum ul li p {
        font-size: 30px;
        line-height: 36px;
    }
    .HomeP4 .r_text {
        padding: 0 2%;
    }
}

@media(max-width:768px) {
    .HomeP4 .l_img,
    .HomeP4 .r_text {
        width: 100%;
        float: none;
    }
    .HomeP4 .r_text {
        padding: 4%;
    }
    .AboutNum ul li {
        float: left;
        margin-right: 6%;
    }
    .HomeP4 .l_img .imgbox {
        padding-top: 50%;
    }
}

.HomeP5 {
    padding: 4% 0;
    background: url(../images/index_bg2.jpg) center no-repeat;
}

.HomeP5 {}

.Partner .slider {
    padding: 1% 0 5%;
}

.Partner .slick-list {
    border: solid 1px #2b3153;
}

.Partner .slick-arrow {
    left: unset;
    right: 0;
    top: -27%;
    width: 40px;
    height: 40px;
    opacity: 0.2;
}

.Partner .slick-arrow:hover {
    opacity: 1;
}

.Partner .slick-prev {
    right: 50px;
    background: url(../images/more3.png) center no-repeat;
}

.Partner .slick-next {
    background: url(../images/more1.png) center no-repeat;
}

.Partner .slick-dots li button {
    opacity: 1;
    width: 33px;
    height: 33px;
    background: url(../images/dot.png) center no-repeat;
    cursor: pointer;
    -webkit-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
}

.Partner .slick-dots li.slick-active button {
    opacity: 1;
    background: url(../images/dot1.png) center no-repeat;
    border-radius: 6px;
}

.Partner .slick-list li {
    position: relative;
    border-left: solid 1px #2b3153;
    background: url(../images/op_blue20.png);
}

.Partner .slick-list li .imgbox {
    padding: 20px 0;
    text-align: center;
}

.Partner .slick-list li .imgbox img {}

.Partner .slick-list li .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    text-align: center;
    padding: 20px 0;
}

.Partner li:hover .bg {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@media(max-width:768px) {
    .Partner .slider {
        padding: 3% 0 8%;
    }
    .Partner .slick-list li .imgbox,
    .Partner .slick-list li .bg {
        padding: 14px 0;
    }
}

.HomeP6 {
    padding: 3% 0;
    overflow: hidden;
    background: url(../images/index_bg3.jpg) top center no-repeat;
    background-size: cover;
}

.HomeP6 .HomeTop {
    float: left;
}

.HomeP6 .HomeTop .HomeTit{float:none;}

.HomeP6 .HomeTop .con{font-size: 16px;margin-top:15px;text-align: center;}

@media(max-width:768px){
    .HomeP6 .HomeTop .con{font-size: 14px;margin-top:5px;padding-left:10px;text-align: left;}
}


.ZXly {
    width: 80%;
    float: right;
}

.ZXly ul {
    overflow: hidden;
    padding-bottom: 5%;
    margin-left: -2.33%;
}

.ZXly ul li {
    width: 31%;
    float: left;
    margin-left: 2.33%;
    border-bottom: 2px solid #040f3d;
}
.ZXly ul li.auto {width: auto;float: none;clear: both;margin-left: 2.33%;}
.ZXly ul li.auto textarea {width: 100%;height: 60px;display: block;}

.ZXly ul li .text {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #040f3d;
    border: 0;
    outline: none;
    width: 100%;
}

.ZXly ul li .text::-webkit-input-placeholder {
    color: #040f3d;
    opacity: 0.4;
}

.ZXly .sub_btn {
    width: 32%;
    height: 66px;
    background-color: #0636be;
    border-radius: 32px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

@media(max-width:1200px) {
    .ZXly ul {
        padding-bottom: 2%;
    }
    .ZXly .sub_btn {
        height: 60px;
        line-height: 60px;
        font-size: 22px;
    }
}

@media(max-width:1024px) {
    .ZXly ul li .text {
        line-height: 46px;
    }
    .ZXly ul li.auto{margin-left: 0;}
    .ZXly ul li.auto textarea {
        height: 46px;
    }
    .ZXly .sub_btn {
        height: 46px;
        line-height: 46px;
        font-size: 20px;
    }
}

@media(max-width:768px) {
    .HomeP6 .HomeTop {
        float: none;
    }
    .ZXly {
        width: 100%;
        float: none;
    }
}

@media(max-width:480px) {
    .ZXly ul {
        margin-left: 0;
    }
    .ZXly ul li {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .ZXly .sub_btn {
        float: right;
    }
}


/*首页 end*/


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

.SubCon {
    height: auto !important;
    height: 200px;
    min-height: 200px;
    /* padding-top: 2%; */
    /* padding-bottom: 2%; */
    background-color: #fff;
}

.SubBan {
    position: relative;
}

.SubBan .txt {
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 99;
    text-align: center;
    font-family: SourceHanSansCN-Medium;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
}

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

@media ( max-width:1440px) {
    .SubBan .txt {
        font-size: 36px;
        line-height: 50px;
    }
}

@media ( max-width:1024px) {
    .SubBan .txt {
        top: 30%;
        font-size: 30px;
    }
}

@media ( max-width:768px) {
    .SubBan .txt {
        font-size: 24px;
    }
}

@media ( max-width:480px) {
    .SubBan .txt {
        font-size: 20px;
        line-height: 40px;
    }
}

.ColumnName {
    font-weight: normal;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #0636be;
    display: none;
    line-height: 38px;
    position: relative;
}

.ColumnName span {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 22px;
}

.ColumnName .arr {
    position: absolute;
    width: 30px;
    right: 10px;
    top: 0;
    transition: all ease 0.3s;
}

.ColumnName .iconfont {
    font-size: 20px;
}

.ColumnName.on .arr {
    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;
}

.SubMenu {
    font-family: "syht";
    line-height: 80px;
    clear: both;
    text-align: center;
    position: relative;
    z-index: 5;
    /* transition: all ease 0.3s; */
    background-color: #f9f9fb;
}

.SubMenu .Contain {
    overflow: hidden;
}

.SubMenu ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.SubMenu li {
    float: left;
    position: relative;
}

.SubMenu li a {
    font-family: SourceHanSansCN-Regular;
    position: relative;
    z-index: 1;
    display: block;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #040f3d;
    padding: 0 20px;
}

.SubMenu li .bg {
    position: absolute;
    left: 50%;
    width: 0;
    bottom: 0;
    height: 2px;
    background-color: #0636bd;
    transition: all ease 0.3s;
    z-index: -1;
    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: #0636bd;
}

@media(max-width:1024px) {
    .SubMenu {
        line-height: 60px;
    }
    .SubMenu li a {
        font-size: 14px;
    }
}

@media(max-width:704px) {
    .SubMenu li {
        padding: 0 1%;
    }
}

@media(max-width:768px) {
    /* .SubMenu {
        border-bottom: 0;
        background: none;
        line-height: 35px;
    }
    .SubMenu ul {
        display: none;
        float: none;
        background: #fff;
        margin: 0;
        padding: 0 15px;
    }
    .SubMenu li {
        text-align: left;
        width: auto;
        float: none;
        border-bottom: 1px dashed #e0e0e0;
        padding: 0;
    }
    .SubMenu li a {
        font-size: 14px;
        padding: 0 0 0 20px;
        border-left: 0;
        border-right: 0;
        line-height: 35px;
        height: auto;
    }
    .SubMenu li a:before,
    .SubMenu li a:after {
        display: none;
    }
    .SubMenu li .bg {
        display: none;
    }
    .SubMenu li:last-child {
        border-bottom: 0;
    }
    .SubMenu li a:hover,
    .SubMenu li.onli a {
        background-position: 0 center;
        background-size: 3%;
    }
    .SubMenu {
        line-height: unset;
    }
    .SubMenu ul {
        display: block;
        font-size: 0;
    }
    .SubMenu li {
        padding: 0 2%;
        display: inline-block;
        float: none;
    }
    .SubMenu li a:hover,
    .SubMenu li.onli a {
        color: #ff6600;
        background: none;
        background-position-y: 39px;
        background-size: 15%;
    }
    .SubMenu li a {
        line-height: 40px;
    }
    .SubMenu li.onli a:before,
    .SubMenu li.onli a:after,
    .SubMenu li a:hover:before,
    .SubMenu li a:hover:after {
        display: none;
    } */
}

.SinglePage {
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    color: #333333;
    line-height: 30px;
    font-size: 16px;
}

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

.SubTit {
    text-align: center;
    padding-bottom: 3%;
}

.SubTit .tit_cn {
    font-family: MicrosoftYaHei;
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 2px;
    color: #2b2d7c
}

.SubTit .tit_en {
    font-family: ArialMT;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #bbbbbb;
}

@media ( max-width:1440px) {
    .SubTit .tit_cn {
        font-size: 30px;
    }
    .SubTit .tit_en {
        font-size: 14px;
        padding: 1% 0 2%;
        line-height: 14px;
    }
}

@media ( max-width:1024px) {
    .SubTit .tit_cn {
        font-size: 28px;
    }
}

@media ( max-width:768px) {
    .SubTit .tit_cn {
        font-size: 22px;
    }
    .SubTit .tit_en {
        font-size: 12px;
        padding: 0 0 2%;
    }
}

@media ( max-width:480px) {
    .SubTit .tit_cn {
        font-size: 18px;
    }
}

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

.VideoInfo video {
    object-fit: fill;
    background: #000;
}

.VideoInfo .title {
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
}

.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:1280px) {
    .SubBan .txt span {
        width: 50px;
        height: 64px;
    }
    .SubTit .tit_cn {
        font-size: 30px;
        line-height: 30px;
    }
    .SubTit .tit_en {
        font-size: 16px;
        line-height: 16px;
    }
}

@media ( max-width:1024px) {
    .SubPage {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .Place {
        line-height: 28px;
    }
    .SubMenu li a {
        z-index: 1;
        position: relative;
        display: block;
        font-size: 18px;
        color: #000000;
    }
    .SubMenu li a {
        font-size: 14px;
        border-left: 0;
        border-right: 0;
        line-height: 36px;
        height: auto;
        padding: 0 10px;
    }
    .SubMenu li:last-child {
        border-bottom: 0;
    }
    .SubMenu li a:hover,
    .SubMenu li.active a {
        color: #143a83;
    }
    .SubMenu.wedding_fix {
        position: static;
    }
    .SinglePage {
        line-height: 24px;
        font-size: 14px;
    }
    .SinglePage video {
        width: 100% !important;
    }
    .SubTit h2 {
        line-height: 40px;
        font-size: 18px;
    }
    .videoinfo {
        width: 95%;
    }
    .SubTit .tit_cn {
        font-size: 22px;
        text-align: center;
    }
    .SubTit .tit_en {
        text-align: center;
        font-size: 12px;
        line-height: 14px;
    }
}

@media ( max-width:480px) {
    .SubTit .tit_cn {
        font-size: 18px;
        text-align: center;
    }
    .SubTit .tit_en {
        text-align: center;
    }
}


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


/* 关于我们 */

.AboutCon {
    padding: 3% 0;
    background: #fff url(../images/ab_bg1.jpg) bottom center no-repeat;
}

.AboutCon .l_img {
    width: 44.45%;
    float: left;
}

.AboutCon .l_img .imgbox {
    padding-top: 87.5%;
}

.AboutCon .r_text {
    width: 55.55%;
    float: right;
    box-sizing: border-box;
    padding: 5%;
}

.AboutCon .r_text .tit_cn {
    background: url(../images/tit_bg.png) top left no-repeat;
    padding-left: 5%;
    margin: 2% 0 5%;
}

.AboutCon .r_text .tit_en,
.AboutCon .r_text .txtbox {
    padding-left: 5%;
    -webkit-line-clamp: unset;
}

.AboutCon .AboutNum {
    padding: 2.6% 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 80px 0px rgba(11, 64, 131, 0.1);
}

.AboutCon .AboutNum ul li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 0 5%;
    text-align: center;
}

.AboutCon .AboutNum ul li:nth-child(2) {
    border-left: 1px solid #e4eaf2;
    border-right: 1px solid #e4eaf2;
}

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

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

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

@media ( max-width:768px) {
    .AboutCon .r_text {
        padding: 0 3%;
    }
    .AboutCon .AboutNum ul li {
        margin-right: 0;
        padding: 0 2%;
    }
}

@media ( max-width:480px) {
    .AboutCon .l_img,
    .AboutCon .r_text {
        width: 100%;
        float: none;
        padding: 2% 0;
    }
}

.QualityCon {
    padding: 3% 0 0;
    background: url(../images/ab_bg2.jpg) bottom center no-repeat;
}

.QualityCon .QList {
    padding: 2% 0;
}

.QualityCon .QList ul {
    margin-left: -2%;
}

.QualityCon .QList ul li {
    margin-left: 2%;
    width: 31.33%;
    margin-bottom: 2%;
    float: left;
    padding: 3.4%;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0px 0px 80px 0px rgba(11, 64, 131, 0.1);
    height: 330px;
    position: relative;
}

.QualityCon .QList ul li:before {
    content: '';
    width: 10px;
    height: 3px;
    background-color: #0636be;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.QualityCon .QList ul li:hover:before {
    background-color: #ff6600;
}

.QualityCon .QList ul li .ico {
    width: 99px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 7%;
}

.QualityCon .QList ul li .ico .i1 {}

.QualityCon .QList ul li .ico .i2 {}

.QualityCon .QList ul li:hover {
    background-color: #0636bd;
    box-shadow: 0px 60px 60px 0px rgba(6, 54, 190, 0.3);
}

.QualityCon .QList ul li:hover .ico .i1 {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.QualityCon .QList ul li:hover .ico .i2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.QualityCon .QList ul li .txt {
    text-align: center;
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #545665;
}

.QualityCon .QList ul li:hover .txt {
    color: #fff;
}

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

@media ( max-width:1200px) {
    .QualityCon .QList ul li {
        height: 280px;
    }
    .QualityCon .QList ul li .ico {
        width: 60px;
    }
    .QualityCon .QList ul li .txt {
        font-size: 16px;
        line-height: 26px;
    }
}

@media ( max-width:1024px) {
    .QualityCon .QList ul li {
        height: 240px;
    }
}

@media ( max-width:768px) {
    .QualityCon .QList ul li {
        padding: 2%;
        height: 260px;
    }
    .QualityCon .QList ul li .txt {
        font-size: 14px;
    }
}

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

.CertiCon {
    padding: 3% 0;
    background: url(../images/ab_bg3.jpg) top center no-repeat;
}

.CertiCon .certiList {}

.CertiCon .certiList .slick-list li {
    border: solid 1px #2b3153;
    padding: 34px 34px 0 34px;
    background: url(../images/op_blue20.png);
    margin: 0 20px;
}

.CertiCon .certiList .slick-list li.slick-current {
    background: #0636bd;
}

.CertiCon .certiList li .imgbox {
    padding-top: 140%;
}

.CertiCon .certiList li .txt {
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}

.certiList .slick-list {
    padding-bottom: 5%;
}

.certiList .slick-arrow {
    left: unset;
    right: 0;
    top: -11%;
    width: 40px;
    height: 40px;
    opacity: 0.2;
}

.certiList .slick-arrow:hover {
    opacity: 1;
}

.certiList .slick-prev {
    right: 50px;
    background: url(../images/more3.png) center no-repeat;
}

.certiList .slick-next {
    background: url(../images/more1.png) center no-repeat;
}

.certiList .slick-dots li button {
    opacity: 1;
    width: 33px;
    height: 33px;
    background: url(../images/dot.png) center no-repeat;
    cursor: pointer;
    -webkit-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
}

.certiList .slick-dots li.slick-active button {
    opacity: 1;
    background: url(../images/dot1.png) center no-repeat;
    border-radius: 6px;
}

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

@media ( max-width:1200px) {
    .CertiCon .certiList .slick-list li {
        margin: 0 14px;
        padding: 20px 20px 0 20px;
    }
}

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

@media ( max-width:768px) {
    .CertiCon .certiList li .txt {
        font-size: 14px;
        line-height: 40px;
    }
}

@media ( max-width:480px) {
    .certiList .slick-list {
        padding-bottom: 14%;
    }
}


/* 新闻中心 */

.slideBox {
    background: #ffffff;
    margin-bottom: 3%;
    box-shadow: 0px 0px 80px 0px rgba(11, 64, 131, 0.1);
    padding-top: 3%;
}

.SubCon .slideBox li {
    display: flex;
}

.slideBox li .imgbox {
    width: 50%;
    padding-top: 32.64%;
    float: left;
}

.slideBox li .imgbox:before {
    content: '';
    width: 14px;
    height: 27px;
    background: url(../images/arr2.png) no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 88;
}

.slideBox li .txtbox {
    padding: 5%;
    width: 50%;
    background-color: #fff;
    float: right;
    box-sizing: border-box;
}

.slideBox li .txtbox .date {
    width: 90px;
    text-align: center;
}

.slideBox li .txtbox .date .dd {
    font-family: Montserrat-Medium;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ff6600;
}

.slideBox li .txtbox .date .yy {
    font-family: Montserrat-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ff6600;
}

.slideBox li .txtbox .title {
    font-family: SourceHanSansCN-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #040f3d;
    padding: 2% 0;
}

.slideBox li .txtbox .txt {
    font-family: SourceHanSansCN-Light;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #545665;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 5% 0;
}

.slideBox li .txtbox .more {}

.slideBox .slick-arrow {
    bottom: 10%;
    top: unset;
}

.slideBox .slick-dots {
    right: 2%;
    top: 50%;
    left: unset;
    width: 33px;
    transform: translateY(-50%);
    bottom: unset;
}

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

.slideBox .slick-dots li button {
    opacity: 1;
    width: 33px;
    height: 33px;
    background: url(../images/dot2.png) center no-repeat;
    cursor: pointer;
    -webkit-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
}

.slideBox .slick-dots li.slick-active button {
    opacity: 1;
    background: url(../images/dot3.png) center no-repeat;
    border-radius: 6px;
}

@media ( max-width:1200px) {
    .slideBox li .txtbox .title {
        font-size: 18px;
    }
    .slideBox li .txtbox {
        padding: 3%;
    }
    .slideBox li .txtbox .date .dd {
        font-size: 40px;
    }
}

.NewsCon {
    padding: 3% 0;
    background-color: #f9f9fb;
}

.NewsList a {
    display: block;
    margin-bottom: 20px;
}

.NewsList .list_item {
    overflow: hidden;
    background-color: #ffffff;
    padding: 30px 30px 30px 164px;
    position: relative;
}

.NewsList .list_item .date {
    font-family: Montserrat-Medium;
    line-height: 30px;
    color: #0636bd;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.NewsList .list_item .date .dd {
    font-size: 40px;
}

.NewsList .list_item .date .yy {
    font-size: 14px;
}

.NewsList .list_item .imgbox {
    padding-top: 15.8%;
    width: 24.1%;
    float: left;
}

.NewsList .list_item .txtbox {
    width: 72%;
    float: right;
}

.NewsList .list_item .tit {
    font-family: SourceHanSansCN-Regular;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.NewsList .list_item .txt {
    font-family: SourceHanSansCN-Light;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 2% 0;
}

.NewsList .list_item .more_btn img {
    width: 16px;
}

.NewsList a:hover {
    box-shadow: 0 5px 20px #ccc;
}

.NewsList a:hover .list_item .tit {
    color: #0636bd;
}

.NewsCon .Pages .p_page .a_prev {
    background: #ffffff url(../images/more4.png) center no-repeat;
    background-position-x: 26%;
}

.NewsCon .Pages .p_page .a_next {
    background: #ffffff url(../images/more2.png) center no-repeat;
    background-position-x: 74%;
}

.NewsCon .Pages .p_page .a_prev:hover {
    color: #fff;
    background: #0636bd url(../images/more3.png) center no-repeat;
    background-position-x: 26%;
}

.NewsCon .Pages .p_page .a_next:hover {
    color: #fff;
    background: #0636bd url(../images/more1.png) center no-repeat;
    background-position-x: 74%;
}

@media(max-width:1200px) {
    .NewsList .list_item .txt {
        line-height: 26px;
        margin: 1% 0;
    }
    .NewsList .list_item .tit {
        font-size: 16px;
        line-height: 26px;
    }
    .NewsList .list_item {
        padding: 20px 20px 20px 130px;
    }
    .NewsList .list_item .date {
        left: 36px;
    }
    .NewsList .list_item .date .dd {
        font-size: 30px;
    }
}

@media(max-width:768px) {
    .NewsList .list_item .tit {
        font-size: 16px;
    }
    .NewsList .list_item .txt {
        line-height: 20px;
    }
    .NewsList .list_item {
        padding: 20px 20px 20px 120px;
    }
}

@media(max-width:480px) {
    .SubCon .slideBox li {
        display: block;
    }
    .NewsList .list_item .imgbox,
    .slideBox li .imgbox {
        padding-top: 66%;
        width: 100%;
        float: none;
    }
    .NewsList .list_item .txtbox,
    .slideBox li .txtbox {
        width: 100%;
        float: none;
    }
    .NewsList .list_item .date {
        left: 20px;
    }
    .NewsList .list_item {
        padding: 20px 20px 20px 96px;
    }
    .NewsList .list_item .txtbox {
        padding: 5% 0;
    }
    .NewsList .list_item .txt {
        line-height: 26px;
    }
}

@media(max-width:414px) {
    .NewsList a {
        margin: 2% 0;
    }
    .NewsList .list_item .imgbox,
    .NewsList .list_item .txtbox {
        width: 100%;
        float: none;
    }
    .NewsList .list_item .imgbox {
        padding-top: 66%;
    }
    .NewsList .list_item .txtbox {
        padding: 5% 0;
    }
    .NewsList .list_item .date {
        padding: 2% 0;
    }
    .NewsList .list_item .txt {
        margin-bottom: 5%;
    }
}


/* 联系我们 */

.ContactCon {
    padding: 3% 0;
    background: #f9f9fb;
}

.ContactList {
    padding: 2%;
    position: relative;
    z-index: 88;
    background-color: #ffffff;
    box-shadow: 0px 40px 40px 0px rgba(11, 64, 131, 0.1);
}

.ContactList:before {
    content: '';
    width: 20px;
    height: 8px;
    background: url(../images/arr.png) no-repeat;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.ContactList ul {
    overflow: hidden;
}

.ContactList ul li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px #eff2f8 solid;
}

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

.ContactList ul li img {}

.ContactList ul li .tit {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #545665;
    margin-top: 20px;
}

.ContactList ul li a {
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #040f3d;
}

.ContactList ul li:hover a {
    color: #ff6600;
}


/*滑过图标左右晃动效果 s*/

.ContactList ul li:hover img {
    -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;
}

#dituContent {
    height: 500px;
}

.suggCon {
    padding: 3% 0;
    background: #edf1fa url(../images/con_bg.jpg) top center no-repeat;
}

.suggCon .suForm {}

.suForm ul {
    margin-left: -1.33%;
    overflow: hidden;
    margin-bottom: 2%;
}

.suForm ul li {
    width: 32%;
    margin-left: 1.33%;
    float: left;
    margin-bottom: 1.33%;
}

.suForm ul li .text {
    width: 100%;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    border: solid 2px #c8c8c8;
    color: #333;
    padding: 0 10px;
    text-indent: 0;
}

.suForm textarea {
    min-height: 200px;
    width: 98.67%;
    margin-left: 1.33%;
    border: solid 2px #c8c8c8;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
}

.suForm .sub_btn {
    background-color: #0636be;
    border-radius: 10px;
    width: 20%;
    font-family: SourceHanSansCN-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 0px;
    color: #ffffff;
    float: left;
    text-align: center;
}

.suForm .yx {
    font-family: SourceHanSansCN-Regular;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #040f3d;
    float: right;
    width: 50%;
    text-align: right;
}

.suForm .yx a {
    font-family: Montserrat-Medium;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #ff6600;
}

@media ( max-width:768px) {
    .ContactList ul li {
        width: 50%;
        padding: 10px 0;
        border-bottom: 1px #eff2f8 solid;
    }
    .ContactList ul li:nth-child(2) {
        border-right: none;
    }
    .suForm ul {
        margin-left: -2%;
    }
    .suForm ul li {
        width: 48%;
        margin-left: 2%;
    }
    .suForm ul li .text {
        line-height: 40px;
        height: 40px;
    }
    .suForm ul li textarea {
        width: 98%;
        margin-left: 2%;
    }
    .suForm .sub_btn {
        line-height: 40px;
        float: none;
        width: 30%;
        font-size: 16px;
        border-radius: 4px;
    }
    .suForm .yx {
        text-align: left;
        float: none;
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }
}

@media ( max-width:480px) {
    .suggCon .suForm {
        padding: 20px 0;
    }
    #dituContent {
        height: 200px;
    }
    .ContactList ul li {
        padding: 10px;
    }
    .ContactList ul li a {
        display: block;
        height: 40px;
        line-height: 20px;
        font-size: 12px;
    }
    .suForm ul {
        margin-left: 0;
    }
    .suForm ul li {
        width: 100%;
        margin-left: 0;
    }
    .suForm ul li .text {
        line-height: 36px;
        height: 36px;
    }
    .suForm .sub_btn {
        line-height: 36px;
        width: 100%;
    }
    .suForm textarea {
        margin-left: 0;
        width: 100%;
    }
}


/* 产品中心 */

.ProCon {
    padding-top: 200px;
    padding-bottom: 4%;
    background: #091a48 url(../images/product_bg.jpg) top center no-repeat;
}

.ProSearch {
    float: none;
    padding-bottom: 76px;
}

.ProSearch .searchbox {
    width: 500px;
    height: 60px;
    border-radius: 5px;
    border: solid 2px #ff6600;
    margin: 0 auto;
    padding: 0 6% 0 4%;
}

.ProSearch .searchbox .text {}

.ProSearch .searchbox .input {
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #333;
}

.ProSearch .searchbox em {
    line-height: 54px;
}

.ProSearch .searchbox .btn {
    height: 60px;
    background-color: #ff6600;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
}

.ProSearch .searchbox .hots {
    text-align: center;
    font-size: 16px;
    width: 100%;
    top: 80px;
}

.ProSearch .searchbox .hots a {
    color: #fff;
}

.ProCenterList {}

.ProCenterList ul {
    margin-left: -1.33%;
    overflow: hidden;
}

.ProCenterList ul li {
    width: 32%;
    float: left;
    margin-left: 1.33%;
    margin-bottom: 1.33%;
    text-align: center;
}

.ProCenterList ul li .prologo {
    height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #eff2f8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ProCenterList ul li .prologo img {
    margin: 0 auto;
    max-height: 50px;
}

.ProCenterList ul li .prologo .pc1 {
    display: block;
}

.ProCenterList ul li .prologo .pc2 {
    display: none;
}

.ProCenterList ul li:hover .prologo {
    background-color: #ff6600;
    border-bottom: 1px solid #ff6600;
}

.ProCenterList ul li:hover .prologo .pc1 {
    display: none;
}

.ProCenterList ul li:hover .prologo .pc2 {
    display: block;
}

.ProCenterList ul li a {
    display: block;
    background-color: #fff;
    padding: 7% 4%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: none;
}

.ProCenterList ul li .imgbox {
    width: 40.2%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100px;
}

.ProCenterList ul li .txtbox {
    width: 50%;
    height: 100%;
    text-align: left;
    color: #040f3d;
    height:100px;
}

.ProCenterList ul li .tit_cn {
    font-family: SourceHanSansCN-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
}

.ProCenterList ul li .tit_en {
    font-family: Montserrat-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    height:40px;
}

.ProCenterList ul li:hover a {
    background-color: #0636be;
}

.ProCenterList ul li:hover .txtbox {
    color: #fff;
}

.ProCenterList ul li:hover {
    box-shadow: 0px 60px 60px 0px rgba(0, 30, 117, 0.6);
}

@media ( max-width:1024px) {
    .ProCon {
        padding-top: 30px;
    }
    .ProCenterList ul li .tit_cn {
        font-size: 16px;
    }
    .ProCenterList ul li .txtbox {
        height: 100px;
    }
    .ProSearch {
        padding-bottom: 50px;
    }
}

@media ( max-width:768px) {
    .ProCenterList ul {
        margin-left: -2%;
    }
    .ProCenterList ul li {
        width: 48%;
        margin-left: 2%;
    }
    .ProSearch .searchbox {
        width: 80%;
    }
    .ProSearch {
        margin-left: 0;
    }
    .ProSearch .searchbox .hots {
        font-size: 14px;
        top: 66px;
    }
}

@media ( max-width:480px) {
    .ProSearch .searchbox {
        width: 96%;
    }
    .ProCenterList ul li a {
        display: block;
    }
    .ProCenterList ul li .imgbox {
        width: 100%;
        /* padding-top: 60%; */
    }
    .ProCenterList ul li .txtbox {
        height: 70px;
        width: 100%;
    }
}


/* 产品列表 */

.ProBan .imgbox {
    padding-top: 180px;
}

.PPSearch {
    padding-top: 3%;
}

.PPSearch .h1 {
    font-family: SourceHanSansCN-Medium;
    font-size: 30px;
    font-stretch: normal;
    line-height: 40px;
    color: #040f3d;
    font-weight: bold;
    text-align: center;
}

.PPSearch .searchbox {
    border: solid 2px #0636be;
}

.PPSearch .searchbox .btn {
    background-color: #0636be;
}

.PPSearch .searchbox em {
    color: #bdc1cd;
}

.PPSearch .searchbox .hots,
.PPSearch .searchbox .hots a {
    color: #bdc1cd;
}

.PPSearch .searchbox .hots a:hover {
    color: #0636be;
}

.PPlist {
    margin-bottom: 40px;
}

.PPlist ul {
    overflow: hidden;
}

.PPlist ul li {
    height: 110px;
    background-color: #eff2f8;
    position: relative;
    margin-bottom: 10px;
    width: 16.5%;
    float: left;
}
.PPlist ul li::after{content: ''; position: absolute; width: 1px; height: 80%; top: 10%; right: 0; background: #e6e6e6;}
.PPlist ul li:last-child::after{display: none;}

.PPlist ul li.slick-slide:before,
.PPlist ul li.on:before {
    content: '';
    width: 20px;
    height: 8px;
    background: url(../images/arr_h.png) top center no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    display: none;
}

.PPlist ul li a {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.PPlist ul li .imgbox {
    height: 30px;
    text-align: center;
}

.PPlist ul li .imgbox img {
    margin: 0 auto;
}

.PPlist ul li .imgbox .pc1 {
    display: block;
}

.PPlist ul li .imgbox .pc2 {
    display: none;
}

.PPlist ul li:hover .imgbox .pc1 {
    display: none;
}

.PPlist ul li:hover .imgbox .pc2 {
    display: block;
}

.PPlist ul li:hover,
.PPlist ul li.slick-current,
.PPlist ul li.on {
    background-color: #0636be;
}

.PPlist ul li:hover:before,
.PPlist ul li.slick-current:before,
.PPlist ul li.on:before {
    display: block;
}

.PPlist ul li .tit {
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #040f3d;
    text-align: center;
}

.PPlist ul li:hover .tit,
.PPlist ul li.slick-current .tit,
.PPlist ul li.on .tit {
    color: #fff;
}

.PPlist .slick-arrow {
    margin-top: -38px;
}

.PPCon {}

.PPCon .pp_menu {
    width: 20.8%;
    float: left;
    background-color: #d7dfef;
}

.PPCon .pp_menu ul {}

.PPCon .pp_menu ul li {border-bottom: 1px solid rgba(255,255,255,0.5);}

.PPCon .pp_menu ul li a {
    display: block;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 66px;
    letter-spacing: 0px;
    color: #545665;
    padding: 0 10%;
    transition: none;
}

.PPCon .pp_menu ul li:hover,
.PPCon .pp_menu ul li.on {
    background: #3666ee url(../images/arr3.png) center no-repeat;
    background-position-x: 98%;
}

.PPCon .pp_menu ul li:hover a,
.PPCon .pp_menu ul li.on a {
    color: #fff;
}

.PPCon .pp_con {
    width: 75.7%;
    float: right;
}

.PPCon .pp_con ul {
    margin-left: -2%;
    overflow: hidden;
}

.PPCon .pp_con ul li {
    float: left;
    width: 31.33%;
    margin-left: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    border:1px solid #e6e6e6;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .5s;-webkit-transition: all .5s;
}

.PPCon .pp_con ul li:hover{box-shadow: 0 0 30px rgba(0, 30, 117, 0.1);}

.PPCon .pp_con ul li .pc {
    padding: 10%;
}

.PPCon .pp_con ul li .imgbox {
    padding-top: 98%;
}

.PPCon .pp_con ul li .imgbox span{transition: all .3s;-webkit-transition: all .3s;}
.PPCon .pp_con ul li:hover .imgbox span{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);}

.PPCon .pp_con ul li .txtbox {
    height: 100px;
    padding: 5%;
    box-sizing: border-box;
}

.PPCon .pp_con ul li .txtbox .tit_cn {
    font-family: SourceHanSansCN-Regular;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #040f3d;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.PPCon .pp_con ul li .txtbox .tit_en {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #545665;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.PPCon .pp_con ul li .txtbox .tit_cn,
.PPCon .pp_con ul li .txtbox .tit_en {
    color: #fff;
}

/* .PPCon .pp_con ul li:hover {
    background-color: #0636bd;
} */

.PPCon .pp_con ul li .txtbox {
    background-color: #3568f5;
}

.PSCon .pp_con {
    width: 100%;
    float: none;
}

.PSCon .pp_con ul li {
    width: 23%;
}

@media ( max-width:1440px) {
    .PPlist .slick-prev {
        left: 0;
    }
    .PPlist .slick-next {
        right: 0;
    }
    .PPSearch .h1 {
        font-size: 24px;
    }
}

@media ( max-width:1200px) {
    .PPSearch .h1 {
        font-size: 20px;
    }
    .PPlist ul li {
        height: 90px;
    }
    .PPlist ul li .tit {
        line-height: 36px;
        font-size: 16px;
    }
    .PPlist {
        margin-bottom: 20px;
    }
    .PPCon .pp_menu ul li a {
        line-height: 50px;
    }

    .PPCon .pp_con ul li .txtbox .tit_cn {
        font-size: 16px;
        line-height: 30px;
    }
}

@media ( max-width:1024px) {
    .ProBan {
        display: none;
    }
    .PPSearch .h1 {
        font-size: 18px;
    }
    .PPCon .pp_con ul li {
        width: 48%;
    }
    .PPCon .pp_menu ul li a {
        line-height: 40px;
    }
    .PPCon .pp_menu ul li:hover,
    .PPCon .pp_menu ul li.on {
        background: #0636be;
    }
    .PPCon .pp_menu ul {
        overflow: hidden;
    }
    .PPCon .pp_menu ul li {
        width: 100%;
        float: none;
    }
    .PPCon .pp_menu ul li a {
        font-size: 14px;
    }
    .PPCon .pp_con ul li .txtbox {
        height: 120px;
    }
    .PPlist ul li .tit {
        line-height: 36px;
        font-size: 14px;
    }
}

@media ( max-width:768px) {
    .PPCon .pp_con ul li .txtbox {
        height: 100px;
    }
    .PPCon .pp_menu ul li a {
        padding: 0 5%;
        line-height: 28px;
    }
    .PPlist ul li{width: 25%;}
    .PPlist ul li .imgbox {height: 18px;}
    .PPlist ul li a{display: block;padding: 18px 5px 0;}
    .PPlist ul li .tit{text-overflow:initial;white-space: normal;line-height: 20px;margin-top: 5px;font-size: 12px;}
}

@media ( max-width:480px) {
    .PPCon .pp_con ul li .txtbox {
        height: 100px;
    }
    .PPCon .pp_menu ul li {
        display: flex;
        height: 44px;
        align-items: center;
    }
    .PPCon .pp_menu ul li a {
        line-height: 22px;
        font-size: 12px;
    }
    .PPCon .pp_con ul li .txtbox .tit_en {
        display: none;
    }
    .PPCon .pp_con ul li .txtbox {
        height: 40px;
        padding: 0 5% 5%;
    }
    .PPCon .pp_con ul li .txtbox .tit_cn {
        font-size: 14px;
    }
}

@media ( max-width:410px) {
    .PPCon .pp_menu {
        width: 22%;
    }
}

.Popbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1999;
    display: none;
}

.Popbox .close {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
}

.Popbox .content {
    max-width: 1440px;
    width: 96%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 3%;
    text-align: center;
    box-sizing: border-box;
}

.Popbox .content .txt {
    font-family: SourceHanSerifSC-SemiBold;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #000000;
    padding: 5% 0 7%;
}

@media(max-width:1440px) {
    .Popbox .content {
        width: 60%;
    }
    .Popbox .close {
        top: -60px;
    }
    .Popbox .close img {
        height: 50px;
    }
}

@media(max-width:1200px) {
    .Popbox .content {
        width: 80%;
    }
    .Popbox .content .txt {
        font-size: 14px;
    }
}

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

@media(max-width:480px) {
    .Popbox .content {
        width: 90%;
    }
    .Popbox .title {
        font-size: 16px;
    }
}

.tcCon {
    /* width: 100%; */
    /* max-height: 600px;
    overflow-y: auto; */
}

.tcCon .tcPc {
    position: relative;
    width: 48.3%;
    float: left;
    background-color: #f9f9fb;
}

.tcCon .tcPc .sliderBox {
    padding: 3% 7%;
}

.tcCon .tcPc .slider-nav {
    margin-top: 20px;
}

.tcCon .tcPc .slider-nav .item {
    cursor: pointer;
    background: #fff;
}

.tcCon .tcPc .slider-nav .item .img {
    padding-top: 100%;
    opacity: 0.8;
    border: 1px #e6ebf3 solid;
}

.tcCon .tcPc .slider-nav .item.slick-current .img {
    opacity: 1;
    border: 1px #0636bd solid;
}

.tcCon .tcPc .slider-nav .item {
    margin-left: 10px;
    float: left;
}

.tcCon .tcPc .slider-nav .slick-list {
    margin-left: -10px;
}

.tcCon .tcPc .slider-for {
    /* padding: 10% 10% 3%; */
}

.tcCon .tcPc .slider-for .item .img {
    padding-top: 96%;
}

.tcCon .tcPc .slider-for .item {
    position: relative;
}

.tcCon .tcPc .slider-nav .slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    z-index: 99;
    font-size: 0;
    color: transparent;
    border-radius: 0;
}

.tcCon .tcPc .slider-nav .slick-arrow:hover {
    border: none;
}

.tcCon .tcPc .slider-nav .slick-arrow.slick-prev {
    left: 0;
    background: url(../images/arr_l1.png) center no-repeat;
}

.tcCon .tcPc .slider-nav .slick-arrow.slick-prev:hover {
    background: url(../images/arr_l2.png) center no-repeat;
}

.tcCon .tcPc .slider-nav .slick-arrow.slick-next {
    right: 0;
    background: url(../images/arr_r1.png) center no-repeat;
}

.tcCon .tcPc .slider-nav .slick-arrow.slick-next:hover {
    background: url(../images/arr_r2.png) center no-repeat;
}

.tcCon .tcText {
    width: 47%;
    float: right;
    text-align: left;
}

.tcCon .tcText .tit {
    font-family: SourceHanSansCN-Medium;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #040f3d;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6ebf3;
}

.tcCon .tcText .txt {
    font-family: SourceHanSansCN-Light;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #545665;
}

.tcCon .tcText .txt .title {
    /* font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #0636bd; */
    font-size: 22px;
    font-weight: bold;
    color: #0636bd;
    line-height: 40px;
    padding-bottom: 8px;
    font-family: Microsoft YaHei, arial, sans-serif;
    border-bottom: 1px solid #0636bd;
    margin-bottom: 20px;
}

.tcCon .tcText .buyBox {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333;
}

.buyBox span {
    float: left;
}

.buyBox span i {
    margin-right: 10px;
    color: #0636bd;
}

.buyBox .wxzx {
    overflow: hidden;
}

.buyBox .wxzx img {
    width: 80px;
}

.buyBox .wxzx .qr {
    float: left;
    margin-left: 20px;
}

.buyBox .tel a {
    float: left;
}

.buyBox .tel a {}

@media(max-width:1440px) {
    .tcCon .tcText .tit {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .tcCon .tcText .txt {
        line-height: 30px;
    }
}

@media(max-width:1280px) {
    .tcCon {
        /* max-height: 350px; */
    }
}

@media(max-width:768px) {
    .tcCon .tcPc,
    .tcCon .tcText {
        width: 100%;
        float: none;
    }
}


/* 新闻详情 */

.NewsDetail {
    padding: 5% 0;
}

.NewsDetail .De_top {
    border-bottom: 1px #e5e5e5 solid;
    text-align: center;
}

.NewsDetail .De_top .tit {
    font-family: SourceHanSansCN-Medium;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    color: #040f3d;
    font-weight: bold;
}

.NewsDetail .De_top ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 1.5% 0;
}

.NewsDetail .De_top ul li {
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #999999;
    float: left;
    position: relative;
    padding: 0 16px;
}

.NewsDetail .De_top ul li.dy {
    cursor: pointer;
}

.NewsDetail .De_top ul li:nth-child(1) {
    padding-left: 0;
}

.NewsDetail .De_top ul li:after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #e1e1e1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.NewsDetail .De_top ul li:last-child:after {
    display: none;
}

.NewsDetail .De_top ul li span {
    color: #0636bd;
}

.NewsDetail .De_top ul li img {
    vertical-align: middle;
    margin-right: 10px;
}

.NewsDetail .De_top ul li a {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-left: 10px;
}

.NewsDetail .De_top ul li .bshareb,
.NewsDetail .De_top ul li .bshare-custom {
    float: left;
}

.NewsDetail .De_top ul li .bshare-custom {
    line-height: unset !important;
}

.NewsDetail .De_top ul li a {
    margin-left: 4px;
}

.NewsDetail .De_top ul li a.wx {
    background: url(../images/wx1.png) no-repeat;
    padding: 0;
    position: relative;
    top: -1px;
}

.NewsDetail .De_top ul li a.wb {
    background: url(../images/wb.png) no-repeat;
    padding: 0;
}

.NewsDetail .De_top ul li a.qq {
    background: url(../images/qq.png) no-repeat;
    padding: 0;
}

.NewsDetail .De_top ul li a.qqkj {
    background: url(../images/qqkj.png) no-repeat;
    padding: 0;
}

.NewsDetail .De_top ul li a.rrw {
    background: url(../images/rrw.png) no-repeat;
    padding: 0;
}

.NewsDetail .De_bot {
    padding-top: 3%;
    border-bottom: 1px #e5e5e5 solid;
}

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

.NewsDetail .De_bot p {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 2%;
    text-indent: 2em;
}

.NewsDetail .De_bot p.tc {
    text-align: center;
    text-indent: 0;
}

.NewsDetail .De_bot img {
    margin: 0 auto;
    display: inline-block;
}

.otherNews {
    padding: 2% 0;
}

.News_btn {
    line-height: 60px;
    display: block;
    overflow: hidden;
    font-size: 18px;
}

.News_btn .tit {
    font-weight: bold;
    color: #333333;
    padding: 0 2%;
}

.News_btn .tit span {
    color: #666666;
    font-weight: normal;
}

.News_btn.on .tit span,
.News_btn:hover .tit span {
    color: #0636bd;
}

@media(max-width:768px) {
    .NewsDetail {
        width: 100%;
        float: none;
        margin-bottom: 5%;
    }
    .NewsDetail .De_top ul {
        padding: 0 0 1.5%;
    }
    .NewsDetail .De_top ul li {
        font-size: 14px;
    }
    .NewsDetail .De_top .tit {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 5px;
        text-overflow: inherit;
        white-space: normal;
    }
    .NewsDetail .De_top .date {
        font-family: Montserrat-Regular;
        font-size: 12px;
        color: #0636bd;
        padding: 5px;
    }
    .NewsDetail .De_bot p {
        text-align: justify;
        font-size: 16px;
        line-height: 30px;
    }
    .otherNews {
        width: 100%;
        float: none;
    }
    .News_btn .tit {
        font-size: 14px;
    }
}

/* 产品详情 */
.ProInfo{padding:4% 0;}
.tcCon .tcText .txt{padding:5% 0;}
.buyBox .wxzx{margin-bottom:10px;}
.ProInfo .ProInfoBox{padding-top:4%;}
.ProInfo .ProInfoBox .infotit{border-bottom:1px solid #0636bd;margin-bottom:20px;}
.ProInfo .ProInfoBox .infotit h1{font-size: 22px;font-weight: bold;color:#0636bd;line-height: 40px;padding-bottom:8px;}
.ProInfo .ProInfoBox .infoBox{margin-bottom:4%;}
.ProInfo .ProInfoBox .infoBox .con{font-family: SourceHanSansCN-Light;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 0px;color: #545665;}

.ProInfo .ProInfoBox .DownListBox ul li{position: relative;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: SourceHanSansCN-Light;font-size: 16px;line-height: 50px;background: url(../images/download.png) no-repeat right center;border-bottom:1px dotted #e9e9e9;transition: all .3s;-webkit-transition: all .3s;}
.ProInfo .ProInfoBox .DownListBox ul li a::before{content:'';display: block;width:5px;height:5px;background:#0536fd;position: absolute;left:0;top:50%;margin-top:-2.5px;border-radius: 50%;}
.ProInfo .ProInfoBox .DownListBox ul li a{display: block;padding-right:40px;padding-left:15px;position: relative;}
.ProInfo .ProInfoBox .DownListBox ul li:hover{background:url(../images/downloadw.png) no-repeat center right 20px #0636bd;padding:0 20px;}
.ProInfo .ProInfoBox .DownListBox ul li:hover a{color:#fff;}
.ProInfo .ProInfoBox .DownListBox ul li:hover a::before{background: #fff;}

.ProInfo .ProInfoBox .goback{line-height: 40px;font-size: 18px;font-weight: bold;margin-top:3%;}
.ProInfo .ProInfoBox .goback a{color:#0636bd;}
.ProInfo .ProInfoBox .goback a img{display: inline-block;margin-right:10px;position: relative;top:5px;}


@media(max-width:480px){
    .ProInfo .ProInfoBox .infotit{margin-bottom:10px;}
    .ProInfo .ProInfoBox .infotit h1{font-size: 18px;line-height: 30px;}
    .ProInfo .ProInfoBox .goback{font-size: 16px;}
    .tcCon .tcText .tit{margin-top:20px;white-space: normal;text-overflow: inherit;line-height: 30px;}
    .tcCon .tcText .txt .title{font-size: 18px;line-height: 30px;margin-bottom:10px;}
}

.OtherCase .De_top .tit{padding-bottom:2%;}
.OtherCase .De_bot{border-bottom:none;min-height:200px;}


@media(min-width:1470px)and(max-width:1600px) {
	.FastRight{width: 62px;}
}