锘    @charset "utf-8";
   
    
  
    
    body,
    html {
        width: 100%;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        overflow-x: hidden;
    }
    
    body {
        margin: 0px;
        padding: 0px;
        margin: 0px auto;
        font-size: 12px;
        line-height: 24px;
        color: #666666;
        min-width: 320px;
        zoom: 1;
        background: #f5f5f5;
        font-family: frutigernext, "syrh", "Microsoft YaHei", Arial, Helvetica, sans-serif, Arial, "瀹嬩綋";
        word-break: break-all;
    }
    
    ul,
    li,
    form,
    dl,
    dt,
    dd,
    div,
    ul,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    em,
    i {
        font-style: normal;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .p {
        padding: 0px;
        margin: 0px;
    }
    
    select,
    input,
    textarea {
        font-size: 12px;
        border-radius: 0;
        -webkit-border-radius: 0;
        color: #414446;
        font-family: "寰蒋闆呴粦";
    }
    
    input:focus {
        outline: none;
    }
    
    input,
    button,
    select,
    textarea {
        outline: none;
        /*-webkit-appearance:none;*/
        /*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/
    }
    
    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,
    figcaption {
        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: #333;
        text-decoration: none;
        noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    
    a:focus {
        outline: none;
        -moz-outline: none;
    }
    
    a:hover {
        text-decoration: none;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .tr {
        text-align: right;
    }
    
    .hidetxt {
        display: none;
    }
    
    .clear {
        clear: both;
    }
    
    .clearfix {
        overflow: hidden;
        _zoom: 1;
    }
    
     :-moz-placeholder {
        color: #b2b2b2;
    }
    
     ::-moz-placeholder {
        color: #b2b2b2;
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #b2b2b2;
    }
    
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #b2b2b2;
    }
    
    .w1440 {
        max-width: 1440px;
        min-width: 320px;
        margin: 0px auto;
    }
    
    .w1240 {
        max-width: 1240px;
        min-width: 320px;
        margin: 0px auto;
    }
    
    .auto {
        padding: 0px 76px;
    }
    
    .MarginL {
        padding: 0;
        margin: 0px 76px;
    }
    
    .f_red {
        color: #e60122;
    }
    
    @media ( max-width:1440px) {
        .w1440 {
            padding: 0 3%;
        }
        .auto {
            padding: 0px 44px;
        }
        .MarginL {
            padding: 0;
            margin: 0px 44px;
        }
    }
    
    @media ( max-width:1240px) {
        .w1240 {
            padding: 0 3%;
        }
        .auto {
            padding: 0px 15px;
        }
        .MarginL {
            padding: 0;
            margin: 0px 15px;
        }
        .w1440 .w1240 {
            padding: 0;
        }
    }
    
    @media ( max-width:1200px) {
        .w1200 {
            padding: 0px 15px;
        }
    }
    /*鍏敤鏍峰紡*/
    
    .owl-carousel .owl-nav {
        height: 0px;
    }
    
    .effect-img {
        text-align: center;
        cursor: pointer;
        zoom: 1;
        overflow: hidden;
    }
    
    .effect-img img,
    .effect-img span {
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }
    
    .effect-img:hover img,
    li:hover .effect-img img,
    dd:hover .effect-img img,
    .effect-img:hover span,
    li:hover .effect-img span,
    dd:hover .effect-img span {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    
    .wow {
        visibility: hidden;
    }
    
    .effect-img span {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    @keyframes warn {
        0% {
            transform: scale(0);
            opacity: 0;
        }
        25% {
            transform: scale(0.8);
            opacity: 0.3;
        }
        50% {
            transform: scale(1.7);
            opacity: 0.8;
        }
        75% {
            transform: scale(0.8);
            opacity: 0.6;
        }
        100% {
            transform: scale(0);
            opacity: 0;
        }
    }
    
    @-webkit-keyframes warn {
        0% {
            transform: scale(0);
            opacity: 0;
        }
        25% {
            transform: scale(0.8);
            opacity: 0.3;
        }
        50% {
            transform: scale(1.7);
            opacity: 0.8;
        }
        75% {
            transform: scale(0.8);
            opacity: 0.6;
        }
        100% {
            transform: scale(0);
            opacity: 0;
        }
    }
    
    @-webkit-keyframes bounce-down {
        25% {
            -webkit-transform: translateY(-5px);
            opacity: 1;
        }
        50%,
        100% {
            -webkit-transform: translateY(0);
            opacity: 0.6;
        }
        75% {
            -webkit-transform: translateY(10px);
            opacity: 0.2
        }
    }
    
    @keyframes bounce-down {
        25% {
            -webkit-transform: translateY(-5px);
            opacity: 1;
        }
        50%,
        100% {
            -webkit-transform: translateY(0);
            opacity: 0.6;
        }
        75% {
            -webkit-transform: translateY(10px);
            opacity: 0.2;
        }
    }
    
    @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 {
        background: #fff;
        position: relative;
        box-shadow: 0px 8px 20px rgba(0, 0, 0, .1);
        transition: 300ms;
	z-index: 1000;
    }
    
    .Header.fixednav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99;
    }
    
    .Header.fixednav .Logo {
        padding: 12px 0px;
    }
    
    .Header.fixednav .Nav li .am,
    .Header.fixednav .Tright {
        line-height: 67px;
    }
    
    .Top {
        padding-right: 384px;
        position: relative;
    }
    
    .Logo {
        width: 12.76vw;
        float: left;
        padding: 25px 0px;
    }
    
    .Logo img {
        display: block;
        width: 100%;
    }
    
    .Tright {
        position: absolute;
        right: 0;
        top: 0px;
        width: 430px;
        line-height: 94px;
        z-index: 9;
    }
    
    .Tright .call {
        float: left;
        font-size: 20px;
        color: #004f99;
        font-family: "DIN Medium";
        font-weight: bold;
        padding-right: 50px;
        background: url(../images/line1.png) repeat-y right top;
    }
    
    .Tright img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
    
    .Tright .call .icon {
        animation: move 3s 0s infinite;
        -webkit-animation: move 3s 0s infinite;
    }
    
    .website {
        float: left;
        padding: 0px 15px;
        background: url(../images/line1.png) repeat-y right top;
        position: relative;
    }
    
    .website a.am {
        display: block;
        position: relative;
        font-size: 16px;
        color: #666666;
        padding-right: 20px;
        background: url(../images/arr1.png) no-repeat right center;
    }
    
    .website a.am i {
        position: absolute;
        width: 16px;
        height: 8px;
        left: 50%;
        margin-left: -8px;
        bottom: 0px;
        display: none;
        background: url(../images/navon.png);
    }
    
    .website:hover a.am i {
        display: block;
    }
    
    .webhide {
        display: none;
        position: absolute;
        z-index: 3;
        width: 300px;
        right: 0px;
        top: 100%;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(4, 0, 0, 0.15);
    }
    
    .webhide .con {
        padding: 20px;
    }
    
    .webhide .con .col dl dt {
        font-size: 16px;
        font-weight: bold;
        color: #222;
        line-height: 40px;
    }
    
    .webhide .con .col dl a {
        display: block;
        padding-left: 16px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        color: #333;
        background: url(../images/rect.png) no-repeat left center;
    }
    
    .Tright .sbtn {
        position: absolute;
        top: 0%;
        right: 0px;
        width: 100px;
        height: 100%;
        background: url(../images/btn.png) no-repeat center center;
    }
    
    .Search {
        position: absolute;
        top: 100%;
        right: 15px;
        background: #fff;
        border: 2px solid #004f99;
        width: 190px;
        padding: 0px 60px 0px 10px;
        display: none;
        z-index: 999;
    }
    
    .Search .input {
        display: block;
        width: 100%;
        height: 32px;
        font-size: 14px;
    }
    
    .Search .input::placeholder {
        color: #999;
    }
    
    .Search .btn {
        height: 100%;
        width: 50px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: #004f99;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    
    .Showbox {
        width: 70%;
        float: right;
    }
    
    .Nav li {
        float: left;
        width: 16.666%;
        position: relative;
    }
    
    .Nav li .am {
        display: block;
        text-align: center;
        font-size: 21px;
        line-height: 94px;
        color: #333;
        position: relative;
    }
    
    .Nav li:hover .am,
    .Nav li.active .am {
        color: #004f99;
        transition: 0ms;
    }
    
    .Nav li .SubNav {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        width: 100%;
        display: none;
        background: rgba(255, 255, 255, 1);
        border-top: 2px solid #004f99;
    }
    
    .Nav li .SubNav dd {
        position: relative;
        border-bottom: 1px solid #ddd;
    }
    
    .Nav li .SubNav a {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #666;
        text-align: center;
    }
    
    .Nav li .SubNav a:last-child {
        border-bottom: none;
    }
    
    .Nav li .SubNav a:hover,
    .Nav li .SubNav a.on {
        background: #004f99;
        color: #fff;
    }
    
    .Nav li .SubNav .three {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 160px;
        display: none;
    }
    
    .Nav li .SubNav .three a:hover {
        background: #004f99;
        color: #fff;
    }
    
    .Nav li .SubNav dd:hover .three {
        display: block;
    }
    
    .Nav li.nav2 {
        position: static;
    }
    
    .Pronav {
        position: absolute;
        width: 100%;
        left: 0;
        top: 94px;
    }
    
    .Header.fixednav .Pronav {
        top: 66px;
    }
    /* .Nav li.nav1 .SubNav dl{padding-left: 17%;}
.Nav li.nav4 .SubNav dl{padding-left: 48%;}
.Nav li.nav5 .SubNav dl{padding-left: 57%;}
.Nav li.nav6 .SubNav dl{padding-left: 64%;} */
    
    .Banner {
        overflow: hidden;
    }
    
    .Banner .slides li {
        position: relative;
    }
    
    .Banner .slides li img {
        display: block;
        width: 100%;
    }
    
    .Banner .slides li .txtbox {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 20%;
    }
    
    .Banner .slides li .txtbox img {
        width: auto;
    }
    
    .Banner .slides li .mobile {
        display: none;
    }
    
    .Banner .slides li.flex-active-slide .txtbox {
        animation: bounceInUp 2s linear;
    }
    
    .Banner .flex-control-nav {
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 5%;
        height: 24px;
        line-height: 24px;
        z-index: 100;
    }
    
    .Banner .flex-control-nav li {
        width: 120px;
        height: 24px;
        line-height: 10000px;
        overflow: hidden;
        background-image: url(../images/banline2.png);
        background-repeat: repeat-x;
        background-position: center center;
    }
    
    .Banner .flex-control-nav li:first-child,
    .Banner .flex-control-nav li:last-child {
        background-repeat: no-repeat;
    }
    
    .Banner .flex-control-nav li:first-child {
        background-image: url(../images/banline.png);
    }
    
    .Banner .flex-control-nav li:last-child {
        background-image: url(../images/banline3.png);
    }
    
    .Banner .flex-control-nav li a {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url(../images/dot7.png);
        background-repeat: no-repeat;
        background-position: right top;
        transition: 300ms;
    }
    
    .Banner .flex-control-paging li a.flex-active {
        background-position: left top;
    }
	
.flex-direction-nav {*height: 0;}
.flex-direction-nav a:before{display:none !important;}
.flex-direction-nav a  {font-size:0; text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: 10px; background-position:0 0 }
.flex-direction-nav .flex-next { right: 10px; background-position:-132px 0}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
    
    .SpecialVideo {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background: #000;
        z-index: 9;
        text-align: center;
    }
    
    .SpecialVideo video {
        height: 100%;
    }
    
    @media ( max-width:1500px) {
        .Top {
            padding-right: 410px;
        }
        .Nav li .am {
            font-size: 17px;
        }
        .HomeData {
            padding: 1% 0;
        }
    }
    
    @media ( max-width:1360px) {
        .Top {
            padding-right: 0;
        }
        .Tright {
            margin-right: 60px;
            width: 390px;
        }
        .Header.fixednav .Tright,
        .Tright {
            line-height: 60px;
        }
        .Tright .sbtn {
            width: 50px;
        }
        .Logo {
            width: 180px;
            padding: 15px 0px;
        }
        .Nav li .am {
            font-size: 16px;
        }
        .header_menu {
            display: block;
            background-image: url(../images/navicon.png);
            position: absolute;
            top: 50%;
            right: 0px;
            margin-top: -12px;
            width: 20px;
            height: 24px;
            background-size: 100%;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 10;
        }
        .header_menu:hover {
            animation: move 2s 0s infinite;
            -webkit-animation: move 2s 0s infinite;
        }
        .Showbox {
            width: 33%;
            height: 100%;
            background: #004f99;
            overflow: auto;
            overflow-x: none;
            position: fixed;
            z-index: 9990;
            top: 0;
            right: -100%;
        }
        .Showbox .close_bar {
            height: 70px;
            line-height: 70px;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: #004f99;
            border-bottom: 1px solid #e8e8e8;
            text-align: right;
        }
        .Showbox .close_bar a {
            background: url(../images/menu_close_btn.png) no-repeat;
            width: 25px;
            height: 25px;
            background-size: cover;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            transition: transform ease-in 0.3s;
        }
        .Showbox .close_bar a:hover {
            transform: rotate(180deg);
        }
        .Nav {
            background: none;
            margin-top: 80px;
            width: 100%;
        }
        .Nav li {
            float: none;
            width: 100%;
            text-align: left;
            position: relative;
        }
        .Nav li .am,
        .Header.fixednav .Nav li .am {
            color: #fff;
            line-height: 50px;
            font-size: 18px;
            padding-left: 20px;
            text-align: left;
        }
        .Nav li:hover .am,
        .Nav li.active .am {
            background: none;
            color: #fff;
        }
        .Nav li .SubNav {
            display: none !important;
        }
        .Pronav {
            display: none !important;
        }
        .Banner .slides li .txtbox img {
            width: 50%;
        }
    }
    
	@media(max-width:1024px){
		.Banner .slides li .pc{display:none;}
		   .Banner .slides li .mobile {
        display: block;
    }
	}
    @media ( max-width:640px) {
        .Tright {
            width: 90px;
        }
        .Tright .call,
        .website a.am span {
            display: none;
        }
        .website {
            padding: 0px 10px;
        }
        .Tright img {
            margin-right: 0;
        }
        .website a.am {
            padding-right: 0;
            background: none;
        }
        .Showbox {
            width: 50%;
        }
        .header_menu {
            animation: move 3s 0s infinite;
            -webkit-animation: move 3s 0s infinite;
        }
    }
    
    @media ( max-width:480px) {
        .Logo {
            width: 148px;
        }
        .Header.fixednav .Tright,
        .Tright {
            line-height: 55px;
        }
        .webhide {
            right: -80px;
        }
    }
    /*bottom*/
    
    #back-to-top {
        width: 56px;
        position: fixed;
        right: 1%;
        bottom: 1%;
        z-index: 10;
        display: none;
    }
    
    #back-to-top img {
        display: block;
        width: 100%;
    }
    
    .Joinbtn {
        padding: 0 25px;
        transition: 500ms;
        line-height: 64px;
        text-align: center;
        position: fixed;
        right: 0px;
        top: 95px;
        z-index: 9;
        background: rgba(0, 0, 0, .5);
        color: #fff;
        font-size: 18px;
    }
    
    .Joinbtn img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px;
    }
    
    .Joinbtn span {
        display: inline-block;
    }
    
    .Joinbtn a {
        color: #fff;
    }
    
    .Joinbtn.on span {
        display: none;
    }
    
    .Joinbtn.on img {
        margin-left: 0;
        transform: rotate(180deg);
    }
    
    .Footer {
        background: #2a2f33;
    }
    
    .Footer .title {
        margin-bottom: 20px;
    }
    
    .Footer .title span {
        display: block;
        font-size: 20px;
        line-height: 48px;
        color: #fff;
        margin-bottom: 5px;
    }
    
    .Footer .title i {
        display: block;
        width: 20px;
        height: 2px;
        background: #55595c;
    }
    
    .Footer .fleft {
        width: 300px;
        float: left;
        font-size: 18px;
        color: #8c9295;
    }
    
    .Footer .fleft .blogo {
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid #44484c;
    }
    
    .Footer .fleft .cb {
        line-height: 40px;
    }
    
    .Footer .fleft .call {
        margin-top: 62px;
        line-height: 30px;
    }
    
    .Footer .fleft .call .num {
        display: block;
        font-size: 32px;
        line-height: 39px;
        color: #fff;
        font-family: "DIN Medium";
        font-weight: bold;
    }
    
    .Footer .qlink {
        width: 100px;
        float: left;
        margin: 0 6%;
    }
    
    .Footer .qlink .con a {
        display: block;
        font-size: 16px;
        line-height: 36px;
        color: #878d8f;
    }
    
    .Footer .share {
        width: 170px;
        float: left;
    }
    
    .Footer .share .img {
        margin-top: 30px;
        width: 100px;
    }
    
    .Footer .share .img img {
        display: block;
        width: 100%;
    }
    
    .share-component a {
        display: inline-block;
        margin: 0px 10px 0px 0px !important;
        width: 45px !important;
        height: 45px !important;
        background-size: cover;
    }
    
    .share-component a.icon-wechat {
        background-image: url(../images/s2.png);
    }
    
    .share-component a.icon-qq {
        background-image: url(../images/s1.png);
    }
    
    .share-component a.icon-weibo {
        background-image: url(../images/s3.png);
    }
    
    .fright {
        width: 520px;
        float: right;
        text-align: right;
    }
    
    .fright h2 {
        font-size: 26px;
        color: #ecf4f6;
        line-height: 48px;
        font-weight: bold;
    }
    
    .fright .ins {
        margin: 20px 0px 77px;
        display: inline-block;
        padding: 0px 15px;
        background-image: url(../images/gpbg.png);
        background-size: cover;
        border-radius: 25px;
        font-size: 14px;
        color: #ecf4f6;
        line-height: 40px;
    }
    
    .fright .ins img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
    
    .fright .ins i {
        padding: 0px 5px;
        color: #4d84b8;
    }
    
    .bottom {
        font-size: 14px;
        line-height: 28px;
        color: #797f81;
    }
    
    .bottom a {
        color: #878d8f;
    }
    
    .bottom i {
        padding: 0px 12px;
    }
    
    .bottom .bmenu {
        font-size: 16px;
        color: #878d8f;
        margin-bottom: 18px;
    }
    
    @media ( max-width:1366px) {
        .Joinbtn {
            padding: 0 10px;
            line-height: 40px;
        }
        .Joinbtn img {
            margin-left: 15px;
        }
    }
    
    @media ( max-width:1300px) {
        .Footer .fleft,
        .Footer .qlink,
        .Footer .share,
        .fright h2 {
            display: none;
        }
        .fright .ins {
            margin: 0 0 15px;
        }
        .fright {
            width: auto;
            text-align: center;
            float: none;
        }
        .bottom {
            line-height: 24px;
        }
        .bottom .bmenu {
            margin-bottom: 10px;
        }
    }
    
    @media ( max-width:768px) {
        #back-to-top {
            width: 36px;
        }
        .Joinbtn {
            bottom: 50px;top:auto;
        }
    }
    
    @media ( max-width:480px) {
        .Joinbtn {
            display: none;
        }
        .fright .ins {
            font-size: 12px;
        }
    }
    /* index */
    
    .ptb3 {clear:both;
        padding: 3% 0;
    }
    
    .ptb5 {
        padding: 5% 0;
    }
    
    .relative {
        position: relative;
    }
    
    .whitebg {
        background: #fff;
    }
    
    .boxbg,
    .effect-img span {
        background-size: cover;
        background-position: center center;
    }
    
    .HomeTit {
        margin-bottom: 3%;
    }
    
    .HomeTit .more {
        float: right;
        width: 29px;
        height: 29px;
        background: url(../images/more.png);
        margin-top: 60px;
    }
    
    .HomeTit .name {
        display: block;
        font-size: 34px;
        line-height: 42px;
        color: #2d373c;
        font-weight: bold;
    }
    
    .HomeTit i {
        display: block;
        width: 30px;
        height: 2px;
        background: #00a0e9;
        margin: 16px 0px 13px;
    }
    
    .HomeTit p {
        font-size: 16px;
        color: #666;
        line-height: 24px;
    }
    
    .HomeTit.tc {
        text-align: center;
    }
    
    .HomeTit.tc i {
        margin: 16px auto 13px;
    }
    
    .HomeTit.whitetxt .name {
        color: #fff;
    }
    
    .HomeTit.whitetxt i {
        background: rgba(255, 255, 255, 0.3);
    }
    
    .HomeTit.whitetxt p {
        color: rgba(255, 255, 255, 0.3);
    }
    
    .HomeData {
        background: #ebf0f5;
        border-bottom: 6px solid #f5fafe;
    }
    
    .HomeData li {
        width: 25%;
        float: left;
        text-align: center;
    }
    
    .HomeData li .box {
        border-right: 1px solid #fff;
    }
    
    .HomeData li:last-child .box {
        border-right: none;
    }
    
    .HomeData li .icon,
    .HomeData li .con {
        display: inline-block;
        vertical-align: middle;
    }
    
    .HomeData li .icon {
       /* margin-right: 15px;*/
    }
    
    .HomeData li .con {
        text-align: left;
    }
    
    .HomeData li .con .num {
        font-size: 54px;
        color: #004f99;
        font-family: "DIN Medium";
        line-height: 55px;
        background-image: -webkit-linear-gradient(60deg, #004f99, #00a0e9);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .HomeData li .con .num span {
        font-size: 60px;
    }
    
    .HomeData li .con p {
        font-size: 16px;
        color: #4c4c4c;
        line-height: 24px;
        margin-top: 10px;
    }
    
    .HomeProduct .list li {
        width: 23.5%;
        float: left;
        margin: 0 2% 2% 0;
        position: relative;
        transition: 500ms;
    }
    
    .HomeProduct .list li:nth-child(4n) {
        margin-right: 0;
    }
    
    .HomeProduct .list li a {
        display: block;
    }
    
    .HomeProduct .list li .effect-img img {
        display: block;
        width: 100%;
    }
    
    .HomeProduct .list li .title {
        transition: 500ms;
        position: absolute;
        width: 84%;
        left: 0;
        bottom: 0;
        z-index: 3;
        line-height: 60px;
        height: 60px;
        overflow: hidden;
        font-size: 20px;
        color: #fff;
        padding: 0 8%;
        background: url(../images/titbg1.png) repeat-x;
    }
    
    .HomeProduct .list li .title span {
        display: block;
        background-image: url(../images/arr4.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
    
    .HomeProduct .list li:hover .title {
        background: rgba(0, 160, 233, 0.8);
        width: 50%;
    }
    
    .HomeProduct .list li:hover {
        box-shadow: 0px 10px 30px rgba(0, 46, 89, 0.3);
    }
    
    .HomePlans {
        background-image: url(../images/boxbg1.jpg);
        padding: 5% 0 2%;
    }
    
    .Bigimg {
        padding-bottom: 5%;
    }
    
    .Bigimg .con {
        width: 43%;
        float: left;
        margin-left: 6.9%;
        padding-top: 4%;
    }
    
    .Bigimg .con .info {
        font-size: 15px;
        line-height: 32px;
        color: #666;
        max-height: 94px;
        overflow: hidden;
        margin: 8% 0;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .Bigimg .con .more {
        display: block;
        width: 160px;
        background: #00a0e9;
        box-shadow: 0px 5px 20px rgba(0, 160, 233, 0.4);
        line-height: 56px;
        font-size: 16px;
        color: #fff;
        border-radius: 30px;
        text-align: center;
    }
    
    .Bigimg .con .more i {
        font-family: "瀹嬩綋";
        padding-left: 18px;
    }
    
    .Bigimg .pic {
        width: 46.7%;
        float: right;
        position: relative;
    }
    
    .Bigimg .pic img {
        display: block;
        width: 100%;
    }
    
    .Bigimg .pic .jia {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -80px 0px 0px -15px;
        z-index: 3;
        width: 64px;
        line-height: 64px;
        font-size: 26px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
    }
    
    .Bigimg .pic .jia i {
        position: absolute;
        z-index: 0;
        background: rgba(255, 255, 255, 0.5);
        z-index: 1;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        margin: -50px 0px 0px -50px;
        -webkit-animation: warn 4s ease-out;
        -moz-animation: warn 4s ease-out;
        animation: warn 4s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    
    .Bigimg .pic .jia span {
        position: relative;
        z-index: 2;
        display: block;
        background: #00a0e9;
        border-radius: 50%;
    }
    
    .Bigimg .flex-direction-nav a {
        line-height: 10000px;
        overflow: hidden;
        background-size: cover;
        top: auto;
        margin-top: 0;
        bottom: 5%;
        width: 54px;
        height: 54px;
    }
    
    .Bigimg .flex-direction-nav .flex-prev {
        left: -55px;
        background-image: url(../images/left.png);
    }
    
    .Bigimg .flex-direction-nav .flex-next {
        right: -55px;
        background-image: url(../images/right.png);
    }
    
    .Bigimg .flex-direction-nav .flex-prev:hover {
        background-image: url(../images/lefton.png);
    }
    
    .Bigimg .flex-direction-nav .flex-next:hover {
        background-image: url(../images/righton.png);
    }
    
    .Smallimg {
        position: absolute;
        width: 660px;
        left: 50%;
        margin-left: -330px;
        bottom: 0px;
    }
    
    .Smallimg .slides li {
        text-align: center;
        padding: 20px 0;
    }
    
    .Smallimg .slides li img {
        display: block;
        width: 100%;
    }
    
    .Smallimg .slides li a {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5%;
        border: 2px solid #fff;
        background: #f5f8fa;
        border-radius: 50%;
        width: 60%;
    }
    
    .Smallimg .slides li.flex-active-slide a {
        width: 80%;
        background: #fff;
        box-shadow: 0px 4px 20px rgba(0, 46, 89, 0.3);
        margin-top: 0;
    }
    
    .HomeNews {
        background-image: url(../images/boxbg2.jpg);
    }
    
    .NewsTop {
        width: 41.9%;
        float: left;
        background: #fff;
    }
    
    .NewsTop .pic img {
        display: block;
        width: 100%;
        height: 320px;
    }
    
    .NewsTop .box {
        padding: 44px 40px 0px;
        height: 264px;
    }
    
    .NewsTop .box .con {
        position: relative;
    }
    
    .NewsTop .box .date {
        position: absolute;
        left: 0px;
        top: 0px;
        text-align: center;
        font-family: "DIN Medium";
        width: 64px;
        color: #004f99;
    }
    
    .NewsTop .box .date span {
        display: block;
        font-weight: bold;
        font-size: 50px;
        line-height: 48px;
        padding-bottom: 4px;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .NewsTop .box .date em {
        display: block;
        font-size: 14px;
        line-height: 30px;
    }
    
    .NewsTop .box .txt {
        margin-left: 105px;
    }
    
    .NewsTop .box .txt .time {
        display: none;
        font-size: 16px;
        color: #004f99;
    }
    
    .NewsTop .box .txt .name {
        font-size: 22px;
        line-height: 32px;
        height: 64px;
        overflow: hidden;
        color: #000;
    }
    
    .NewsTop .box .txt .info {
        font-size: 16px;
        line-height: 26px;
        color: #4c4c4c;
        height: 52px;
        overflow: hidden;
        margin: 20px 0px 45px;
    }
    
    .NewsTop .box .txt .more {
        display: block;
        font-size: 30px;
        color: #004f99;
        font-family: "瀹嬩綋";
        font-weight: bold;
        line-height: 20px;
    }
    
    .NewsSlider {
        width: 55.3%;
        float: right;
        position: relative;
    }
    
    .NewsCon dd {
        border: 1px solid rgba(255, 255, 255, 0);
        margin-bottom: 28px;
    }
    
    .NewsCon dd:last-child {
        margin-bottom: 0;
    }
    
    .NewsCon dd .effect-img {
        width: 36%;
        float: left;
    }
    
    .NewsCon dd .effect-img img {
        display: block;
        width: 100%;
        height: 189px;
    }
    
    .NewsCon dd .con {
        width: 54%;
        padding: 35px 5% 24px;
        float: left;
        background: #fff;
    }
    
    .NewsCon dd .con .title {
        font-size: 20px;
        line-height: 28px;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
    }
    
    .NewsCon dd .con .info {
        font-size: 14px;
        color: #888;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
        margin: 14px 0px 24px;
    }
    
    .NewsCon dd .con .date {
        display: block;
        color: #ccc;
        font-family: "DIN Medium";
        font-weight: bold;
    }
    
    .NewsCon dd .con .date i {
        font-family: "瀹嬩綋";
        float: right;
        font-size: 25px;
    }
    
    .NewsCon dd:hover {
        border: 1px solid #e8f2fb;
    }
    
    .NewsCon dd:hover .con .title,
    .NewsCon dd:hover .con .date i {
        color: #004f99;
    }
    
    .NewsSlider .hd {
        position: absolute;
        height: 116px;
        width: 17px;
        right: -66px;
        top: 50%;
        margin-top: -58px;
    }
    
    .NewsSlider .hd li {
        height: 17px;
        margin: 6px 0px;
        background-image: url(../images/dot3.png);
        background-repeat: no-repeat;
    }
    
    .NewsSlider .hd li.on {
        background-image: url(../images/dot4.png);
    }
    
    .HomeService {
        background-image: url(../images/boxbg3.jpg);
    }
    
    .HomeService .mobile {
        display: none;
    }
    
    .HomeService .box {
        max-width: 1006px;
        min-width: 320x;
        margin: 0 auto;
        position: relative;
    }
    
    .HomeService .box .pic img {
        display: block;
        width: 100%;
    }
    
    .HomeService .box ul {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }
    
    .HomeService .box ul li {
        position: absolute;
        width: 15px;
        height: 15px;
    }
    
    .HomeService .box li.i1 {
        top: 25%;
        left: 79%;
    }
    
    .HomeService .box li.i2 {
        top: 20%;
        left: 15%;
    }
    
    .HomeService .box li.i3 {
        top: 44.5%;
        left: 27%;
    }
    
    .HomeService .box li.i4 {
        top: 38.5%;
        left: 36%;
    }
    
    .HomeService .box li.i5 {
        top: 17.5%;
        left: 35%;
    }
	
	.HomeService .box li.i6 {
        top: 27%;
        left: 13%;
    }
	
	.HomeService .box li.i7 {
        top: 32.5%;
        left: 25.5%;
    }
	
	.HomeService .box li.i8 {
        top: 48%;
        left: 35.5%;
    }
	
	.HomeService .box li.i9 {
        top: 28.1%;
        left: 18%;
    }
	.HomeService .box li.i10 {
        top: 45%;
        left: 35.3%;
    }
	.HomeService .box li.i11 {
        top: 37%;
        left: 14.8%;
    }
	.HomeService .box li.i12 {
        top: 41.5%;
        left: 31%;
    }
	.HomeService .box li.i13 {
        top: 35%;
        left: 32.8%;
    }
	
    .HomeService .box li.i14 {
        top: 34%;
        left: 42%;
    }
    .HomeService .box ul li .dot {
        border-radius: 50%;
        position: relative;
        width: 12px;
        height: 12px;
        border: 3px solid rgba(255, 255, 255, 0);
    }
    
    .HomeService .box ul li .dot span {
        display: block;
        position: relative;
        z-index: 2;
        background: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }
    
    .HomeService .box ul li .dot i {
        position: absolute;
        z-index: 0;
        background: rgba(255, 255, 255, 0.5);
        z-index: 1;
        width: 38px;
        height: 38px;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        margin: -19px 0px 0px -19px;
        -webkit-animation: warn 3s ease-out;
        -moz-animation: warn 3s ease-out;
        animation: warn 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    
    .HomeService .box ul li .hidebox {
        position: absolute;
        width: 343px;
        left: -30px;
        display: none;
        transition: 500ms;
		z-index:99;
    }
    
    .HomeService .box ul li .hidebox .more {
        display: block;
        width: 90px;
        height: 42px;
        background-color: #00a1ea;
        background-image: url(../images/arr3.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .HomeService .box ul li.i1 .hidebox {
    width: 174px;
    }    
	.HomeService .box ul li.i6 .hidebox{
		width:174px;
	}
	
	.HomeService .box ul li.i7 .hidebox{
		width:234px;
	}
	.HomeService .box ul li.i8 .hidebox{
		width:174px;
	}
	.HomeService .box ul li.i9 .hidebox{
		width:174px;
	}
	.HomeService .box ul li.i10 .hidebox{
		width:154px;
	}
	.HomeService .box ul li.i11 .hidebox{
		width:154px;
	}
	.HomeService .box ul li.i12 .hidebox{
		width:174px;
	}
	.HomeService .box ul li.i13 .hidebox{
		width:254px;
	}
    .HomeService .box ul li .hidebox .con {
        border-top: 2px solid #00a0e9;
        background: #fff;
        padding: 15px;
        position: relative;
		overflow:hidden;
    }
    .HomeService .box ul li .hidebox .con .txtbox{
		width:48%;
		float:left;
	}
    .HomeService .box ul li .hidebox .con .effect-img {
       width:52%;
	   float:right;
       
    }
    .HomeService .box ul li .hidebox .con .effect-img span{
		height:98px;
	}
    
     @media ( max-width:1024px) {
		.HomeService .box ul li .hidebox .con .txtbox {
			width: 100%;
			float: none;
			margin-bottom: 5%;
		 }
		  .HomeService .box ul li .hidebox .con .effect-img {
			  width:100%;
			  float: none;
		  }
		  .HomePlans{ background-image:none;}
	 }
	
	.HomeService .box ul li .hidebox .con .title span {
        display: block;
        font-size: 20px;
        color: #2d373c;
        line-height: 39px;
    }
	
    .HomeService .box ul li .hidebox .con .title i {
        display: block;
        width: 20px;
        height: 1px;
        background: #d9d9d9;
    }
    
    .HomeService .box ul li .hidebox .con .info {
        margin-top: 5px;
        font-size: 14px;
        line-height: 24px;
        color: #2d373c;
    }
    
    .HomeService .box ul li .hidebox .arrow {
        width: 18px;
        height: 11px;
        position: absolute;
        bottom: -11px;
        left: 30px;
        background: url(../images/arr5.png);
    }
    
    .HomeService .box ul li:hover .dot {
        border: 3px solid #003e86;
    }
    
    .HomeBox {
        background: #ebf0f5;
        padding-bottom: 4%;
    }
    
    .HomeCumsor {
        /*background-image: url(../images/boxbg4.png);*/
        background-color: #ebf0f5;
    }
    
    .HomeCumsor .HomeTit p {
        color: #004f99;
        line-height: 34px;
        font-size: 24px;
    }
    
    .HomeCumsor .HomeTit p span {
        font-size: 34px;
        font-weight: bold;
    }
    
    .LinkSlider dl dd {
        width: 18.8%;
        margin: 0.7% 1.5% 0.7% 0;
        float: left;
    }
    
    .LinkSlider dl dd:nth-child(5n) {
        margin-right: 0;
    }
    
    .LinkSlider dl dd img {
        display: block;
        width: 100%;
    }
    
    .LinkSlider dl dd:hover {
        box-shadow: 0px 3px 20px rgba(0, 79, 153, .2);
    }
    
    .LinkSlider .owl-nav .owl-prev span,
    .LinkSlider .owl-nav .owl-next span {
        width: 54px;
        height: 54px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        z-index: 5;
    }
    
    .LinkSlider .owl-nav .owl-prev span {
        left: -7%;
        background-image: url(../images/left.png);
    }
    
    .LinkSlider .owl-nav .owl-next span {
        right: -7%;
        background-image: url(../images/right.png);
    }
    
    .LinkSlider .owl-nav .owl-prev span:hover {
        background-image: url(../images/lefton.png);
    }
    
    .LinkSlider .owl-nav .owl-next span:hover {
        background-image: url(../images/righton.png);
    }
    
    .HomeJoin .pic img {
        display: block;
        width: 100%;
    }
    
    .HomeJoin .mask {
        position: absolute;
        width: 500px;
        height: 300px;
        right: 6.9%;
        top: 50%;
        margin-top: -150px;
        background-image: url(../images/mask.png);
    }
    
    .HomeJoin .mask .con {
        padding: 45px 50px;
    }
    
    .HomeJoin .mask .con .title {
        line-height: 46px;
        padding-bottom: 17px;
        color: #fff;
        font-size: 34px;
        background: url(../images/line2.png) no-repeat left bottom;
    }
    
    .HomeJoin .mask .con .info {
        margin: 15px 0px 44px;
        line-height: 30px;
        font-size: 20px;
        color: #fff;
    }
    
    .HomeJoin .mask .con .join {
        display: block;
        width: 160px;
        background: #00a0e9;
        box-shadow: 0px 5px 20px rgba(0, 160, 233, 0.4);
        line-height: 56px;
        font-size: 16px;
        color: #fff;
        border-radius: 30px;
        text-align: center;
    }
    
    .HomeJoin .mask .con .join i {
        font-family: "瀹嬩綋";
        padding-left: 18px;
    }
    
    @media ( max-width:1600px) {
        .Bigimg .flex-direction-nav .flex-prev {
            left: 0;
        }
        .Bigimg .flex-direction-nav .flex-next {
            right: 0;
        }
    }
    
    @media ( max-width:1500px) {
        .HomeData {
            padding: 1% 0!important;
        }
        .HomeData li .con .num span {
            font-size: 30px;
        }
    }
    
    @media ( max-width:1366px) {
        .HomeData li .con .num {
            font-size: 30px;
            line-height: 26px;
        }
        .NewsSlider .hd {
            right: -30px;
        }
        .LinkSlider .owl-nav .owl-prev span {
            left: -27px;
        }
        .LinkSlider .owl-nav .owl-next span {
            right: -27px;
        }
    }
    
    @media ( max-width:1300px) {
        .HomeTit .name,
        .HomeJoin .mask .con .title {
            font-size: 20px;
            line-height: 30px;
        }
        .HomeData li .icon,
        .HomeData li .con {
            display: block;
            text-align: center;
        }
        .HomeData li .icon {
            margin: 0 auto;
        }
        .HomeData li .con .num {
            font-size: 25px;
            line-height: 30px;
        }
        .HomeData li .con .num span {
            font-size: 30px;
        }
        .HomeData li .con p {
            font-size: 14px;
            margin-top: 0;
        }
        .HomeProduct .list li .title {
            font-size: 16px;
            height: 50px;
            line-height: 50px;
        }
        .HomeProduct .list li:hover .title {
            width: 84%;
        }
        .NewsTop .pic img {
            height: 249px;
        }
        .NewsTop .box {
            height: 240px;
        }
        .NewsCon dd .effect-img img {
            height: 158px;
        }
        .NewsCon dd .con {
            padding: 20px 5%;
        }
        .NewsCon dd .con .info {
            margin: 13px 0px;
        }
        .NewsTop .box .txt .name {
            font-size: 18px;
            line-height: 26px;
            height: 52px;
        }
        .NewsTop .box .date span {
            font-size: 36px;
        }
        .NewsCon dd .con .title {
            font-size: 16px;
        }
        .HomeJoin .mask {
            height: 208px;
            margin-top: -104px;
        }
        .HomeJoin .mask .con {
            padding: 20px;
        }
        .HomeJoin .mask .con .info {
            font-size: 16px;
            margin: 15px 0px 20px;
        }
        .Bigimg .con .more,
        .HomeJoin .mask .con .join {
            line-height: 45px;
        }
        .HomeCumsor .HomeTit p {
            font-size: 18px;
        }
        .HomeCumsor .HomeTit p span {
            font-size: 20px;
        }
    }
    
    @media ( max-width:1024px) {
        /*.HomeService .box{display: none;}
     .HomeService .mobile{display: block;} */
        .HomeService .box ul li .hidebox {
            width: 200px;
            top: -255px !important;
        }
        .HomeService .box li.i1 .hidebox {
            left: auto;
            right: -35px;
        }
        .HomeService .box ul li.i1 .hidebox .arrow {
            left: auto;
            right: 36px;
        }
        .HomeService .box ul li .hidebox .con {
            /*height: 182px;*/
        }
        .HomeService .box ul li .hidebox .con .info {
           /* height: 24px;*/
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .HomeService .box ul li .hidebox .con .effect-img span{
            
            height: 100px;
            
        }
    }
    
    @media ( max-width:768px) {
        .HomeTit .more {
            margin-top: 10px;
        }
        .HomeData li .icon {
            width: 40px;
        }
        .HomeData li .con p {
            font-size: 12px;
        }
        .HomeProduct .list li .title {
            font-size: 14px;
        }
        .Bigimg {
            padding-bottom: 130px;
        }
        .Bigimg .con {
            margin-left: 0;
        }
        .Bigimg .flex-direction-nav a,
        .LinkSlider .owl-nav .owl-prev span,
        .LinkSlider .owl-nav .owl-next span {
            width: 30px;
            height: 30px;
            margin-top: -15px;
        }
        .Bigimg .flex-direction-nav a {
            top: 50%;
            bottom: auto;
        }
        .Bigimg .pic .jia {
            width: 40px;
            line-height: 40px;
            margin: -50px 0px 0px -20px;
        }
        .NewsTop {
            width: auto;
            float: none;
        }
        .NewsTop .pic img {
            height: auto;
        }
        .NewsTop .box {
            padding: 20px 20px 30px;
            height: auto;
        }
        .NewsTop .box .txt .name,
        .NewsTop .box .txt .info {
            height: auto;
            max-height: 52px;
        }
        .NewsTop .box .txt .info {
            margin: 20px 0px;
        }
        .NewsSlider {
            width: auto;
            float: none;
            margin-top: 20px;
            padding-bottom: 35px;
        }
        .NewsSlider .hd {
            right: 0;
            width: 100%;
            bottom: 0px;
            top: auto;
            margin-top: 0;
            text-align: center;
            height: 17px;
            line-height: 17px;
        }
        .NewsSlider .hd li {
            display: inline-block;
            width: 17px;
            height: 17px;
            margin: 0px 5px;
        }
        .NewsCon dd {
            margin-bottom: 15px;
        }
        .LinkSlider .owl-nav .owl-prev span {
            left: 0px;
        }
        .LinkSlider .owl-nav .owl-next span {
            right: 0px;
        }
        .HomeJoin .mask {
            position: static;
            width: auto;
            height: auto;
            margin-top: 0;
        }
    }
    
    @media ( max-width:640px) {
        .HomeData li {
            width: 50%;
            margin: 5px 0px;
        }
        .HomeData li:nth-child(2n) .box {
            border-right: none;
        }
        .HomeProduct .list li {
            width: 48.5%;
            margin-right: 0;
        }
        .HomeProduct .list li:nth-child(2n) {
            float: right;
        }
        .Bigimg {
            padding-bottom: 5%;
        }
        .Bigimg .pic,
        .Bigimg .con {
            width: auto;
            float: none;
        }
        .Smallimg {
            display: none;
        }
        .HomeService .box li.i1 {
            left: 77%;
        }
        .HomeService .box li.i2 {
            left: 15%;
        }
        .HomeService .box li.i3 {
            left: 26%;
        }
        .HomeService .box li.i4 {
            left: 33%;
        }
        .HomeService .box li.i5 {
            left: 37%;
        }
        .HomeService .box ul li .dot,
        .HomeService .box ul li .dot span {
            width: 6px;
            height: 6px;
        }
        .HomeService .box ul li .dot i {
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
        }
    }
    
    @media ( max-width:480px) {
        .ptb3 {
            padding: 5% 0;
        }
        .HomeTit p {
            font-size: 14px;
        }
        .HomeData li .con .num span {
            font-size: 22px;
        }
        .NewsTop .box .date {
            display: none;
        }
        .NewsTop .box .txt {
            margin-left: 0px;
        }
        .NewsTop .box .txt .time {
            display: block;
        }
        .NewsSlider {
            margin-top: 10px;
        }
        .NewsCon dd {
            margin-bottom: 10px;
        }
        .NewsCon dd .effect-img {
            display: none;
        }
        .NewsCon dd .con {
            width: auto;
            float: none;
        }
        .LinkSlider dl dd {
            width: 32.3333%;
        }
        .LinkSlider dl dd:nth-child(5n) {
            margin-right: 1.5%;
        }
        .LinkSlider dl dd:nth-child(3n) {
            margin-right: 0;
        }
        .Bigimg .con .more,
        .HomeJoin .mask .con .join {
            width: 120px;
            line-height: 38px;
        }
    }
    /*鏍忕洰鍏敤鏍峰紡*/
    
    .Ban {
        padding: 10% 0px;
    }
    
    .Bantxt {
        padding: 46px 70px 59px;
        width: 380px;
        background-image: url(../images/bantxt.png);
    }
    
    .Bantxt .title {
        margin-bottom: 14px;
    }
    
    .Bantxt .title span {
        display: block;
        font-size: 42px;
        line-height: 77px;
        color: #000;
    }
    
    .Bantxt .title i {
        display: block;
        width: 30px;
        height: 2px;
        background: #000;
    }
    
    .Bantxt p {
        font-size: 20px;
        line-height: 30px;
        color: #666;
    }
    
    .Current {
        line-height: 60px;
        border-bottom: 1px solid #e6e6e6;
        background: #fff;
    }
.Current .w1440{display:flex;}
    
    .Position {
        width: 35%;
        color: #999;
        font-size: 14px;
        text-align: right;
    }
    
    .Position a {
        color: #999;
    }
    
    .Position span {
        color: #333;
    }
    
    .Menu {
        width: 60%;
        flex:10;
    }
    
    .Menu .title {
        display: none;
        line-height: 45px;
        background: #004f99;
        padding: 0px 20px;
    }
    
    .Menu .title span {
        display: block;
        font-size: 18px;
        color: #fff;
        background: url(../images/down.png) no-repeat right center;
    }
    
    .Menu .box li {
        float: left;
        margin-right: 4%;
    }
    
    .Menu .box li a {
        display: block;
        font-size: 16px;
        color: #666;
        line-height: 58px;
        border-bottom: 2px solid #fff;
    }
    
    .Menu .box li:hover a,
    .Menu .box li.on a {
        border-bottom: 2px solid #004f99;
        color: #004f99;
    }
    /*pages*/
    
    .Pages {
        width: 100%;
        text-align: center;
    }
    
    .Pages .p_page a {
        display: inline-block;
        font-size: 18px;
        width: 43px;
        line-height: 43px;
        border: 1px solid #e6e6e6;
        background: #fff;
        color: #666;
        margin: 0px 5px;
    }
    
    .Pages .a_prev,
    .Pages .a_next {
        display: inline-block;
        width: 88px;
        font-size: 20px;
        font-family: "瀹嬩綋";
    }
    
    .Pages .num a:hover,
    .Pages .num a.a_cur {
        border: 1px solid #004f99;
        background: #004f99;
        color: #fff;
    }
    /*pages end*/
    
    @media ( max-width:1500px) {
        .Menu .box li {
            margin-right: 2%;
        }
        .Menu .box li a {
            font-size: 14px;
        }
    }
    
    @media ( max-width:1300px) {
        .Position {
            display: none;
        }
        .Menu {
            width: auto;
            float: none;
        }
    }
    
    @media ( max-width:1024px) {
.Current .w1440{display:block;}
        .Bantxt {
            padding: 30px 50px;
            width: 250px;
        }
        .Bantxt .title span {
            font-size: 24px;
            line-height: 50px;
        }
        .Bantxt p {
            font-size: 16px;
        }
    }
    
    @media ( max-width:768px) {
        .Ban {
            padding: 0;
            height: 300px;
        }
        .Bantxt {
            display: none;
        }
        .Current {
            height: auto;
            padding: 15px 0px;
        }
        .Menu .title {
            display: block;
        }
        .Menu .box {
            display: none;
            border: 1px solid #004f99;
            padding: 10px 20px;
        }
        .Menu .box li {
            float: none;
            margin-right: 0;
        }
        .Menu .box li a {
            line-height: 40px;
            border-bottom: none;
        }
        .Menu .box li:hover a,
        .Menu .box li.on a {
            border-bottom: none;
        }
        .Pages a {
            width: 30px;
            line-height: 30px;
            font-size: 16px;
            margin: 0 2px;
        }
        .Pages .a_prev,
        .Pages .a_next {
            width: 50px;
        }
    }
    
    @media ( max-width:480px) {
        .Ban {
            height: 240px;
        }
    }
    /* 鏈嶅姟浣撶郴 */
    
    .mb3 {
        margin-bottom: 3%;
    }
    
    .mb4 {
        margin-bottom: 4%;
    }
    
    .Title01 {
        margin-bottom: 4%;
    }
    
    .Title01 span {
        display: block;
        font-size: 34px;
        color: #000;
        line-height: 40px;
    }
    
    .Title01 p {
        font-size: 16px;
        color: #666;
        line-height: 30px;
    }
    
    .Title01 i {
        display: block;
        margin-top: 17px;
        margin-bottom: 20px;
        width: 30px;
        height: 2px;
        background: #004f99;
    }
    
    .Title01.tc {
        text-align: center;
    }
    
    .Title01.tc i {
        margin: 17px auto 20px;
    }
    
    .Service_idea {
        background: #fff;
    }
    
    .Service_idea .pic {
        width: 55%;
        float: left;
    }
    
    .Service_idea .pic img {
        display: block;
        width: 100%;
    }
    
    .Service_idea .con {
        padding: 5%;
        width: 35%;
        float: right;
        background-image: url(../images/sign.png);
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    .Service_idea .con .info {
        font-size: 16px;
        color: #666;
        line-height: 30px;
        min-height: 180px;
        margin-top: 5%;
    }
    
    .Service_act .list li {
        width: 48.5%;
        float: left;
        margin-bottom: 3%;
    }
    
    .Service_act .list li:nth-child(2n) {
        float: right;
    }
    
    .Service_act .list li .con {
        border: 1px solid #e6e6e6;
        background: #fff;
        padding: 0 10% 5%;
        text-align: center;
    }
    
    .Service_act .list li .con .icon {
        display: block;
        width: 180px;
        margin: 0 auto;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    
    .Service_act .list li .con:hover .icon {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
    
    .Service_act .list li .con .title {
        font-size: 22px;
        color: #000;
        line-height: 22px;
    }
    
    .Service_act .list li .con .info {
        font-size: 14px;
        line-height: 30px;
        color: #666;
        height: 90px;
        margin-top: 3%;
        text-align: left;
    }
    
    @media ( max-width:1500px) {
        .Title01 span {
            font-size: 30px;
        }
    }
    
    @media ( max-width:1024px) {
        .Title01 span {
            font-size: 20px;
            line-height: 24px;
        }
        .Service_act .list li .con .title {
            font-size: 16px;
        }
    }
    
    @media ( max-width:768px) {
        .Service_idea .pic,
        .Service_idea .con {
            width: auto;
            float: none;
        }
        .Service_idea .con .info {
            min-height: auto;
        }
        .Title01 i,
        .Title01.tc i {
            margin-top: 10px;
        }
        .Service_act .list li,
        .Service_act .list li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .Service_act .list li .con {
            padding: 4%;
        }
        .Service_act .list li .con .icon {
            width: 120px;
        }
        .Service_act .list li .con .info {
            height: auto;
        }
    }
    
    @media ( max-width:480px) {
        .mb4 {
            margin-bottom: 6%;
        }
        .Title01 {
            margin-bottom: 6%;
        }
        .Title01 i,
        .Title01.tc i {
            margin-bottom: 10px;
        }
        .Title01 p {
            font-size: 14px;
            line-height: 24px;
        }
        .Service_idea .con .Title01 {
            text-align: center;
        }
        .Service_idea .con .Title01 i {
            margin: 10px auto 0;
        }
        .Service_idea .con .info {
            font-size: 14px;
        }
    }
    /* 鍞悗鏀寔 */
    
    .AfterSale {
        margin: 0 55px;
    }
    
    .AfterSale .pic img {
        display: block;
        width: 100%;
    }
    
    .AfterSale .con {
        text-align: center;
        padding: 3%;
    }
    
    .AfterSale .con .info {
        font-size: 22px;
        color: #000;
        line-height: 30px;
    }
    
    .AfterSale .con dl {
        padding: 3% 0;
        text-align: center;
    }
    
    .AfterSale .con dl dd {
        width: 30%;
        display: inline-block;
        border-right: 1px solid #e6e6e6;
    }
    
    .AfterSale .con dl dd:nth-child(3n) {
        border-right: none;
    }
    
    .AfterSale .con dl dd .num {
        display: block;
        font-size: 60px;
        color: #004f99;
        font-family: "DIN Medium";
        line-height: 43px;
        margin-bottom: 16px;
    }
    
    .AfterSale .con dl dd p {
        line-height: 24px;
        font-size: 16px;
        color: #4c4c4c;
    }
    
    .SaleList .list {
        text-align: center;
    }
    
    .SaleList .list li {
        display: inline-block;
        width: 22.5%;
        margin: 0 1% 3%;
        vertical-align: top;
    }
    
    .SaleList .list li .con {
        border: 1px solid #e6e6e6;
        padding: 20px 10px;
    }
    
    .SaleList .list li .con .icon {
        position: relative;
        width: 126px;
        height: 126px;
        margin: 0 auto 25px;
    }
    
    .SaleList .list li .con .icon img {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        border-radius: 50%;
    }
    
    .SaleList .list li .con .icon .i1 {
        transition: 500ms;
    }
    
    .SaleList .list li .con .icon .i2 {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha (opacity=0);
        transition: 500ms;
        box-shadow: 5px 5px 20px rgba(0, 79, 153, 0.4);
    }
    
    .SaleList .list li:hover .con .icon .i2 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .SaleList .list li:hover .con .icon .i1 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale (1.2);
        transform: scale(1.2);
    }
    
    .SaleList .list li .con .info {
        font-size: 16px;
        line-height: 26px;
        color: #000;
    }
    
    .SaleList .list li:hover {
        box-shadow: 0px 0px 20px rgba(8, 1, 3, .14);
    }
    
    .SaleList .list li:hover .con .info {
        color: #004f99;
    }
    
    @media ( max-width:1024px) {
        .AfterSale {
            margin: 0;
        }
        .AfterSale .con .info {
            font-size: 16px;
        }
        .AfterSale .con dl dd .num {
            font-size: 40px;
            line-height: 30px;
        }
        .SaleList .list li .con .info {
            font-size: 16px;
            height: 52px;
        }
        .SaleList .list li .con .icon {
            width: 100px;
            height: 100px;
            margin-bottom: 10px;
        }
        .SaleList .list li {
            width: 31.5%;
            margin: 0 0.5% 2%;
        }
    }
    
    @media ( max-width:480px) {
        .SaleList .list li {
            width: 48%;
        }
        .AfterSale .con dl dd {
            width: 32%;
        }
        .AfterSale .con dl dd .num {
            font-size: 28px;
            line-height: 20px;
            margin-bottom: 10px;
        }
        .AfterSale .con dl dd p {
            font-size: 12px;
        }
        .SaleList .list li .con .icon {
            width: 80px;
            height: 80px;
        }
        .SaleList .list li .con .info {
            font-size: 14px;
        }
    }
    /* 璧勬枡涓嬭浇 */
    
    .DownList ul {
        margin-bottom: 3%;
    }
    
    .DownList ul li {
        background: #f0f0f0;
        width: 48%;
        float: left;
        line-height: 60px;
        height: 60px;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }
    
    .DownList ul li:nth-child(2n) {
        float: right;
    }
    
    .DownList ul li .mask {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 60px;
        height: 100%;
        background-color: #999;
        background-image: url(../images/arr6.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .DownList ul li .name {
        display: block;
        padding: 0px 139px 0px 85px;
        font-size: 18px;
        color: #333333;
    }
    
    .DownList ul li .down {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 139px;
        line-height: 58px;
        border: 1px solid #e6e6e6;
        text-align: center;
        background: #fff;
        font-size: 16px;
        color: #333;
        border-left: none;
    }
    
    .DownList ul li .down .icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        margin: 0px 8px 0px 0px;
        vertical-align: middle;
    }
    
    .DownList ul li .down .icon img {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
    }
    
    .DownList ul li:hover {
        background: #fff;
    }
    
    .DownList ul li:hover .mask,
    .DownList ul li:hover .down {
        background-color: #004f99;
        color: #fff;
    }
    
    .DownList ul li .icon .i1 {
        transition: 400ms;
    }
    
    .DownList ul li .icon .i2 {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha (opacity=0);
        transition: 500ms;
    }
    
    .DownList ul li:hover .icon .i2 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .DownList ul li:hover .icon .i1 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale (1.2);
        transform: scale(1.2);
    }
    
    @media ( max-width:768px) {
        .DownList ul li {
            height: 50px;
            line-height: 50px;
            float: none;
            width: 100%;
        }
        .DownList ul li .mask {
            width: 50px;
        }
        .DownList ul li .name {
            padding: 0px 60px;
            font-size: 16px;
        }
        .DownList ul li .down {
            width: 50px;
            height: 48px;
        }
        .DownList ul li .down span {
            display: none;
        }
        .DownList ul li .down .icon {
            vertical-align: inherit;
            margin: 0;
        }
    }
    
    @media ( max-width:480px) {
        .DownList,
        .DownList ul {
            margin-top: 5%;
        }
        .DownList ul li {
            height: 45px;
            line-height: 45px;
            margin-bottom: 15px;
        }
        .DownList ul li .mask {
            width: 45px;
            background-size: 50% 50%;
        }
        .DownList ul li .name {
            font-size: 14px;
            padding: 0px 55px;
        }
        .DownList ul li .down {
            width: 45px;
        }
    }
    /* 鏅鸿兘鏈嶅姟 */
    
    .MindService .box {
        padding: 44px 50px;
        background: rgba(255, 255, 255, 0.6);
    }
    
    .MindService .box .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
        color: #000;
    }
    
    .zdcheck {
        width: 59.5%;
        float: left;
        padding-right: 5%;
        background: url(../images/line3.png) repeat-y right center;
    }
    
    .sdcheck {
        width: 32.5%;
        float: right;
    }
    
    .CheckBox .con {
        padding-right: 80px;
        position: relative;
    }
    
    .CheckBox .con select,
    .CheckBox .con .input {
        border: 1px solid #e5e5e5;
        padding: 0px 18px;
        font-size: 16px;
        color: #333;
        height: 46px;
    }
    
    .CheckBox .con select {
        width: 48%;
        float: left;
    }
    
    .CheckBox .con select:nth-child(2n) {
        float: right;
    }
    
    .CheckBox .con .input {
        outline: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    
    .CheckBox .con .btn {
        position: absolute;
        right: 0px;
        top: 0;
        width: 60px;
        height: 100%;
        background: #b5b5b5;
        font-size: 16px;
        color: #fff;
    }
    
    .zdcheck .con .btn {
        background: #004f99;
        box-shadow: 3px 3px 20px rgba(0, 79, 153, 0.5);
    }
    
    .Question {
        background: url(../images/line3.png) repeat-y center center;
    }
    
    .Question li {
        width: 47%;
        float: left;
        margin: 1.5% 0;
    }
    
    .Question li:nth-child(2n) {
        float: right;
    }
    
    .Question li .con {
        position: relative;
        padding-left: 60px;
    }
    
    .Question li .con i {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 42px;
        line-height: 42px;
        border: 1px solid #004f99;
        background: #fff;
        text-align: center;
        color: #004f99;
    }
    
    .Question li .name i {
        background: #004f99;
        color: #fff;
    }
    
    .Question li .name {
        margin-bottom: 12px;
        font-size: 18px;
        color: #000;
        height: 44px;
        line-height: 22px;
        display: flex;
        align-items: center;
    }
    
    .Question li .info {
        font-size: 14px;
        line-height: 26px;
        height: 72px;
        overflow: auto;
        padding-right: 10px;
    }
    
    .Question ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }
    
    .Question ::-webkit-scrollbar-track {
        width: 3px;
        background-color: #ddd;
    }
    
    .Question ::-webkit-scrollbar-thumb {
        background-color: #004f99;
        background-clip: padding-box;
        min-height: 28px;
    }
    
    @media ( max-width:1024px) {
        .MindService .box {
            padding: 20px;
        }
        .MindService .box .title {
            font-size: 18px;
            margin-bottom: 5px;
        }
    }
    
    @media ( max-width:768px) {
        .zdcheck,
        .sdcheck {
            width: auto;
            float: none;
        }
        .zdcheck {
            padding-right: 0;
            background: none;
            margin-bottom: 3%;
        }
        .CheckBox .con select,
        .CheckBox .con .input {
            height: 40px;
        }
        .Question {
            background: none;
        }
        .Question li,
        .Question li:nth-child(2n) {
            float: none;
            width: auto;
        }
        .Question li {
            margin: 0;
            padding: 3% 0;
            border-bottom: 1px solid #e5e5e5;
        }
        .Question li:last-child {
            border-bottom: none;
        }
        .Question li .con {
            padding-left: 40px;
        }
        .Question li .con i {
            width: 30px;
            line-height: 30px;
        }
        .Question li .name {
            font-size: 16px;
            line-height: 30px;
            height: auto;
            display: block;
        }
        .Question li .info {
            height: auto;
        }
    }
    
    @media ( max-width:480px) {
        .MindService .box {
            padding: 15px 10px;
        }
        .MindService .box .title {
            font-size: 16px;
        }
        .CheckBox .con select,
        .CheckBox .con select:nth-child(2n) {
            width: 100%;
            float: none;
            margin-bottom: 2px;
        }
        .Question li {
            padding: 5% 0;
        }
    }
    /* 闆嗗洟鏂伴椈 */
    
    .ActTop {
        background: #fff;
    }
    
    .ActTop .pic {
        width: 50%;
        float: left;
height:394px;
    }
    
    .ActTop .pic img {
        display: block;
        width: 100%;height:394px;object-fill:cover;
    }
    
    .ActTop .box {
        width: 44%;
        float: right;
        padding: 5% 3% 5% 0;
    }
    
    .ActTop .box .con {
        position: relative;
    }
    
    .ActTop .box .date {
        position: absolute;
        left: 0px;
        top: 0px;
        text-align: center;
        font-family: "DIN Medium";
        width: 64px;
        color: #004f99;
    }
    
    .ActTop .box .date span {
        display: block;
        font-weight: bold;
        font-size: 50px;
        line-height: 48px;
        padding-bottom: 4px;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .ActTop .box .date em {
        display: block;
        font-size: 14px;
        line-height: 30px;
    }
    
    .ActTop .box .txt {
        margin-left: 105px;
    }
    
    .ActTop .box .txt .time {
        display: none;
        font-size: 16px;
        color: #004f99;
    }
    
    .ActTop .box .txt .name {
        font-size: 22px;
        line-height: 32px;
        height: 64px;
        overflow: hidden;
        color: #000;
    }
    
    .ActTop .box .txt .info {
        font-size: 16px;
        line-height: 26px;
        color: #4c4c4c;
        height: 52px;
        overflow: hidden;
        margin: 20px 0px 45px;
    }
    
    .ActTop .box .txt .more,
    .NewsList li .con .more {
        transition: 300ms;
        display: block;
        font-size: 30px;
        color: #004f99;
        font-family: "瀹嬩綋";
        font-weight: bold;
        line-height: 20px;
    }
    
    .ActTop .hd {
        position: absolute;
        height: 116px;
        width: 17px;
        right: -5%;
        top: 50%;
        margin-top: -58px;
    }
    
    .ActTop .hd li {
        height: 17px;
        margin: 6px 0px;
        background-image: url(../images/dot3.png);
        background-repeat: no-repeat;
    }
    
    .ActTop .hd li.on {
        background-image: url(../images/dot4.png);
    }
    
    .NewsList li {
        width: 31.333%;
        float: left;
        margin: 0 3% 3% 0;
        background: #fff;
    }
    
    .NewsList li:nth-child(3n) {
        margin-right: 0;
    }
    
    .NewsList li .effect-img img {
        display: block;
        width: 100%;
        height: 239px;
    }
    
    .NewsList li .con {
        padding: 6%;
    }
    
    .NewsList li .con .title {
        font-size: 20px;
        line-height: 32px;
        height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
    }
    
    .NewsList li .con .date {
        display: block;
        font-size: 14px;
        line-height: 26px;
        color: #ccc;
        font-family: "DIN Medium";
    }
    
    .NewsList li .con .info {
        margin: 5% 0 8%;
        line-height: 24px;
        font-size: 14px;
        color: #4c4c4c;
        height: 48px;
        overflow: hidden;
    }
    /* .NewsList li:hover a{box-shadow: 0px 0px 20px rgba(0,79,153,0.4);} */
    
    .NewsList li:hover .title {
        color: #004f99;
    }
    
    .NewsList li:hover .con .more {
        margin-left: 20px;
    }
    
    .Loadmore {
        background: #fff;
        padding: 2% 0;
        text-align: center;
    }
    
    .Loadmore span {
        display: block;
        line-height: 24px;
        margin-bottom: 15px;
        font-size: 18px;
        color: #000;
    }
    
    .Loadmore .icon {
        display: block;
        width: 18px;
        margin: 0 auto;
        -webkit-animation: bounce-down 1.5s linear infinite;
        animation: bounce-down 1.5s linear infinite;
    }
    
    @media ( max-width:1366px) {
        .ActTop .hd {
            right: -30px;
        }
    }
    
    @media ( max-width:1200px) {
        .ActTop .box .txt .name {
            font-size: 18px;
            line-height: 26px;
            height: 52px;
        }
        .ActTop .box .date span {
            font-size: 36px;
        }
        .NewsList li .con .title {
            font-size: 16px;
        }
        .NewsList li .effect-img img {
            height: 186px;
        }
    }
    
    @media ( max-width:768px) {
        .ActTop {
            width: auto;
            float: none;
            padding-bottom: 50px;
        }
.ActTop .pic {
            height: auto;
        }
        .ActTop .pic img {
            height: auto;
        }
        .ActTop .box {
            padding: 20px 20px 0px;
            height: auto;
        }
        .ActTop .box .txt .name,
        .ActTop .box .txt .info {
            height: auto;
            max-height: 52px;
        }
        .ActTop .box .txt .info {
            margin: 20px 0px;
        }
        .ActTop .hd {
            right: 0;
            width: 100%;
            bottom: 15px;
            top: auto;
            margin-top: 0;
            text-align: center;
            height: 17px;
            line-height: 17px;
        }
        .ActTop .hd li {
            display: inline-block;
            width: 17px;
            height: 17px;
            margin: 0px 5px;
        }
        .NewsList li .effect-img img {
            height: 139px;
        }
    }
    
    @media ( max-width:640px) {
        .ActTop .pic,
        .ActTop .box {
            width: auto;
            float: none;
        }
        .NewsList li {
            width: 48.5%;
            margin-right: 0;
        }
        .NewsList li:nth-child(2n) {
            float: right;
        }
        .NewsList li .effect-img img {
            height: 180px;
        }
    }
    
    @media ( max-width:480px) {
        .ActTop .box .date {
            display: none;
        }
        .ActTop .box .txt {
            margin-left: 0px;
        }
        .ActTop .box .txt .time {
            display: block;
        }
        .NewsList li,
        .NewsList li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .Loadmore span {
            font-size: 16px;
        }
        .NewsList li .effect-img img {
            height: 217px;
        }
    }
    /* 鏂伴椈璇︽儏 */
    
    .NewsTitle {
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .NewsTitle h2 {
        font-size: 34px;
        line-height: 52px;
        color: #000;
        font-weight: normal;
    }
    
    .NewsTitle .p {
        font-size: 16px;
        line-height: 35px;
        color: #999;
    }
    
    .NewsTitle .p i {
        padding: 0 10px;
    }
    
    .bdsharebuttonbox {
        display: inline-block;
        vertical-align: middle;
    }
    
    .NewsDetail .content {
        padding: 3.5% 0;
    }
    
    .NewsDetail .list {
        margin: 3% 0 0;
    }
    
    .NewsDetail .list li {
        width: 48.5%;
        float: left;
        margin-bottom: 3%;
    }
    
    .NewsDetail .list li:nth-child(2n) {
        float: right;
    }
    
    .NewsDetail .list li .effect-img img {
        display: block;
        width: 100%;
    }
    
    .NewsDetail .list li .title {
        font-size: 16px;
        line-height: 30px;
        color: #010101;
        height: 60px;
        text-align: center;
        margin-top: 3%;
    }
    
    .NewsDetail .list li .title span {
        display: block;
        padding: 0 4%;
    }
    
    .SinglePage {
        font-size: 16px;
        line-height: 36px;
        color: #4c4c4c;
    }
    
    .SinglePage p {
        text-indent: 2em;
    }
    
    .SinglePage .tit {
        font-size: 22px;
        color: #000;
    }
    
    .SinglePage video {
        display: block;
        margin: 0px auto;
        width: 65%;
        background: #000;
    }
    
    .PrevNext {
        max-width: 800px;
    }
    
    .PrevNext dl {
        line-height: 88px;
        height: 88px;
        overflow: hidden;
        border-bottom: 1px solid #e6e6e6;
        font-size: 16px;
    }
    
    .PrevNext dl a {
        color: #4c4c4c;
    }
    
    .PrevNext dl .date {
        float: right;
        font-size: 14px;
        color: #b2b2b2;
        font-family: "DIN Medium";
    }
    
    .Clickbtn {
        width: 140px;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -28px;
    }
    
    .bsync-custom a,
    .goback {
        width: 56px !important;
        height: 56px !important;
        float: left;
        background-repeat: no-repeat;
        background-size: 100% 100% !important;
    }
    
    .bsync-custom a:hover {
        opacity: 1 !important;
    }
    
    .bsync-custom a {
        background-image: url(../images/btn1.png) !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }
    
    .goback {
        background-image: url(../images/btn2.png);
        margin-left: 20px;
        display: block;
    }
    
    @media ( max-width:1200px) {
        .NewsTitle h2 {
            font-size: 20px;
            line-height: 30px;
        }
        .NewsDetail .list li .title {
            font-size: 14px;
        }
    }
    
    @media ( max-width:768px) {
        .NewsDetail .list li .title {
            line-height: 20px;
        }
        .SinglePage .tit {
            font-size: 18px;
        }
        .PrevNext dl {
            height: 60px;
            line-height: 60px;
        }
        .Clickbtn {
            position: static;
            text-align: center;
            width: 100%;
            margin-top: 25px;
        }
        .bsync-custom {
            display: inline-block;
            vertical-align: top;
        }
        .bsync-custom a,
        .goback {
            float: none;
            display: inline-block;
            margin: 0px 10px !important;
            width: 40px !important;
            height: 40px !important;
        }
        .SinglePage video {
            width: 100%;
        }
    }
    
    @media ( max-width:480px) {
        .SinglePage {
            font-size: 14px;
            line-height: 30px;
        }
        .NewsDetail .list li,
        .NewsDetail .list li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .NewsDetail .list li .title {
            height: auto;
        }
        .PrevNext dl .date {
            display: none;
        }
    }
    /* 甯傚満鍔ㄦ€ */
    
    .MarketBox {
        width: 76%;
        float: left;
    }
    
    .MarketBox ul {
        background-image: url(../images/line4.png);
        background-repeat: repeat-y;
        background-position: 116px top;
    }
    
    .MarketBox li {
        position: relative;
        padding-left: 200px;
    }
    
    .MarketBox li .date {
        position: absolute;
        width: 130px;
        left: 0px;
        top: 132px;
        line-height: 27px;
        font-size: 18px;
        color: #004f99;
        background: url(../images/arr8.png) no-repeat right center;
    }
    
    .MarketBox li .date i {
        font-family: "DIN Medium";
        font-weight: bold;
    }
    
    .MarketBox li dl dd {
        background: #fff;
        margin-bottom: 2.5%;
    }
    
    .MarketBox li dl dd .con {
        padding: 45px 55px;
    }
    
    .MarketBox li dl dd .con .title {
        font-size: 22px;
        line-height: 32px;
        color: #000;
        height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .MarketBox li dl dd .con .time {
        display: block;
        font-size: 16px;
        color: #666;
        line-height: 24px;
        margin: 15px 0px;
        padding-left: 20px;
        background: url(../images/time.png) no-repeat left center;
    }
    
    .MarketBox li dl dd .con .info {
        font-size: 16px;
        color: #4c4c4c;
        line-height: 34px;
    }
    
    .MarketBox li dl dd .con .info i {
        color: #004f99;
    }
    
    .MarketBox li dl dd:hover {
        box-shadow: 0px 0px 20px rgba(8, 1, 3, 0.14);
    }
    
    .MarketBox li dl dd:hover .title {
        color: #004f99;
    }
    
    .RightBar {
        width: 22%;
        float: right;
    }
    
    .TheamBox .title {
        font-size: 18px;
        line-height: 18px;
        color: #004f99;
        margin-bottom: 20px;
    }
    
    .TheamBox ul li {
        margin-bottom: 25px;
    }
    
    .TheamBox ul li a {
        display: block;
    }
    
    .TheamBox ul li .pic img {
        display: block;
        width: 100%;
    }
    
    .TheamBox ul li .name {
        font-size: 16px;
        line-height: 26px;
        max-height: 52px;
        overflow: hidden;
        color: #000;
        margin-top: 10px;
    }
    
    .TheamBox ul li:hover .name {
        color: #004f99;
    }
    
    .MoreTheam {
        display: block;
        background: #fff;
        font-size: 16px;
        color: #004f99;
        text-align: center;
        line-height: 40px;
    }
    
    .MoreTheam img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
    }
    
    @media ( max-width:1024px) {
        .MarketBox li .date {
            top: 85px;
        }
        .MarketBox li dl dd .con {
            padding: 20px;
        }
        .MarketBox li dl dd .con .title {
            font-size: 16px;
            line-height: 28px;
            height: 28px;
        }
        .MarketBox li dl dd .con .time {
            margin: 5px 0px;
        }
        .MarketBox li dl dd .con .time,
        .MarketBox li dl dd .con .info {
            font-size: 14px;
            line-height: 30px;
        }
        .MarketBox,
        .RightBar {
            width: auto;
            float: none;
        }
        .TheamBox ul li {
            width: 48.5%;
            float: left;
        }
        .TheamBox ul li:nth-child(2n) {
            float: right;
        }
    }
    
    @media ( max-width:768px) {
        .MarketBox li {
            padding-left: 170px;
        }
    }
    
    @media ( max-width:480px) {
        .MarketBox ul {
            background: none;
        }
        .MarketBox li {
            padding-left: 0px;
        }
        .MarketBox li .date {
            position: static;
            width: auto;
            padding-left: 30px;
            background-position: left center;
            margin-bottom: 10px;
        }
        .TheamBox ul li,
        .TheamBox ul li:nth-child(2n) {
            width: auto;
            float: none;
        }
    }
    /* 瑙嗛涓績 */
    
    .VideoTop {
        background: #ebf0f5;
    }
    
    .VideoTop .bd {
        width: 61%;
        float: left;
    }
    
    .VideoTop .bd .pic {
        position: relative;
    }
    
    .VideoTop .bd .pic img {
        display: block;
        width: 100%;
        height: 349px;
    }
    
    .VideoTop .bd .pic .mask,
    .VideoList .list li .effect-img .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background-color: rgba(0, 0, 0, .3);
        background-image: url(../images/play.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .VideoTop .hd {
        width: 39%;
        float: right;
    }
    
    .VideoTop .hd li {
        position: relative;
        padding: 28px 6% 25px;
        margin-bottom: 2px;
        background: #414345;
    }
    
    .VideoTop .hd li:last-child {
        margin-bottom: 0;
    }
    
    .VideoTop .hd li i {
        display: none;
        position: absolute;
        width: 9px;
        height: 17px;
        top: 50%;
        margin-top: -8px;
        left: -9px;
        z-index: 3;
        background: url(../images/arr9.png);
    }
    
    .VideoTop .hd li .title {
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 36px;
        height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .VideoTop .hd li .date {
        display: block;
        line-height: 26px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.3);
        padding-left: 24px;
        background: url(../images/date.png) no-repeat left center;
    }
    
    .VideoTop .hd li.on i {
        display: block;
    }
    
    .VideoTop .hd li.on {
        background: #004f99;
    }
    
    .VideoList .hd {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 18px;
        line-height: 54px;
        text-align: right;
    }
    
    .VideoList .hd li {
        display: inline-block;
        width: 150px;
    }
    
    .VideoList .hd li a {
        display: block;
        color: #333;
        background: #fff;
        text-align: center;
    }
    
    .VideoList .hd li.on a {
        background: #004f99;
        color: #fff;
    }
    
    .VideoList .list li {
        width: 32%;
        float: left;
        margin: 0 2% 2.5% 0;
        background: #fff;
    }
    
    .VideoList .list li:nth-child(3n) {
        margin-right: 0;
    }
    
    .VideoList .list li .effect-img {
        position: relative;
    }
    
    .VideoList .list li .effect-img img {
        display: block;
        width: 100%;
        height: 224px;
    }
    
    .VideoList .list li .effect-img .mask {
        background-color: rgba(0, 0, 0, .6);
        opacity: 0;
    }
    
    .VideoList .list li .con {
        padding: 18px 6%;
    }
    
    .VideoList .list li .title {
        display: block;
        font-size: 20px;
        color: #000;
        line-height: 32px;
        height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .VideoList .list li .date {
        display: block;
        font-family: "DIN Medium";
        line-height: 26px;
        font-size: 14px;
        color: #ccc;
        padding-left: 24px;
        background-image: url(../images/date1.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    .VideoList .list li:hover {
        background: #004f99;
    }
    
    .VideoList .list li:hover .title {
        color: #fff;
    }
    
    .VideoList .list li:hover .date {
        color: rgba(255, 255, 255, 0.3);
        background-image: url(../images/date.png);
    }
    
    .VideoList .list li:hover .effect-img .mask {
        opacity: 1;
    }
    
    @media ( max-width:1024px) {
        .VideoTop .hd li .title,
        .VideoList .list li .title {
            font-size: 16px;
        }
        .VideoList .hd {
            line-height: 45px;
            font-size: 16px;
        }
        .VideoList .hd li {
            width: 110px;
        }
        .VideoList .list li .effect-img img {
            height: 174px;
        }
    }
    
    @media ( max-width:768px) {
        .VideoTop .bd .pic img {
            height: 203px;
        }
        .VideoTop .hd li {
            padding: 10px 6%;
        }
        .VideoTop .hd li .title {
            height: 20px;
            line-height: 20px;
        }
        .VideoList .hd {
            position: static;
            text-align: center;
            margin-bottom: 4%;
        }
        .VideoTop .bd .pic .mask,
        .VideoList .list li .effect-img .mask {
            background-size: 50px 50px;
        }
        .VideoList .list li .effect-img img {
            height: 130px;
        }
    }
    
    @media ( max-width:640px) {
        .VideoList .list li {
            width: 48.5%;
            margin-right: 0;
        }
        .VideoList .list li:nth-child(2n) {
            float: right;
        }
        .VideoList .list li .effect-img img {
            height: 165px;
        }
    }
    
    @media ( max-width:480px) {
        .VideoTop .bd,
        .VideoTop .hd {
            width: auto;
            float: none;
        }
        .VideoTop .bd .pic img {
            height: 198px;
        }
        .VideoList .hd {
            line-height: 36px;
            font-size: 15px;
        }
        .VideoList .hd li {
            width: 62px;
        }
        .VideoTop .hd li.on i {
            display: none;
        }
        .VideoList .list li,
        .VideoList .list li:nth-child(2n) {
            float: none;
        }
        .VideoList .list li {
            width: auto;
            margin-bottom: 4%;
        }
        .VideoList .list li .effect-img img {
            height: 199px;
        }
    }
    /* 鎶曡祫鑰呬氦娴 */
    
    .InvestorBox {
        background: #fff url(../images/sign2.png) no-repeat right bottom;
    }
    
    .InvestorBox .pic {
        width: 45%;
        float: left;
    }
    
    .InvestorBox .pic img {
        display: block;
        width: 100%;
    }
    
    .InvestorBox .con {
        width: 45%;
        float: right;
        padding: 3% 5%;
    }
    
    .InvestorBox .con .title {
        font-size: 28px;
        color: #000;
        line-height: 32px;
        margin-bottom: 3%;
    }
    
    .InvestorBox .con .info {
        font-size: 16px;
        line-height: 32px;
        color: #4c4c4c;
    }
    
    .InvestorBox .con .info p {
        text-indent: 2em;
    }
    
    .InvestorBox .con .info p a {
        font-size: 18px;
        color: #004f99;
    }
    
    .InvestorBox dl {
        margin: 3% 0 0 32px;
    }
    
    .InvestorBox dl dd {
        font-size: 16px;
        color: #666;
        line-height: 30px;
        padding-left: 36px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    .InvestorBox dl dd span {
        color: #000;
    }
    
    .InvestorBox dl dd.c1 {
        background-image: url(../images/c1.png);
    }
    
    .InvestorBox dl dd.c2 {
        background-image: url(../images/c2.png);
    }
    
    .InvestorBox dl dd.c3 {
        background-image: url(../images/c3.png);
    }
    
    .ContactsBox .list li {
        width: 31.333%;
        float: left;
        margin-right: 3%;
    }
    
    .ContactsBox .list li:nth-child(3n) {
        margin-right: 0;
    }
    
    .ContactsBox .list li .con {
        border: 1px solid #e6e6e6;
        background: #fff;
        text-align: center;
        padding: 30px 20px 40px;
    }
    
    .ContactsBox .list li .con .icon {
        display: block;
        width: 180px;
        margin: 0 auto 10px;
    }
    
    .ContactsBox .list li .con .name {
        display: block;
        font-size: 22px;
        color: #000;
        line-height: 44px;
    }
    
    .ContactsBox .list li .con p {
        font-size: 18px;
        color: #666;
        line-height: 38px;
    }
    
    .ContactsBox .list li:hover {
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    }
    
    .TrendBox .con {
        padding: 4%;
        text-align: center;
    }
    
    @media ( max-width:1024px) {
        .InvestorBox .con .title {
            font-size: 20px;
        }
        .ContactsBox .list li .con .name {
            font-size: 16px;
            line-height: 30px;
        }
        .ContactsBox .list li .con p {
            font-size: 14px;
            line-height: 24px;
        }
    }
    
    @media ( max-width:768px) {
        .InvestorBox .pic,
        .InvestorBox .con {
            width: auto;
            float: none;
        }
        .ContactsBox .list li .con {
            padding: 20px;
        }
        .ContactsBox .list li .con .icon {
            width: 100px;
        }
    }
    
    @media ( max-width:480px) {
        .InvestorBox .con .info {
            font-size: 14px;
            line-height: 26px;
        }
        .ContactsBox .list li {
            width: auto;
            float: none;
            margin-right: 0;
        }
    }
    /* 鍏徃娌荤悊 */
    
    .DataSlider {
        background: url(../images/line1.png) repeat-x left center;
        padding: 0px 100px;
    }
    
    .DataSlider .owl-carousel {
        height: 133px;
    }
    
    .DataSlider .item {
        height: 76px;
        background-image: url(../images/dot5.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    
    .DataSlider .item span {
        display: block;
        padding-top: 27px;
        font-family: "DIN Medium";
        font-size: 18px;
        color: #999;
        font-weight: bold;
        text-align: center;
    }
    
    .DataSlider .item.on {
        background-image: url(../images/dot6.png);
    }
    
    .DataSlider .item.on span {
        font-size: 36px;
        line-height: 36px;
        color: #004f99;
        padding-top: 0;
    }
    
    .DataSlider .owl-nav .owl-prev span,
    .DataSlider .owl-nav .owl-next span {
        width: 55px;
        height: 55px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        z-index: 5;
    }
    
    .DataSlider .owl-nav .owl-prev span {
        left: -100px;
        background-image: url(../images/left2.png);
    }
    
    .DataSlider .owl-nav .owl-next span {
        right: -100px;
        background-image: url(../images/right2.png);
    }
    
    .CommonList ul {
        padding-bottom: 2%;
    }
    
    .CommonList li {
        padding: 30px 50px;
        background-color: #fff;
        margin-bottom: 16px;
    }
    
    .CommonList li .con {
        position: relative;
        padding: 0px 0px 0px 110px;
        min-height: 90px;
        /*display: flex;
        align-items: center;*/
    }
    
    .CommonList li .con .date {
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 6px 5px 7px;
        width: 60px;
        text-align: center;
        font-family: "DIN Medium";
        color: #999;
        background: #f5f5f5;
    }
    
    .CommonList li .con .date span {
        display: block;
        width: 45px;
        margin: 0 auto;
        font-size: 36px;
        font-weight: bold;
        line-height: 46px;
        border-bottom: 1px solid #ccc;
    }
    
    .CommonList li .con .date em {
        display: block;
        font-size: 14px;
        line-height: 30px;
    }
    
    .CommonList li .con .txt .name {
        font-size: 20px;
        line-height: 90px;
        /*height: 26px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
    }
    
    .CommonList li .con .txt .info {
        font-size: 16px;
        color: #4c4c4c;
        line-height: 26px;
        height: 52px;
        overflow: hidden;
        display: none;
    }
    
    .CommonList li:hover {
        background-color: #fff;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    }
    
    .CommonList li:hover .con .txt .name {
        color: #004f99;
    }
    
    .CommonList li:hover .con .date {
        background: #004f99;
        color: #fff;
    }
    
    .CommonList li:hover .con .date span {
        border-bottom: 1px solid #fff;
    }
    
    @media ( max-width:1024px) {
        .DataSlider .item.on span {
            font-size: 24px;
            padding-top: 15px;
        }
        .CommonList li {
            padding: 15px;
        }
        .CommonList li .con {
            padding: 0px 0px 0px 100px;
        }
        .CommonList li .con .date span {
            font-size: 24px;
        }
        .CommonList li .con .txt .name {
            font-size: 16px;
        }
        .CommonList li .con .txt .info {
            font-size: 14px;
        }
    }
    
    @media ( max-width:768px) {
        .DataSlider {
            padding: 0px 55px;
        }
        .DataSlider .owl-nav .owl-prev span,
        .DataSlider .owl-nav .owl-next span {
            width: 40px;
            height: 40px;
            margin-top: -20px;
        }
        .DataSlider .owl-nav .owl-prev span {
            left: -55px;
        }
        .DataSlider .owl-nav .owl-next span {
            right: -55px;
        }
    }
    
    @media ( max-width:480px) {
        .DataSlider .owl-carousel {
            height: 94px;
        }
        .DataSlider .item {
            height: 57px;
        }
        .DataSlider .item span,
        .DataSlider .item.on span {
            padding-top: 0;
            font-size: 18px;
        }
        .CommonList li .con {
            padding-left: 85px;
            min-height: 82px;
        }
        .CommonList li .con .date span {
            line-height: 38px;
        }
        .CommonList li .con .txt .name {
            margin-bottom: 0;
            height: auto;
            overflow: visible;
            white-space: inherit;
            text-overflow: inherit;
        }
    }
    /* 浜烘墠鏀跨瓥 */
    
    .Menu_three {
        text-align: center;
        margin-bottom: 4%;
    }
    
    .Menu_three li {
        display: inline-block;
        width: 180px;
        line-height: 60px;
        font-size: 20px;
    }
    
    .Menu_three li .icon {
        width: 30px;
        height: 30px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
    }
    
    .Menu_three li .icon img {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0;
    }
    
    .Menu_three li .i1 {
        transition: 400ms;
    }
    
    .Menu_three li .i2 {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha (opacity=0);
        transition: 500ms;
    }
    
    .Menu_three li:hover .i2,
    .Menu_three li.on .i2 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .Menu_three li:hover .i1,
    .Menu_three li.on .i1 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale (1.2);
        transform: scale(1.2);
    }
    
    .Menu_three li a {
        display: block;
        background: #fff;
        color: #000;
    }
    
    .Menu_three li.on a,
    .Menu_three li:hover a {
        background: #004f99;
        color: #fff;
        box-shadow: 0px 0px 20px rgba(0, 79, 153, .5);
    }
    
    .TalentConcept .box {
        background-color: #fff;
        background-image: url(../images/sign3.png);
        background-repeat: no-repeat;
        background-position: 7% bottom;
    }
    
    .TalentConcept .box .pic img {
        display: block;
        width: 100%;
    }
    
    .TalentConcept .box .con {
        padding: 4%;
        position: relative;
    }
    
    .TalentConcept .box .con .Title01 {
        position: absolute;
        width: 216px;
        top: 50%;
        margin: -29px 0px 0px;
    }
    
    .TalentConcept .box .con .Title01 i {
        margin: 0px 0px 17px;
    }
    
    .TalentConcept .box .con dl {
        margin-left: 280px;
    }
    
    .TalentConcept .box .con dl dd {
        width: 22.75%;
        float: left;
        margin-right: 3%;
    }
    
    .TalentConcept .box .con dl dd:nth-child(4n) {
        margin-right: 0;
    }
    
    .TalentConcept .box .con dl dd .line {
        border: 1px solid #e6e6e6;
        background: #fff;
        text-align: center;
        padding: 30px 20px 20px;
    }
    
    .TalentConcept .box .con dl dd .icon {
        display: block;
        width: 68px;
        margin: 0 auto 30px;
    }
    
    .TalentConcept .box .con dl dd .name {
        display: block;
        font-size: 18px;
        color: #000;
        line-height: 26px;
    }
    
    .Development .box {
        background: #fff;
        padding-bottom: 3%;
    }
    
    .Development .txtbox {
        border: 1px solid #e6e6e6;
        position: relative;
        padding: 35px 40px 35px 190px;
    }
    
    .Development .txtbox .icon {
        position: absolute;
        width: 140px;
        top: 0px;
        left: 0px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #004f99;
    }
    
    .Development .txtbox .con .title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
        color: #000;
    }
    
    .Development .txtbox .con .info {
        font-size: 16px;
        line-height: 26px;
        color: #666;
    }
    
    .PassageBox {
        padding: 4% 40px 0px 190px;
    }
    
    .PassageBox .title {
        font-size: 18px;
        line-height: 26px;
        color: #000;
    }
    
    .PassageBox .list {
        position: relative;
        padding-left: 110px;
        margin-bottom: 3%;
    }
    
    .PassageBox .list .sort {
        width: 84px;
        position: absolute;
        left: 0px;
        top: 50%;
        margin-top: -49px;
        text-align: center;
    }
    
    .PassageBox .list .sort img {
        display: inline-block;
    }
    
    .PassageBox .list .sort span {
        display: block;
        font-size: 20px;
        color: #004f99;
        line-height: 48px;
    }
    
    .PassageBox .list ul li {
        width: 16.6666%;
        position: relative;
        height: 45px;
        float: left;
        text-align: center;
        background: url(../images/line5.png) no-repeat right bottom;
    }
    
    .PassageBox .list ul li.i1 {
        margin-top: 195px;
    }
    
    .PassageBox .list ul li.i2 {
        margin-top: 156px;
    }
    
    .PassageBox .list ul li.i3 {
        margin-top: 117px;
    }
    
    .PassageBox .list ul li.i4 {
        margin-top: 78px;
    }
    
    .PassageBox .list ul li.i5 {
        margin-top: 39px;
    }
    
    .PassageBox .list ul li.i6 {
        margin-top: 0px;
    }
    
    .PassageBox .list ul li span {
        display: block;
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        top: 0px;
        background: url(../images/line6.png) no-repeat center bottom;
        font-size: 16px;
        line-height: 28px;
        color: #004f99;
    }
    
    .PassageBox .list ul li:last-child {
        background: none;
    }
    
    .WelfareBox .list li {
        width: 48.5%;
        float: left;
        margin-bottom: 2%;
        background-color: #fff;
        background-image: url(../images/sign4.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        box-shadow: 0px 0px 20px rgba(8, 1, 3, 0.14);
    }
    
    .WelfareBox .list li:nth-child(2n) {
        float: right;
    }
    
    .WelfareBox .list li .box {
        padding: 32px 38px;
        position: relative;
    }
    
    .WelfareBox .list li .box .lines {
        width: 10px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        opacity: 0;
        transition: 400ms;
        z-index: 3;
    }
    
    .WelfareBox .list li .box .icon {
        position: absolute;
        width: 60px;
        left: 38px;
        top: 45px;
    }
    
    .WelfareBox .list li .box .icon img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
    }
    
    .WelfareBox .list li .icon .i1 {
        transition: 500ms;
    }
    
    .WelfareBox .list li .icon .i2 {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha (opacity=0);
        transition: 500ms;
    }
    
    .WelfareBox .list li:hover .icon .i2 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .WelfareBox .list li:hover .icon .i1 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale (1.2);
        transform: scale(1.2);
    }
    
    .WelfareBox .list li .box .con {
        margin-left: 80px;
    }
    
    .WelfareBox .list li .box .con .title {
        font-size: 20px;
        color: #000;
        line-height: 37px;
    }
    
    .WelfareBox .list li .box .con .info {
        font-size: 16px;
        line-height: 24px;
        color: #666;
        height: 72px;
    }
    
    .WelfareBox .list li:nth-last-child(1) {
        clear: both;
        width: auto;
        float: none;
    }
    
    .WelfareBox .list li:hover {
        background: #004f99;
    }
    
    .WelfareBox .list li:hover .box .con .title,
    .WelfareBox .list li:hover .box .con .info {
        color: #fff;
    }
    
    .WelfareBox .list li:hover .box .lines {
        left: 100%;
        opacity: 1;
    }
    
    .WelfareBox .more {
        display: block;
        width: 120px;
        line-height: 40px;
        font-size: 16px;
        color: #004f99;
        margin: 0 auto 3%;
        text-align: center;
    }
    
    .WelfareBox .more:hover {
        box-shadow: 3px 3px 20px rgba(0, 160, 233, 0.4);
    }
    
    @media ( max-width:1024px) {
        .Menu_three li {
            line-height: 50px;
            font-size: 16px;
        }
        .TalentConcept .box .con dl {
            margin-left: 160px;
        }
        .TalentConcept .box .con dl dd .name {
            font-size: 16px;
        }
        .TalentConcept .box .con dl dd .icon {
            width: 54px;
            margin-bottom: 10px;
        }
        .PassageBox .list ul li span {
            font-size: 13px;
        }
    }
    
    @media ( max-width:768px) {
        .Menu_three li {
            width: 150px;
        }
        .TalentConcept .box .con .Title01 {
            width: auto;
            position: static;
            margin: 0 0 4%;
        }
        .TalentConcept .box .con dl {
            margin-left: 0;
        }
        .Development .txtbox .icon {
            display: none;
        }
        .Development .txtbox,
        .PassageBox {
            padding: 20px;
        }
        .Development .txtbox .con .title {
            font-size: 16px;
        }
        .Development .txtbox .con .info {
            font-size: 14px;
        }
        .PassageBox .list .sort span {
            font-size: 16px;
        }
        .WelfareBox .list li,
        .WelfareBox .list li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .WelfareBox .list li .box {
            padding: 20px;
        }
        .WelfareBox .list li .box .icon {
            width: 46px;
            left: 20px;
            top: 50%;
            margin-top: -23px;
        }
        .WelfareBox .list li .box .con {
            margin-left: 60px;
        }
        .WelfareBox .list li .box .con .title {
            font-size: 16px;
            line-height: 30px;
        }
        .WelfareBox .list li .box .con .info {
            height: auto;
            font-size: 14px;
        }
    }
    
    @media ( max-width:640px) {
        .PassageBox .list ul li {
            margin: 10px 0px !important;
            background: none;
            width: 33.3333%;
        }
    }
    
    @media ( max-width:480px) {
        .Menu_three {
            margin-bottom: 6%;
        }
        .Menu_three li {
            width: 31%;
            line-height: 40px;
        }
        .Menu_three li .icon {
            display: none;
        }
        .TalentConcept .box .con dl dd {
            width: 48%;
            margin: 0 0 2%;
        }
        .TalentConcept .box .con dl dd:nth-child(2n) {
            float: right;
        }
        .PassageBox .list ul li {
            width: 50%;
        }
        .WelfareBox .more {
            line-height: 30px;
            margin-bottom: 5%;
        }
    }
    /* 绀句細鎷涜仒 */
    
    .JobList ul {
        padding-bottom: 2%;
    }
    
    .JobList li {
        border: 1px solid #e6e6e6;
        background: #fff;
        margin-bottom: 2.5%;
    }
    
    .JobList li .box {
        padding: 40px 58px 0;
    }
    
    .JobList li .title {
        line-height: 46px;
    }
    
    .JobList li .title .name {
        float: left;
        font-size: 24px;
        color: #000;
    }
    
    .JobList li .title .apply {
        float: right;
        width: 140px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        background: #004f99;
    }
    
    .JobList li .datebox {
        font-size: 16px;
        line-height: 30px;
        color: #4d4d4d;
        padding-bottom: 40px;
    }
    
    .JobList li .datebox em {
        font-size: 20px;
        color: #004f99;
    }
    
    .JobList li .datebox i {
        font-size: 14px;
        color: #e6e6e6;
        padding: 0px 25px;
    }
    
    .JobList li .detail {
        display: block;
        border-top: 1px dashed #e6e6e6;
        font-size: 16px;
        line-height: 52px;
        text-align: center;
        color: #4d4d4d;
    }
    
    .JobList li .con {
        padding: 26px 58px;
        border-top: 1px solid #e6e6e6;
        display: none;
    }
    
    .JobList li .con dl {
        position: relative;
        padding-left: 128px;
        font-size: 16px;
        line-height: 32px;
        color: #4d4d4d;
        min-height: 32px;
        margin-bottom: 2%;
    }
    
    .JobList li .con dl:last-child {
        margin-bottom: 0;
    }
    
    .JobList li .con dl dt {
        position: absolute;
        left: 0px;
        top: 0;
        font-size: 18px;
        color: #000;
    }
    
    .JobList li.lion .detail {
        display: none;
    }
    
    @media ( max-width:1024px) {
        .JobList li .box {
            padding: 20px 20px 0px;
        }
        .JobList li .datebox {
            padding-bottom: 20px;
        }
        .JobList li .con {
            padding: 20px;
        }
        .JobList li .title .name {
            font-size: 20px;
        }
        .JobList li .title .apply {
            width: 110px;
            font-size: 16px;
            line-height: 36px;
        }
    }
    
    @media ( max-width:768px) {
        .JobList li .title .name {
            font-size: 16px;
        }
        .JobList li .title .apply {
            width: 90px;
        }
        .JobList li .datebox {
            font-size: 14px;
        }
        .JobList li .datebox em {
            font-size: 16px;
        }
        .JobList li .con dl {
            font-size: 14px;
            line-height: 28px;
            min-height: 28px;
        }
        .JobList li .con dl dt {
            font-size: 16px;
        }
    }
    
    @media ( max-width:480px) {
        .JobList li .title {
            line-height: 32px;
        }
        .JobList li .datebox span {
            display: block;
        }
        .JobList li .datebox i {
            display: none;
        }
        .JobList li .con dl {
            padding-left: 0;
        }
        .JobList li .con dl dt {
            position: static;
        }
    }
    /*搴旇仒琛ㄥ崟*/
    
    .recruitform {
        margin: 0 auto;
        width: 580px;
    }
    
    .recruitform dl {
        margin-bottom: 20px;
        position: relative;
        padding-left: 90px;
    }
    
    .recruitform dl dt {
        position: absolute;
        left: -20px;
        top: 0px;
        text-align: right;
        line-height: 40px;
        width: 100px;
        color: #4d4d4d;
        font-size: 16px;
    }
    
    .recruitform dl dd {
        border: 1px solid #e6e6e6;
        padding: 0px 10px;
        line-height: 38px;
        background: #fff;
    }
    
    .recruitform dl.noborder dd {
        border: none;
        padding: 0;
        background: none;
    }
    
    .recruitform dl dd .input {
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        width: 100%;
    }
    
    .recruitform dl dd label {
        float: left;
        line-height: 40px;
        margin-right: 20px;
        font-size: 16px;
        color: #4d4d4d;
    }
    
    .recruitform dl dd label input.radio {
        margin-right: 8px;
    }
    
    .recruitform dl dd textarea {
        height: 148px;
        font-size: 14px;
        width: 100%;
    }
    
    .recruitform dl.btn {
        text-align: center;
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 0;
        padding: 0;
    }
    
    .recruitform dl.btn input {
        width: 120px;
        color: #fff;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 18px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        margin: 0 8px;
    }
    
    .recruitform dl.btn input.submit {
        background: #004f99;
    }
    
    .recruitform dl.btn input.reset {
        background: #ccc;
    }
    
    @media ( max-width:480px) {
        .recruitform {
            width: 100%;
        }
    }
    /* 鏍℃嫑鍏憡 */
    
    .NoticeTop {
        background: #fff;
    }
    
    .NoticeTop .pic {
        width: 50%;
        float: left;
    }
    
    .NoticeTop .pic img {
        display: block;
        width: 100%;
    }
    
    .NoticeTop .con {
        width: 40%;
        float: left;
        padding: 5%;
    }
    
    .NoticeTop .con .title {
        font-size: 28px;
        color: #000;
        line-height: 32px;
        height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 3%;
    }
    
    .NoticeTop .con .info {
        font-size: 16px;
        line-height: 30px;
        max-height: 90px;
        overflow: hidden;
    }
    
    .NoticeTop .con .time {
        margin: 6% 0;
        font-size: 18px;
        color: #004f99;
        line-height: 40px;
    }
    
    .NoticeTop .con .time i {
        padding: 0 4%;
    }
    
    .NoticeTop .con .more {
        display: block;
        font-size: 30px;
        color: #004f99;
        font-family: "瀹嬩綋";
        font-weight: bold;
        line-height: 20px;
        transition: 300ms;
    }
    
    .NoticeTop:hover .con .more {
        margin-left: 20px;
    }
    
    .NoticeTop:hover .con .title {
        color: #004f99;
    }
    
    @media ( max-width:1024px) {
        .NoticeTop .con .title {
            font-size: 18px;
            line-height: 30px;
            height: 30px;
            margin-bottom: 0;
        }
        .NoticeTop .con .info {
            font-size: 14px;
        }
        .NoticeTop .con .time {
            font-size: 16px;
            margin: 15px 0px;
        }
    }
    
    @media ( max-width:768px) {
        .NoticeTop .pic,
        .NoticeTop .con {
            width: auto;
            float: none;
        }
    }
    
    @media ( max-width:480px) {
        .NoticeTop .con .time {
            line-height: 24px;
            font-size: 14px;
        }
        .NoticeTop .con .time i {
            display: block;
        }
    }
    /* 绂昏亴鏌ヨ */
    
    .QuitBox {
        border: 1px solid #e6e6e6;
        background: #fff;
        padding: 4%;
    }
    
    .QuitTab {
        width: 46.5%;
        float: left;
    }
    
    .QuitTab dl dd {
        background: #f5f5f5;
        padding: 0px 13px;
        margin-bottom: 20px;
    }
    
    .QuitTab dl dd .input {
        height: 46px;
        padding-left: 64px;
        font-size: 18px;
        color: #333;
        background-repeat: no-repeat;
        background-position: left center;
        outline: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    
    .QuitTab dl dd.i1 .input {
        background-image: url(../images/p1.png);
    }
    
    .QuitTab dl dd.i2 .input {
        background-image: url(../images/p2.png);
    }
    
    .QuitTab dl dd .input::placeholder {
        color: #999;
    }
    
    .QuitTab .btn {
        width: 100%;
        height: 46px;
        font-size: 20px;
        color: #fff;
        background: #004f99;
    }
    
    .QuitTxt {
        width: 46%;
        float: right;
    }
    
    .QuitTxt .title {
        font-size: 24px;
        color: #000;
        line-height: 30px;
        margin-bottom: 3%;
    }
    
    .QuitTxt .info {
        font-size: 16px;
        line-height: 32px;
        color: #4d4d4d;
    }
    
    .QuitTxt .info i {
        color: #004f99;
    }
    
    @media ( max-width:1024px) {
        .QuitTxt .title {
            font-size: 20px;
        }
        .QuitTab dl dd .input {
            font-size: 16px;
        }
        .QuitTab .btn {
            font-size: 18px;
        }
    }
    
    @media ( max-width:640px) {
        .QuitTab,
        .QuitTxt {
            width: auto;
            float: none;
        }
        .QuitTxt {
            margin-top: 6%;
        }
    }
    
    @media ( max-width:480px) {
        .QuitTab dl dd .input {
            padding-left: 50px;
        }
        .QuitTxt .title {
            font-size: 16px;
        }
        .QuitTxt .info {
            font-size: 14px;
            line-height: 30px;
        }
    }
    /* 妤氬ぉ绉戞妧 */
    
    .wedding_site_nav {
        width: 35px;
        position: fixed;
        right: 0px;
        top: 30%;
        z-index: 100;
    }
    
    .wedding_site_nav a {
        display: block;
        text-align: center;
        line-height: 20px;
        background-repeat: no-repeat;
        font-size: 16px;
        color: #004f99;
        padding: 20px 0px 10px;
        background-position: center top;
        background-image: url(../images/nav1.png);
    }
    
    .wedding_site_nav a span {
        display: none;
        font-weight: bold;
        padding: 5px 2px 0px;
    }
    
    .wedding_site_nav a.active {
        background-image: url(../images/nav2.png);
    }
    
    .wedding_site_nav a.active span {
        display: block;
    }
    
    .AboutBox .pic {
        width: 50%;
        float: left;
    }
    
    .AboutBox .pic img {
        display: block;
        width: 100%;
        height: 480px;
    }
    
    .AboutBox .con {
        width: 44.4444%;
        float: right;
        padding-top: 2%;
    }
    
    .AboutBox .con .info {
        font-size: 14px;
        line-height: 26px;
        color: #666666;
        height: 360px;
        overflow: auto;
    }
    
    .DataBox dd {
        width: 25%;
        float: left;
        text-align: center;
    }
    
    .DataBox dd .box {
        background: url(../images/line1.png) repeat-y right center;
    }
    
    .DataBox dd .icon {
        display: block;
        width: 46px;
        margin: 0 auto;
    }
    
    .DataBox dd .num {
        font-size: 54px;
        line-height: 97px;
        color: #004f99;
        font-family: "DIN Medium";
    }
    
    .DataBox dd .num span {
        font-size: 60px;
    }
    
    .DataBox dd p {
        font-size: 16px;
        line-height: 24px;
        color: #4c4c4c;
    }
    
    .DataBox dd:last-child .box {
        background: none;
    }
    
    .CompanyPic {
        padding-bottom: 60px;
    }
    
    .CompanyPic li {
        width: 25%;
        float: left;
        position: relative;
    }
    
    .CompanyPic li.i1,
    .CompanyPic li.i6 {
        width: 50%;
    }
    
    .CompanyPic li .effect-img img {
        display: block;
        width: 100%;
    }
    
    .CompanyPic li .title {
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 0px;
        height: 119px;
        font-size: 22px;
        color: #fff;
        line-height: 34px;
        background: url(../images/titbg2.png) repeat-x left bottom;
        z-index: 3;
    }
    
    .CompanyPic li .title span {
        display: block;
        padding: 60px 35px 0;
    }
    
    .CompanyPic li.i2 .title {
        line-height: 76px;
        font-size: 34px;
        background: url(../images/line8.png) no-repeat left top;
        bottom: 0;
        top: 50%;
        left: 50%;
        margin: -38px 0 0 -75px;
        width: 150px;
    }
    
    .CompanyPic li.i2 .title span {
        padding: 0;
    }
    
    .CompanyPic .owl-dots {
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: -35px;
        height: 17px;
        line-height: 17px;
    }
    
    .CompanyPic .owl-dots .owl-dot {
        width: 17px;
        height: 17px;
        margin: 0px 5px;
        background-image: url(../images/dot3.png);
        background-size: cover;
    }
    
    .CompanyPic .owl-dots .owl-dot.active {
        background-image: url(../images/dot4.png);
    }
    
    .CompanyPic li.i4 {
        clear: both;
    }
    
    .Historybg {
        background-image: url(../images/boxbg5.jpg);
        padding: 4% 0;
    }
    
    .HistoryBox {
        background: url(../images/arr11.png) no-repeat center top;
        padding-top: 17px;
        position: relative;
    }
    
    .HistoryBox ul {
        background: url(../images/line7.png) repeat-y center top;
        padding: 4% 0;
    }
    
    .HistoryBox li {
        width: 50.72%;
        float: left;
        padding-bottom: 3%;
    }
    
    .HistoryBox li:nth-child(2n) {
        float: right;
    }
    
    .HistoryBox li .box {
        background-image: url(../images/arr12.png);
        background-repeat: no-repeat;
        background-position: right 7px;
        padding-right: 68px;
    }
    
    .HistoryBox li:nth-child(2n) .box {
        padding: 0px 0px 0px 68px;
        background-position: left 7px;
    }
    
    .HistoryBox li .pic {
        width: 30%;
        float: left;
    }
    
    .HistoryBox li .pic img {
        display: block;
        width: 100%;
        border-radius: 50%;
    }
    
    .HistoryBox li .con {
        width: 62%;
        float: right;
    }
    
    .HistoryBox li .con .date {
        display: block;
        font-size: 42px;
        line-height: 30px;
        color: #004f99;
        font-family: "DIN Medium";
        text-align: right;
    }
    
    .HistoryBox li:nth-child(2n) .con .date {
        text-align: left;
    }
    
    .HistoryBox li .con .info {
        font-size: 14px;
        line-height: 24px;
        margin-top: 25px;
        color: #4c4c4c;
    }
    
    .HistoryBox li:nth-child(2n) .pic {
        float: right;
    }
    
    .HistoryBox li:nth-child(2n) .con {
        float: left;
    }
    
    .HistoryBox .btnbox a {
        position: absolute;
        width: 90px;
        left: 50%;
        margin-left: -45px;
        bottom: 0px;
        text-align: center;
    }
    
    .HistoryBox .btnbox a span {
        display: block;
        line-height: 40px;
        margin-bottom: 20px;
        font-size: 16px;
        color: #004f99;
        background: #fff;
    }
    
    .HistoryBox .btnbox a img {
        display: block;
        width: 50px;
        margin: 0 auto;
    }
    
    .LayoutBox {
        position: relative;
    }
    
    .bjtit {
        position: absolute;
        width: 520px;
        top: 50%;
        left: 50%;
        margin: -260px 0px 0px -260px;
        z-index: 1;
    }
    
    .LayoutBox li {
        width: 50%;
        float: left;
        position: relative;
    }
    
    .LayoutBox li .effect-img img {
        display: block;
        width: 100%;
    }
    
    .LayoutBox li .title {
        font-size: 34px;
        line-height: 110px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        text-align: right;
        color: #fff;
    }
    
    .LayoutBox li .title span {
        display: block;
        padding: 0 5%;
    }
    
    .LayoutBox li:first-child .title {
        text-align: left;
        bottom: auto;
        top: 50%;
        margin-top: -55px;
    }
    
    .HonnorBox {
        padding: 0px 55px;
    }
    
    .HonnorBox .list {
        background-image: url(../images/shadowbg.png);
        background-repeat: repeat-y;
        background-position: center top;
        background-size: 100% auto;
    }
    
    .HonnorBox .list li {
        width: 20%;
        margin: 0 2.5% 42px;
        float: left;
        text-align: center;
    }
    
    .HonnorBox .list li .pic {
        margin: 0 0 28px;
        padding: 20px;
        background-image: url(../images/mask3.png);
        background-size: 100% 100%;
    }
    
    .HonnorBox .list li .pic img {
        display: block;
        width: 100%;
        height: 142px;
    }
    
    .HonnorBox .list li .title {
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 17px;
        color: #4c4c4c;
    }
    
    .HonnorBox .owl-nav .owl-prev span,
    .HonnorBox .owl-nav .owl-next span {
        width: 54px;
        height: 54px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        z-index: 5;
    }
    
    .HonnorBox .owl-nav .owl-prev span {
        left: -55px;
        background-image: url(../images/left3.png);
    }
    
    .HonnorBox .owl-nav .owl-next span {
        right: -55px;
        background-image: url(../images/right3.png);
    }
    
    @media ( max-width:1700px) {
        .CompanyPic li.i2 .title,
        .LayoutBox li .title {
            font-size: 20px;
        }
        .bjtit {
            width: 300px;
            margin: -150px 0px 0px -150px;
        }
    }
    
    @media ( max-width:1024px) {
        .wedding_site_nav {
            width: 35px;
            background: none;
            top: 25%;
        }
        .wedding_site_nav a {
            text-align: center;
            line-height: 20px;
            padding: 35px 2px 0;
            background-image: url(../images/nav1.png);
            background-repeat: no-repeat;
            background-position: center top;
        }
        .wedding_site_nav a span {
            display: none;
            font-weight: bold;
            background: none;
            padding: 0;
        }
        .wedding_site_nav a:first-child {
            padding-top: 35px;
        }
        .wedding_site_nav a.active {
            background-image: url(../images/nav2.png);
        }
        .wedding_site_nav a.active span {
            display: block;
            background: none;
        }
        .CompanyPic li.i2 .title,
        .LayoutBox li .title {
            font-size: 20px;
        }
        .AboutBox .con .info {
            height: 254px;
        }
        .AboutBox .pic img {
            height: 380px;
        }
        .DataBox dd .num {
            font-size: 35px;
            line-height: 50px;
        }
        .DataBox dd .num span {
            font-size: 40px;
        }
        .DataBox dd p {
            font-size: 14px;
        }
        .CompanyPic li .title {
            font-size: 16px;
            height: 98px;
        }
        .HistoryBox li {
            width: 50.8%;
        }
        .HistoryBox li .con .date {
            font-size: 30px;
        }
        .HistoryBox li .con .info {
            margin-top: 10px;
        }
        .LayoutBox li .title {
            font-size: 16px;
        }
        .HonnorBox .list li {
            margin-bottom: 20px;
        }
        .HonnorBox .list li .pic {
            margin-bottom: 32px;
            padding: 12px;
        }
        .HonnorBox .list li .title {
            font-size: 16px;
            height: 24px;
            line-height: 24px;
        }
        .HonnorBox .list li .pic img {
            height: 96px;
        }
    }
    
    @media ( max-width:768px) {
        .AboutBox .con .info {
            height: 188px;
        }
        .AboutBox .pic img {
            height: 280px;
        }
        .DataBox dd .num {
            font-size: 25px;
            line-height: 40px;
        }
        .DataBox dd .num span {
            font-size: 30px;
        }
        .DataBox dd p {
            font-size: 12px;
        }
        .HistoryBox li {
            width: 51.2%;
        }
        .HistoryBox li .box {
            padding-right: 35px;
        }
        .HistoryBox li:nth-child(2n) .box {
            padding: 0px 0px 0px 35px;
        }
        .bjtit {
            width: 120px;
            margin: -60px 0px 0px -60px;
        }
        .LayoutBox li .title {
            line-height: 54px;
        }
        .LayoutBox li:first-child .title {
            margin-top: -27px;
        }
        .HonnorBox {
            padding: 0px 36px;
        }
        .HonnorBox .list {
            background: none;
        }
        .HonnorBox .owl-nav .owl-prev span,
        .HonnorBox .owl-nav .owl-next span {
            width: 36px;
            height: 36px;
            margin-top: -18px;
        }
        .HonnorBox .owl-nav .owl-prev span {
            left: -36px;
        }
        .HonnorBox .owl-nav .owl-next span {
            right: -36px;
        }
        .HonnorBox .list li {
            width: 22%;
            margin: 0 1.5% 20px;
        }
        .HonnorBox .list li .pic {
            margin-bottom: 10px;
        }
        .HonnorBox .list li .title {
            font-size: 14px;
        }
        .HonnorBox .list li .pic img {
            height: 78px;
        }
    }
    
    @media ( max-width:640px) {
        .DataBox dd {
            width: 50%;
            margin: 10px 0px;
        }
        .HonnorBox .list li {
            width: 46%;
            margin: 0 2% 15px;
        }
        .HistoryBox li {
            width: 51.5%;
        }
        .HistoryBox li .con .date {
            font-size: 20px;
        }
        .HistoryBox li .con .info {
            margin-top: 0;
        }
        .HonnorBox .list li .pic img {
            height: 144px;
        }
    }
    
    @media ( max-width:480px) {
        .AboutBox .pic,
        .AboutBox .con {
            width: auto;
            float: none;
        }
        .AboutBox .pic img {
            height: auto;
        }
        .AboutBox .con {
            padding-top: 5%;
        }
        .AboutBox .con .info {
            height: auto;
        }
        .CompanyPic li {
            width: 50%;
        }
        .CompanyPic li.i1,
        .CompanyPic li.i6 {
            width: 100%;
        }
        .HistoryBox li {
            width: 52.5%;
        }
        .HistoryBox li .pic,
        .HistoryBox li .con {
            width: auto;
            float: none;
        }
        .bjtit {
            display: none;
        }
        .LayoutBox li .title {
            font-size: 14px;
            line-height: 16px;
            bottom: 10px;
        }
        .LayoutBox li:first-child .title {
            margin-top: -16px;
        }
        .HonnorBox {
            padding: 0;
        }
        .HonnorBox .list li .pic img {
            height: 91px;
        }
        .HonnorBox .owl-nav .owl-prev span {
            left: 0px;
        }
        .HonnorBox .owl-nav .owl-next span {
            right: 0px;
        }
    }
    /* 鍒嗗瓙鍏徃 */
    
    .CompanyBox .hd {
        box-shadow: 0px 5px 20px rgba(0, 59, 115, 0.25);
        position: relative;
        z-index: 3;
        background: #fff;
    }
    
    .CompanyBox .hd ul {
        text-align: center;
        font-size: 0;
    }
    
    .CompanyBox .hd li {
        width: 25%;
        display: inline-block;
        background: url(../images/line6.jpg) repeat-y left top;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #ebf0f6;
        outline: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .CompanyBox li:nth-child(4) a,
    .CompanyBox li:nth-last-child(2) a {
        background: url(../images/line6.jpg) repeat-y right top;
    }
    
    .CompanyBox li a {
        display: block;
    }
    
    .CompanyBox .hd li .icon {
        display: inline-block;
    }
    
    .CompanyBox .hd li .name {
        display: none;
        line-height: 24px;
        font-size: 16px;
    }
    
    .CompanyBox .hd li i {
        position: absolute;
        display: none;
        width: 18px;
        height: 11px;
        left: 50%;
        margin-left: -9px;
        bottom: -11px;
        background: url(../images/arr5.png);
    }
    
    .CompanyBox .hd li:hover,
    .CompanyBox .hd li.on {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    
    .SlideCon .pic {
        width: 50%;
        float: left;
    }
    
    .SlideCon .pic img {
        display: block;
        width: 100%;
    }
    
    .SlideCon .con {
        width: 44.4444%;
        float: right;
    }
    
    .SlideCon .con .info {
        font-size: 14px;
        line-height: 26px;
        color: #666666;
        height: 350px;
        overflow: auto;
    }
    
    .VideoBox {
        padding: 3% 5%;
        background: #f2f9ff;
    }
    
    .VideoBox .Video {
        position: relative;
        overflow: hidden;
    }
    
    .VideoBox .img {
        position: relative;
        z-index: 3;
        opacity: 0;
    }
    
    .VideoBox .img img {
        width: 100%;
        display: block;
    }
    
    .VideoBox .play {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -55px 0px 0px -55px;
        width: 110px;
        height: 110px;
        background-image: url(../images/play2.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
    }
    
    .VideoBox video {
        position: absolute;
        z-index: 5;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #000;
    }
    
    .ProductBox {
        background-image: url(../images/boxbg6.jpg);
        padding: 6% 0;
    }
    
    .ProductBox .con {
        width: 40%;
        float: left;
    }
    
    .ProductBox .con .info {
        font-size: 16px;
        line-height: 32px;
        max-height: 96px;
        overflow: hidden;
        color: #666;
    }
    
    .ProductBox .con .more {
        display: inline-block;
        box-shadow: 0px 3px 20px rgba(0, 160, 233, 0.4);
        width: 160px;
        line-height: 56px;
        font-size: 16px;
        color: #fff;
        background: #00a0e9;
        text-align: center;
        border-radius: 30px;
        margin: 6% 15px 0 0;
    }
    
    .ProductBox .con .more i {
        font-family: "瀹嬩綋";
        margin-left: 20px;
    }
    
    .PicSlider {
        width: 45%;
        float: right;
    }
    
    .PicSlider .item img {
        display: block;
        width: 100%;
    }
    
    .PicSlider .owl-nav .owl-prev span,
    .PicSlider .owl-nav .owl-next span {
        width: 54px;
        height: 54px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        z-index: 5;
    }
    
    .PicSlider .owl-nav .owl-prev span {
        left: -69px;
        background-image: url(../images/left4.png);
    }
    
    .PicSlider .owl-nav .owl-next span {
        right: -69px;
        background-image: url(../images/right4.png);
    }
    
    @media ( max-width:1366px) {
        .PicSlider .owl-nav .owl-prev span,
        .PicSlider .owl-nav .owl-next span {
            width: 35px;
            height: 35px;
            margin-top: -17px;
        }
        .PicSlider .owl-nav .owl-prev span {
            left: -45px;
        }
        .PicSlider .owl-nav .owl-next span {
            right: -45px;
        }
    }
    
    @media ( max-width:1024px) {
        .PicSlider .owl-nav .owl-prev span {
            left: 0px;
        }
        .PicSlider .owl-nav .owl-next span {
            right: 0px;
        }
        .CompanyBox .hd li .name {
            font-size: 14px;
        }
        .SlideCon .con .info {
            height: 254px;
        }
        .VideoBox .play {
            width: 60px;
            height: 60px;
            margin: -30px 0px 0px -30px;
        }
        .ProductBox .con .more {
            width: 130px;
            line-height: 40px;
        }
    }
    
    @media ( max-width:768px) {
        .CompanyBox .hd li a {
            padding: 15px;
        }
        .CompanyBox .hd li .name {
            height: 48px;
        }
        .SlideCon .con .info {
            height: 185px;
        }
    }
    
    @media ( max-width:640px) {
        .CompanyBox .hd li {
            width: 33.3333%;
        }
        .CompanyBox .hd li:nth-child(3n) a {
            background: url(../images/line6.jpg) repeat-y right top;
        }
        .CompanyBox .hd li:nth-child(4) a {
            background: none;
        }
        .CompanyBox .hd li:nth-last-child(2) a {
            background: url(../images/line6.jpg) repeat-y right top;
        }
        .CompanyBox .hd li.on i {
            display: none;
        }
        .SlideCon .pic,
        .SlideCon .con,
        .ProductBox .con,
        .PicSlider {
            width: auto;
            float: none;
        }
        .SlideCon .pic,
        .ProductBox .con {
            margin-bottom: 4%;
        }
        .VideoBox {
            padding: 0;
        }
    }
    
    @media ( max-width:480px) {
        .CompanyBox .hd li a {
            padding: 15px 5px;
        }
    }
    /* 钁ｄ簨闀夸笓鏍 */
    
    .LeaderMain {
        background-color: #fff;
        background-image: url(../images/boxbg7.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
    }
    
    .LeaderBox {
        background-image: url(../images/boxbg8.png);
        box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
        position: relative;
    }
    
    .LeaderBox .title {
        position: absolute;
        right: 5%;
        top: 0px;
        width: 64px;
        background: #004f99 url(../images/arrow.png) no-repeat center bottom;
        font-size: 34px;
        color: #fff;
        line-height: 34px;
        text-align: center;
    }
    
    .LeaderBox .title span {
        display: block;
        padding: 18px 10px 36px;
    }
    
    .LeaderBox .pic {
        width: 45%;
        margin-left: 10px;
        position: relative;
        float: left;
    }
    
    .LeaderBox .pic img {
        display: block;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    
    .LeaderBox .pic .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        left: -10px;
        bottom: -10px;
        background: #004f99;
        z-index: 1;
    }
    
    .LeaderBox .con {
        width: 45%;
        float: right;
        padding: 224px 5% 0 0;
        background: url(../images/sign.png) no-repeat left 65px;
    }
    
    .LeaderBox .con .name {
        margin-bottom: 5%;
    }
    
    .LeaderBox .con .name span {
        display: block;
        font-size: 40px;
        color: #000;
        margin-bottom: 20px;
        line-height: 40px;
    }
    
    .LeaderBox .con .name i {
        display: block;
        width: 76px;
        height: 2px;
        background: #004f99;
    }
    
    .LeaderBox .con .info {
        font-size: 16px;
        line-height: 36px;
        color: #4c4c4c;
        height: 410px;
        overflow: auto;
    }
    
    @media ( max-width:1500px) {
        .LeaderBox .title,
        .LeaderBox .con .name span {
            font-size: 30px;
        }
        .LeaderBox .con .name span {
            margin-bottom: 10px;
        }
    }
    
    @media ( max-width:1200px) {
        .LeaderBox .con .info {
            height: 275px;
        }
    }
    
    @media ( max-width:1024px) {
        .LeaderMain {
            padding-bottom: 6%;
        }
        .LeaderBox .title {
            display: none;
        }
        .LeaderBox .con .name span {
            font-size: 24px;
        }
        .LeaderBox .con .name i {
            width: 30px;
        }
        .LeaderBox .pic,
        .LeaderBox .con {
            width: auto;
            float: none;
        }
        .LeaderBox .con {
            padding: 5%;
        }
        .LeaderBox .con .info {
            height: auto;
        }
    }
    
    @media ( max-width:768px) {
        .LeaderBox .con .name span {
            font-size: 20px;
        }
		.LeaderBox{background:#fff;}
    }
    
    @media ( max-width:480px) {
        .LeaderBox .con .info {
            font-size: 14px;
            line-height: 30px;
        }
    }
    /* 浼佷笟鏂囧寲 */
    
    .CultureBox {
        background-image: url(../images/boxbg9.jpg);
    }
    
    .CultureBox .list {
        background-image: url(../images/boxbg10.png);
        background-size: 100% 100%;
    }
    
    .CultureBox .list li {
        width: 33.33333%;
        float: left;
    }
    
    .CultureBox .list li .con {
        padding: 10%;
    }
    
    .CultureBox .list li .title {
        padding-bottom: 20px;
        background: url(../images/line9.png) no-repeat left bottom;
        margin-bottom: 6%;
    }
    
    .CultureBox .list li .info {
        height: 377px;
        font-size: 16px;
        line-height: 30px;
        color: #666;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    
    .CultureBox .list li .info p {
        padding-bottom: 3%;
    }
    
    .CultureBox .list li .info p:last-child {
        padding-bottom: 0;
    }
    
    .CultureBox .list li.c1 .info {
        background-image: url(../images/lbg1.png);
    }
    
    .CultureBox .list li.c2 .info {
        background-image: url(../images/lbg2.png);
    }
    
    .CultureBox .list li.c3 .info {
        background-image: url(../images/lbg3.png);
    }
    
    .BrandBox {
        background-image: url(../images/boxbg11.jpg);
    }
    
    .BrandBox .list li {
        border-top: 2px solid #ebf0f5;
        width: 30%;
        float: left;
        margin-right: 5%;
        padding: 4% 0;
    }
    
    .BrandBox .list li:nth-child(3n) {
        margin-right: 0;
    }
    
    .BrandBox .list li .box {
        position: relative;
    }
    
    .BrandBox .list li .box .icon {
        position: absolute;
        width: 120px;
        left: 0px;
        top: 0px;
        border-radius: 50%;
        box-shadow: 0px 0px 20px rgba(0, 79, 153, .3);
    }
    
    .BrandBox .list li .box .con {
        padding: 20px 0px 0px 160px;
    }
    
    .BrandBox .list li .box .con .name {
        font-size: 24px;
        color: #004f99;
        line-height: 42px;
    }
    
    .BrandBox .list li .box .con .info {
        font-size: 16px;
        color: #666;
        line-height: 30px;
    }
    
    .Spokesman {
        background: #f1f5f8;
    }
    
    .Spokesman .list li {
        background: #fff;
        padding: 0 3%;
        border: 1px solid #ebf0f5;
        margin-bottom: 3%;
    }
    
    .Spokesman .list li .box {
        position: relative;
        padding: 4% 0;
    }
    
    .Spokesman .list li .box .sign {
        position: absolute;
        width: 68px;
        height: 176px;
        padding-left: 10px;
        text-align: center;
        right: 0px;
        top: -10px;
        font-size: 34px;
        line-height: 46px;
        color: #fff;
        background: url(../images/titbg3.png);
    }
    
    .Spokesman .list li .box .sign span {
        display: block;
        padding: 33px 18px 0px;
    }
    
    .Spokesman .list li .box .title {
        font-size: 28px;
        color: #004f99;
        line-height: 36px;
        margin-bottom: 3%;
    }
    
    .Spokesman .list li .box .pic {
        width: 41.5%;
        float: left;
        box-shadow: 0px 5px 20px rgba(0, 79, 153, .2);
    }
    
    .Spokesman .list li .box .pic img {
        display: block;
        width: 100%;
    }
    
    .Spokesman .list li .box .con {
        width: 54.8%;
        float: right;
        padding-top: 3%;
    }
    
    .Spokesman .list li .box .con .name {
        font-size: 34px;
        color: #000;
        margin-bottom: 5%;
    }
    
    .Spokesman .list li .box .con .name i {
        display: inline-block;
        vertical-align: middle;
        width: 80px;
        height: 2px;
        background: #004f99;
        margin-left: 28px;
    }
    
    .Spokesman .list li .box .con .txt {
        position: relative;
        padding: 55px 35px;
    }
    
    .Spokesman .list li .box .con .txt .bd {
        position: absolute;
        width: 44px;
        height: 33px;
    }
    
    .Spokesman .list li .box .con .txt .bd1 {
        left: 0px;
        top: 0px;
        background: url(../images/bd1.png);
    }
    
    .Spokesman .list li .box .con .txt .bd2 {
        right: 0px;
        bottom: 0px;
        background: url(../images/bd2.png);
    }
    
    .Spokesman .list li .box .con .txt .info {
        font-size: 16px;
        line-height: 30px;
        color: #4c4c4c;
    }
    
    @media ( max-width:1500px) {
        .Spokesman .list li .box .sign,
        .Spokesman .list li .box .con .name {
            font-size: 30px;
        }
        .Spokesman .list li .box .title {
            font-size: 24px;
        }
    }
    
    @media ( max-width:1024px) {
        .Spokesman .list li .box .sign,
        .Spokesman .list li .box .con .name {
            font-size: 24px;
        }
        .Spokesman .list li .box .title {
            font-size: 20px;
        }
        .BrandBox .list li .box .icon {
            width: 80px;
        }
        .BrandBox .list li .box .con {
            padding: 0px 0px 0px 100px;
        }
        .BrandBox .list li .box .con .name {
            font-size: 16px;
            line-height: 30px;
        }
        .BrandBox .list li .box .con .info {
            font-size: 14px;
            line-height: 24px;
        }
    }
    
    @media ( max-width:768px) {
        .Spokesman .list li .box .sign,
        .Spokesman .list li .box .con .name {
            font-size: 20px;
        }
        .Spokesman .list li .box .title {
            font-size: 18px;
        }
        .CultureBox .list li .info {
            font-size: 14px;
            line-height: 26px;
            height: 295px;
        }
        .BrandBox .list li .box .icon {
            width: 60px;
        }
        .BrandBox .list li .box .con {
            padding: 0px 0px 0px 75px;
        }
        .Spokesman .list li .box .sign {
            display: none;
        }
        .Spokesman .list li .box .pic,
        .Spokesman .list li .box .con {
            width: auto;
            float: none;
        }
    }
    
    @media ( max-width:640px) {
        .CultureBox .list {
            background: none;
        }
        .CultureBox .list li {
            width: auto;
            float: none;
            background: #fff url(../images/libg2.png) repeat-y right top;
            margin-bottom: 15px;
        }
        .CultureBox .list li .title {
            padding-bottom: 10px;
        }
        .CultureBox .list li .title img {
            display: inline-block;
            max-width: 200px;
        }
        .CultureBox .list li .con {
            padding: 4%;
        }
        .CultureBox .list li .info {
            height: auto;
        }
        .BrandBox .list li {
            width: 46%;
            margin-right: 0;
        }
        .BrandBox .list li:nth-child(2n) {
            float: right;
        }
    }
    
    @media ( max-width:480px) {
        .BrandBox .list li,
        .BrandBox .list li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .BrandBox .list li .box .icon {
            width: 40px;
        }
        .BrandBox .list li .box .con {
            padding-left: 55px;
        }
        .Spokesman .list li .box .title {
            font-size: 16px;
        }
        .Spokesman .list li .box .con {
            padding-top: 6%;
        }
        .Spokesman .list li .box .con .txt {
            padding: 36px 15px;
        }
        .Spokesman .list li .box .con .txt .info {
            font-size: 14px;
            line-height: 28px;
        }
    }
    /* 浼佷笟璐ｄ换 */
    
    .DutyBox {
        padding: 3% 0 5%;
        background-image: url(../images/bluebg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
    }
    
    .DutyBox .box {
        background: #fff url(../images/sign2.png) no-repeat right bottom;
    }
    
    .DutyBox .pic {
        width: 41.5%;
        float: left;
    }
    
    .DutyBox .pic img {
        display: block;
        width: 100%;
    }
    
    .DutyBox .con {
        width: 48.5%;
        float: right;
        padding: 5%;
    }
    
    .DutyBox .con .info {
        font-size: 14px;
        line-height: 36px;
        color: #666;
        height: 325px;
    }
    
    .DutyList {
        background: #ebf0f5;
    }
    
    .DutyList ul {
        padding-bottom: 2%;
    }
    
    .DutyList li {
        width: 32%;
        margin: 0 2% 2% 0;
        background: #fff;
        float: left;
    }
    
    .DutyList li:nth-child(3n) {
        margin-right: 0;
    }
    
    .DutyList li a {
        display: block;
        padding: 4%;
    }
    
    .DutyList li .effect-img img {
        display: block;
        width: 100%;
        height: 242px;
    }
    
    .DutyList li .con {
        padding: 3%;
    }
    
    .DutyList li .con .title {
        font-size: 20px;
        height: 32px;
        line-height: 32px;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .DutyList li .con .date {
        display: block;
        font-size: 14px;
        line-height: 26px;
        color: #ccc;
        font-family: "DIN Medium";
    }
    
    .DutyList li .con .info {
        font-size: 14px;
        line-height: 24px;
        color: #4c4c4c;
        height: 48px;
        overflow: hidden;
        margin: 3% 0;
    }
    
    .DutyList li .con .more {
        display: block;
        font-size: 30px;
        color: #004f99;
        line-height: 54px;
        border-bottom: 1px solid #e6e6e6;
        text-align: right;
        font-family: "瀹嬩綋";
        font-weight: bold;
    }
    
    .DutyList li:hover .con .title {
        color: #004f99;
    }
    
    @media ( max-width:1024px) {
        .DutyBox .con .info {
            height: 260px;
        }
        .DutyList li .effect-img img {
            height: 174px;
        }
    }
    
    @media ( max-width:768px) {
        .DutyBox .con .info {
            height: 170px;
        }
        .DutyList li .con .title {
            font-size: 16px;
        }
        .DutyList li .effect-img img {
            height: 130px;
        }
    }
    
    @media ( max-width:640px) {
        .DutyBox .con,
        .DutyBox .pic {
            width: auto;
            float: none;
        }
        .DutyBox .con .info {
            height: auto;
            line-height: 30px;
        }
        .DutyList li {
            width: 48.5%;
            margin-right: 0;
        }
        .DutyList li:nth-child(2n) {
            float: right;
        }
        .DutyList li .effect-img img {
            height: 165px;
        }
    }
    
    @media ( max-width:480px) {
        .DutyList li,
        .DutyList li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .DutyList li .effect-img img {
            height: 199px;
        }
    }
    /* 涓ゆ柊鍏氬缓 */
    
    .PartyAbout {
        background-image: url(../images/boxbg12.jpg);
    }
    
    .PartyAbout .box {
        padding: 5%;
        width: 50%;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
        background: #fff;
    }
    
    .PartyAbout .box .info {
        font-size: 14px;
        line-height: 36px;
        color: #4c4c4c;
    }
    
    .OrganizeBox .box {
        text-align: center;
    }
    
    .Title02 {
        line-height: 52px;
        border-bottom: 1px solid #d9e5f0;
        font-size: 22px;
        color: #004f99;
        padding-left: 17px;
        background: url(../images/line10.png) no-repeat left center;
        margin-bottom: 20px;
    }
    
    .PartyNews .pic {
        margin-bottom: 20px;
    }
    
    .PartyNews .pic img {
        display: block;
        width: 100%;
    }
    
    .p_top {
        width: 34.7%;
        float: left;
    }
    
    .p_top dl {
        padding: 12px 20px 26px;
        background: #fff;
        margin-bottom: 10px;
    }
    
    .p_top dl:last-child {
        margin-bottom: 0;
    }
    
    .PartySlider .img {
        width: 42.45%;
        float: left;
    }
    
    .PartySlider .img img {
        display: block;
        width: 100%;
    }
    
    .PartySlider .txt {
        width: 52.3%;
        float: right;
        line-height: 25px;
    }
    
    .PartySlider .txt .title {
        font-size: 16px;
        color: #222;
        max-height: 50px;
        overflow: hidden;
    }
    
    .PartySlider .txt .date {
        display: block;
        font-size: 14px;
        color: #ccc;
        font-family: "DIN Medium";
    }
    
    .PartySlider .txt .info {
        font-size: 14px;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
        color: #999;
    }
    
    .PartySlider .owl-dots {
        width: 100%;
        text-align: right;
        position: absolute;
        left: 0px;
        top: -51px;
        height: 8px;
        line-height: 8px;
    }
    
    .PartySlider .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        margin: 0px 5px;
        background: #ccc;
        border-radius: 50%;
    }
    
    .PartySlider .owl-dots .owl-dot.active {
        background: #004f99;
    }
    
    .p_list {
        width: 62.5%;
        float: right;
    }
    
    .p_list .CommonList li {
        padding: 28px;
    }
    
    .p_list .CommonList li:last-child {
        margin-bottom: 0;
    }
    
    .p_list .CommonList li .con {
        padding-right: 80px;
        background: url(../images/arr2.png) no-repeat right center;
    }
    
    .p_list .CommonList li .con .txt .name {
        font-size: 18px;
    }
    
    .p_list .CommonList li .con .txt .info {
        color: #999;
        font-size: 14px;
    }
    
    .p_list .more {
        display: block;
        width: 120px;
        line-height: 40px;
        font-size: 16px;
        color: #004f99;
        margin: 0 auto;
        text-align: center;
    }
    
    .p_list .more:hover {
        box-shadow: 3px 3px 20px rgba(0, 160, 233, 0.4);
    }
    
    .ViewSlider .item .box {
        margin: 0px 20px;
        border: 1px solid #e2e2e2;
    }
    
    .ViewSlider .item .box .pic {
        width: 43%;
        float: left;
    }
    
    .ViewSlider .item .box .pic img {
        display: block;
        width: 100%;
    }
    
    .ViewSlider .item .box .con {
        width: 47%;
        float: right;
        padding: 4%;
    }
    
    .ViewSlider .item .box .con .title {
        color: #000;
    }
    
    .ViewSlider .item .box .con .title span {
        display: block;
        font-size: 24px;
        line-height: 36px;
    }
    
    .ViewSlider .item .box .con .title p {
        font-size: 18px;
        line-height: 30px;
    }
    
    .ViewSlider .item .box .con .title i {
        display: block;
        width: 30px;
        height: 2px;
        background: #004f99;
        margin-top: 18px;
    }
    
    .ViewSlider .item .box .con .name {
        font-size: 20px;
        line-height: 30px;
        color: #111;
        margin: 5% 0 3%;
    }
    
    .ViewSlider .item .box .con .info {
        font-size: 16px;
        line-height: 30px;
        color: #999;
    }
    
    .ViewSlider .owl-nav .owl-prev span,
    .ViewSlider .owl-nav .owl-next span {
        width: 54px;
        height: 54px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        z-index: 5;
    }
    
    .ViewSlider .owl-nav .owl-prev span {
        left: -7%;
        background-image: url(../images/left3.png);
    }
    
    .ViewSlider .owl-nav .owl-next span {
        right: -7%;
        background-image: url(../images/right3.png);
    }
    
    .ViewSlider .owl-nav .owl-prev span:hover {
        background-image: url(../images/left5.png);
    }
    
    .ViewSlider .owl-nav .owl-next span:hover {
        background-image: url(../images/right5.png);
    }
    
    .Phinfo {
        background-image: url(../images/boxbg13.jpg);
        padding: 3% 0 6%;
    }
    
    .Phinfo .box {
        width: 55%;
        padding: 3%;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
        line-height: 30px;
        color: #666;
    }
    
    .Phinfo .box .title {
        font-size: 30px;
        line-height: 36px;
        color: #000;
        margin-bottom: 3%;
    }
    
    .Phinfo .box .info {
        font-size: 16px;
        margin-bottom: 3%;
    }
    
    .Phinfo .box .con {
        font-size: 18px;
        font-weight: bold;
    }
    
    .PhList .list li {
        margin-bottom: 12px;
    }
    
    @media ( max-width:1500px) {
        .PartyAbout {
            background-size: 150% auto;
        }
        .ViewSlider .owl-nav .owl-prev span {
            left: 0;
        }
        .ViewSlider .owl-nav .owl-next span {
            right: 0;
        }
    }
    
    @media ( max-width:1024px) {
        .Phinfo .box .title {
            font-size: 24px;
        }
        .PhList .list li {
            margin-bottom: 7px;
        }
    }
    
    @media ( max-width:768px) {
        .PartyAbout .box,
        .Phinfo .box {
            width: auto;
        }
        .p_top,
        .p_list {
            width: auto;
            float: none;
        }
        .p_top {
            margin-bottom: 15px;
        }
        .p_list .CommonList li {
            padding: 15px;
        }
        .p_list .CommonList li .con {
            padding-right: 50px;
        }
        .p_list .CommonList li .con .txt .name {
            font-size: 16px;
        }
        .ViewSlider .item .box .con .title span,
        .Phinfo .box .title {
            font-size: 20px;
        }
        .PhList .list {
            background: none;
        }
        .PhList .list li {
            width: 30.3333%;
        }
        .Title02 {
            font-size: 20px;
        }
        .ViewSlider .owl-nav .owl-prev span,
        .ViewSlider .owl-nav .owl-next span {
            width: 30px;
            height: 30px;
            margin-top: -15px;
        }
    }
    
    @media ( max-width:640px) {
        .PhList .list li {
            width: 46%;
        }
    }
    
    @media ( max-width:480px) {
        .PartySlider .img,
        .PartySlider .txt {
            width: auto;
            float: none;
        }
        .PartySlider .img {
            margin-bottom: 3%;
        }
        .p_list .CommonList li .con {
            padding-right: 0;
            background: none;
        }
        .ViewSlider .item .box .pic,
        .ViewSlider .item .box .con {
            width: auto;
            float: none;
        }
        .ViewSlider .item .box {
            margin: 0;
        }
        .ViewSlider .item .box .con .info,
        .Phinfo .box .info {
            font-size: 14px;
        }
        .Phinfo .box {
            line-height: 26px;
        }
        .Phinfo .box .title {
            font-size: 16px;
            line-height: 30px;
        }
        .Phinfo .box .con {
            font-size: 16px;
        }
    }
    
    @keyframes rotate {
        0% {
            transform: translateY(0);
        }
        25% {
            transform: translateY(10px);
        }
        50% {
            transform: translateY(20px) scale(1.1, 0.9);
        }
        75% {
            ransform: translateY(10px);
        }
        100% {
            transform: translateY(0);
        }
    }
    
    @-webkit-keyframes rotate {
        0% {
            transform: translateY(0);
        }
        25% {
            transform: translateY(10px);
        }
        50% {
            transform: translateY(20px) scale(1.1, 0.9);
        }
        75% {
            ransform: translateY(10px);
        }
        100% {
            transform: translateY(0);
        }
    }
    /* 鑱旂郴鎴戜滑 */
    
    .ContactBox {
        background: #fff url(../images/sign4.png) no-repeat right bottom;
    }
    
    .ContactBox .pic img {
        display: block;
        width: 100%;
    }
    
    .ContactBox .con {
        padding: 3%;
    }
    
    .ContactBox .con .address {
        width: 22.8%;
        float: left;
        padding: 37px 0px 40px;
        background-image: url(../images/map.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        padding-left: 30px;
        position: relative;
    }
    
    .ContactBox .con .address span {
        display: block;
        font-size: 18px;
        line-height: 25px;
    }
    
    .ContactBox .con .address p {
        font-size: 24px;
        line-height: 30px;
        color: #004f99;
    }
    
    .ContactBox .con .address img {
        position: absolute;
        top: 25px;
        right: 65px;
        animation: rotate 1s linear infinite;
        -webkit-animation: rotate 1s linear infinite;
    }
    
    .ContactBox .con .info {
        width: 46%;
        float: left;
        padding-top: 37px;
        margin: 0 4%;
        font-size: 16px;
        color: #000;
        line-height: 30px;
    }
    
    .ContactBox .con .info .name {
        color: #999;
    }
    
    .ContactBox .con .info i {
        padding: 0px 10px;
    }
    
    .ContactBox .con .weixin {
        width: 119px;
        padding: 2px;
        float: right;
        background-image: url(../images/line11.png);
        background-size: cover;
    }
    
    .ContactList li {
        width: 48.5%;
        float: left;
        background: #fff;
        margin-bottom: 2.5%;
    }
    
    .ContactList li:nth-child(2n) {
        float: right;
    }
    
    .ContactList li .box {
        padding: 4%;
    }
    
    .ContactList li .box .effect-img {
        margin-bottom: 10px;
    }
    
    .ContactList li .box .effect-img img {
        display: block;
        width: 100%;
    }
    
    .ContactList li .box .con {
        position: relative;
    }
    
    .ContactList li .box .con .add {
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -36px;
        font-size: 16px;
        color: #004f99;
        padding: 15px 0px 0px 15px;
        width: 130px;
        height: 58px;
        background-image: url(../images/map.png);
        background-size: cover;
    }
    
    .ContactList li .box .con .add img {
        position: relative;
        left: 10px;
        top: -10px;
        height: 18px;
        animation: rotate 1s linear infinite;
        -webkit-animation: rotate 1s linear infinite;
    }
    
    .ContactList li .box .title span {
        display: block;
        line-height: 54px;
        font-size: 22px;
        color: #004f99;
    }
    
    .ContactList li .box .title i {
        display: block;
        width: 42px;
        height: 2px;
        background: #e5e5e5;
    }
    
    .ContactList li .box .info {
        font-size: 16px;
        line-height: 28px;
        color: #333;
        margin-top: 3%;
    }
    
    @media ( max-width:1200px) {
        .ContactBox .con .info {
            padding-top: 0;
        }
        .ContactBox .con .info i {
            display: block;
        }
    }
    
    @media ( max-width:768px) {
        .ContactBox .con .address p {
            font-size: 20px;
        }
        .ContactBox .con .info {
            font-size: 14px;
        }
        .ContactBox .con .address img {
            top: 5px;
            right: 25px;
        }
        .ContactList li .box .con .add {
            display: block;
            top: 23%;
        }
        .ContactList li .box .title span {
            font-size: 18px;
            line-height: 40px;
        }
    }
    
    @media ( max-width:640px) {
        .ContactBox .con .address,
        .ContactBox .con .info {
            float: none;
        }
        .ContactBox .con .info {
            margin: 4% 0;
            width: auto;
        }
        .ContactBox .con .address {
            width: 50%;
            margin: 0 auto;
        }
        .ContactBox .con .weixin {
            float: none;
            margin: 0 auto;
        }
    }
    
    @media ( max-width:480px) {
        .ContactBox .con .address {
            padding: 20px 0px;
        }
        .ContactList li,
        .ContactList li:nth-child(2n) {
            width: auto;
            float: none;
        }
        .ContactList li .box .info {
            font-size: 14px;
        }
    }
    /* 浜у搧涓績 */
    
    .ProMenu .item a {
        display: block;
        padding: 34px 0px 21px;
        background-size: 100% 100%;
        background-position: center center;
    }
    
    .ProMenu .item .icon {
        width: 40px;
        height: 40px;
        position: relative;
        margin: 0 auto;
    }
    
    .ProMenu .item .icon img {
        position: absolute;
        left: 0px;
        top: 0;
        width: 100%;
    }
    
    .ProMenu .item .icon .i1 {
        display: block;
        opacity: 1;
    }
    
    .ProMenu .item .icon .i2 {
        display: none;
        opacity: 0;
    }
    /*.ProMenu .item .icon.on .i2 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
     .ProMenu .item .icon.on .i1 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale (1.2);
        transform: scale(1.2);
    } */
    
    .ProMenu .item:hover .icon .i1 {
        display: none;
        opacity: 0;
    }
    
    .ProMenu .item:hover .icon .i2 {
        display: block;
        opacity: 1;
    }
    
    .ProMenu .item .name {
        display: block;
        text-align: center;
        color: #666;
        line-height: 35px;
        font-size: 16px;
    }
    
    .ProMenu .item:hover .name {
        color: #004f99;
    }
    
    .ProMenu .on .item a {
        background-image: url(../images/pbg.png);
    }
    
    .ProMenu .on .item .name {
        color: #fff;
    }
    
    .ProMenu .owl-nav .owl-prev span,
    .ProMenu .owl-nav .owl-next span {
        width: 9px;
        height: 17px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        z-index: 5;
    }
    
    .ProMenu .owl-nav .owl-prev span {
        left: -7%;
        background-image: url(../images/left6.png);
    }
    
    .ProMenu .owl-nav .owl-next span {
        right: -7%;
        background-image: url(../images/right6.png);
    }
    
    .Three_menu {
        text-align: center;
        display: none !important;
        flex-direction: row;
    }
    
    .Three_menu a {
        display: inline-block;
        flex: 1;
        margin: 1px 2px;
        background: #fff;
        padding: 15px 0px;
        line-height: 40px;
        width: 16%;
        font-size: 16px;
        color: #666666;
    }
    
    .Three_menu a.on,
    .Three_menu a:hover {
        background: #004f99;
        color: #fff;
    }
    
    .Left {
        border: 1px solid #ebebeb;
        width: 17.5%;
        float: left;
        background: #fff;
    }
    
    .Left.fixslider {
        position: fixed;
        top: 110px;
    }
    
    .Protit {
        padding: 0px 30px;
        font-size: 16px;
        line-height: 52px;
        color: #004f99;
    }
    
    .Four_menu {
        border-top: 1px solid #ebebeb;
        padding: 10px 0px 20px;
    }
    
    .Four_menu li {
        padding: 0px 20px;
    }
    
    .Four_menu li a {
        display: block;
        font-size: 14px;
        line-height: 34px;
        color: #4c4c4c;
        padding-left: 22px;
    }
    
    .Four_menu li a:hover {
        color: #004f99;
    }
    
    .Four_menu li.on {
        background: url(../images/bar2.png) no-repeat left center;
    }
    
    .Four_menu li.on a {
        color: #004f99;
        background: url(../images/bar1.png) no-repeat right center;
    }
    
    .Right {
        width: 74%;
        border: 1px solid #ebebeb;
        padding: 3%;
        float: right;
        background-image: url(../images/probg.jpg);
        background-size: cover;
    }
    
    .mlr4 {
        margin: 0 4%;
    }
    
    .ProDetail .pic img {
        display: block;
        width: 100%;
    }
    
    .ProDetail .con dl dt {
        font-size: 18px;
        line-height: 48px;
        color: #000;
    }
    
    .ProDetail .con dl dd {
        position: relative;
        padding-left: 42px;
        line-height: 22px;
        margin: 3% 0;
        font-size: 16px;
        color: #747474;
    }
    
    .ProDetail .con dl dd .num {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 20px;
        line-height: 20px;
        border: 2px solid #004f99;
        border-radius: 50%;
        font-size: 14px;
        text-align: center;
        color: #004f99;
    }
    
    @media ( max-width:1500px) {
        .ProMenu {
            padding: 0px 15px;
        }
        .ProMenu .owl-nav .owl-prev span {
            left: -15px;
        }
        .ProMenu .owl-nav .owl-next span {
            right: -15px;
        }
        .Four_menu li a {
            padding-left: 0;
            font-size: 13px;
        }
        .Protit {
            padding: 0 15px;
        }
    }
    
    @media ( max-width:1366px) {
        .Three_menu a {
            font-size: 15px;
        }
    }
    
    @media ( max-width:1024px) {
        .Left.fixslider {
            position: static;
        }
        .Left,
        .Right {
            width: auto;
            float: none;
        }
        .Left {
            margin-bottom: 10px;
        }
        .Protit {
            padding: 0px 15px;
            line-height: 40px;
        }
        .Protit span {
            display: block;
            background: url(../images/arr7.png) no-repeat right center;
        }
        .Three_menu a {
            line-height: 26px;
            width: auto;
            padding: 10px 15px;
            font-size: 14px;
        }
        .Four_menu {
            display: none;
        }
    }
    
    @media ( max-width:768px) {
		.Right{background:#fff;}
        .ProMenu .item .name {
            font-size: 16px;
        }
        .Three_menu {
            display: block;
        }
        .Three_menu a {
            line-height: 40px;
            padding: 0px 10px;
        }
    }
    
    @media ( max-width:480px) {
        .ProMenu .item a {
            padding: 20px 0px 15px;
        }
        .Right {
            padding: 5% 3%;
        }
        .ProDetail {
            margin: 0 2%;
        }
        .ProDetail .con dl dt {
            font-size: 16px;
            line-height: 30px;
        }
        .ProDetail .con dl dd {
            font-size: 14px;
            margin: 5% 0;
            padding-left: 32px;
        }
    }
    /* 浜у搧涓績2 */
    
    .BigPro {
        width: 678px;
        border: 1px solid #ebf0f5;
        margin: 0 auto;
    }
    
    .BigPro li .pic {
        text-align: center;
    }
    
    .BigPro li .pic img {
        display: inline-block;
    }
    
    .BigPro .flex-direction-nav a {
        line-height: 10000px;
        overflow: hidden;
        background-size: cover;
        top: 50%;
        margin-top: -27px;
        width: 54px;
        height: 54px;
    }
    
    .BigPro .flex-direction-nav .flex-prev {
        left: 0;
        background-image: url(../images/left3.png);
    }
    
    .BigPro .flex-direction-nav .flex-next {
        right: 0;
        background-image: url(../images/right3.png);
    }
    
    .SmallPro {
        width: 400px;
        margin: 10px auto 0px;
    }
    
    .SmallPro li a {
        display: block;
        border: 1px solid #ebebeb;
        margin: 0 5px;
        text-align: center;
    }
    
    .SmallPro li img {
        display: inline-block;
        height: 80px;
    }
    
    .SmallPro li.flex-active-slide a {
        border: 1px solid #004f99;
    }
    
    .ProdataBox .hd {
        border-bottom: 2px solid #ebf0f5;
        box-shadow: 0px -5px 20px rgba(0, 79, 153, .1);
        margin-bottom: 3%;
        display: table;
        width: 100%;
    }
    
    .ProdataBox .hd ul {
        display: table-row;
        width: 100%;
    }
    
    .ProdataBox .hd li {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        position: relative;
    }
    
    .ProdataBox .hd li i {
        position: absolute;
        width: 14px;
        height: 6px;
        left: 50%;
        margin-left: -7px;
        bottom: -6px;
        background: url(../images/arr13.png);
        display: none;
    }
    
    .ProdataBox .hd li a {
        display: block;
        line-height: 62px;
        font-size: 18px;
        color: #004f99;
    }
    
    .ProdataBox .hd li.on a {
        background: #004f99;
        color: #fff;
    }
    
    .ProdataBox .hd li.on i {
        display: block;
    }
    
    .ProdataBox .bd {
        background: #f4f5f7;
        padding: 3%;
    }
    
    @media ( max-width:768px) {
        .BigPro {
            width: auto;
        }
        .BigPro .flex-direction-nav a {
            width: 30px;
            height: 30px;
            margin-top: -15px;
        }
        .BigPro .flex-direction-nav .flex-prev {
            left: -15px;
        }
        .BigPro .flex-direction-nav .flex-next {
            right: -15px;
        }
        .ProdataBox .hd li a {
            line-height: 45px;
            font-size: 16px;
        }
    }
    
    @media ( max-width:480px) {
        .SmallPro {
            width: auto;
        }
        .SmallPro li img {
            height: 50px;
        }
    }
    /* 瑙ｅ喅鏂规 */
    
    .SoluteMain {
        background-image: url(../images/boxbg14.jpg);
    }
    
    .BigSolute .Title01 {
        max-width: 1000px;
        margin: 0 auto;
		padding-top:10px;
    }
    
    .BigSolute .img img {
        display: block;
        width: 100%;
    }
    
    .BigSolute dl dd {
        position: absolute;
    }
    
    .solute1 .box {
        width: 693px;
        margin: 0 auto;
    }
    
    .solute1 dl dd.i1 {
        left: 180px;
        top: 122px;
    }
    
    .solute1 dl dd.i2 {
        left: 110px;
        top: 234px;
    }
    
    .solute1 dl dd.i3 {
        left: 243px;
        top: 157px;
    }
    
    .solute1 dl dd.i4 {
        left: 218px;
        top: 237px;
    }
    
    .solute1 dl dd.i5 {
        left: 277px;
        top: 210px;
    }
    
    .solute1 dl dd.i6 {
        left: 348px;
        top: 72px;
    }
    
    .solute1 dl dd.i7 {
        left: 348px;
        top: 182px;
    }
    
    .solute1 dl dd.i8 {
        left: 460px;
        top: 162px;
    }
    
    .solute1 dl dd.i9 {
        left: 480px;
        top: 246px;
    }
    
    .solute1 dl dd.i10 {
        left: 602px;
        top: 146px;
    }
    
    .BigSolute dl dd .hidebox {
        display: none;
        padding: 23px 0px 35px 130px;
        background-image: url(../images/linebg.png);
        background-size: 100% 100%;
        width: 260px;
        height: 360px;
        z-index: 5;
        position: absolute;
        left: 27px;
        top: 50%;
        margin-top: -160px;
    }
    
    .BigSolute dl dd .hidebox .hidecon {
        background-image: url(../images/maskbg.png);
        background-size: 100% 100%;
        padding: 15px 18px 20px;
        box-shadow: 10px 0px 25px rgba(0, 37, 71, 0.25);
    }
    
    .BigSolute dl dd .hidebox .simg img {
        display: block;
        width: 100%;
    }
    
    .BigSolute dl dd .hidebox .con {
        text-align: center;
        margin: 10px 20px 0px;
        opacity: 0;
    }
    
    .BigSolute dl dd .hidebox .title {
        margin: 0px 0px 5px;
    }
    
    .BigSolute dl dd .hidebox .title span {
        display: block;
        font-size: 18px;
        line-height: 20px;
        color: #000;
    }
    
    .BigSolute dl dd .hidebox .title i {
        display: block;
        width: 20px;
        height: 1px;
        background: #ccc;
        margin: 10px auto 0;
    }
    
    .BigSolute dl dd .hidebox .info {
        font-size: 14px;
        height: 24px;
        height: 48px;
        overflow: hidden;
        color: #666;
    }
    
    .BigSolute dl dd .hidebox .more {
        float: right;
        width: 92px;
        line-height: 26px;
        background: #00a0e9;
        border-radius: 20px;
        font-size: 14px;
        text-align: center;
        color: #fff;
        margin-top: 18px;
    }
    
    .BigSolute dl dd .hidebox .more i {
        margin-left: 10px;
        font-family: "瀹嬩綋";
    }
    
    .BigSolute dl dd .jia {
        display: block;
        position: relative;
        z-index: 3;
    }
    
    .BigSolute dl dd .jia span {
        position: relative;
        z-index: 2;
        display: block;
        width: 12px;
        height: 12px;
        background: rgba(0, 160, 233, 0.8);
        border-radius: 50%;
    }
    
    .BigSolute dl dd .jia:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 50%;
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
        height: 100%;
        width: 100%;
        -webkit-animation: pulsehover 3s ease infinite;
        animation: pulsehover 3s ease infinite;
    }
    
    .BigSolute dl dd .jia:after {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        border: 2px solid #fff;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        transform: translate(-50%, -50%) scale(0.3)
    }
    
    .BigSolute dl dd:hover .jia span {
        background: #004f99;
        color: #004f99;
    }
    
    .BigSolute dl dd .jia:hover:before {
        -webkit-animation: pulsehover 1s ease infinite;
        animation: pulsehover 1s ease infinite;
    }
    
    .BigSolute dl dd .jia:hover:after {
        transform: translate(-50%, -50%) scale(0.5)
    }
    
    .BigSolute dl dd:hover .hidebox {
        display: block;
    }
    
    .BigSolute dl dd:hover .hidebox .simg,
    .BigSolute dl dd:hover .hidebox .con {
        -webkit-animation-name: move_left;
        animation-name: move_left;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    
    .BigSolute dl dd:hover .hidebox .con {
        animation-delay: 0.5s;
    }
    
    @-webkit-keyframes pulse {
        0% {
            opacity: 1;
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        20%,
        100% {
            opacity: 0;
            -webkit-transform: scale(4);
            transform: scale(4)
        }
    }
    
    @keyframes pulse {
        0% {
            opacity: 1;
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        20%,
        100% {
            opacity: 0;
            -webkit-transform: scale(4);
            transform: scale(4)
        }
    }
    
    @-webkit-keyframes pulsehover {
        0% {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate(-50%, -50%) scale(5);
            transform: translate(-50%, -50%) scale(5);
        }
    }
    
    @keyframes pulsehover {
        0% {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translate(-50%, -50%) scale(5);
            transform: translate(-50%, -50%) scale(5)
        }
    }
    
    @-webkit-keyframes move_left {
        from {
            opacity: 0;
            -webkit-transform: translateX(-120px);
            transform: translateX(-120px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }
    
    @keyframes move_left {
        from {
            opacity: 0;
            -webkit-transform: translateX(-120px);
            transform: translateX(-120px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }
    
    .BigSolute .flex-direction-nav a {
        line-height: 10000px;
        overflow: hidden;
        background-size: cover;
        top: auto;
        margin-top: 0;
        bottom: 10%;
        width: 54px;
        height: 54px;
    }
    
    .BigSolute .flex-direction-nav .flex-prev {
        left: 5%;
        background-image: url(../images/left2.png);
    }
    
    .BigSolute .flex-direction-nav .flex-next {
        right: 5%;
        background-image: url(../images/right2.png);
    }
    
    .SmallSolute {
        width: 750px;
        margin: 0 auto;
    }
    
    .SmallSolute .slides li {
        text-align: center;
        padding: 20px 0;
    }
    
    .SmallSolute .slides li .img {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5%;
        border: 2px solid #fff;
        background: #f5f8fa;
        border-radius: 50%;
        width: 50%;
    }
    
    .SmallSolute .slides li .img img {
        display: block;
        width: 100%;
    }
    
    .SmallSolute .slides li span {
        display: none;
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
        color: #333;
    }
    
    .SmallSolute .slides li.flex-active-slide .img {
        width: 65%;
        background: #fff;
        box-shadow: 0px 4px 20px rgba(0, 46, 89, 0.3);
        margin-top: 0;
    }
    
    .SmallSolute .slides li.flex-active-slide span {
        display: block;
    }
    
    @media ( max-width:1440px) {
        .BigSolute dl dd .hidebox {
            background-image: url(../images/linebg2.png);
            padding: 13px 0px 26px 70px;
            width: 220px;
            height: 325px;
            margin-top: -75px;
        }
    }
    
    @media ( max-width:1100px) {
        .BigSolute,
        .Title01 {
            max-width: none;
        }
    }
    
    @media ( max-width:768px) {
		.SoluteMain {
        background-image: none;
    }
        .BigSolute dl dd:hover .hidebox {
            display: none;
        }
        .BigSolute .flex-direction-nav a {
            bottom: auto;
            width: 30px;
            height: 30px;
            top: 50%;
            margin-top: -15px;
        }
        .BigSolute .flex-direction-nav .flex-prev {
            left: 0;
        }
        .BigSolute .flex-direction-nav .flex-next {
            right: 0;
        }
        .SmallSolute {
            display: none;
        }
    }
    
    @media ( max-width:640px) {
        .solute1 .box {
            width: auto;
        }
        .solute1 dl dd.i1 {
            left: 150px;
            top: 100px;
        }
        .solute1 dl dd.i2 {
            left: 88px;
            top: 216px;
        }
        .solute1 dl dd.i3 {
            left: 193px;
            top: 157px;
        }
        .solute1 dl dd.i4 {
            left: 176px;
            top: 204px;
        }
        .solute1 dl dd.i5 {
            left: 238px;
            top: 168px;
        }
        .solute1 dl dd.i6 {
            left: 317px;
            top: 60px;
        }
        .solute1 dl dd.i7 {
            left: 310px;
            top: 165px;
        }
        .solute1 dl dd.i8 {
            left: 388px;
            top: 162px;
        }
        .solute1 dl dd.i9 {
            left: 407px;
            top: 213px;
        }
        .solute1 dl dd.i10 {
            left: 511px;
            top: 137px;
        }
    }
    
    @media ( max-width:480px) {
        .BigSolute .box {
            -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
        }
        .solute1 dl dd.i1 {
            left: 82px;
            top: 56px;
        }
        .solute1 dl dd.i2 {
            left: 47px;
            top: 112px;
        }
        .solute1 dl dd.i3 {
            left: 105px;
            top: 88px;
        }
        .solute1 dl dd.i4 {
            left: 107px;
            top: 118px;
        }
        .solute1 dl dd.i5 {
            left: 136px;
            top: 105px;
        }
        .solute1 dl dd.i6 {
            left: 176px;
            top: 24px;
        }
        .solute1 dl dd.i7 {
            left: 174px;
            top: 93px;
        }
        .solute1 dl dd.i8 {
            left: 222px;
            top: 80px;
        }
        .solute1 dl dd.i9 {
            left: 238px;
            top: 116px;
        }
        .solute1 dl dd.i10 {
            left: 292px;
            top: 68px;
        }
    }
    /* 19-11-12 */
    
    .xjPic {
        padding: 0px 60px;
        position: relative;
    }
    
    .xjPic .item img {
        display: block;
        width: 100%;
    }
    
    .xjPic .owl-nav .owl-prev span,
    .xjPic .owl-nav .owl-next span {
        width: 46px;
        height: 46px;
        overflow: hidden;
        line-height: 1000px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -23px;
        z-index: 5;
    }
    
    .xjPic .owl-nav .owl-prev span {
        left: -60px;
        background-image: url(../images/left.png);
    }
    
    .xjPic .owl-nav .owl-next span {
        right: -60px;
        background-image: url(../images/right.png);
    }
    
    @media ( max-width:768px) {
        .xjPic {
            padding: 0px 45px;
        }
        .xjPic .owl-nav .owl-prev span,
        .xjPic .owl-nav .owl-next span {
            width: 35px;
            height: 35px;
            margin-top: -17px;
        }
        .xjPic .owl-nav .owl-prev span {
            left: -45px;
        }
        .xjPic .owl-nav .owl-next span {
            right: -45px;
        }
    }
    /* 19-11-25 */
    
    #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0;
    }
    
    .NoticeBox {
        padding: 0px 70px 0px 50px;
        background: #fff url(../images/news.png) no-repeat 10px center;
        position: relative;
        font-size: 16px;
        margin-top: 20px;
    }
    
    .NoticeBox .more {
        position: absolute;
        right: 10px;
        top: 0px;
        line-height: 50px;
        color: #333;
    }
    
    .NoticeBox .more i {
        display: inline-block;
        margin-left: 10px;
        color: #999;
        font-family: "瀹嬩綋";
    }
    
    .NoticeBox .box li {
        height: 50px;
        line-height: 50px;
        overflow: hidden;
    }
    
    .NoticeBox .box li a {
        color: #333;
    }
    
    .NoticeBox .box li .date {
        color: #999;
        font-size: 14px;
        margin-right: 10px;
    }
    
    @media ( max-width:768px) {
        .NoticeBox .box li .date {
            display: none;
        }
    }
    
    .NewsDetail .detail {
        display: inline-block;
        font-size: 14px;
        padding: 0px 15px;
        background: #faa50a;
        color: #333;
        text-indent: 0;
        text-align: center;
        margin-left: 15px;
    }
    
    .NewsDetail .detail:hover {
        background: #eb780a;
        color: #fff;
    }
    /* 20-04-01 */
    
    .FixBox {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999;
        background: rgba(0, 0, 0, .6);
        display: none;
    }
    
    .DucuBox {
        position: absolute;
        width: 380px;
        height: 380px;
        left: 50%;
        top: 50%;
        margin: -190px 0 0 -190px;
    }
    
    .DucuBox .close {
        width: 18px;
        height: 18px;
        background-image: url(../images/close.png);
        background-size: cover;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
    .DucuBox .Fillinfo {
        padding: 50px 20px;
    }
    
    .DucuBox .Fillinfo h3 {
        text-align: center;
        color: #333;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 30px;
    }
    
    .DucuBox .Fillinfo li {
        border: 1px solid #e5e5e5;
        padding: 0 10px;
        margin-bottom: 15px;
    }
    
    .DucuBox .Fillinfo li .input {
        width: 100%;
        height: 40px;
        font-size: 14px;
        color: #333;
    }
    
    .DucuBox .Fillinfo .btn {
        width: 100%;
        height: 40px;
        font-size: 16px;
        background: #004f99;
        color: #fff;
    }
    
    .DucuBox .Sucessbox {
        padding: 100px 30px;
        text-align: center;
    }
    
    .DucuBox .Sucessbox .icon {
        display: block;
        width: 60px;
        margin: 0 auto;
    }
    
    .DucuBox .Sucessbox .over {
        display: block;
        font-size: 20px;
        color: #004f99;
        line-height: 30px;
        margin: 10px 0 25px;
    }
    
    .DucuBox .Sucessbox .info {
        font-size: 14px;
        line-height: 24px;
        color: #999;
    }
    /* 20-04-14 */
    
    .solute2 .box {
        width: 885px;
        margin: 0 auto;
    }
    
    .solute2 dl dd.i1 {
        left: 180px;
        top: 130px;
    }
    
    .solute2 dl dd.i2 {
        left: 163px;
        top: 199px;
    }
    
    .solute2 dl dd.i3 {
        left: 198px;
        top: 274px;
    }
    
    .solute2 dl dd.i4 {
        left: 262px;
        top: 323px;
    }
    
    .solute2 dl dd.i5 {
        left: 372px;
        top: 307px;
    }
    
    .solute2 dl dd.i6 {
        left: 458px;
        top: 260px;
    }
    
    .solute2 dl dd.i7 {
        left: 456px;
        top: 140px;
    }
    
    .solute2 dl dd.i8 {
        left: 340px;
        top: 144px;
    }
    
    .solute2 dl dd.i9 {
        left: 718px;
        top: 262px;
    }
    
    .solute3 .box {
        width: 693px;
        margin: 0 auto;
    }
    
    .solute3 dl dd.i1 {
        left: 270px;
        top: 55px;
    }
    
    .solute3 dl dd.i2 {
        left: 205px;
        top: 235px;
    }
    
    .solute3 dl dd.i3 {
        left: 386px;
        top: 186px;
    }
    
    .solute3 dl dd.i4 {
        left: 370px;
        top: 347px;
    }
    
    .solute3 dl dd.i5 {
        left: 515px;
        top: 248px;
    }
    
    .solute4 .box {
        width: 814px;
        margin: 0 auto;
    }
    
    .solute4 dl dd.i1 {
        left: 245px;
        top: 190px;
    }
    
    .solute4 dl dd.i2 {
        left: 192px;
        top: 239px;
    }
    
    .solute4 dl dd.i3 {
        left: 347px;
        top: 266px;
    }
    
    .solute4 dl dd.i4 {
        left: 457px;
        top: 348px;
    }
    
    .solute4 dl dd.i5 {
        left: 504px;
        top: 372px;
    }
    
    .solute4 dl dd.i6 {
        left: 606px;
        top: 275px;
    }
    
    .solute5 .box {
        width: 750px;
        margin: 0 auto;margin-top:40px;
    }
    
    .solute5 dl dd.i1 {
        left: 670px;
        top: 263px;
    }
    
    .solute5 dl dd.i2 {
        left: 258px;
        top: 135px;
    }
    
    .solute5 dl dd.i3 {
        left: 160px;
        top: 185px;
    }
    
    .solute5 dl dd.i4 {
        left: 441px;
        top: 143px;
    }
    
    .solute5 dl dd.i5 {
        left: 510px;
        top: 250px;
    }
    
    .solute5 dl dd.i6 {
        left: 568px;
        top: 272px;
    }
     .solute5 dl dd.i7 {
        left: 365px;
        top: 185px;
    }
     .solute5 dl dd.i8 {
        left: 485px;
        top: 315px;
    }
    
    .solute6 .box {
        width: 717px;
        margin: 0 auto;
    }
    
    .solute6 dl dd.i1 {
        left: 235px;
        top: 145px;
    }
    
    .solute6 dl dd.i2 {
        left: 525px;
        top: 100px;
    }
    
    .solute6 dl dd.i3 {
        left: 564px;
        top: 173px;
    }
    
    .solute6 dl dd.i4 {
        left: 426px;
        top: 262px;
    }
    
    .solute6 dl dd.i5 {
        left: 372px;
        top: 396px;
    }
    
    .solute7 .box {
        width: 822px;
        margin: 0 auto;
    }
    
    .solute7 dl dd.i1 {
        left: 189px;
        top: 128px;
    }
    
    .solute7 dl dd.i2 {
        left: 166px;
        top: 218px;
    }
    
    .solute7 dl dd.i3 {
        left: 245px;
        top: 194px;
    }
    
    .solute7 dl dd.i4 {
        left: 310px;
        top: 115px;
    }
    
    .solute7 dl dd.i5 {
        left: 341px;
        top: 246px;
    }
    
    .solute7 dl dd.i6 {
        left: 413px;
        top: 197px;
    }
    
    .solute7 dl dd.i7 {
        left: 519px;
        top: 250px;
    }
    
    .solute7 dl dd.i8 {
        left: 614px;
        top: 274px;
    }
    
    .solute7 dl dd.i9 {
        left: 601px;
        top: 413px;
    }
    
    .solute7 dl dd.i10 {
        left: 329px;
        top: 171px;
    }
    
    @media ( max-width:900px) {
        .solute2 .box,
        .solute4 .box,
        .solute5 .box,
        .solute7 .box {
            width: auto;
        }
        .solute2 dl dd.i1 {
            left: 20%;
            top: 19%;
        }
        .solute2 dl dd.i2 {
            left: 18.5%;
            top: 29.5%;
        }
        .solute2 dl dd.i3 {
            left: 22%;
            top: 41%;
        }
        .solute2 dl dd.i4 {
            left: 29.5%;
            top: 49%;
        }
        .solute2 dl dd.i5 {
            left: 41.5%;
            top: 47%;
        }
        .solute2 dl dd.i6 {
            left: 51.5%;
            top: 39%;
        }
        .solute2 dl dd.i7 {
            left: 51.5%;
            top: 21%;
        }
        .solute2 dl dd.i8 {
            left: 38.5%;
            top: 21.5%;
        }
        .solute2 dl dd.i9 {
            left: 81%;
            top: 40%;
        }
        .solute4 dl dd.i1 {
            left: 30%;
            top: 31.5%;
        }
        .solute4 dl dd.i2 {
            left: 23%;
            top: 39.5%;
        }
        .solute4 dl dd.i3 {
            left: 42.5%;
            top: 44%;
        }
        .solute4 dl dd.i4 {
            left: 56%;
            top: 57.5%;
        }
        .solute4 dl dd.i5 {
            left: 62%;
            top: 61%;
        }
        .solute4 dl dd.i6 {
            left: 74.5%;
            top: 45.5%;
        }
        .solute5 dl dd.i1 {
            left: 90%;
            top: 53%;
        }
        .solute5 dl dd.i2 {
            left: 34.5%;
            top: 27%;
        }
        .solute5 dl dd.i3 {
            left: 21%;
            top: 37%;
        }
        .solute5 dl dd.i4 {
            left: 59%;
            top: 28%;
        }
        .solute5 dl dd.i5 {
            left: 68%;
            top: 50%;
        }
        .solute5 dl dd.i6 {
            left: 75.5%;
            top: 54.5%;
        }
         .solute5 dl dd.i7 {
            left: 48.5%;
            top: 37.5%;
        }
         .solute5 dl dd.i8 {
            left: 64.5%;
            top: 63.5%;
        }
        .solute7 dl dd.i1 {
            left: 23%;
            top: 19%;
        }
        .solute7 dl dd.i2 {
            left: 20%;
            top: 32.5%;
        }
        .solute7 dl dd.i3 {
            left: 30%;
            top: 29%;
        }
        .solute7 dl dd.i4 {
            left: 38%;
            top: 17.5%;
        }
        .solute7 dl dd.i5 {
            left: 41.5%;
            top: 37%;
        }
        .solute7 dl dd.i6 {
            left: 50.5%;
            top: 29.5%;
        }
        .solute7 dl dd.i7 {
            left: 63%;
            top: 37.5%;
        }
        .solute7 dl dd.i8 {
            left: 74.5%;
            top: 40.5%;
        }
        .solute7 dl dd.i9 {
            left: 73%;
            top: 62%;
        }
        .solute7 dl dd.i10 {
            left: 40%;
            top: 25.5%;
        }
    }
    
    @media ( max-width:740px) {
        .solute6 .box {
            width: auto;
        }
        .solute6 dl dd.i1 {
            left: 33%;
            top: 25%;
        }
        .solute6 dl dd.i2 {
            left: 73%;
            top: 17.5%;
        }
        .solute6 dl dd.i3 {
            left: 78%;
            top: 30%;
        }
        .solute6 dl dd.i4 {
            left: 59.5%;
            top: 45%;
        }
        .solute6 dl dd.i5 {
            left: 51.5%;
            top: 68%;
        }
    }
    
    @media ( max-width:700px) {
        .solute3 .box {
            width: auto;
        }
        .solute3 dl dd.i1 {
            left: 39%;
            top: 8%;
        }
        .solute3 dl dd.i2 {
            left: 30%;
            top: 37%;
        }
        .solute3 dl dd.i3 {
            left: 55%;
            top: 29.5%;
        }
        .solute3 dl dd.i4 {
            left: 53%;
            top: 55%;
        }
        .solute3 dl dd.i5 {
            left: 74.5%;
            top: 38%;
        }
    }
    /* 鍥剧墖鍒楄〃 */
    
    .PicsList .list li .effect-img {
        height: 240px;
    }
    
    .PicsList .list li .title {
        text-align: center;
        line-height: 50px;
        height: 50px;
        font-size: 18px;
    }
    
    @media ( max-width:1024px) {
        .PicsList .list li .effect-img {
            height: 200px;
        }
    }
    
    @media ( max-width:780px) {
        .PicsList .list li .effect-img {
            height: 160px;
        }
    }
    
    @media ( max-width:640px) {
        .PicsList .hd li {
            width: auto;
        }
        .PicsList .hd li a {
            padding: 0 15px;
        }
        .PicsList .list li .effect-img {
            height: 200px;
        }
    }
    /* 20-04-15 */
    
    .Hrinfo {
        line-height: 40px;
        font-size: 16px;
        color: #222222;
        font-weight: bold;
        position: relative;
        margin-bottom: 10px;
        background: url(../images/hrbg.jpg) center top no-repeat;
        background-size: cover;
        padding: 54px 48px 0 48px;
        height: 96px;
    }
    
    .Hrinfo span {
        display: inline-block;
    }
    
    .Hrinfo i {
        color: #df0009;
        margin-right: 28px;
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
    }
	
	.Foot_GP .w1440{height: 80px;line-height: 80px;}
.GP_Tit{display: inline-block;padding-left: 47px;margin-left: 5px;background-repeat: no-repeat;background-position: left center;font-size: 20px;color: #05449a;background-image: url(../images/in_54.png);}
.GP_Name{display: inline-block;margin-left: 45px;font-size: 20px;color: #333;}
.GP_ZS{display: inline-block;font-size: 20px;color: #ff0000;margin-left: 45px;}
    
    @media ( max-width:1024px) {
        .Hrinfo {
            padding: 20px;
            line-height: 25px;
            font-size: 14px;
            height: auto;
        }
        .Hrinfo i {
            font-size: 16px;
        }
    }
    
    @media ( max-width:768px) {
        .Hrinfo span {
            display: block;
        }
        .Hrinfo i {
            margin-right: 0;
        }
		.Foot_GP .w1440{height: auto;line-height: 30px;padding:10px 0;}
		.Foot_GP .w1440 a{display:block !important;margin-left:0 !important;}
		.Foot_GP .w1440 .GP_Name{display:block !important;margin-left:0 !important;}
		.Foot_GP .w1440 .GP_ZS{display:block !important;margin-left:0 !important;}
    }
    
    .ProSorts {
        display: none;
    }
    
    @media ( max-width:1360px) {
        .ProSorts {
            display: block;
        }
    }
    /*20-04-23*/
    
    .videoCon {
        position: relative;
        width: 68%;
        margin: 0px auto;
    }
    
    .videoCon .pic img {
        display: block;
        width: 100%;
    }
    
    .videoCon .video {}
    
    .videoCon .video video {
        width: 100%;
        height: 100%;
        object-fit: fill;
        object-fit: cover;
    }
    
    .MobileShow {
        display: none;
    }
    
    @media ( max-width:1360px) {
        #flash {
            display: none;
        }
        .MobileShow {
            display: block;
        }
    }
    
    .imgSLider {
        width: auto;
        float: none;
    }
    
    .Pdfmain {}
    
    .Pdfmain .title {
        text-align: center;
        line-height: 50px;
        font-size: 20px;
        color: #333;
    }
    
    .Pdfmain .banner img {
        width: 100%;
    }
    
    .PdfList {
        padding: 20px 20px 50px;
    }
    
    .PdfList li {
        border-radius: 10px;
        margin-bottom: 15px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    
    .PdfList a {
        display: block;
        padding: 15px 15px 15px 75px;
        position: relative;
        height: auto !important;
        height: 60px;
        min-height: 60px;
        line-height: 24px;
    }
    
    .PdfList .fileType {
        width: 50px;
        position: absolute;
        left: 15px;
        top: 15px;
    }
    
    .PdfList .fileType img {
        width: 100%;
    }
    
    .PdfList .fileName {
        font-size: 15px;
        padding: 5px 0 5px;
    }
    
    .PdfList .fileSize {
        font-size: 12px;
        color: #9b9b9b;
    }
	

.frxx{background: #f8f8f8;padding: 3% 0;display: none;}
    .fx_box{display: flex;align-items: center;justify-content: space-between;}
	.fx_left{width: 100%;}
    .fx_left h2{color: #004f99;font-size: 24px;margin: 20px 0;}
    .fx_left p{color: #666;font-size: 16px;line-height: 1.5;}
    .fx_left img{max-width:80px;}
	.fx_right{width: 44.4444%;position: relative;z-index: 2;}
    .fx_right::after{content: "";display: block;width: 200px;height: 200px;background: #05449a;position: absolute;bottom: -30px;right: -30px;z-index: -1;}
    .fx_right img{width: 100%;}


/* 20240430 */
.HomeService2 {background-image: url(../images/boxbg3.jpg);padding-bottom:4%;}
.HomeService2 .flexslider{margin: 0 -17px;background:transparent;}
.HomeService2 .item{padding: 0 17px;}
.HomeService2 .imgbox{padding-top: 60%;position: relative;overflow: hidden;}
.HomeService2 .imgbox img{width: 100%;height: 100%;left: 0;top: 0;position: absolute;object-fit: cover;}
.HomeService2 .info{background-color: #fff;min-height: 180px;text-align: center;padding: 30px 20px 20px;}
.HomeService2 .info h2{line-height: 61px;font-size: 24px;color: #000000;}
.HomeService2 .info h2:after{display: block;margin: 0px auto;width: 20px;height: 14px;border-bottom: 1px solid #dadada;content:"";margin-bottom:10px;}
.HomeService2 .info .desc{color: #4d4d4d;line-height: 30px;font-size:16px;}

.HomeService2 .flex-direction-nav a {width: 54px;height: 54px;overflow: hidden;line-height: 1000px;background-size: cover;background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -27px;z-index: 5;}
.HomeService2 .flex-direction-nav .flex-prev {left: -7%;background-image: url(../images/left.png);}  
.HomeService2 .flex-direction-nav .flex-next {right: -7%;background-image: url(../images/right.png);}  
.HomeService2 .flex-direction-nav .flex-prev:hover {background-image: url(../images/lefton.png);}
.HomeService2 .flex-direction-nav .flex-next:hover {background-image: url(../images/righton.png);}

@media(max-width:1024px){
	.HomeService2 .flex-direction-nav .flex-prev{left:0;}
	.HomeService2 .flex-direction-nav .flex-next{right:0;}
}
@media(max-width:768px){
.HomeService2 .flex-direction-nav a {width: 30px;height: 30px;margin-top: -15px;}
.HomeService2 .info{padding:15px;min-height:150px;}
.HomeService2 .info h2{line-height:24px;font-size:18px;}
.HomeService2 .flexslider{margin: 0 -10px;}
.HomeService2 .item{padding: 0 5px;}
}

.Pdfmain .Current{padding:20px;display:none;}
@media(max-width:800px){
	.Pdfmain .Current{display:block;}
}


.auto2{display:none;}

  @media ( max-width:640px) 
  {
 .auto2 
 {
     display:block;
    height: 35px;
    background-color: #ebf0f5;
    }
    
    .auto2 .call {
    margin-top: 6px;
    float: right;
    font-size: 16px;
    color: #004f99;
    font-family: "DIN Medium";
    font-weight: bold;
    padding-right: 20px;
    background: url(../images/line1.png) repeat-y right top;
}

.auto2 img.icon {
    -webkit-animation: move 3s 0s infinite;
    margin-top: 3px;
    margin-right: 5px;
}
    
         
 }