*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden;font-family: "syht";}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
:focus{ outline: none;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.gy{max-width: 1600px;margin: 0 auto;width: 100%;}
.gy2{max-width: 1600px;margin: 0 auto;width: 100%;position: relative;}
.gy3{max-width: 96%;margin: 0 auto;width: 100%;position: relative;}
.gy1{min-width: 1280px;margin: 0 auto;width: 100%;}
@media screen and (max-width: 1550px){
.gy{width:calc(100% - 80px);}
}

@font-face {
font-family: "syh";
src: url("../cssnew/syh.woff.txt") format("woff2"),
       url("../cssnew/syh.woff.txt") format("woff"),
       url("../cssnew/syh.otf.txt") format("truetype"),
       url("../cssnew/syh.otf.txt") format("embedded-opentype"),
       url("../cssnew/syh.svg.txt") format("svg");
}
@font-face {
  font-family: "syht";
  src: url("../cssnew/syht.woff.txt") format("woff2"),
       url("../cssnew/syht.woff.txt") format("woff"),
       url("../cssnew/syht.ttf.txt") format("truetype"),
       url("../cssnew/syht.eot.txt") format("embedded-opentype"),
       url("../cssnew/syht.eot.txt") format("svg");
}

@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}

@font-face {
  font-family: 'iconfont';  /* Project id 4194726 */
  src: url('//at.alicdn.com/t/c/font_4194726_fqr3hlzwher.woff2?t=1691460647594') format('woff2'),
       url('//at.alicdn.com/t/c/font_4194726_fqr3hlzwher.woff?t=1691460647594') format('woff'),
       url('//at.alicdn.com/t/c/font_4194726_fqr3hlzwher.ttf?t=1691460647594') format('truetype');
}

