@charset "UTF-8";
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('/skin/static/fonts/webfont_a869c9k952.eot'); /* IE9*/
  src: url('/skin/static/fonts/webfont_a869c9k952.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('/skin/static/fonts/webfont_a869c9k952.woff2') format('woff2'),
  url('/skin/static/fonts/webfont_a869c9k952.woff') format('woff'), /* chrome、firefox */
  url('/skin/static/fonts/webfont_a869c9k952.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/skin/static/fonts/webfont_a869c9k952.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
/*头部 S*/
.header { position: absolute; left: 0; top: 0; right: 0; z-index: 99; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; border-bottom: 1px solid rgba(238, 238, 238, .2); background: url(/skin/static/images/head-bg.png) no-repeat center top; }
.header .wp { height: 110px; align-items: center; }
.header.fixed {    /*background: #000;*/
box-shadow: 0 4px 10px rgba(116, 116, 116, 0.05); }
.logo-wrap { text-align: center; }
.logo-wrap .slogan { display: block; width: 100%; font-size: 14px; color: rgba(255, 255, 255, .5); margin-top: 8px; }
.nav-list { width: 27%; }
.nav-link { display: block; position: relative; font-size: 16px; color: #fff; }
.nav-link:hover { color: #fff; }
.nav-link:before { content: ""; position: absolute; left: 50%; bottom: -42px; width: 0; border-bottom: solid 1px #fff; opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.nav-link:hover:before, .nav-list li.on .nav-link:before { width: 100%; opacity: 1; left: 0; }
.header.inner { position: static; background: #fff; }
.header.inner .nav-link { color: #615f5f; }
.header.inner .nav-link:hover, .header.inner .nav-list li.on .nav-link { color: #122d6b; }
.header.inner .logo-wrap .slogan { color: #81868e; }

/*手机导航*/
.menu-btn { z-index: 999; overflow: hidden; width: 35px; height: 35px; background: 0 0; text-indent: -5260px; opacity: 1; position: relative; z-index: 999; }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: 36px; height: 2px; background: #122d6b; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color }
.menu-btn .line-1 { margin-top: -11px; width: 30px }
.menu-btn .line-3 { margin-top: 11px; width: 30px }
.drawerMenu-open .menu-btn .line-1 { visibility: hidden }
.drawerMenu-open .menu-btn .line-2 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.drawerMenu-open .menu-btn .line-3 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.searchbtn { width: 40px; line-height: 38px; text-align: center; font-size: 24px; color: #122d6b }
.mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 1); z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none }
.mobNav ul { height: 90vh; overflow: auto }
.mobNav ul li { padding: 15px 0; border-bottom: 1px solid #ddd }
.mobNav ul li:last-child { border-bottom: 0 }
.mobNav ul li .navp a { font-size: 15px; color: #454545; font-weight: bold; }
.mobNav ul li.cur .navp a { color: #122d6b }
.mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px }
.mobNav ul li.on .navp i { transform: rotate(-45deg); }
.mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none }
.mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px }
.headerm { display: none; padding: 10px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; height: 60px }
.headerm .logo img { height: 40px; width: auto; }
.serm { height: 20px; display: inline-block; }
@media (max-width:1600px) {
    .nav-list { width: 32%; }
}
@media (max-width:1280px) { }
@media (max-width:1024px) {
    .header { display: none; }
    .headerm { display: block; }
    body { padding-top: 55px; }
    .menu-btn { transform: translateY(-2px); }
    .headerm { height: 55px }
    .headerm .logo img { height: 30px; width: auto; position: relative; top: -2px; }
    .header .logo img { width: 200px; }
    .nav-list li { margin-left: 30px; }
    .nav-right .other { margin: 0 20px; }
    .nav-right .other .search { margin-right: 15px; }
    .nav-link { font-size: 16px; }
}
@media screen and (max-width:768px) { }



.header-new {
   /* position: fixed;
    top: 0;
    left: 0;*/
    width: 100%;
    height: 100px;
    line-height: 100px;
    padding: 0 50px;
    z-index: 999;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: #fff;
}
.header-new.fixed {
    /*position: fixed;
    height: 90px;
    line-height: 90px;
    background-color: #6D54DB;*/
}
.header-new.inner {
    background-color: #fff;
}
.header-new .logo {
    position: relative;
    align-items: center;
}
.header-new .logo .slogan {
    line-height: 1.5;
    margin-left: 10px;
}
.header-new .navlist>li {
    float: left;
    font-size: 0;
    position: relative;
}
.header-new .navlist>li ~ li {
    margin-left: 40px;
}
.header-new .navlist>li>a {
    font-size: 18px;
    color: #454545;
    padding: 15px 0;
    position: relative;
    vertical-align: middle;
    -webkit-transition: .4s color;
    -o-transition: .4s color;
    transition: .4s color;
    font-family: 'webfont';
}
.header-new .navlist>li.on>a,
.header-new .navlist>li>a:hover {
    color: #122d6b;
}
.header-new .navlist>li>a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 2px solid #122d6b;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.header-new .navlist>li.on>a:before,
.header-new .navlist>li>a:hover:before {
    width: 100%;
    left: 0;
}
.header-new .header-right li {
    font-size: 0;
}
.header-new .header-right li a {
    font-size: 20px;
    color: #122d6b;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 162px;
}
.header-new .header-right li a .icon-dianhua {
    font-size: 21px;
    color: #122d6b;
    width: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.header-new .header-right li a i {
    font-size: 20px;
}
@media (max-width: 1800px) {
    .header-new {
        padding: 0 4%;
    }
    .header-new .navlist>li>a {
        font-size: 16px;
    }
}
@media (max-width: 1600px) {
    .header-new .navlist>li ~ li {
        margin-left: 35px;
    }
}
@media (max-width: 1500px) {
    .header-new .navlist>li ~ li {
        margin-left: 30px;
    }
}
@media (max-width: 1440px) {
    .header-new .navlist>li ~ li {
        margin-left: 25px;
    }
}
@media (max-width: 1336px) {
    .header-new .navlist>li>a {
        font-size: 15px;
    }
}
@media (max-width: 1280px) {
    .header-new .navlist>li ~ li {
        margin-left: 20px;
    }
}
@media (max-width: 1024px) {
    .header-new .navlist {
        display: none;
    }
    .header-new {
        display: none;
    }
}
@media (max-width: 768px) {
    .header-new {
        height: 60px;
        line-height: 60px;
    }
    .header-new .header-right {
        display: none;
    }
    .header-new .logo img {
        height: 40px;
        max-width: none;
        width: auto;
    }
    .header-new .fixed {
        height: 60px;
        line-height: 60px;
    }
}

/*头部 E*/

/*尾部 S*/
.footer { background: url(/skin/static/images/foot-bg.jpg) no-repeat center; background-size: cover; text-align: center; padding-top: 40px; }
.footD { padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, .1); color: rgba(247, 247, 247, .5); }
.footA .slogan { color: rgba(129, 134, 142, 1); margin-top: 8px; }
.footB { }
.foot-nav { margin-top: 30px; margin-bottom: 35px; }
.foot-nav li { margin: 0 30px; }
.foot-nav li a { color: rgba(247, 247, 247, .8); font-size: 18px; }
.foot-nav li a:hover, .footD a:hover { color: rgba(255, 255, 255, 1); }
.footC { margin-bottom: 40px; }
.footC .item { text-align: left; margin: 0 60px; align-items: center; }
.footC .item .icon { margin-right: 8px; }
.footC .item .cont h4 { color: rgba(247, 247, 247, .5); line-height: 1.5; }
.footC .item .cont p { font-family: DINPro-Regular; font-size: 18px; color: rgba(247, 247, 247, 1); line-height: 1.5; }
.footD a { color: rgba(247, 247, 247, .5); }

/*尾部 E*/
@media (max-width:1600px) {
    .footC { justify-content: space-between; }
    .footC .item { margin: 0; }
}
@media (max-width:1024px) {
    .foot-nav li { margin: 0; }
    .foot-nav { justify-content: space-between; }
    .foot-nav li a { font-size: 14px; }
    .footC .item .cont p { font-size: 14px; }
}
@media (max-width:640px) {
    .foot-nav li { width: 25%; }
    .footC .item { width: 48%; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; }
    .footC .item .cont { flex: 1; }
    .footC { margin-bottom: 0px; }
    .footD { line-height: 1.5; }
    .foot-logo img { width: 150px; }
    .footer { padding-bottom: 50px; }
}

/*首页*/
.product-fast { border-bottom: 1px solid #ddd; }
.product-fast .wp { height: 140px; align-items: center; }
.product-fast a { position: relative; text-align: center; padding: 0 70px; }
.product-fast a:before { content: ""; position: absolute; left: 50%; bottom: -27px; width: 0; border-bottom: 1px solid #122d6b; opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.product-fast a:hover:before { left: 0; width: 100%; opacity: 1; }
.product-fast a .icon { width: 56px; height: 50px; background-color: #fff; background-repeat: no-repeat; background-size: 112px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.product-fast a:hover .icon { background-position: -56px; }
.product-fast a .tit { font-size: 16px; margin-top: 8px; color: #595757; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.product-fast a:hover .tit { color: #122d6b; }
.homeA { padding: 100px 0; background: url(/skin/static/images/product-bg.jpg) no-repeat center; background-size: cover; }
.homeA .side { width: 21.15%; }
.homeA .cont { width: 78.85%; }
.tit-cn { font-size: 42px; line-height: 1.3; color: #281f20; }
.tit-cn.white { color: #fff; }
.c-imp { color: #122d6b; }
.tit-en { font-size: 14px; line-height: 24px; color: #fff; margin-top: 10px; }
.tit-en.white { color: #ffffff; opacity: 0.3; }
.in-tit { text-align: center; }
.tit-sub { font-size: 18px; line-height: 24px; color: #81868e; margin-top: 10px; }
.in-product-tab { border-left: 1px solid #ddd; margin-top: 65px; margin-bottom: 130px; padding: 15px 0; }
.in-product-tab li ~ li { margin-top: 20px; }
.in-product-tab li a { font-size: 16px; line-height: 24px; color: #595757; line-height: 30px; display: block; padding-left: 30px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-product-tab li a:before { content: ""; position: absolute; left: -1px; top: 50%; height: 0; opacity: 0; border-left: 1px solid #122d6b; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-product-tab li.on a:before, .in-product-tab li a:hover:before { top: 0; height: 100%; opacity: 1; }
.in-product-tab li.on a, .in-product-tab li a:hover { color: #122d6b; }
.com-more { display: inline-block; width: 150px; height: 42px; background-color: #ffffff; border: solid 1px #aaaaaa; line-height: 40px; text-align: center; font-size: 16px; color: #595757; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.com-more-2 { width: 200px; }
.com-more i { font-style: normal; margin-left: 15px; -webkit-transition: margin-left .4s; -o-transition: margin-left .4s; transition: margin-left .4s; }
.com-more:hover, .com-more.color { background: #122d6b; color: #fff; border-color: #122d6b; }
.com-more:hover i { margin-left: 25px; }
.com-more.white { background: #fff; border-color: #fff; color: #122d6b; }
.com-more.white:hover { background: #fff; border-color: #fff; color: #122d6b; }
.homeB { padding: 100px 3% 0; }
.homeB .item { width: 49%; position: relative; border-radius: 10px; overflow: hidden; }
.homeB .item img { width: 100%; }
.homeB .item .cont { position: absolute; left: 0; top: 80px; width: 100%; padding: 0 9%; z-index: 2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item:hover .cont { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
.homeB .item .cont h3 { font-size: 36px; line-height: 1.4; color: #fff; padding-bottom: 5px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item .cont .tit-en { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item:hover .cont h3, .homeB .item:hover .cont .tit-en { color: #fff; }
.homeB .item .cont .iconfont { display: inline-block; width: 24px; height: 24px; background-color: #122d6b; text-align: center; color: #fff; line-height: 24px; margin-top: 45px; font-size: 12px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item:hover .cont .iconfont { background: #fff; color: #122d6b; }
.homeB .item .cont .iconfont:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.homeB .item ul { position: absolute; left: 0; bottom: 60px; width: 100%; padding: 0 9%; z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item:hover ul { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
.homeB .item .ys-num li { color: #fff; }
.homeB .item .ys-num li h4 { font-size: 30px; line-height: 1.2; }
.homeB .item .ys-num li p { font-size: 16px; }
.homeB .item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(18, 45, 107, .85); z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item:hover:before { opacity: 1; visibility: visible; }
.homeB .item .solution-ls li { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeB .item .solution-ls li a { line-height: 32px; color: #fff; font-size: 16px; }
.homeB .item .solution-ls li:hover { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }
.homeC { padding-top: 135px; padding-bottom: 95px; }
.in-case-tab { margin-top: 55px; margin-bottom: 55px; }
.in-case-tab li { margin: 0 32px; }
.in-case-tab li a { font-size: 18px; color: #615f5f; padding: 0 5px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; padding-bottom: 10px; position: relative; }
.in-case-tab li a:hover, .in-case-tab li.on a { color: #1a2a50; }
.in-case-tab li a i { display: inline-block; vertical-align: middle; width: 32px; height: 25px; background-repeat: no-repeat; background-size: 64px; background-position: 0 0; margin-right: 5px; margin-top: -5px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-case-tab li a:hover i, .in-case-tab li.on a i { background-position: -32px; }
.in-case-tab li a:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #000; opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-case-tab li.on a:before, .in-case-tab li a:hover:before { width: 100%; left: 0; opacity: 1; }
.case-tab-big .item .pic { width: 75%; }
.case-tab-big .item .cont { width: 25%; background-color: #f7f7f7; padding: 65px 50px; }
.case-tab-big .item .cont h4 { font-size: 24px; color: #1b202e; line-height: 1.3; margin-bottom: 8px; }
.case-tab-big .item .cont p { font-size: 16px; color: #81868e; margin-bottom: 40px; }
.case-tab-big .item .cont .des { font-size: 16px;    /*margin-bottom: 60px;*/ }
.case-tab-content { position: relative; }
.case-tab-small { position: absolute; right: 0; bottom: 0; width: 25%; height: 120px; background-color: #ffffff; box-shadow: 0px 5px 15px 0px 
rgba(0, 0, 0, 0.1); border-radius: 2px; z-index: 2; display: flex; align-items: center; }
.case-tab-small .prev, .case-tab-small .next { position: absolute; left: 22px; width: 38px; height: 38px; line-height: 38px; font-size: 16px; top: 50%; margin-top: -19px; }
.case-tab-small .next { left: auto; right: 22px; }
.swiper-container-in-case-small { width: 84%; }
.swiper-container-in-case-small .swiper-slide { cursor: pointer; }
.swiper-container-in-case-small .swiper-slide img { opacity: .5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.swiper-container-in-case-small .swiper-slide-thumb-active img { opacity: 1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
.homeD { position: relative; }
.homeD .video-btn { position: absolute; left: 50%; top: 50%; z-index: 2; width: 168px; height: 168px; margin-left: -84px; margin-top: -84px; }
.homeD .video-tit { position: absolute; left: 50%; top: 50%; margin-left: 80px; margin-top: -12px; font-size: 24px; line-height: 24px; color: rgba(255, 255, 255, 1); }
.homeD .cont { width: 50%; background: url(/skin/static/images/about-1.jpg) no-repeat center; background-size: cover; padding: 0 8%; }
.homeD .cont .co { font-size: 28px; line-height: 1; color: #ffffff; margin-bottom: 15px; }
.homeD .cont .des { color: rgba(255, 255, 255, .4); margin-top: 35px; margin-bottom: 40px; }
.scroll-list { margin-top: 90px; }
.scroll-list li .num { position: relative; font-size: 60px; line-height: 1; letter-spacing: -1px; color: rgba(255, 255, 255, 1); }
.scroll-list li .num i { font-style: normal; }
.scroll-list li .num sub { display: inline-block; vertical-align: top; font-size: 36px; line-height: 1; color: rgba(255, 255, 255, 1); }
.scroll-list li .num .w { font-size: 18px; }
.scroll-list li .tit { color: rgba(255, 255, 255, .6); margin-top: 6px; }
.homeD .pic { width: 50%; height: 820px; position: relative; }
.homeE { background: #fff; }
.homeE .wp { height: 150px; align-items: center; }
.homeE .tit { width: 19%; }
.homeE .tit h3 { font-size: 28px; line-height: 1; color: #1b202e; }
.homeE .tit .swp-arrow { margin-top: 20px; }
.homeE .tit .swp-arrow .prev { margin-right: 12px; }
.homeE .pic { width: 80.5%; }
.homeF { padding: 96px 0 100px; background-color: rgba(247, 247, 247, 1); }
.homeF .speech { width: 50%; padding: 70px 60px; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.homeF .speech .tit-en { font-size: 14px; color: #fff; }
.homeF .speech .des { font-size: 14px; line-height: 30px; color: #ffffff; opacity: 0.5; margin-top: 15px; }
.homeF .speech .sign { margin-top: 250px; font-size: 16px; color: #ffffff; }
.homeF .his-culture { width: 50%; }
.homeF .his-culture .item { height: 50%; }
.homeF .his-culture .item .subitem { width: 50%; }
.homeF .his-culture .item .cont { background: #fff; }
.homeF .his-culture .item .subitem img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; height: 450px; object-fit: cover; }
.homeF .his-culture .item .pic:hover img { }
.homeF .his-culture .item:last-child { flex-direction: row-reverse; }
.homeF .his-culture .item .cont { padding: 50px 30px 50px 40px; position: relative; }
.homeF .his-culture .item .cont .swiper-pagination { bottom: 35px; }
.homeF .his-culture .item .cont .swiper-pagination .swiper-pagination-bullet { opacity: 0.4; margin-right: 10px; }
.homeF .his-culture .item .cont .swiper-pagination .swiper-pagination-bullet-active { background-color: #122d6b; opacity: 1; }
.homeF .his-culture .item .cont h3 { font-size: 18px; color: #122d6b; position: relative; padding-bottom: 25px; line-height: 1; margin-bottom: 20px; }
.homeF .his-culture .item .cont h3:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background-color: #122d6b; }
.homeF .his-culture .item .cont .swiper-container .swiper-slide h4 { font-size: 28px; line-height: 36px; color: #281f20; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.homeF .his-culture .item .cont .swiper-container .swiper-slide p { font-size: 14px; line-height: 24px; color: #81868e; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.homeG { padding-top: 85px; padding-bottom: 100px; }
.in-news { margin-top: 60px; }
.in-news .item .abox { padding-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.in-news .item .cont h4 { margin-top: 20px; }
.in-news .item .cont h4 a { font-size: 18px; line-height: 24px; color: rgba(40, 31, 32, 1); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in-news .item .cont h4 a:hover { color: #122d6b; }
.in-news .item .cont .date { font-size: 14px; color: rgba(129, 134, 142, 1); margin-top: 18px; }
.c-red { color: red; font-size: 16px; }
.ie-warning { position: fixed; top: 0; left: 0; z-index: 999999; background: #000; width: 100%; height: 100%; text-align: center; color: #fff; padding: 50px 0; }
.ie-warning h1 { margin: 0 0 30px; }
.ie-warning p { font-size: 16px; }
.ie-warning .ie-container { min-width: 1024px; width: 100%; height: 200px; background: #fff; margin: 60px 0; }
.ie-warning .ie-download { list-style: none; padding: 30px 0; margin: 0 auto; width: 720px; }
.ie-warning .ie-download > li > a { display: block; color: #000; width: 140px; font-size: 15px; padding: 15px 0; margin: 0 auto; }
.ie-warning .ie-download > li > a > div { margin-top: 10px; }
.ie-warning .ie-download > li > a:hover { background-color: #eee; }
.home-tj { margin-top: 48px; }
.home-tj .left { width: 50%; }
.home-tj .right { width: 41%; }
.home-tj .item { background-color: #fff; border: solid 1px #eeeeee; }
.home-tj .left .item { height: 390px; padding: 5px 75px; }
.home-tj .left .item .cont { flex: 1; padding-top: 50px; }
.home-tj .left .item:first-child { margin-bottom: 20px; }
.home-tj .left .item:nth-child(2n) { flex-direction: row-reverse; }
.home-tj .right .item { height: 800px; padding: 60px 75px 0; }
.home-tj .left .item:first-child .cont { text-align: right; }
.home-tj .item .cont .tit { font-size: 24px; color: #4d4d4d; line-height: 1.35; margin-bottom: 30px; }
.home-tj .item .cont .tit span { font-size: 36px; color: #122d6b; }
.home-tj .item .cont ul li { margin-bottom: 20px; }
.home-tj .item .cont ul li h4 { font-size: 16px; line-height: 1; color: #595757; margin-bottom: 5px; }
.home-tj .item .cont ul li p { font-size: 16px; line-height: 1; color: #595757; }
.home-tj .item .cont ul li p span { font-size: 22px; line-height: 1; color: #4d4d4d; }
.home-tj .right .item .cont { margin-top: 20px; text-align: right; width: 100%; }
.home-tj .left .item .pic { max-width: 64%; display: flex; align-items: center; }
@media (max-width:1600px) {
    .tit-cn { font-size: 38px; }
    .in-product-tab { margin-top: 40px; margin-bottom: 60px; }
    .homeB { padding: 100px 4% 0; }
    .homeB .item .cont { top: 60px; padding: 0 7%; }
    .homeB .item ul { padding: 0 7%; bottom: 40px; }
    .homeB .item .cont h3 { font-size: 28px; }
    .homeB .item .cont .iconfont { margin-top: 35px; }
    .homeB .item .ys-num li h4 { font-size: 24px; }
    .homeD .cont { padding: 4% 6% 4% 4%; }
    .homeD .video-btn { width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; }
    .homeD .video-tit { margin-left: 50px; margin-top: -10px; font-size: 20px; line-height: 1; }
    .scroll-list li .num { font-size: 40px; }
    .homeE .tit h3 { font-size: 24px; }
    .homeF .his-culture .item .cont .swiper-container .swiper-slide h4 { font-size: 22px; line-height: 1.5; }
}
@media (max-width:1440px) {
    .tit-cn { font-size: 34px; }
    .home-tj .left .item { padding: 5px 50px; }
    .home-tj .right .item { padding: 60px 50px 0; }
    .home-tj .right .item .cont { margin-top: 50px; }
}
@media (max-width:1366px) {
    .in-product-tab li ~ li { margin-top: 15px; }
    .case-tab-big .item .cont { padding: 40px 40px; }
    .case-tab-big .item .cont h4 { font-size: 20px; }
    .case-tab-big .item .cont p { font-size: 15px; margin-bottom: 80px; }
    .homeE .tit { width: 24%; }
    .homeE .pic { width: 75%; }
    .homeF .his-culture .item .subitem img { height: 400px; }
}
@media (max-width:1280px) {
    .product-fast a { padding: 0 40px; }
    .tit-cn { font-size: 32px; }
    .in-product-tab { margin-bottom: 40px; }
    .homeB .item .cont h3 { font-size: 26px; }
    .scroll-list li .num { font-size: 30px; }
    .scroll-list li .num sub { font-size: 30px; }
}
@media (max-width:1024px) {
    .in-product-tab li ~ li { margin-top: 10px; }
    .tit-en { font-size: 13px; line-height: 1.5; }
    .in-product-tab { margin-top: 30px; margin-bottom: 30px; }
    .homeA .cont { padding-top: 10px; }
    .homeB .item .cont { top: 30px; padding: 0 5%; }
    .homeB .item .cont h3 { font-size: 20px; padding-bottom: 0; }
    .homeB .item:hover .cont { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    .homeB .item .cont .tit-en { font-size: 12px; }
    .homeB .item .cont .iconfont { margin-top: 20px; }
    .homeB .item .ys-num li { width: 22%; }
    .homeB .item .ys-num li h4 { font-size: 18px; }
    .homeB .item .ys-num li p { font-size: 12px; }
    .in-case-tab { justify-content: space-between; }
    .in-case-tab li { margin: 0; }
    .swiper-container-in-case-small { width: 70%; }
    .scroll-list li .num { font-size: 24px; }
    .scroll-list li .tit { font-size: 12px; }
    .scroll-list li .num sub { font-size: 20px; }
    .scroll-list li .num .w { font-size: 14px; }
    .homeD .pic { height: 680px; }
    .homeE .tit h3 { font-size: 22px; }
    .homeF .his-culture .item .cont { padding: 30px; }
    .homeF .his-culture .item .cont .swiper-pagination { bottom: 20px; }
    .homeF .his-culture .item .cont .swiper-container .swiper-slide h4 { font-size: 18px; }
    .homeF .speech { width: 50%; padding: 50px 40px; }
    .home-tj .right .item { padding: 30px 30px 0; height: 650px; }
    .home-tj .item .cont .tit { font-size: 20px; }
    .home-tj .item .cont .tit span { font-size: 30px; }
    .home-tj .right .item .cont { margin-top: 20px; }
    .home-tj .left .item { height: 315px; padding: 5px 30px; }
    .home-tj .left .item .cont { padding-top: 20px; }
    .home-tj .item .cont ul li p span { font-size: 18px; }
}
@media (max-width:768px) {
    .product-fast a { padding: 0 20px; }
    .homeA .cont { width: 74%; padding-top: 0; }
    .homeB .item { width: 100%; }
    .homeB .item:first-child { margin-bottom: 30px; }
    .homeB .item .cont h3 { font-size: 24px; }
    .homeB .item .cont .iconfont { margin-top: 60px; }
    .in-case-tab li a { font-size: 16px; }
    .case-tab-big .item .pic { width: 65%; }
    .case-tab-big .item .cont { padding: 30px; width: 35%; }
    .case-tab-small { width: 85%; height: 80px; }
    .case-tab-big .item .cont .com-more { display: none; }
    .homeD .cont { width: 100%; }
    .homeD .pic { height: auto; width: 100%; }
    .homeD .video-btn { top: auto; bottom: 22%; }
    .homeD .video-tit { top: auto; bottom: 25.4%; }
    .homeE .tit h3 { font-size: 20px; }
    .homeF .speech .des { line-height: 1.75; }
    .homeF .speech { width: 100%; padding: 40px; background-position: center bottom; background-size: contain; background-color: #4e596f; }
    .homeF .his-culture { width: 100%; }
    .homeF .his-culture .item .subitem img { height: 300px; }
}
@media (max-width:640px) {
    .homeF .speech { padding: 30px 20px; background-size: cover;}
    .homeF .speech .sign {
        margin-top: 150px;
    }
    .tit-cn { font-size: 26px; }
    .tit-en { margin-top: 6px; }
    .homeF .his-culture .item .cont { padding: 20px 20px 50px; }
    .homeF .his-culture .item .cont { padding: 20px 20px 50px; }
    .product-fast a { padding: 0; width: 33.3333%; }
    .homeA .side { width: 100%; }
    .homeA .side .com-more { display: none; }
    .homeA .side .tit-cn, .homeA .side .tit-en { text-align: center; }
    .homeA .side .tit-cn br, .homeA .side .tit-en br { display: none; }
    .in-product-tab { border-left: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .in-product-tab li ~ li { margin-top: 0; }
    .in-product-tab li a { font-size: 14px; padding-left: 0; }
    .in-product-tab li a:before { width: 0; left: 0; bottom: 0; top: auto; border-left: none; border-bottom: 1px solid #122d6b; }
    .in-product-tab li.on a:before, .in-product-tab li a:hover:before { top: auto; width: 100%; opacity: 1; }
    .homeA .cont { width: 100%; }
    .product-fast .wp { padding: 20px 0; height: auto; }
    .homeA { padding: 60px 0 40px; }
    .homeB { padding: 60px 4% 0; }
    .homeC { padding-top: 60px; padding-bottom: 60px; }
    .homeD .cont { padding: 60px 4%; }
    .homeF { padding: 60px 0; }
    .homeG { padding-top: 60px; padding-bottom: 60px; }
    .tit-sub { font-size: 14px; line-height: 1.5; margin-bottom: 5px; }
    .home-tj {
        margin-top: 40px;
    }
    .in-news .item .cont h4 a { font-size: 16px; line-height: 24px; }
    .case-tab-big {background-color: #f7f7f7;;}
    .case-tab-big .item .pic { width: 100%; }
    .case-tab-big .item .cont { padding: 20px; width: 100%; }
    .case-tab-small {right: 0; height: 40px; bottom: -20px; position: relative;width: 100%;}
    .swiper-container-in-case-small { width: 60%; }
    .in-case-tab li a { font-size: 14px; }
    .in-case-tab li { margin-bottom: 20px; }
    .in-case-tab { margin-top: 55px; margin-bottom: 25px; }
    .product-fast a:before { bottom: -10px; }
    .product-fast a .icon { width: 40px; height: 40px; background-size: 80px; }
    .product-fast a:hover .icon { background-position: -40px; }
    .product-fast .wp { margin-bottom: -20px; }
    .product-fast a { margin-bottom: 20px; }
    .product-fast a .tit { font-size: 15px; margin-top: 6px; }
    .homeB .item .cont h3 { font-size: 17px; }
    .homeB .item .cont .tit-en { display: none; }
    .homeB .item:first-child { margin-bottom: 15px; }
    .homeB .item .cont .iconfont { margin-top: 30px; }
    .homeB .item .ys-num li h4 { font-size: 16px; }
    .homeB .item .ys-num li p { font-size: 10px; }
    .in-case-tab li a i { width: 20px; height: 16px; background-size: 40px; }
    .in-case-tab li a:hover i, .in-case-tab li.on a i { background-position: -20px; }
    .in-case-tab li { width: 32%; }
    .case-tab-big .item .cont h4 { font-size: 18px; }
    .case-tab-big .item .cont p { font-size: 14px; margin-bottom: 20px;}
    .case-tab-big .item .cont .case-logo img { width: 140px; }
    .case-tab-small .prev, .case-tab-small .next { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-top: -15px; }
    .homeD .cont .co { font-size: 20px; }
    .com-more { font-size: 14px; }
    .com-more-2 { width: 160px; }
    .scroll-list { margin-top: 50px; }
    .scroll-list li { width: 22%; }
    .scroll-list li .tit { line-height: 1.5; }
    .scroll-list li .num { font-size: 22px; }
    .homeE .tit h3 { font-size: 18px; line-height: 1.5; }
    .homeD .video-btn { top: 50%; bottom: auto; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; }
    .homeD .video-tit { top: 50%; bottom: auto; font-size: 14px; }
    .home-tj .left .item .pic, .home-tj .right .item .pic { max-width: 60%; }
    .home-tj .left .item { height: auto; padding: 5px 20px; }
    .home-tj .left, .home-tj .right { width: 100%; }
    .home-tj .right .item .cont { margin-top: 0; flex: 1; width: auto; }
    .home-tj .right .item { padding: 20px 20px; height: auto; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
    .home-tj .item .cont .tit { font-size: 16px; margin-bottom: 25px; }
    .home-tj .item .cont .tit span { font-size: 22px; }
    .home-tj .item .cont ul li { margin-bottom: 15px; }
    .home-tj .item .cont ul li h4, .home-tj .item .cont ul li p { font-size: 14px; }
    .home-tj .item .cont ul li p span { font-size: 16px; }
}

/*内页*/
.cate-bar { border-bottom: 1px solid rgba(221, 221, 221, 1); }
.cate-bar .wp { height: 70px; align-items: center; }
.cate-list li { margin-right: 35px; }
.cate-list li a { position: relative; display: block; font-size: 16px; color: rgba(89, 87, 87, 1); padding: 0 10px; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; }
.cate-list li.on a, .cate-list li a:hover { color: rgba(18, 45, 107, 1); }
.cate-list li a .pro-icon { display: inline-block; vertical-align: middle; width: 28px; height: 28px; background-repeat: no-repeat; background-size: 56px; margin-right: 8px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-list li.on a .pro-icon, .cate-list li a:hover .pro-icon { background-position: -28px 0; }
.cate-list li a .pro-icon2 { width: 32px; height: 25px; background-size: 64px; }
.cate-list li.on a .pro-icon2, .cate-list li a:hover .pro-icon2 { background-position: -32px 0; }
.cate-list li a:before { content: ""; position: absolute; left: 50%; bottom: -22px; width: 0; height: 2px; background-color: #122d6b; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; }
.cate-list li.on a:before, .cate-list li a:hover:before { width: 100%; opacity: 1; left: 0; }
.cate-mbx { color: #81868e; }
.cate-mbx a { color: #81868e; margin: 0 5px; display: inline-block; vertical-align: middle; }
.cate-mbx a:hover { color: #595757; }
.cate-mbx i { font-size: 22px; margin-right: 4px; display: inline-block; vertical-align: middle; }

/*产品*/
.page-wrap { padding-top: 75px; padding-bottom: 120px; }
.product-list { margin-bottom: -40px; }
.product-list .item { margin-bottom: 40px; }
.product-list .item .pic { border: solid 1px #dddddd; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.product-list .item .abox:hover .pic { border-color: #1a2a50; }
.product-list .item .tit { position: relative; font-size: 18px; color: #615f5f; margin-top: 20px; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; }
.product-list .item .abox:hover .tit { color: #1a2a50; }
.product-list .item .tit:before { content: ""; display: inline-block; width: 40px; height: 1px; background-color: #1a2a50; vertical-align: middle; margin-right: 18px; margin-top: -5px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.product-list .item .abox:hover .tit:before { width: 90px; }
@media (max-width:1280px) {
    .product-list .item .tit:before { width: 20px; }
    .product-list .item .abox:hover .tit:before { width: 20px; }
}
@media (max-width:640px) {
    .product-list .item .tit { position: relative; font-size: 14px; margin-top: 10px; }
    .product-list { margin-bottom: -20px; }
    .product-list .item { margin-bottom: 20px; }
    .product-list .item .tit:before { margin-right: 10px; }
}

/*案例*/
.case-list { margin-bottom: -50px; }
.case-list .item { text-align: center; margin-bottom: 50px; }
.case-list .item .pic { border-radius: 10px; }
.case-list .item .tit { margin-top: 20px; font-size: 20px; color: #1b202e; }

/*新闻*/
.news-list { border-radius: 10px; border: solid 1px #dddddd; }
.news-list .item ~ .item { border-top: 1px solid #dddddd; }
.news-item { padding: 30px 25px; }
.news-item .pic { width: 320px; }
.news-item .cont { flex: 1; padding-left: 45px; padding-top: 30px; }
.news-item .cont h4 { font-size: 20px; line-height: 24px; color: #281f20; }
.news-item .cont h4 a { color: #281f20; }
.news-item .cont h4 a:hover { color: #122d6b; }
.news-item .cont p { font-size: 16px; line-height: 30px; color: #81868e; margin-top: 26px; margin-bottom: 30px; }
.news-item .cont .date { font-size: 14px; color: #81868e; }
.news-item .cont .more { display: none; }
.news-item:first-child { padding: 20px; }
.news-item:first-child .pic { width: 460px; }
.news-item:first-child .cont .more { display: inline-block; margin-top: 80px; width: 150px; height: 36px; background-color: #ffffff; border: solid 1px #aaaaaa; text-align: center; line-height: 34px; font-size: 16px; color: #595757; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-item:first-child .cont .more:hover { color: #122d6b; border-color: #122d6b; }

/*产品详情*/
.mbx-bar { background-color: #fafafa; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #81868e; }
.mbx-bar .wp { height: 70px; align-items: center; }
.mbx-bar a { color: #81868e; }
.mbx-box a { margin: 0 5px; display: inline-block; vertical-align: middle; }
.mbx-box i { font-size: 22px; margin-right: 8px; display: inline-block; vertical-align: middle; }
.mbx-bar a:hover { color: #122d6b; }
.back-btn i { font-size: 17px; color: #122d6b; margin-right: 8px; }
.detail-wrap { padding-top: 60px; padding-bottom: 100px; }
.product-head { border: solid 1px #dddddd; margin-bottom: 60px; }
.product-head .pic { position: relative; width: 50%; border-right: solid 1px #dddddd; padding: 60px 0; }
.swiper-container-pics { position: relative; }
.swiper-container-pics .arrow-btn { position: absolute; top: 50%; margin-top: -19px; left: 20px; }
.swiper-container-pics .arrow-next { left: auto; right: 20px; }
.product-head .pic h1 { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; font-size: 24px; line-height: 1.2; color: #281f20; }
.product-head .cont { width: 50%; }
.product-head .cont .item { width: 50%; padding: 30px; }
.product-head .cont .item .tit { font-size: 18px; margin-bottom: 20px; color: #281f20; }
.product-head .cont .item .des p { width: 50%; }
.product-head .cont .item .des img { margin-top: -10px; }
.product-head .cont .item ul li { }
.product-head .cont .item:first-child { border-right: 1px solid #ddd; }
.product-head .cont .item-big { width: 100%; border-top: 1px solid #ddd; padding: 15px 30px; text-align: center; }
.detail-left { width: 74.6%; border: solid 1px #dddddd; }
.detail-right { width: 24%; }
.detail-tab { height: 80px; background-color: #fafafa; border-bottom: solid 1px #dddddd; align-items: center; padding: 0 50px; }
.detail-tab li { cursor: pointer; font-size: 20px; color: #81868e; margin-right: 90px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.detail-tab li:before { content: ""; position: absolute; left: 50%; bottom: -23px; width: 0; height: 2px; background-color: #122d6b; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.detail-tab li.on:before, .detail-tab li:hover:before { left: 0; width: 100%; }
.detail-tab li.on, .detail-tab li:hover { color: #122d6b; }
.detail-tab-content { padding: 60px 50px; }
.detail-tab-content .item ~ .item { margin-top: 60px; }
.detail-tab-content .item .tit { font-size: 24px; line-height: 1; color: #1b202e; margin-bottom: 30px; }
.detail-tab-content .item .cont { font-size: 16px; line-height: 2; }
.detail-tab-content .item .cont td { border: 1px solid #ddd; }
.detail-tab-content .item .cont-list ul { margin-bottom: 20px;    /*height: 135px;*/    /*overflow: hidden;*/ }
.detail-tab-content .item .cont-list ul li { font-size: 16px; line-height: 36px; color: rgba(97, 95, 95, 1); }
.detail-tab-content .item .cont-td {    /*background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 20px 0px 
            rgba(18, 45, 107, 0.15);
        border-radius: 10px;
        padding: 40px 50px;*/

/*line-height: 40px;*/ }
.detail-tab-content .item table { width: 100% !important; }
.detail-tab-content .item table td { padding: 5px 15px; }
.detail-more { height: 80px; background-color: #fafafa; border-top: solid 1px #dddddd; align-items: center; padding: 0 50px; }
.detail-more .prev, .detail-more .next { width: 40%; }
.detail-more .next { text-align: right; }
.product-cate { background-color: #fafafa; border: solid 1px #dddddd; }
.product-cate .tit { padding: 25px 35px 20px; border-bottom: solid 1px #dddddd; }
.product-cate .tit h3 { font-size: 28px; color: #281f20; }
.product-cate .tit p { color: #81868e; }
.product-cate ul { padding: 5px 35px; }
.product-cate ul li { padding: 20px 25px; }
.product-cate ul li ~ li { border-top: 1px solid #ddd; }
.product-cate ul li a { font-size: 16px; color: #595757; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.product-cate ul li a:hover, .product-cate ul li.on a { color: #122d6b }
.product-cate ul li a i { display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-size: 64px; vertical-align: middle; margin-right: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.product-cate ul li.on a i, .product-cate ul li a:hover i { background-position: -32px 0; }
.rel-tit { font-size: 28px; line-height: 1; color: #281f20; margin-top: 40px; margin-bottom: 30px; }
.site-tit { margin-bottom: 20px; }
.site-tit .tit { border-bottom: none; }
.detail-right .product-list .item { margin-bottom: 20px; }
.detail-tit { background: url(/skin/static/images/detail-tit-bg.jpg) no-repeat center; background-size: cover; font-size: 36px; line-height: 1.3; color: #122d6b; text-align: center; padding: 50px 20px; border-bottom: 1px solid #122d6b; }
.solution-intro { padding: 50px; border-bottom: solid 1px #dddddd; }
.solution-intro .cont { width: 46.5%; padding-top: 20px; padding-right: 50px; }
.solution-intro .pic { width: 53.5%; border-radius: 10px; overflow: hidden; }
.solution-intro .cont h3 { font-size: 28px; line-height: 1; color: #1b202e; }
.solution-intro .cont .des { font-size: 16px; line-height: 30px; color: #615f5f; margin-top: 20px; margin-bottom: 60px; }
.detail-zixun { display: inline-block; width: 150px; height: 40px; background-color: #122d6b; text-align: center; line-height: 40px; font-size: 16px; color: #ffffff !important; }
.detail-zixun i { font-style: normal; margin-left: 15px; }
.zj-ys .subitem { width: 49%; height: 201px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); border-radius: 10px; margin-bottom: 20px; align-items: center; padding: 0 45px; }
.zj-ys .subitem .num { width: 42px; height: 42px; background-color: #122d6b; font-family: DINPro-Medium; font-size: 24px; line-height: 42px; color: #ffffff; text-align: center; }
.zj-ys .subitem .subcont { flex: 1; padding-left: 35px; }
.zj-ys .subitem .subcont h4 { font-size: 24px; line-height: 1; color: #122d6b; }
.zj-ys .subitem .subcont p { font-size: 14px; line-height: 24px; color: #81868e; margin-top: 16px; }
.case-album { padding: 50px; border-bottom: solid 1px #dddddd; }
.case-album .gallery-top { overflow: hidden; border-radius: 10px; margin-bottom: 20px; }
.case-album .gallery-thumbs .swiper-slide { border-radius: 5px; overflow: hidden; position: relative; cursor: pointer; }
.case-album .gallery-thumbs .swiper-slide:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(18, 45, 107, .5); border: 2px solid rgba(18, 45, 107, .5); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.case-album .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before { opacity: 1; }

/*研发品质*/
.page-title { text-align: center; }
.tit-des { font-size: 16px; line-height: 32px; color: #615f5f; margin-top: 30px; }
.tit-des-2 { margin-top: 25px; }
.tit-des.white { color: #ffffff; opacity: 0.7; }
.yfA { padding-top: 110px; padding-bottom: 70px; }
.yf-work { position: relative; margin-top: 55px; border-radius: 20px; overflow: hidden; }
.yf-scroll { position: relative; margin: -60px auto 0; width: 84.5%; height: 120px; background-color: #ffffff; box-shadow: 0px 5px 15px 0px 
rgba(0, 0, 0, 0.1); border-radius: 60px; padding: 0 80px; align-items: center; }
.yf-scroll .num { font-family: DIN-Medium; font-size: 72px; line-height: 1; letter-spacing: -2px; color: #122d6b; display: inline-block; vertical-align: middle; }
.yf-scroll .num i { font-style: normal; }
.yf-scroll .cont { font-size: 18px; line-height: 24px; color: #4d4d4d; display: inline-block; vertical-align: middle; margin-left: 15px; }
.yf-scroll .cont .sub { color: #122d6b; }
.yfB { padding-bottom: 40px; }
.yfB ul li { text-align: center; }
.yfB ul li .tit { font-size: 18px; color: #615f5f; margin-top: 20px; margin-bottom: 35px; }
.yfC { background: url(/skin/static/images/ys-bg.jpg) no-repeat center; background-size: cover; padding-top: 110px; padding-bottom: 150px; }
.yf-ys { padding: 0 120px; margin-top: 80px; }
.yf-ys li { color: #fff; }
.yf-ys li h4 { font-family: DIN-Medium; font-size: 72px; line-height: 1; letter-spacing: -2px; }
.yf-ys li p { font-size: 18px; line-height: 24px; margin-top: 10px; }
.yfD { margin-top: -80px; position: relative; z-index: 2; }
.yf-pt-tab { position: relative; width: 24%; background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 50px 70px 50px 30px; display: flex; flex-wrap: wrap; align-items: center; }
.yf-pt-tab:before, .yf-pt-tab:after { content: ""; position: absolute; right: -15%; top: 45px; z-index: 2; width: 92px; height: 16px; background: url(/skin/static/images/yf-icon.png) no-repeat center; background-size: contain; }
.yf-pt-tab:after { top: auto; bottom: 45px; }
.yf-pt-tab li { line-height: 55px; font-size: 0; width: 100%; padding-left: 30px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 28px; }
.yf-pt-tab li.on, .yf-pt-tab li:hover { background-color: #122d6b; }
.yf-pt-tab li h4 { display: inline-block; font-family: DIN-Medium; font-size: 22px; color: #122d6b; vertical-align: middle; position: relative; line-height: 55px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.yf-pt-tab li h4:after { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: #122d6b; border-radius: 4px; margin: -4px 14px 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.yf-pt-tab li p { display: inline-block; font-size: 20px; color: #281f20; vertical-align: middle; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.yf-pt-tab li.on h4:after, .yf-pt-tab li:hover h4:after { background-color: #fff; }
.yf-pt-tab li.on h4, .yf-pt-tab li.on p, .yf-pt-tab li:hover h4, .yf-pt-tab li:hover p { color: #fff; }
.yf-pt-content { width: 74.68%; background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 30px 30px 30px 70px; }
.yf-pt-content .swiper-slide .cont { flex: 1; }
.yf-pt-content .swiper-slide .cont .num { font-family: DIN-Medium; font-size: 30px; line-height: 1; color: #122d6b; position: relative; padding-bottom: 24px; }
.yf-pt-content .swiper-slide .cont .num:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background-color: #122d6b; }
.yf-pt-content .swiper-slide .cont h4 { font-size: 28px; line-height: 1.3; color: #281f20; margin-top: 20px; margin-bottom: 20px; }
.yf-pt-content .swiper-slide .cont .des { font-size: 14px; line-height: 24px; color: #81868e; }
.yf-pt-content .swiper-slide .pic { width: 72%; }
.yfE { padding-top: 135px; padding-bottom: 100px; }
.yf-pj-work { border-radius: 20px; overflow: hidden; margin-top: 40px; }
.yf-pj-tab { position: relative; margin: -45px auto 52px; width: 84.5%; height: 90px; background-color: #ffffff; box-shadow: 0px 5px 15px 0px 
rgba(0, 0, 0, 0.1); border-radius: 45px; padding: 0 120px; align-items: center; z-index: 2; }
.yf-pj-tab li { width: 142px; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; font-size: 18px; color: #4d4d4d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; }
.yf-pj-tab li.on, .yf-pj-tab li:hover { background-color: #122d6b; color: #fff; }
.pj-list .item .box { border: solid 1px #dddddd; }
.pj-list .item .cont { border-top: 1px solid #ddd; padding: 20px 25px; }
.pj-list .item .cont h4 { font-size: 18px; line-height: 1.3; color: #281f20; }
.pj-list .item .cont p { font-size: 14px; line-height: 1.5; color: #81868e; margin-top: 10px; }

/*帮助中心*/
.help-title { text-align: center; padding-top: 100px; padding-bottom: 60px; }
.helpA { padding-bottom: 100px; }
.service-center { background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 30px 30px 30px 70px; }
.service-center .cont { padding: 40px 100px 40px 0; flex: 1; }
.service-center .cont h4 { font-size: 28px; line-height: 36px; color: #122d6b; position: relative; padding-bottom: 30px; margin-bottom: 60px; }
.service-center .cont h4:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background-color: #122d6b; }
.service-list { margin-bottom: 80px; }
.service-list li { text-align: center; font-size: 18px; line-height: 24px; color: #615f5f; }
.service-list li .tit { margin-top: 15px; }
.service-center .pic { width: 50.6%; }
.helpB { background: url(/skin/static/images/zs.jpg) no-repeat center; background-size: cover; padding-bottom: 110px; }
.zs-list .item { width: 23.4%; background-color: rgba(255, 255, 255, .8); box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); border-radius: 10px; text-align: center; padding: 70px 20px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.zs-list .item:hover { background-color: rgba(255, 255, 255, 1); }
.zs-list .item h4 { font-size: 28px; line-height: 1; color: rgba(18, 45, 107, 1); margin-top: 35px; padding-bottom: 25px; margin-bottom: 20px; position: relative; }
.zs-list .item h4:before { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -12px; width: 24px; height: 3px; background-color: rgba(18, 45, 107, 1); }
.zs-list .item p { font-size: 16px; line-height: 24px; color: rgba(89, 87, 87, 1); }
.helpC { padding-bottom: 115px; }
.zt-content { position: relative; }
.zt-album { width: 83%; border-radius: 10px; overflow: hidden; }
.zt-small { position: absolute; top: 0; right: 0; height: 100%; width: 15.625%; text-align: center; justify-content: center; overflow: hidden; }
.swiper-container-zt-small .swiper-slide { border-radius: 5px; overflow: hidden; background: rgba(18, 45, 107, 1); cursor: pointer; height: auto; }
.swiper-container-zt-small .swiper-slide img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; width: 100%; height: 100%; object-fit: cover; }
.swiper-container-zt-small .swiper-slide-thumb-active img { opacity: .5 }
.zt-small .btn-wrap { height: 10%; }
.zt-small .prev, .zt-small .next { display: inline-block; width: 38px; height: 38px; font-size: 16px; color: #fff; line-height: 38px; text-align: center; background: #B0AFAF; cursor: pointer; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.zt-small .prev:hover, .zt-small .next:hover { background: rgba(18, 45, 107, 1); }
.zt-small .prev { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.zt-small .next { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.btn-wrap-top { display: flex; align-items: flex-start; justify-content: center; }
.btn-wrap-bottom { display: flex; align-items: flex-end; justify-content: center; }
.swiper-container-zt-small { height: 80%; }

/*联系*/
.contactA { padding-bottom: 110px; }
.contact-list { height: 240px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); border-radius: 10px; align-items: center; }
.contact-list li { width: 33.3333%; text-align: center; }
.contact-list li .cont { display: inline-block; vertical-align: middle; text-align: left; margin-left: 15px; }
.contact-list li .cont h4 { font-size: 18px; line-height: 1; color: rgba(97, 95, 95, 1); }
.contact-list li .cont p { font-size: 32px; line-height: 1.2; color: rgba(18, 45, 107, 1); font-family: DINPro-Medium; margin-top: 12px; }
.message-map { margin-top: 20px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); border-radius: 10px; }
.message-map .message, .message-map .map-list { padding: 80px 90px; height: 600px; }
.message-map .message { background: url(/skin/static/images/message-bg.jpg) no-repeat center; background-size: cover; }
.message-map .message h3 { font-size: 36px; line-height: 1; color: rgba(255, 255, 255, 1); }
.message-map .message h4 { color: rgba(255, 255, 255, 1); opacity: 0.5; margin-bottom: 10px; }
.form-left .inp { width: 48%; border-bottom: 1px solid rgba(255, 255, 255, .5); height: 30px; margin-top: 30px; padding-bottom: 15px; color: #fff; }
.form-left .inp:nth-child(3) { width: 100%; }
.form-left textarea { margin-top: 30px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .5); height: 110px; color: #fff; }
.form-left .sub { width: 150px; height: 36px; background-color: rgba(255, 255, 255, 1); font-size: 16px; color: rgba(18, 45, 107, 1); text-align: center; line-height: 36px; margin-top: 32px; cursor: pointer; }
.form-left .inp, .form-left textarea { -webkit-appearance: none; }
::-webkit-input-placeholder { color: rgba(255, 255, 255, .6); }
:-moz-placeholder { color: rgba(255, 255, 255, .6); }
::-moz-placeholder { color: rgba(255, 255, 255, .6); }
:-ms-input-placeholder { color: rgba(255, 255, 255, .6); }
.map-list .item ~ .item { margin-top: 40px; }
.map-list .item img { width: 45px; height: 45px; }
.map-list .item .cont { flex: 1; display: inline-block; vertical-align: top; padding-left: 30px; position: relative; }
.map-list .item .cont h4 { font-size: 18px; line-height: 30px; color: rgba(97, 95, 95, 1); }
.map-list .item .cont p { font-size: 18px; line-height: 30px; color: rgba(40, 31, 32, 1); }
.map-list .item .cont .dh { display: inline-block; width: 150px; height: 36px; background-color: rgba(18, 45, 107, 1); line-height: 36px; text-align: center; font-size: 16px; color: #fff; margin-top: 20px; display: none; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.map-list .item.on .cont .dh { display: block; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.map-list .item .cont .dh i { margin-right: 10px; }

/*关于*/
.tit-20 { font-size: 20px; line-height: 30px; color: #1b202e; margin-top: 25px; }
.about-scroll { width: 75%; padding: 0 120px; }
.db-world { width: 91.5%; height: 260px; background: #122d6b url(/skin/static/images/intro-2-bg.jpg) no-repeat center; background-size: cover; border-radius: 0px 0px 50px 0px; margin-top: -110px; position: relative; z-index: 2; padding-left: 8%; padding-right: 6%; align-items: center; }
.db-world .tit-cn { width: 35%; }
.db-world .des { width: 65%; font-size: 14px; line-height: 30px; color: #ffffff; opacity: 0.6; }
.db-world .des p { width: 60%; }
.db-world .des p:last-child { width: 28%; }
.aboutA { padding-top: 96px; margin-bottom: 130px; }
.page-title .com-more { margin-top: 30px; }
.aboutC { padding-top: 120px; }
.aboutD { padding-top: 130px; padding-bottom: 110px; }
.aboutC-content { margin-top: 80px; }
.history-wrap { width: 68.75%; background-color: #ffffff; box-shadow: 0px 5px 15px 0px 
rgba(0, 0, 0, 0.1); padding: 30px; }
.history-wrap .cont { position: relative; width: 30%; padding: 30px 0 30px 30px; }
.history-wrap .cont h3 { position: relative; font-size: 18px; line-height: 1; color: #122d6b; padding-bottom: 28px; margin-bottom: 20px; }
.history-wrap .cont h3:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background-color: #122d6b; }
.history-list .swiper-slide h4 { font-size: 28px; line-height: 36px; color: #281f20; }
.history-list .swiper-slide p { margin-top: 18px; font-size: 14px; line-height: 24px; color: #81868e; }
.history-wrap .cont .swiper-pagination { position: absolute; left: 30px; bottom: 30px; }
.history-wrap .cont .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #000000; opacity: 0.4; margin-right: 14px; }
.history-wrap .cont .swiper-pagination .swiper-pagination-bullet-active { background-color: #122d6b; opacity: 1; }
.history-wrap .pic { width: 65%; }
.partner-list { width: 31.25%; background: #F8F8F8; padding: 60px 50px; align-items: center; }
.partner-list li { width: 46%; }
.market-road { position: relative; margin-top: 60px; }
.swiper-container-market .swiper-slide { text-align: center; }
.swiper-container-market .swiper-slide .tit { margin-top: 20px; font-size: 18px; color: #1b202e; }
.arrow-btn { display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 18px; background: #B0AFAF; color: #fff; border-radius: 50%; cursor: pointer; outline: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 2; }
.arrow-btn:hover { background: #122D6B; }
.arrow-btn:focus { outline: none; }
.arrow-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.market-road .arrow-btn { position: absolute; left: -70px; top: 35%; }
.market-road .next { left: auto; right: -70px; }
@media (max-width:1366px) {
    .market-road .prev { left: 10px; }
    .market-road .next { right: 10px; }
}
.founderA { padding-top: 110px; padding-bottom: 140px; }
.founderA .page-title { text-align: left; }
.founderA .page-title .tit-des-2 { margin-top: 0; text-align: right; font-size: 16px; line-height: 32px; }
.xg-news-bar { padding-bottom: 120px }
.xg-news-bar .tit-cn { margin-bottom: 50px; }
.news-list-2 { border-radius: 0; border: none; }
.news-list-2 .item { width: 49%; padding: 0; }
.news-list-2 .item .pic { width: 50%; }
.news-list-2 .item .pic img { height: 100%; width: 100%; object-fit: cover; }
.news-list-2 .item .cont { border: solid 1px #dddddd; border-left: none; width: 50%; padding: 30px; position: relative; }
.news-list-2 .item .cont h4 { font-size: 18px; line-height: 30px; color: #281f20; }
.news-list-2 .news-item .cont .date { position: absolute; left: 30px; bottom: 30px; }
.honor-title { padding-top: 95px; padding-bottom: 70px; }
.rongyu-show { margin-top: 54px; }
.rongyu-show .pic { width: 42%; }
.rongyu-show .cont { width: 50.5%; }
.rongyu-list { width: 48%; }
.rongyu-list li { font-size: 16px; line-height: 36px; color: #615f5f; }
.honorB { padding-bottom: 150px; }
.swiper-container-about-honor { padding: 20px; margin-top: -20px; }
.swiper-container-about-honor .swiper-slide { text-align: center; }
.swiper-container-about-honor .swiper-slide .pic { background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
    rgba(18, 45, 107, 0.15); padding: 0 50px;    /*height: 450px;*/    /*display: flex;*/

    /*align-content: center;*/

/*justify-content: center;*/ }
.swiper-container-about-honor .swiper-slide .tit { font-size: 18px; line-height: 32px; color: #4d4d4d; margin-top: 25px; margin-bottom: 20px; }
.swiper-container-about-honor .swp-arrow { text-align: center; padding-top: 50px; }
.swiper-container-about-honor .swp-arrow>div { margin: 0 30px; }
.mshow { display: none; }
.news-top { margin-bottom: 50px; border: solid 1px #dddddd; }
.news-top .cont { width: 50%; align-items: center; padding-left: 6%; padding-right: 12%; }
.news-top .cont .tit { font-size: 28px; line-height: 1.3; color: #4d4d4d; }
.news-top .cont .des { font-size: 16px; line-height: 1.5; color: #81868e; margin-top: 30px; margin-bottom: 70px; }
.news-top .pic { width: 50%; overflow: hidden; border-left: 1px solid #ddd }
.news-top .pic a { display: block;    /*height: 0;*/    /*padding-bottom: 64.55%;*/ }
.solution-list .item:nth-child(2) { flex-direction: row-reverse; }
.news-top .pic img { width: 100%; }
@media (max-width:1800px) {
    .solution-list .item .cont { padding-left: 3%; padding-right: 3%; }
    .news-top .cont .date { font-size: 20px; }
}
@media (max-width:768px) {
    .news-top { margin-bottom: 20px; }
    .solution-list .item .cont { width: 100%; padding: 25px 20px; }
    .solution-list .item .cont .tit { font-size: 18px; }
    .solution-list .item .cont .des { margin-top: 20px; margin-bottom: 20px; font-size: 14px; }
    .solution-list .item .pic { width: 100%; }
}

/*Map*/
#map { height: 500px; }

/*#map,#map * {transition:none;}
.map_loading i {position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 0.45rem;
color: #FFF;}*/
.infowindow-content { padding: 25px 15px; }
.infowindow-content h3 { font-size: .15rem; color: #0370be; font-weight: bold; white-space: nowrap; margin: 0 0 .1rem; }
.infowindow-content p { font-size: .13rem; color: #333; margin: 0 0 .05rem }
.amap-adcombo-close { background-color: #000 }