@font-face {
  font-family: 'iconfont';  /* Project id 4212562 */
  src: url('//at.alicdn.com/t/c/font_4212562_wchm3ld4u8.woff2?t=1692154323960') format('woff2'),
       url('//at.alicdn.com/t/c/font_4212562_wchm3ld4u8.woff?t=1692154323960') format('woff'),
       url('//at.alicdn.com/t/c/font_4212562_wchm3ld4u8.ttf?t=1692154323960') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*two_title*/
.two_title{text-align: center;margin-bottom:0px;}
.two_title i{font-size:18px;font-weight: bolder;font-style:normal;padding-left:70px;color:#023a90;position:relative;display:inline-block;}
.two_title i:before{content:'';width:56px;height:2px;background:#023a90;position:absolute;top:calc(50% - 1px);right:calc(100% - 56px);animation:twoTit infinite 2s;}
.two_title p{font-size:38px;font-weight: bolder;margin:15px 0;}
.two_title span{font-size:18px;color:#666;}

@keyframes twoTit{
  0%{width:0px;}
  50%{width:56px;}
  100%{width:0px;}
}

.uw-title{color:#fff;}
.uw-title .uw-line-x { background: rgba(0,0,0,.2);}
.uw-title-cn{transform: translateX(0px);opacity: 1;color: #333;font-weight: 100;font-family: syh;text-transform: uppercase;
font-size: 36px;line-height: 40px;}
.uw-line-x {
    width: 100%;
    height: 3px;
    position: relative;
    margin: 10px 0 28px 0;
    background: rgba(0,0,0,.2);
}
.uw-line-x{transform: translateX(0px);
    opacity: 1;
    color: #999;
    font-weight: bold;
    font-family: microsoft yahei;
    text-transform: uppercase;}
.uw-line-x::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #023a90;
}
.uw-title .uw-title-en, .uw-investor-line-content strong {
    font-size: 62px;
    line-height: 80px;
}
.uw-title-en{transform: translateX(0px);
    opacity: 1;
    color: #999;
    font-weight: bold;
    font-family: din;
    text-transform: uppercase;}

/*header*/
.hea_lc{display: flex;}
.hea_lc>a{display: flex; align-items: center;}
.hea_lc b{display: block; font-size: 28px;letter-spacing:0px;font-family: "syh";font-weight: lighter;}
.hea_lc i{font-size: 16px; margin-top: 5px;display: flex; align-items: center;color:#999;letter-spacing:0.8px;}
.hea_lc i em{margin-left:3px;}
.hea_lc>a>p{margin-right: 0px;}
.hea_lc>a>p img {height: auto;}

.header_box::before {   background: #05358b;left:0;}
.header_box::after { background: #808080;right:0;}
.header_box::after {
    left: auto;
    right: 0;
    background: #808080;
}
.header_box::before, .header_box::after {
    content: '';
    width: 66%;
    height: 5px;
    position: absolute;
    bottom: 0;
z-index: 999;
}

.header_box {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
box-shadow: 0 10px 18px #ccc;
}
.header_box:hover{height: 80px;transition: all .5s;}
.header_box:hover .hea_lc img{width:100px;transition: all .5s;}
.header_box:hover .hea_lc b{font-size: 25px;}
.header_box:hover .hea_lc i{font-size: 14px;}
.header_box.on .hea_lc img{width:100px;transition: all .5s;}
.header_box.on .hea_lc b{font-size: 25px;}
.header_box.on .hea_lc i{font-size: 14px;}
.header_box.on { position: fixed;transition: .5s;}
.header_box.on {transition: .5s;height: 80px;top: 0;}
.header_box.on .index_active .header_main::before {
    border-radius: 0 0 0 0px;
}

.header_box .header_main {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.header_box .header_main::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .center {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.header_box .header_main .logo {
    width: 30%;
    max-width: 166px;
    height: 100%;
    font-size: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.header_box .header_main .logo img {
    max-height: 80%;
    vertical-align: middle
}

.header_box .header_main .nav {
    width: auto;
    height: 100%
}

.header_box .header_main .nav ul {
    width: 100%;
    height: 100%
}

.header_box .header_main .nav ul li {
    width: auto;
    height: 100%;
    float: left
}

.header_box .header_main .nav ul li>a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.header_box .header_main .nav ul li>a::after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    background: #023a90;
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.header_box .header_main .nav ul li>a .subtitle {
    font-size: 10px;
    line-height: 15px;
    color: #999;
    text-transform: uppercase;
}

.header_box .header_main .nav ul li>a .title {
    font-size: 18px;
    line-height: 1.5;
    color: #111;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;font-weight:bold;
}


.header_box .header_main .nav ul li:hover>a::after,
.header_box .header_main .nav>ul>li.active a::after{
    width: 100%;
}

.header_box .header_main .nav ul li:hover .one_nav,
.header_box .header_main .nav ul li:hover .two_nav {
    opacity: 1;
    margin: 0;
    visibility: initial;
}

.header_box .header_main .nav ul li .one_nav {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    border-radius: 0px 0 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
}

.header_box .header_main .nav ul li .one_nav::before {
    content: '';
    width: 50%;
    height: 100%;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #fff
}

.header_box .header_main .nav ul li .one_nav::after {
    content: '';
    width: 100%;
    height: 100%;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #f5f5f5;
}

.header_box .header_main .nav ul li .one_nav .n_center {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
    border-top: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info {
    width: 30%;
    padding: 2.6vw 4vw;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .title_box .title {
    font-size: 30px
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .title_box .details {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #999;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink::before {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: #023a90;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #999;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1;
    padding-bottom: 15px;
    color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a .nt {
    width: auto;
    flex: 1;
    font-size: 16px;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a .icon i {
    font-size: 24px;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a.active::before,
.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink:hover::before {
    width: 100%;
    left: 0;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a.active a,
.header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink:hover a {
    color: #023a90;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box {
    width: 70%;
    padding: 2.6vw 4vw;
    padding-right: 0;
    background: #fff;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item {
    width: 20%;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 20px;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a::before {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: #023a90;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #e5e5e5;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a .txt {
    font-size: 18px
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a .icon i {
    font-size: 24px
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a.active,
.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a:hover {
    color: #023a90;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a.active::before,
.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a:hover::before {
    width: 100%;
    left: 0
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu {
    width: 100%;
    height: calc(6 * 30px + 25px);
    margin-top: 20px;
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one {
    width: 100%;
    height: auto;
    margin-top: 5px;
    line-height: 30px;
    overflow: hidden
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one a {
    font-size: 16px;
    color: #666;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one a.active,
.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one a:hover {
    color: #023a90;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one:first-child {
    margin: 0;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box {
    width: 100%;
    height: 2px;
    margin-top: 2.6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .pager {
    flex: 1;
    align-self: end;
    height: 100%;
    background: #e5e5e5;
    position: relative
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .pager .swiper-pagination-progressbar-fill {
    background: #023a90;
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .n_btn {
    width: auto;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 1.5vw;
    position: relative;
    z-index: 1;
    margin-top: -15px;
    color: #999;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .n_btn i {
    font-size: 20px
}

.header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .n_btn:hover {
    color: #023a90;
}

@media (max-width:1440px) {
    .header_box .header_main .nav ul li .one_nav .n_center .n_info .title_box .title {
        font-size: 24px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .title_box .details {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a .nt {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a .icon i {
        font-size: 20px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a .txt {
        font-size: 16px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a .icon i {
        font-size: 20px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one a {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .n_btn i {
        font-size: 16px
    }
}

@media (max-width:1280px) {
    .header_box .header_main .nav ul li .one_nav {
        border-radius: 50px 0 0
    }
}

@media (max-width:1024px) {
    .header_box .header_main .nav ul li .one_nav .n_center {
        border-radius: 40px 0 0
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info {
        padding: 30px 40px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .title_box .title {
        font-size: 20px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .title_box .details {
        font-size: 12px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a .nt {
        font-size: 12px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_info .nlink a .icon i {
        font-size: 16px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box {
        padding: 30px 40px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a .txt {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .title a .icon i {
        font-size: 16px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .n_main .n_content .item .menu .one a {
        font-size: 12px
    }

    .header_box .header_main .nav ul li .one_nav .n_center .n_box .pager_box .n_btn i {
        font-size: 12px
    }
}

.header_box .header_main .nav ul li .two_nav {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    border-radius: 0px 0 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.header_box .header_main .nav ul li .two_nav::before {
    content: '';
    width: 50%;
    height: 100%;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #f5f5f5
}

.header_box .header_main .nav ul li .two_nav::after {
    content: '';
    width: 100%;
    height: 100%;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff
}

.header_box .header_main .nav ul li .two_nav .n_center {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
    border-top: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden
}

.header_box .header_main .nav ul li .two_nav .n_center .n_subnav {
    width: 25%;
    padding: 2.6vw;
    padding-left: 0 !important
}

.header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item {
    width: 48%;
    height: auto;
    float: left;
    overflow: hidden
}

.header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item a {
    line-height: 1;
    font-size: 18px
}

.header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item a.active,
.header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item a:hover {
    color: #023a90;
}

.header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item:nth-child(2n) {
    float: right
}

.header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item:nth-child(2n)~.item {
    margin-top: 1.5vw
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box {
    width: 75%;
    padding: 2.6vw 4vw;
    padding-right: 0 !important;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box {
    flex: 1;
    margin-right: 2vw
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .title {
    font-size: 36px;
    line-height: 1
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .details {
    height: calc(5em * 1.8);
    margin-top: 15px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    overflow: hidden;
    overflow-y: auto
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a {
    border-radius: 30px;
    border: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 30px;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .nt {
    font-size: 18px;
    color: #023a90;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .icon {
    width: 24px;
    height: 24px;
    margin-left: 20px;
    border-radius: 50%;
    background: #023a90;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #fff;
    box-shadow: 5px 5px 10px 0 rgba(2, 58, 144, .2);
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .icon i {
    line-height: 1;
    font-size: 18px
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a:hover {
    border-color: #023a90;
    background: #023a90;
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a:hover .nt {
    color: #fff
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a:hover .icon {
    background: #fff;
    color: #023a90;
}

.header_box .header_main .nav ul li .two_nav .n_center .n_box .img {
    width: 40%
}

@media (max-width:1440px) {
    .header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item a {
        font-size: 18px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .title {
        font-size: 30px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .details {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .nt {
        font-size: 16px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .icon {
        width: 20px;
        height: 20px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .icon i {
        font-size: 16px
    }
}

@media (max-width:1280px) {
    .header_box .header_main .nav ul li .two_nav {
        border-radius: 50px 0 0
    }
}

@media (max-width:1440px) {
    .header_box .header_main .nav ul li .two_nav .n_center .n_subnav {
        padding: 30px 20px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_subnav .item a {
        font-size: 16px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box {
        padding: 30px 40px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .title {
        font-size: 24px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .details {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a {
        padding: 12px 20px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .nt {
        font-size: 14px
    }

    .header_box .header_main .nav ul li .two_nav .n_center .n_box .info_box .nlink a .icon {
        margin-left: 12px
    }
}

.header_box .header_main .nav ul li:first-child~li {margin-left: 2vw;}

.header_box .header_main .column {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.header_box .header_main .column .tel_box.active {margin-left: 1vw;}
.header_box .header_main .column .tel_box {
    margin-left: 1vw;
margin-right: 1vw;
    position: relative;
    z-index: 2
}

.header_box .header_main .column .tel_box .subtitle {
    font-size: 12px;
    line-height: 15px;
    color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header_box .header_main .column .tel_box .title {
    flex-flow: 'Arial';
    font-size: 18px;
    line-height: 1.5;
    color: #111;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
    .header_box .header_main .column .tel_box {
        display: none
    }
}

@media (max-width:1200px) {
    .header_box .header_main .logo {
        width: 30%
    }
}

@media (max-width:1024px) {
    .header_box .header_main .logo {
        width: 30%
    }

    .header_box .header_main .logo img {
        max-height: 60%
    }

    .header_box .header_main .column .nav ul li a {
        font-size: 15px
    }

}

.header_box.index_active .header_main::before {
    border-radius: 0 0 0 0px;
}

.header_box.page_active {
    height: 100px
}

.header_box.page_active+.header_nbsp {
    height: 100px
}

.header_box.page_active .header_main::before {
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9
}

.header_box.page_active .header_main .column .nav ul li:hover>a,
.header_box.page_active .header_main .column .nav ul li a.active {
    color: #023a90;
}

.header_box.page_active .header_main .column .nav ul li:hover>a::after,
.header_box.page_active .header_main .column .nav ul li a.active::after {
    background: #023a90;
}



@media (max-width:1440px) {
    .header_box .header_main .center .logo {
        max-width: 150px
    }

    .header_box .header_main .center .nav ul li a .title {
        font-size: 16px
    }

    .header_box .header_main .center .nav ul li:first-child~li {
        margin-left: 2.2vw
    }


    .header_box .header_main .center .column .tel_box {
        margin-left: 2
    }

    .header_box .header_main .center .column .tel_box.active {
        margin-left: 1.5vw
    }

    .header_box .header_main .center .column .tel_box .title {
        font-size: 15px
    }
}

@media (max-width:1280px) {
    .header_box {
        height: 90px
    }

    .header_box.index_active .header_main::before {
        border-radius: 0 0 0 0px
    }

    .header_box .header_main .center .logo {
        max-width: 130px
    }

    .header_box .header_main .center .nav ul li a .title {
        font-size: 15px
    }

    .header_box .header_main .center .column .search i {
        font-size: 22px
    }

    .header_box .header_main .center .column .tel_box .subtitle {
        font-size: 10px
    }

    .header_box .header_main .center .column .tel_box .title {
        font-size: 14px
    }
}

@media (max-width:1024px) {
    .header_box.index_active .header_main::before {
        border-radius: 0 0 0 0px
    }

    .header_box .header_main .center .nav ul li:first-child~li {
        margin-left: 3vw
    }

    .header_box .header_main::before {
        border-radius: 0 0 0 0px
    }
}

@media (max-width:990px) {
    .header_box {
        display: none
    }
}

.header_nbsp {
    width: 100%;
    height: 120px;
    overflow: hidden
}

@media (max-width:1440px) {
    .header_nbsp {
        height: 100px
    }
}

@media (max-width:1280px) {
    .header_nbsp {
        height: 80px
    }
}

.hea_lc>a{display: flex; align-items: center;}
.hea_lc b{display: block; font-size: 28px;letter-spacing:0px;font-family: "syh";font-weight: lighter;}
.hea_lc i{font-size: 16px; margin-top: 5px;display: flex; align-items: center;color:#999;letter-spacing:0.8px;}
.hea_lc img{width: 120px;transition: all .5s;}
.hea_lc i em{margin-left:3px;}
.hea_lc>a>p{margin-right:0px;}
.hea_lc>a>p img { height: auto;}
.w1800 {
    width: 100%;
    max-width: 1920px;
    padding: 0 60px;
}
.w1400, .wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.dh_c {width: 130%;text-align: center;}
.dh_h,.dh_h b{font-size:16px;}
.fa-caret-down:before {content: "\e6ec";font-family: 'iconfont'; font-size:19px;}
.main-h-link{display: flex; align-items: center; justify-content: space-between; position: relative; right:3%;}
.main-menu02>div {margin-left: 0rem;}
.lang-wrap .btn-lang i{display: flex; line-height: 30px; padding-right: 0%;}
.main-menu02{display: flex!important;border: 1px #eee solid;  height: 30px; line-height: 30px;}

@media all and (max-width: 1680px) {
.sygdtu .bd ul {height: 92vh !important;}
}

.search-wrap {position: relative; width:9rem;}

/*search*/
.searchIcon{height: 100%; display: flex; align-items: center;}
.searchIcon > span{font-size: 22px;width: 42px;height: 42px;text-align: center;line-height: 42px;border: 1px #eee solid; border-radius: 50%;}
.searchIcon > span a{line-height: 42px;font-size: 20px;}
.slideDown{text-align:center;position:absolute;right:0;width:100%;height:204px; background:rgba(250,250,250,0.9);z-index:999;overflow:hidden;top:80px;transition:all .5s;transform-origin:top;transform:rotateX(90deg);}
.slideDown .searchBox{ overflow: hidden; display: inline-block; width:90%; height:80px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.slideDown .searchBox{}
.slideDown .searchHot{ font-size: 15px; color: #333; font-weight: 100;}
.slideDown .searchHot a{ color: #333; font-size:16px;}
.slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}

.search-bg{width:90%;height: 60px;line-height:60px;padding-left: 10px; float:left;}
.search-i{width:32px;overflow:hidden;height:32px;float: left;margin-top:20px;}
.nav_r{float:right;width:6.5vw;}
#infoname{width:1330px; background:none; outline:none; color:#d2d1d1; border: none; height:82px; line-height:60px; padding-left: 50px;}
.searchIcon:hover .slideDown{transform: rotateX(0deg);}
@media screen and (max-width:1550px){
  .head_c{padding-left: 1%;}
}

/*flashvideo*/
.banner_title {font-size:50px;color:#ffffff;font-weight: 500;letter-spacing: 2px;}
.banner_en {color:#ffffff;text-transform:uppercase;margin-top: 15px;font-size: 21px;color: #ffffff;font-weight: bold;width: 130px;height: 2px;background: #fefeff;margin-left: 2px;box-shadow: 5px 5px 5px #060606;}
.banner_text {font-size: 17px;color:#ffffff;padding-top: 23px;font-weight: 200; line-height:30px;width: 40%;}
.width-auto {width: 100%; padding: 0px 200px; position: relative;}
.swiper-animation { text-shadow: 3px 3px 3px #060606;}
.swiper-text-box .swiper-animation:nth-child(1) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.swiper-text-box .swiper-animation:nth-child(2) {
    /* -webkit-animation-delay: 400ms; */
    animation-delay: 400ms;
}
.swiper-text-box .swiper-animation:nth-child(3) {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.centerr {
    position: absolute;
    top: 58%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}
.swiper-texta{
    display: inline-block;
    position: relative;
    padding: 6px 10px;
    margin-top: 80px;
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid #05358b;
}
.swiper-texta a{color: #fff; font-size: 16px;}

.flashvideo{width:100%;padding-bottom:100vh;position:relative;overflow:hidden;}
.flashvideo video{position:absolute;width:100%;height:calc(100% + 200px);left:0;top:0;z-index:1;object-fit:cover;display:block;}
.flashvideo .v_shade{width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;position:absolute;z-index:1;}
.flashvideo .fv_txt{position:absolute;width:100%;left:0;top:50%;z-index:2;text-align:center;font-size:0;-webkit-text-size-adjust:none;padding-bottom:65px;}
.flashvideo .fv_txt p{font-size:16px;line-height:26px;color:#FFF;text-align:center;}
.flashvideo .fv_txt p:first-child{font-size:48px;height:58px;line-height:58px;}
.flashvideo .fv_txt p:nth-child(2){margin:26px 0 28px;}
.flashvideo .fv_txt a{display:inline-block;width:139px;height:36px;line-height:36px;background:#f5b324;padding:0 23px;}
.flashvideo .fv_txt a span{display:block;font-size:14px;color:#FFF;padding-left:10px;background:url(flash_btnicon.png) no-repeat right center;text-align:left;}
.flashvideo .fv_txt a:last-child{margin-left:11px;}
.flashvideo .fv_txt a:hover{
  -webkit-box-shadow:0 0 8px rgba(255,255,255,.6);
     -moz-box-shadow:0 0 8px rgba(255,255,255,.6);
       -o-box-shadow:0 0 8px rgba(255,255,255,.6);
          box-shadow:0 0 8px rgba(255,255,255,.6);}
/*flash*/
.index_banner{width:100%; overflow:hidden;z-index:1;top:0;left:0;position: fixed;}
.index_banner.mb{display:none;}
.index_banner .swiper-slide{height:88vh;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-slide video{display:block;width:100%;height:100%;object-fit:cover; position: relative;}
.index_banner .swiper-slide video:after {position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0;z-index: 5;}
.index_banner .swiper-slide:last-child:before {content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;}
.index_banner .swiper-pagination-bullets{bottom:56px!important;height:37px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:210px;height:37px;margin:0 5px!important;position:relative;border-radius:0;background:transparent;padding-bottom:13px;vertical-align:top;overflow:hidden;}
.index_banner .swiper-pagination-bullet .line{width:0;height:2px;position:absolute;left:0;bottom:0;background:#00f;z-index:2;}
.index_banner .swiper-pagination-bullet:after{content:'';width:210px;height:2px;position:absolute;left:0;bottom:0;background:#a9a4a5;z-index:1;border-radius: 50px;}
.index_banner .swiper-pagination-bullet .sw_p{font-size:15px;height:22px;line-height:22px;color:#FFF;text-align:left;position:relative; font-weight:100;text-align: center;
     -webkit-transform:translateY(-100%);
       -moz-transform:translateY(-100%);
         -o-transform:translateY(-100%);
            transform:translateY(-100%);
    -webkit-transition:all 0.5s ease-in-out;
       -moz-transition:all 0.5s ease-in-out;
         -o-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out;}
.index_banner .swiper-pagination-bullet .sw_p em{font-style:normal;display:inline-block;margin-right:10px;}
.index_banner .swiper-pagination-bullet .sw_p em i{font-style:normal;font-size:15px;}

.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background:#05358b;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active .sw_p,.index_banner .swiper-pagination-bullet:hover .sw_p{
    -webkit-transform:translateY(0%);
       -moz-transform:translateY(0%);
         -o-transform:translateY(0%);
            transform:translateY(0%);}
.index_wrap{margin-top:88vh;position:relative;z-index:2;background:#FFF;}

.c-text-box { position: absolute; top: 50%; left: 0; z-index: 4; width: 100%; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.c-text-box .c-num { display: flex; align-items: flex-start; justify-content: center; margin-bottom: 35px; }
.c-text-box .c-num img { width: 188px; }
.c-text-box .c-num p { margin-left: -10px; font-size: 24px; line-height: 1; }
.c-text-box .c-title { font-size: 50px; line-height: 68px; font-bold;letter-spacing: 2px;}
.c-text-box .c-text { margin-bottom: 75px; font-size: 18px; line-height: 30px; letter-spacing: 0px;}
.c-common-btn1 { position: relative; display: inline-block; border: 2px solid #fff; }
.c-common-btn1::before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -2px; left: -2px; width: 0; height: -webkit-calc(100% + 4px); height: calc(100% + 4px); background: #fff; transition: .5s; }
.c-common-btn1 div { position: relative; z-index: 2; font-size: 14px; line-height: 56px; padding: 0 72px 0 40px; background: url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230821/20230821115634_1666640322.png)no-repeat right 40px center / 22px; color: #fff; transition: all .5s; }
.c-common-btn1:hover div { color: #555; background-image: url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230821/20230821115054_545409731.png); }
.c-common-btn1:hover::before { width: -webkit-calc(100% + 4px); width: calc(100% + 4px); }
.c-common-btn1.c-dt { border-color: #0187d0; background-color: #0187d0; }
.c-common-btn1.c-dt::before { background: #30a74b; }
.c-common-btn1.c-dt:hover div { color: #fff; background-image: url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230821/20230821115054_545409731.png); }

/*appli*/
.appli {padding: 3% 1% 5% 1%;overflow: hidden;background:#f6f6f6 url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230823/20230823113045_301057196.png)no-repeat top center;position:relative;z-index:5;}
.appli:before {content:'';width:100%;height:100%;position: absolute;background: rgba(255,255,255,0.1);top: 0;left: 0;z-index: -1;}
.appli_box {max-width: 1600px;margin:0 auto;}
.appli_tit {display: flex;align-items: center;color:  #333;justify-content:  space-between;}
.appli_tit p {display: flex;flex-direction: column;font-size: 36px; font-weight:bold;}

.appli_tit p span {font-size: 18px;font-family: Arial;text-transform:  uppercase;padding: 4% 0 0;color:  #999;}
.appli_tit a {font-size: 24px;color:  #333;text-transform:  uppercase;font-family:  Arial;position: relative;z-index: 5;}
.appli_tit a:before {content:'';width:0;height:2px;background:#fff;position:absolute;bottom:0;left:0;transition: 0.8s;}
.appli_tit:hover a:before {width:100%;}
.appli_top {display:flex;justify-content: space-between;align-items: center;}
.appli_tab {margin: 3% 0 0;display: flex;justify-content: space-between;}
.appli_nav {width: 40%;}
.appli_nav ul {display:flex;justify-content: space-between;}
.appli_nav li {/* padding: 11.3% 10%; */position:  relative;z-index: 5;}
.appli_nav li:before {content:'';width:0;height: 10%;background: #05358b;position:absolute;bottom: -8px;left: 0;z-index:-1;transition:1s;}
.appli_nav li:after {content:'\ea66';width:0;height:100%;background: #05358b;position:absolute;top:0;right: 18%;z-index: -1;transition:1s;font-family: 'iconfont';color: #fff;font-size: 30px;bottom: 0;margin: auto;display: flex;justify-content: center;align-items: center;transform: translateX(100px);opacity: 0;visibility: hidden;}
.appli_nav li:hover:before,.appli_nav li.on:before {width: 110%;}
.appli_nav li:hover:after,.appli_nav li.on:after {transform: translateX(0); opacity: 1;visibility: visible;}
.appli_nav li a {font-size: 18px;color:  #333;font-weight:  lighter;}
.appli_con {width: 100%;overflow:  hidden;}
.appli_con>ul {display:flex;transition:0.5s;}
.appli_con>ul>li {display:flex;width:  100%;flex-shrink:  0;justify-content:  space-between;}
.appli_pic {width: 77%;}
.appli_pic .divdgweb_new_div_item {display:flex !important;justify-content: space-between; padding:30px;background: #fff;}
.appli_pic .divdgweb_new_div {}
.appli_pic .divdgweb_new_div_item_date {display:none;}
.appli_pic .divdgweb_new_div_item_content {background:#fff;padding: 6%;width: 35%;}
.appli_pic .divdgweb_new_div_item_body {font-size:15px;line-height: 30px;font-weight: lighter; padding: 5% 0 0;}
.appli_pic .divdgweb_new_div_item_body {font-size: 15px;width: 100%;text-overflow: ellipsis;-webkit-line-clamp: 5;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;font-weight: lighter;}
.appli_pic .divdgweb_new_div_item_body p {display:flex;flex-direction:column;margin: 8% 0 0;font-weight: lighter;/* line-height: 32px; */color: #666;font-size: 16px;line-height: 28px;}
.appli_pic .divdgweb_new_div_item_body p span {font-size: 16px;margin: 10% 0 0;line-height: 30px;font-weight: lighter;}
.appli_pic .divdgweb_new_div_item_body o {display:flex;margin: 15% 0 0;}
.appli_pic .divdgweb_new_div_item_body o a {font-size:14px;background: #05358b;color: #fff;width: 36%;margin: 0 4% 0 0;padding: 3%;text-align: center;}
.appli_pic .divdgweb_new_div_item_body o a:last-child {background: #e71e30;}
.appli_pic .divdgweb_new_div_item_title {}
.appli_pic .divdgweb_new_div_item_title a {font-size: 25px;font-weight: bold;}
.appli_pic .news_div_item_pic {width: 65%;}
.appli_pic .news_div_item_pic img {width:100%;height:auto;}
.appli_call {width: 21%;overflow: hidden;/* height: 566px; */}
.appli_call ul {}
.appli_call .slick-track {padding: 0% 0 0;}
.appli_call li {display:flex !important;align-items: center;cursor: pointer;border: 1px solid rgba(0,0,0,0.1) !important;padding: 3.5%;/* margin: 0 0 4% 0; */}
.appli_call li+li {margin: 2.2% 0 0;}
.appli_call ul li a {width: 50%;overflow: hidden;pointer-events: none;}
.appli_call li a img {width: 100%;height: auto;}
.appli_call li p {margin: 0 0 0 1vw;position: relative;}
.appli_call li p:before {content:'';width: 20%;height:2px;background:#023a90;position:absolute;bottom: -1vw;left: 0;transition:0.5s;}
.appli_call li:hover p:before {width:80%;}
.appli_call li p a {font-size: 17px;color: #333;font-weight: lighter;pointer-events: none;}
.appli_call .ban_dot {display:none !important;}

/*pro*/
.pro {padding:80px 0;overflow: hidden; background:url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230824/20230824084648_1124656634.jpg) center top no-repeat;    }
.pro_box1 {max-width: 100%;margin: 0 auto;background: #023a90;}

.pro_box {max-width: 1600px;margin: 0 auto;}
.pro_tit {display: flex;justify-content:  center;flex-direction:  column;align-items:  center;}
.pro_tit b {font-size: 82px;font-family: Impact;color: #eee;line-height:  82px;font-weight:  normal;letter-spacing: 3px;text-transform:  uppercase;}
.pro_tit p {display: flex;flex-direction: column;font-size: 40px;align-items:  center;margin: -63px 0 0;line-height:  42px;font-weight: bold;}
.pro_tit p span {font-size: 18px;color: #999;line-height:  20px;padding: 8% 0 0;font-weight: lighter;}
.pro_tab { margin: 3% 0 0;}
.pro_nav {max-width: 1600px;margin: 0 auto;}
.pro_nav ul { display: flex; justify-content: space-between;}
.pro_nav li {width: 25%;display: flex;align-items: center; justify-content: center; background: #023a90;height: 95px;    position: relative;}
.pro_nav li:before {content:'\e653'; font-family: 'iconfont';font-size: 22px;color: #fff;position: absolute; left: 30%;top: 40%;}
.pro_nav li:after {content:'\eb94';  font-family: 'iconfont';font-size: 27px;position: absolute; right: 0; top: 46%;transition: 0.5s;opacity: 0; color: #fff;}
.pro_nav li.on:after { right: 16%;opacity: 1;}
.pro_nav li:nth-child(3).on:after { right: 19%;opacity: 1;}
.pro_nav li:nth-child(4).on:after { right: 9%;opacity: 1;}
.pro_nav li:nth-child(5).on:after { right: 21%;opacity: 1;}
.pro_nav li.on a:after {right: -54px;  opacity: 1; }
.pro_nav li a {font-size: 20px;position: relative; color: #fff;}
.pro_nav li a:after {content:'';width:20px;height:20px; background: rgba(255,255,255,0.3); border-radius: 50%;position: absolute; right: 0;  top: 4px;
transition: 0.5s;  opacity: 0;}
.pro_con {    margin: 60px 0 0;}
.pro_roll {}
.pro_call {}
.pro_call ul { display: flex; flex-wrap: wrap;justify-content: space-between;}
.pro_call li {width: 24.5%;display: flex;flex-direction: column-reverse;align-items: center;background: #f6f6f6;padding: 4% 0 0;    position: relative;    z-index: 5;}

.pro_call li:hover img {    transform: scale(1.2);}
.pro_call li:nth-child(n+5) {margin: 30px 0 0;}
.pro_call li>a {position: relative;    overflow: hidden;}
.pro_call li>a:before {content:'';width: 8px;height: 8px;background:#ccc;position:absolute;border-radius: 50%;bottom: 30px;left: 30px;}
.pro_call li>a:after {content:'More';font-size:16px;position:absolute;bottom: 27px;left: 56px; font-family: 'Arial';}
.pro_call li>a img {width: 82%; height: auto; transition: 0.5s; margin: 0 auto; display: flex;}
.pro_call li span {    position: relative;width: 100%;text-align: center;}
.pro_call li span:after {content:'专注高端精密零件加工'; position: absolute; left: 30%; top: 40px; font-size: 16px;font-weight: lighter; color:  #999;}
.pro_call li span>a {font-size: 28px;font-weight: normal;line-height: 32px;}
.pro_more {background: #023a90;border-radius:  40px;width: 42%;padding: 1.2% 0;display:  flex;justify-content:  center;align-items:  center;margin: 4% auto 0;transition: all 0.5s;}
.pro_more:hover{width: 62%;transition: all 0.5s; letter-spacing: 15px;}
.pro_more a {font-size: 18px;color:  #fff; letter-spacing: 6px; transition: all 0.5s;}
.pro_more:hover a {letter-spacing: 15px;}

/*titis*/
.titisd{margin:0 auto;}
.titisa{position: relative;padding-bottom: 6px; text-align: center;}
.titisa em{font-size: 90px;color: rgba(102,102,102,0.1);font-family: Impact;letter-spacing: 3px;text-transform: uppercase;}
.titisa em b{color: rgba(16,65,129,0.3);font-family: Impact;}
.titisa p{font-size: 42px; top: 30px;left: 60px;font-weight: bold; color: #333;margin: -66px 0 0 0;}
.titisa i{width: 46px;height: 5px;background: #0e4485;position: absolute;bottom: -25px;left: 0;animation: protitI 2s linear infinite; right: 0;margin: 0 auto;}

@keyframes titisdI{
  0%,100%{width: 46px;}
  50%{width: 0;}
}

.index2{margin-top: 0px;}
.index2 .idx2title .h3{line-height: 1.333;font-size: .45rem;text-align: center;color: #333; }
.index2 .item{float: left;width: 20%;text-align: center;padding-top:8vw;position: relative; margin-top: 0%;}
.index2 .item i{width: 90px;margin: 0 auto;margin-bottom:30px; height: 90px; border-radius: 50%; display: block; line-height: 90px; font-size: 33px; background: #fff; color: #104181;position: relative;}

.index2 .item i:after {
    content: '';
    width: 120px;
    height: 120px;
    background: rgba(255,255,255, 0.7);
    position: absolute;
    top: -15px;
    left: -15px;
    border-radius: 50%;
    box-shadow: 0 0 20px #017cd0;

}

.idx2box{padding: 0px 0 0px 0; background: url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230823/20230823105519_2101948011.jpg) no-repeat; width:100%;    position: relative; margin-top: 60px; background-attachment: fixed; padding-bottom: 70px;}
.idx2box:before { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(0,0,0,0.7);}

.idx2box .txt{width:100%;height:auto; overflow:hidden;text-align:center;position: relative;margin: 0 auto;padding-top: 50px;}
.idx2box .txt p:nth-of-type(1){font-size:31px;color:#fff;line-height:41px; font-weight: 100;}
.idx2box .txt p:nth-of-type(2){font-size:13px;color:rgba(255,255,255,0.4);line-height:10px;margin-top:3px; font-family:Arial;}
.idx2box .tel{width:558px;height:60px;margin:15px auto 0 auto;padding:0 25px;overflow:hidden; background:#fff; position: relative;}
.idx2box .tel p{padding-left:35px; background:url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230823/20230823113219_415719598.png) left center no-repeat;font-size:30px;color:#333;line-height:60px;font-weight:bold;font-family: 'din';float:left;}
.idx2box .tel p span{display:block;float:left;font-size:16px;color:#666;font-weight:normal;line-height: 60px;}
.idx2box .tel a{display:block;width:126px;height:40px;float:right;margin:10px 0;padding-left:45px;background:url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230823/20230823113415_163083648.png) 18px center no-repeat #023a90;font-size:15px;color:#fff;line-height:40px;-webkit-transition:all .7s;transition:all .7s; font-weight:100;}
.idx2box .tel a:hover{color:#999;background:url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230823/20230823113749_45621795.png) 18px center no-repeat #333;-webkit-transition:all .7s;transition:all .7s;}

.index2 .item:nth-child(odd){background:rgba(255,255,255,0.1);}
.index2 .item:nth-child(even){background:rgba(0,0,0,0.2);}
.index2 .item .h3{font-size: 1.5rem;color: #fff;line-height: 3rem;margin: 0 3.5vw;padding:1.3vw 0 3vw 0;border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: .6rem}
.index2 .item .h3 span{display: block;}
.index2 .item>p{font-size:1rem;color: rgba(255,255,255,0.8);line-height: 1.9rem;height:13vw;padding:1.6vw 4.5vw; position: relative;}
.index2 .item .after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .3s;opacity: 0}
.index2 .item .after img{width: 100%;height: 100%;object-fit: cover;position: relative; }
.index2 .item .after:after{ content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(255,255,255,0.7);}
.index2 .item .after p{font-size: 1rem;color: #333;line-height: 2.1;padding: 14vw 4.5vw;position: absolute;bottom: 0;left: 0;right: 0;text-align: left;z-index: 999;}
.index2 .item:nth-child(even) .after p{top: 0;bottom: auto;}
.index2 .item:hover .after {
    opacity: 1;
} 

/*com*/
.about_co{padding:0px 0 100px 0;background:url(http://dgcongrong1.n.zyqxt.com/uploadfile/image/20230823/20230823113045_301057196.png) no-repeat;    position: relative;}
.about_int {width: 55%;float: right;margin: 8% 20px; border-radius: 10px;position: relative;}
.about_int b {line-height: 28px;font-size: 15px; color: #333; font-weight:normal;}
.about_int b a{color: #333;}
.about_tu {margin-top: 30px;}
.about_tu ul {display: flex; padding: 0 0%;}
.about_tu ul li {width: 120px;height: 120px;border: 1px dashed #ccc;border-radius: 0px;display: flex;justify-content: center;align-items: center;flex-flow: column;transition: 0.5s;}
.about_tu ul li+li{margin-left:2%;}
.about_tu ul li:hover{border-color: #023a90;}
.about_tu ul li:hover i{color: #023a90;}
.about_tu ul li i {font-size: 26px;transition: 0.5s;color: #333;}
.about_int span {line-height: 18px;font-size: 18px; text-align: center; padding-top:10px;}
.about_tu li span a {font-size: 18px;color: #333;}
.about_tu li span em{font-size: 12px;color:rgba(0,0,0,0.5);display: block;}

.spleft{ position:relative; width:600px; height:500px; background:url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230824/20230824115438_722884972.jpg) no-repeat center; border:30px solid #fff; box-shadow:0 0 15px #ccc;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; float: left; margin-top: 7%;}
.spvidio{ display:inline-block; width:76px; height:76px; position:relative;}
.spvidio span{width:76px; height:76px; background:url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230824/20230824115632_1158589245.png) no-repeat center; display:block;z-index:33; position:relative; cursor:pointer;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:47%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:42%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:44%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.pulse2 {position: absolute;  top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #0073c8;box-shadow: 1px 1px 30px #0073c8; }
.pulse3 {position: absolute; top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite;background: #0073c8; animation-iteration-count: infinite;box-shadow: 1px 1px 30px #0073c8;}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}

/* strength */
.dfs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.str_bg{max-width:90%;height:240px;background:#fff; position: relative; padding: 0% 8%;margin: 0 auto;z-index: 999;}
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{height:100%;position: relative;margin-top: -100px;}
.str_list li+li{border-left: 1px rgba(0,0,0,0.1) solid; padding-left: 8%;}
.str_list li p{font-size:30px;font-weight: 100;color:#333;}
.str_list li em {display:flex;align-items:baseline;margin:6px 0;}
.str_list li em i{font-size:46px; color:#666;font-style: 100; font-family:din;}
.str_list li em b{font-size:18px;font-weight: 100;color:#333;margin-left:5px;}
.str_list li>span{font-size:16px;color:rgba(0,0,0,0.8);}

/*case*/
.case {width: 100%;background: url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230824/20230824162956_1990988801.jpg)no-repeat center #012971;height: 1075px;padding: 242px 0;overflow: hidden;}
.case_box {width: 86.4%;margin: 0 auto;}
.case_con {display: flex;justify-content: space-between;    align-items: center;}
.case_nav {width:48.657%;overflow: hidden;}
.case_nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;}
.case_nav li {width: 49.7%;height: 300px; display: flex;flex-direction: column;align-items: center;justify-content: center; transition: 0.5s;background: #fff;    margin-bottom: 0.6%;transition: 0.5s;}
.case_nav li.on {background: #e62129;transition: 0.5s;color: #fff;}
.case_nav li.on a ,.case_nav li.on i {color:#fff;}
.case_nav li.on span{color:#fff;}
.case_nav li i {font-size: 36px;line-height: 36px;color: #333;}
.case_nav li a {font-size: 24px;display: flex;flex-direction: column;align-items: center;line-height: 28px;padding-top: 18px;}
.case_nav li a span {font-size: 15px;color: #999; text-transform: uppercase;text-align: center; padding:6% 10%; line-height:26px;}
.case_txt {text-align: right;}
.case_txt p {display: flex;flex-direction: column;color: #fff;text-align: right;}
.case_txt p b {font-size: 62px;font-weight: 1000;text-transform: uppercase;font-family: Arial;line-height: 65px;}
.case_txt p span {font-weight: bold;font-size: 52px;line-height: 60px;padding-top: 16px;}
.case_txt p em {font-size: 36px;line-height: 40px;padding-top: 28px; font-weight:100;color: rgba(255,255,255,0.7);}
.case_txt a {font-size:20px;color: rgba(255,255,255,0.5);text-transform: uppercase;font-family: Arial;line-height: 24px;border-bottom: 1px solid #ddd;    margin-top: 20%;display: inline-block;position: relative;z-index: 5;}

/*news*/
.news {overflow: hidden;position: relative;z-index: 5; padding-top:70px;}
.news_box {margin: 0 auto; padding-top:40px; padding-bottom:70px;}
.news_tit {display: flex;align-items:  center;justify-content: space-between;position: absolute;/*top: 7%;*/left: 3.5%;z-index: 5;}
.news_tit p {display: flex;flex-direction: column;font-size: 32px;font-weight:  bold;}
.news_tit p span {font-size: 22px;font-weight:  lighter;padding: 6%  0 0;font-family:  Arial;text-transform:  uppercase;}
.news_con {}
.news_call {}
.news_div {margin:0 !important;}
.news_div_item {display: flex !important;flex-direction: column-reverse;position: relative;justify-content: space-between;align-items: center;padding: 0.5% 0.5%;background:#f8f8f8;}
.news_div_item:nth-child(2n-1) {background:#fff;}
.news_div_item_date {display:flex;position: absolute;bottom: 6%;left: 14%;font-size: 16px; transition: 0.5s;}
.news_div_item_date:before {content:'';width: 40%;height: 2px;background: #333;position: absolute;top: 50%;left: -226%;opacity: 0;transition: 0.5s;}
.news_div_item_date:after {content:'';width: 12px;height: 12px;border: 2px solid #333;border-radius: 50%;position: absolute;top: 12%;left: -234%;opacity: 0;transition: 2s all;}
.news_div_item_content {display:flex;flex-direction: column;width: 100%;margin: 6% 0 6% 0;}
.news_div_item_title {}
.news_div_item_title a {font-size: 18px;font-weight: normal;}
.news_div_item_body {font-size: 15px;font-weight: lighter;line-height: 26px;margin: 4% 0 0;}
.news_div_item_pic {/* width: 50%; */}
.news_div_item_pic img {width:100%;height:auto;transition: 0.5s;}
.news_call .ban_dot {display:none !important;}
.news_div_item:hover img {transform:scale(1.1);}
.news_div_item:hover .news_div_item_date:before,.news_div_item:hover .news_div_item_date:after {opacity:1;}
.news_div_item:hover .news_div_item_date {left:65%;}
#slick-slide10 {
  width: 350px !important;
}
#slick-slide11 {
  width: 350px !important;
}
#slick-slide12 {
  width: 350px !important;
}
#slick-slide13 {
  width: 350px !important;
}
#slick-slide14 {
  width: 350px !important;
}

.ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ab img{width:100%;}

/*link*/
.links{width:100%; overflow:hidden; padding:40px 0; border-top:1px #eee solid;  line-height: 30px; background:#ffffff;}
.linksW{ margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.links_l{ width:200px; background: url(https://memberpic.114my.com.cn/dgcongrong1/uploadfile/image/20230823/20230823114108_1521617484.png) left no-repeat; padding-left: 50px;}
.links_lm{font-size:17px; line-height:30px; color:#333; width:100px;}
.links_r{ width:93%; color:#999; padding-left: 30px;}
.links_r a{font-size:15px; color:#999;}

.footer_box {
    width: 100%;
    height: auto;
    background: #282f36;
    overflow: hidden;
position: relative;
}


.footer_box .footer_main {
    width: 100%;
    height: auto;
    overflow: hidden
}

.footer_box .footer_main .f_head {
    width: 100%;
    height: auto;
    padding: 2vw 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.footer_box .footer_main .f_head::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .05;
    overflow: hidden
}

.footer_box .footer_main .f_head .logo {
    width: 60%;
    max-width: 328px;
    font-size: 0;
    overflow: hidden;
display: flex;
    justify-content: center;
    align-items: center;
}
.footer_box .footer_main .f_head .logo img {
    width: 158px;
    transition: all .5s;
}

.footer_box .footer_main .f_head .logo b{display: block; font-size: 28px;letter-spacing:0px;font-family: "syh";font-weight: lighter;color:#fff;}
.footer_box .footer_main .f_head .logo i{font-size: 16px; margin-top: 5px;display: flex; align-items: center;color:#999;letter-spacing:0.8px;}

.footer_box .footer_main .f_head .items {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.footer_box .footer_main .f_head .items .item {
    width: 100%;
    height: auto;
    margin-left: 3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #adb2b7
}

.footer_box .footer_main .f_head .items .item .icon i {
    font-size: 20px
}

.footer_box .footer_main .f_head .items .item .txt {
    flex: 1;
    margin-left: 15px;
    font-size: 16px;
    white-space: nowrap
}

.footer_box .footer_main .f_head .items .item:first-child {
    margin-left: 0
}

.footer_box .footer_main .f_info {
    width: 100%;
    height: auto;
    padding: 5vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.footer_box .footer_main .f_info .qrcode {
    width: 240px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.footer_box .footer_main .f_info .qrcode .item {
    flex: 1
}

.footer_box .footer_main .f_info .qrcode .item .img {
    width: 100%;
    height: auto;
    padding: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.footer_box .footer_main .f_info .qrcode .item .img::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    border: 1px solid #fff;
    opacity: .05
}

.footer_box .footer_main .f_info .qrcode .item .img .pb {
    padding-bottom: 100%;
    font-size: 0;
    z-index: 2
}

.footer_box .footer_main .f_info .qrcode .item .info {
    width: 100%;
    height: auto;
    margin-top: 3px;
    color: #adb2b7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.footer_box .footer_main .f_info .qrcode .item .info .icon {
    width: 20px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.footer_box .footer_main .f_info .qrcode .item .info .icon i {
    font-size: 16px
}

.footer_box .footer_main .f_info .qrcode .item .info .txt {
    margin-left: 2px;
    font-size: 14px
}

.footer_box .footer_main .f_info .qrcode .item:first-child {
    margin-right: 40px
}

.footer_box .footer_main .f_info .nav {
    flex: 1;
    height: auto;
    margin-left: 15vw
}

.footer_box .footer_main .f_info .nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.footer_box .footer_main .f_info .nav>ul>li>a {
    display: inline-block;
    padding-bottom: 7px;
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 1
}

.footer_box .footer_main .f_info .nav>ul>li>a::after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer_box .footer_main .f_info .nav>ul>li>a:hover::after {
    width: 100%
}

.footer_box .footer_main .f_info .nav>ul>li ul {
    margin-top: 15px
}

.footer_box .footer_main .f_info .nav>ul>li ul li {
    margin-top: 10px
}

.footer_box .footer_main .f_info .nav>ul>li ul li a {
    font-size: 15px;
    color: #adb2b7;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer_box .footer_main .f_info .nav>ul>li ul li a:hover {
    color: #fff
}

.footer_box .footer_main .f_body {
    width: 100%;
    height: auto;
    padding: 1vw 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden
}

.footer_box .footer_main .f_body::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .05;
    overflow: hidden
}

.footer_box .footer_main .f_body .f_copy {
    font-size: 14px;
    color: #adb2b7
}

.footer_box .footer_main .f_body .f_copy a {
    color: #adb2b7;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer_box .footer_main .f_body .f_copy a:hover {
    color: #fff
}

.footer_box .footer_main .f_body .f_link {
    font-size: 0
}

.footer_box .footer_main .f_body .f_link a {
    display: inline-block;
    font-size: 14px;
    color: #adb2b7;
    white-space: nowrap;
    margin-right: 20px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer_box .footer_main .f_body .f_link a:last-child {
    margin-right: 0
}

.footer_box .footer_main .f_body .f_link a:hover {
    color: #fff
}

@media (max-width:1440px) {
    .footer_box .footer_main .f_head {
        padding: 40px 0
    }

    .footer_box .footer_main .f_head .items .item .icon i {
        font-size: 16px
    }

    .footer_box .footer_main .f_head .items .item .txt {
        font-size: 14px
    }

    .footer_box .footer_main .f_info {
        padding: 40px 0
    }

    .footer_box .footer_main .f_info .qrcode {
        width: 260px
    }

    .footer_box .footer_main .f_info .qrcode .item .info {
        margin-top: 10px
    }

    .footer_box .footer_main .f_info .qrcode .item .info .icon {
        width: 16px;
        height: 20px
    }

    .footer_box .footer_main .f_info .qrcode .item .info .icon i {
        font-size: 14px
    }

    .footer_box .footer_main .f_info .qrcode .item .info .txt {
        font-size: 12px
    }

    .footer_box .footer_main .f_info .qrcode .item:first-child {
        margin-right: 20px
    }

    .footer_box .footer_main .f_info .nav {
        margin-left: 8vw
    }

    .footer_box .footer_main .f_info .nav ul li a {
        font-size: 16px
    }

    .footer_box .footer_main .f_info .nav ul li ul li a {
        font-size: 12px
    }

    .footer_box .footer_main .f_body {
        padding: 20px 0
    }
}

@media (max-width:1024px) {
    .footer_box .footer_main .f_info .nav ul li a {
        font-size: 15px
    }

    .footer_box .footer_main .f_body .f_copy,
    .footer_box .footer_main .f_body .f_link a {
        font-size: 12px
    }
}
/*xw*/
.xw p {
  font-size: 16px;
  line-height: 30px;
}


.bottomco{ background:#05358b; height:120px; line-height:118px; overflow:hidden;}
.bot1_bg{ text-align:center; font-size:0;}
.bot1{ display:inline-block; vertical-align:middle; position:relative; text-align:center; width:18.2%; font-size:25px; color:#fff;padding-top: 2.1%;}
.bot1::after{ content:''; position:absolute; right:0; top:50%; width:1px; height:40px; background:rgba(255,255,255,0.3);}
.bot1:nth-child(5)::after{ width:0;}
.bot1 i{ display:inline-block; vertical-align:middle; width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-size:30px;line-height: 40px; font-size:30px;}
.bot1 > p{ display:inline-block; vertical-align:middle; padding-left:10px; line-height: 30px; text-align: left;}
.bot1 > p > span{display:block;font-size:13px;color:rgba(255,255,255,0.4);}