@charset "utf-8"; 
.fp-watermark{display: none !important;}
.relative{position: relative;}
.hidden{overflow: hidden;}
.container{
	width: 91.66%;
	margin: 0 auto;
} 
*{
    --container: 4.17%;
    --containervw: 4.17vw;
}
.fl { float: left; }
.fr { float: right; }

.m { display: none !important; }


@media(max-width: 1100px){
	.container{width: calc(100% - 40px);}
    *{
        --container: 20px;
        --containervw: 20px;
    }
	.m { display: block !important; }
	.pc { display: none !important; }
}

:root {
    --colo: #2C4F94; /* 定义字体主色 */
    --red: #2C4F94; /* 定义主色 */
}



.header { background: #fff; padding: 0 40px; position: fixed; z-index: 99; left: 0; width: 100%; top: 0; transition: all 0.6s;}
.header .logo a { display: block; padding: 20px 0; }
.header .eaer ul li { float: left; margin-right: 48px; }
.header .eaer ul li:last-child { margin-right: 0; }
.header .eaer ul li a { display: block; font-size: 16px; color: #323232; padding: 20px 0 21px; /*	font-family: 'Orbitron-Bold','arial';*/ }
.header .eaer ul li.cur a,.header .eaer ul li:hover a { color: var(--colo); }

.header .moub { margin-left: 62px; padding-top: 10px; }
.header .moub .topBtn { width: 33px; height: 40px; display:inline-block; position: relative; }
.header .moub .topBtn .subLan { text-align:center; background: #fff;position: absolute;top: 40px; left:50%; transform:translateX(-50%); display: none;width: 80px;box-shadow: 0px 0px 5px #888888;border-radius: 3px;}
.header .moub .topBtn:hover .subLan {display: block;}
.header .moub .topBtn .subLan a {display: block;width: 100%;line-height: 1;color: #666666;padding: 10px 0 10px;}
.header .moub .topBtn .subLan a:nth-child(2) {padding: 0px 0 10px 0;}
.header .moub .topBtn .subLan .cur {color: #46967d;}

.header .moub .topBtn .icon { width: 100%; height: 40px; }
.header .moub .search .icon { background: url(../images/search.svg) no-repeat center; }

.header .moub .oub .icon { background: url(../images/oub.svg) no-repeat center; }


.subsearche { width: 400px;position: absolute;top: 24px;right: -27px;padding-top: 47px;display: none;}
.subsearche form:after {content: '';position: absolute;right: 36px;top: -8px;line-height: 0;border-width: 8px;border-color: #ffffff;border-top-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;}
.subsearche form {background: #ffffff;border-radius: 3px;padding: 10px 20px;position: relative;width: 100%;ox-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);}
.subsearche form input.inp {width: 100%;border: none;border-left: 2px solid #93969d;background: none;outline: none;padding-left: 10px;color: #333;height: 45px;font-size: 15px;}
.subsearche form input.subxx {border: none;outline: none;position: absolute;right: 20px;top: 2px;height: 56px;background: url(../images/ssbg.png) no-repeat center;font-size: 0;width: 25px;}

.nav_box {width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 99999999;background: var(--red);transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li { float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;}
.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/jtwhite.png) no-repeat center center / cover;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}

.banner .swiper-slide .container { height: 100%; }
.banner .swiper-slide .gude { background: url(../images/banner.jpg)no-repeat center center/cover; overflow: hidden; }
.banner .swiper-slide .woejl { position: absolute; top: 56%; left: 0; transform: translateY(-50%);/* width: 525px;*/ transition: all 1s;opacity: 0;text-shadow: 2px 2px rgba(0,0,0,0.2);}
.banner .swiper-slide .woejl .btwa { line-height: 1.13; letter-spacing: 4px;}
.banner .swiper-slide .woejl .xq { line-height: 1.625; margin: 15px 0 50px; }


.banner .swiper-slide .woejr { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 62%; opacity: 0;transition: all 1s;}

.banner .bweoii { position: absolute; bottom: 0; left: 0; background: #fff; z-index: 5; width: 538px;padding-left: 4.2%; padding-right: 55px; line-height: 76px; }
.banner .bweoii .swiper-pagination { position: initial; text-align: left; width: auto; margin-right: 60px; margin-top: -1px; }
.banner .swiper-pagination .swiper-pagination-bullet { opacity: 1; position: relative; margin-left: 0; background: rgba(102, 102, 102, 0.4); width: 6px; height: 6px; overflow: hidden; transition: all .5s; margin-right: 30px; border-radius: 0; }
.banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
.banner .swiper-pagination .swiper-pagination-bullet.cur { width: 51px; }
.banner .swiper-pagination .swiper-pagination-bullet:after { content:''; width: 6px; height: 6px; position: absolute; left:0; top:0; background: #666666; overflow: hidden; }
.banner .swiper-pagination .swiper-pagination-bullet.cur:after {
    -webkit-animation: w100 6s infinite;
    animation: w100 6s infinite;
}
.banner .bweoii .fr { line-height: 76px; }


.banner .swiper-slide.swiper-slide-active .woejr{opacity: 1;}
.banner .swiper-slide.swiper-slide-active .woejl{
    top: 50%;
    opacity: 1;
}

.img img { width: 100%; }
.zIndex10 { position: relative; z-index: 10; }

@-webkit-keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}

.footer { padding: 65px 0 0; background: #2C4F94;}
.footer .oot .fol a { display: block; }
/*.footer .oot .fol a img { height: 31px; }*/
.footer .oot .for .ol { line-height: 31px; margin-right: 20px; }
.footer .oot .for .or ul li { float: left; margin-right: 10px; position: relative;}
.footer .oot .for .or ul li:last-child { margin-right: 0; }
.footer .oot .for .or ul li .ewm{
    position: absolute;
    width: 120px;
    bottom: calc(100% + 4px);
    padding: 4px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.footer .oot .for .or ul li:hover .ewm{
   animation: xiala 0.4s 1;animation-fill-mode: forwards;display: block;
}

@-webkit-keyframes xiala {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes xiala {
    0% {
        opacity: 0;
    }
    100% {
       opacity: 1;
    }
}

.footer .oot .for .or ul li a { display: block; }

.footer .oob .container { margin-top: 50px; padding-top: 50px; padding-bottom: 75px; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; }
.footer .oob .oobl .oe { margin-top: 22px; }
.footer .oob .oobl .oe .e:nth-child(n+2) { margin-top: 10px; }

.footer .oob .oobr { width: 63%; }
.footer .oob .oobr .clearfix { display: flex; flex-wrap: wrap; }
.footer .oob .oobr dl { float: left; width: 25%; padding-right: 20px;}
.footer .oob .oobr dl:nth-child(1),
.footer .oob .oobr dl:nth-child(2),
.footer .oob .oobr dl:nth-child(3),
.footer .oob .oobr dl:nth-child(4) { margin-bottom: 45px; }
.footer .oob .oobr dl dt a { display: block; font-size: 17px; color: #fff; transition: all 0.4s;}
.footer .oob .oobr dl dt { margin-bottom: 22px; }
.footer .oob .oobr dl dd { margin-top: 10px; }
.footer .oob .oobr dl dd a { display: block; font-size: 14px; color: #fff; transition: all 0.4s;}

.footer .ooe .oel a { display: inline-block; line-height: 70px; color: #fff; font-size: 14px; position: relative; }
.footer .ooe .oel a:nth-child(n+2) { margin-left: 20px; }
.footer .ooe .oel a:nth-child(n+2)::before { position: absolute; content: ""; left: -12px; width: 1px; height: 14px; background: #6d6d6d; top: 50%; transform: translateY(-50%); }
.footer .ooe .oer { line-height: 70px; }

.footer .oob .oobr dl dt a:hover,
.footer .oob .oobr dl dd a:hover{
    color: var(--colo);
}
@media(max-width:1920px) {
    .banner .swiper-slide .woejl { width: 30%; }
}

@media(max-width:1280px) {
    .header .eaer ul li { margin-right: 20px }
    .header .moub { margin-left: 30px; }

    .footer .oot .fol a img { width: 250px; }
    .footer { padding: 50px 0 0; }
    .footer .oob .container { margin-top: 40px; padding-top: 40px; padding-bottom: 50px; }
    
    .footer .oob .oobr { width: 66%; }
}

@media(max-width:1100px) {
    .header { padding: 0 20px; }
    .header .eaer ul { display: none; }

    .header .logo a { padding: 15px 0; }
    .header .logo a img { width: 160px; }
    
    .header .moub { padding-top: 4px; margin-left: 0; }
    .header .moub .topBtn { width: 24px; }

    .subsearche { right: -32px; }
    .subsearche form { padding: 8px 12px; }
    .subsearche { width: 240px; padding-top:32px; }
    .subsearche form input.inp { height: 20px; font-size: 14px; padding-left: 6px; }
    .subsearche form input.subxx { height: 33px; right: 10px; }


    .navR { margin-left: 5px; }
	.navBtn {
		height: 50px;
		margin-top: -1px;
		float: left;
		left: 3%;
		width: 50px;
		position: relative;
	}
	.menu-i {
        height: 2px;
        right: 0;
        position: absolute;
        border-radius: 1px;
        font-style: normal;
        background-color: #000;
        display: block;
        transition: all 0.5s;
        border-radius: 2px;
    }

    .menu-i-1 {
        width: 24px;
        top: 15px;
    }
    .menu-i-2 {
        width: 32px;
        top: 25px;
    }.menu-i-3 {
        width: 24px;
        top: 35px;
    }
    .mobile-menu {
        width: 36px;
        height: 50px;
        position: relative;
        display: block;
        background: none;
        border: none;
    }
    .mobile-menu-on .menu-i-1 {
        transform: translateY(10px) rotate(45deg);
        background-color: #000;
    }
    .mobile-menu-on .menu-i-2 {
        opacity: 0;
    }
    .mobile-menu-on .menu-i-3 {
        transform: translateY(-10px) rotate(-45deg);
        background-color: #000;
    }

    .nav_box { display: block!important; top: 49px; width: 100%; left:-100%; border-top: 1px solid rgba(255,255,255,0.2); height: calc(100% - 49px); }
    .nav_box { background: #2B378E; }
    .bgGreen { background: #2B378E; }
    .nav_box .navlist { padding-top: 10px; }
    .nav_box .navlist ul>li { border:none; line-height: 50px; }
    .navSear { margin-top: 30px; padding: 0 15px;}
    .navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }
    .navSear .search .subsearch { z-index: 9;}
    .navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
    .navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } 
    .navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
    .navSear .search:hover .subsearch {display: block;}
    .navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: rgba(255,255,255,0.7); 
    }
    .navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: rgba(255,255,255,0.7);
    }
    .navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder
     {
        color: rgba(255,255,255,0.7);
    } 
    .navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
        color: rgba(255,255,255,0.7);
    }
    /*.nav_box .navlist ul>li { border-bottom:1px solid rgba(255,255,255,0.3); }*/
    .nav_box .navlist ul>li .navlist2,.nav_box .navlist ul>li .secondNav .navlist3,.nav_box .navlist ul>li .fourthNav .navlist4 { position: fixed; left:-102%; transition: all 0.6s; display: block; top:50px; width: 100%; height: calc(100% - 50px); background: #2B378E; z-index: 10000; }
    .nav_box .navlist ul>li .navlist2 a,.nav_box .navlist ul>li .secondNav .navlist3 a,.nav_box .navlist ul>li .fourthNav .navlist4 a { padding: 0 15px; line-height: 50px; font-size: 16px; color:rgba(255,255,255,0.8); }
    .nav_box .navlist ul>li.cur .navlist2,.nav_box .navlist ul>li .secondNav.cur .navlist3,.nav_box .navlist ul>li .fourthNav.cur .navlist4 { left:0; }
    .nav_box .navlist ul>li .backNav { padding: 0 15px; }
    .nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.png) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
    .nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }

    .banner .swiper-slide .woejl .xq { margin: 10px 0 25px;}
    .banner .swiper-slide .woejl { width: 100%; top: 30%; padding: 0 20px; }
    /*.banner .swiper-slide .gude { height: 100vh; }*/
    .banner .swiper-slide .woejr { width: 100%; top: auto; bottom: 50px; text-align: center; transform: translateY(0); }

    .banner .bweoii { width: 100%; padding: 0 20px; }
    .banner .bweoii .swiper-pagination { line-height: 50px; }
    .banner .bweoii .fr { line-height: 50px; }
    .banner .swiper-pagination .swiper-pagination-bullet { margin-right: 20px; }


    .footer { padding-top: 45px; }
    .footer .oob .oobr { display: none; }
    .footer .oob .container { margin-top: 30px; padding: 30px 0; }

    .footer .oot .fol { width: 100%; }
    .footer .oot .fol a img { width: auto; height: 18px; }
    .footer .oot .for { float: left; margin-top: 25px; }
    .footer .oob .oobl .oe { margin-top: 15px; }
   /* .footer .ooe .oel { display: none; }*/
   .footer .ooe .oel a{
      line-height: 44px;
   }
    .footer .ooe .oer { line-height: 1.6; padding: 0 0 20px; text-align: center;float: left; }

    .banner .swiper-slide .gude{padding-bottom: 50px;background: none;}
    .banner .swiper-slide .woejl{ position: initial;width: 100%;display: inline-block;transform: initial;margin-top: 30vw;padding: 0;}
    .banner .swiper-slide .woejr{
        position: initial;width: 100%;display: inline-block;transform: initial;margin-top: 60px;
    }
}



/**首页**/
.indexA { padding: 6.77083vw 0 4.6875vw; }
.indexA .dexatop .xatol { line-height: 1.25; }
.indexA .dexatop .xator { width: 66%; padding-right: 13%; }
.indexA .dexatop .xator .toa {  line-height: 1.77; margin-bottom: 40px; }

.indexA .dexabott { margin-top: 5.46875vw; }
.indexA .dexabott ul li { float: left; width: 25%; }
.indexA .dexabott ul li .oa span { font-size: 3.43750vw; color: #2C4F94; line-height: .85; display: inline-block; }
.indexA .dexabott ul li .oa i { display: inline-block; font-style: normal; font-size: 3.43750vw; line-height: .85; color: #2C4F94; }
.indexA .dexabott ul li .oa i sup { font-size: 1.875vw;top: -0.6vw;position: relative;}

/*.indexA .dexabott ul li:nth-child(2) .oa i,
.indexA .dexabott ul li:nth-child(3) .oa i,
.indexA .dexabott ul li:nth-child(4) .oa i { vertical-align: middle; margin-top: -2.65vw; }*/

.indexA .dexabott ul li .ob { position: relative; margin-top: 1.35416vw; border-top: 1px solid #D8D8D8; position: relative; line-height: 1; padding-top: 1.14583vw; }
.indexA .dexabott ul li .ob::before { position: absolute; content: ""; top: -1px; left: 0; width: 62px; height: 1px; background: var(--red); }

.indexB ul li { float: left; width: 25%; min-height: 313px; text-align: center; background: #E3EAF7; position: relative; transition: all 0.4s;}
/*.indexB ul li:hover{
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, .12);
    background: #D4DDEE;
    z-index:2;
}
*/.indexB ul li:nth-child(2n) { background: #D5DEF1; }
.indexB ul li .kizo { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 20px; }
.indexB ul li .kizo .wz { margin-top: 12px; }

.indexC { background: #2C4F94; padding-top: 5.52083vw;  }
.indexC ul {display: flex;flex-wrap: wrap;justify-content: center;}
.indexC ul li { height: 35vw; width: 16.66%; transition: all .5s; position: relative; overflow: hidden; }
.indexC ul.cuwi li { width: 13.28%; }
.indexC ul.cuwi li.cur { width: 33.6%; }
.indexC ul li::before { position: absolute; content: ""; right: 0; height: 100%; width: 1px; background: url(../images/dsada.png)no-repeat center center/cover; }
.indexC ul li:last-child:before { display: none; }


.indexC ul li .zowo { padding: 0 20px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; transition: all .5s; }
.indexC ul li.cur .zowo { left: -100%; }
.indexC ul li .zowo .wz { line-height: 1.5; }

.indexC ul li .zowo .imge{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.indexC ul li .zomo { position: absolute; left: -100%; transition: all .5s; height: 100%; width: 100%; bottom: 0; text-align: center; }
/*.indexC ul li img { height:14.58333vw; }*/
.indexC ul.cuwi li.cur .zomo { background: linear-gradient(180deg, rgba(18, 50, 115, 0) 0%, #092866 100%); }
.indexC ul li.cur .zomo { left: 0; }

.indexC ul li .zomo .swo { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; }
.indexC ul li .zomo .swo .wz { line-height: 1.35; margin-bottom: 21px; }
/*.indexC ul li.cur .zomo .swo .imge img{max-width: 330px;margin: 0 auto;}*/
.indexC ul li .zomo .swo .vo { display: inline-block; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.indexC ul li .zomo .swo .vo .io { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.indexC ul li .zomo .swo .vo .io > a { display: block; line-height: 1; padding: 15px 30px 15px 0; color: #fff; position: relative; }
.indexC ul li .zomo .swo .vo .io > a::before { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; content: ""; background: url(../images/voio.png)no-repeat center center/cover; }

.indexD { padding: 5.98958vw 0 6.92708vw; } 
.indexD .swiper-container { overflow: hidden; margin-top: 40px; }
.indexD .dexdtop .dtor { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.indexD .dexdtop .dtor .swipean { height: 57px; padding: 2px;  line-height: 1; margin-right: 6px; }
.indexD .dexdtop .dtor .swipean .clearfix { height: 100%; }
.indexD .dexdtop .dtor .swipean .huo { position: relative; top: 0; left: auto; right: auto; margin-top: 0; height: 100%; width:57px; transition: all .5s; border: 2px solid #E9EDF4;}
.indexD .dexdtop .dtor .swipean .huo::after { font-size: 0; width: 15px; height: 15px; }
.indexD .dexdtop .dtor .swipean .swiper-button-prev::after { background: url(../images/prev.svg)no-repeat center center/cover; }
.indexD .dexdtop .dtor .swipean .swiper-button-next::after { background: url(../images/next.svg)no-repeat center center/cover; }
.indexD .dexdtop .dtor .swipean .huo:hover { background: #E9EDF4; }

.indexD .dexdtop .dtor .more{height: 55px;line-height: 55px;}
/*.indexD .dexdtop .dtor .swipean .swiper-button-disabled { opacity: 1; background: #E9EDF4; }*/

.indexD .swiper-container .naowe { background: #F9F9F9; min-height: 280px; padding: 30px 30px 0; position: relative; }
.indexD .swiper-container .wea .ea { padding-right: 22px; position: relative; line-height: 1; }
.indexD .swiper-container .wea .ea::before { position: absolute; content: ""; right: 10px; height: 100%; width: 1px; background: var(--red); }
.indexD .swiper-container .wea .eb { line-height: 1; }
.indexD .swiper-container .web { line-height: 1.3; margin-top: 13px; }
.indexD .swiper-container .wec { position: absolute; left: 30px; bottom: 0; width: calc(100% - 60px); padding: 33px 0; border-top: 1px solid #d8d8d8; }
.indexD .swiper-container .wec .ebl { line-height: 1; color: #6D6D6D; font-size: 14px; padding-right: 15px; position: relative; }
.indexD .swiper-container .wec .ebl::before { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: url(../images/more.svg)no-repeat center center/cover; }
.indexD .swiper-container .wec .ebr { line-height: 1; color: #A8A8A8; font-size: 14px; position: relative; padding-left: 15px; }
.indexD .swiper-container .wec .ebr::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: url(../images/morew.svg)no-repeat center center/cover; }

.indexD .swiper-container .swiper-slide { overflow: hidden; }
.indexD .swiper-container .tize { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: -100%; padding: 30px 30px 0; transition: all .5s; }
.indexD .swiper-container .tize a { display: block; width: 100%; height: 100%; position: relative; }
.indexD .swiper-container .tize .wea .ea { color: #fff; }
.indexD .swiper-container .tize .wea .ea::before { background: #fff}
.indexD .swiper-container .tize .wea .eb { color: #fff; }
.indexD .swiper-container .tize .web { color: #fff; }
.indexD .swiper-container .tize .wec { width: 100%; left: 0; border-color: rgba(255, 255, 255, 0.1); }

.indexD .swiper-container .tize .wec .ebl { color: #fff; }
.indexD .swiper-container .tize .wec .ebr { color: #fff; }
.indexD .swiper-container .wec .ebl::before { background: url(../images/morea.svg)no-repeat center center/cover; }
.indexD .swiper-container .tize .wec .ebr::before { background: url(../images/morewa.svg)no-repeat center center/cover; }

.indexD .swiper-container .swiper-slide:hover .tize .web ,
.indexD .swiper-container .swiper-slide.cur .tize{ text-decoration: underline; }
.indexD .swiper-container .swiper-slide:hover .tize,
.indexD .swiper-container .swiper-slide.cur .tize { left: 0; }

.indexE { text-align: center; min-height: 44.79166vw; }
.indexE  .dsiwnen { width: 40%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.indexE  .dsiwnen .da { line-height: 1.25; }
.indexE  .dsiwnen .db { /*line-height: 1.18;*/ margin: 28px 0 18px; }
.indexE  .dsiwnen .db p{margin-top: 12px;}
.indexE  .dsiwnen .dc { line-height: 1.375; }

.indexE  .dsiwnen .morea { border-color: #fff; margin-top: 55px; }


.indexF { background: linear-gradient(96deg, #D2D7DE 1%, #F6F6F6 100%); }
.indexF .container { height: 200px; }
.indexF .dexfl { position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.indexF .dexfr { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.indexF .dexfr form .sous_1 { width: 612px; height: 50px; padding-left: 27px; font-size: 16px; color: #999; background: #fff; border: 0; }
.indexF .dexfr form .sous_1::-webkit-input-placeholder{
    color: #999;
}
.indexF .fdj { position: absolute; right: 0; width: 203px; height: 100%; background: none; border: 0; top: 0; z-index: 3; }
.indexF .dexfr form .dyan { line-height: 50px; width: 203px; position: absolute; right: 0; top: 0; text-align: center; background: #2C4F94; color: #fff; height: 50px; }

@media(max-width:2000px) {
    .indexC ul li { height: 40vw; }
    .indexD .swiper-container .naowe{
        padding: 1.6vw 1.6vw 0;
    }
}

@media(max-width:1800px) {
    .indexC ul li { height: 45vw; }
}

@media(max-width:1500px) {
    .indexB ul li .kizo img { height: 40px; }
    
    .indexC ul li { height: 55vw; }
}

@media(max-width:1280px) {
    .indexA .dexabott ul li .oa { height: 30px; }
    .indexA .dexabott ul li .oa span { font-size: 28px; }
    .indexA .dexabott ul li .oa i { font-size: 28px; }
    .indexA .dexabott ul li .oa i sup { font-size: 20px; }

    .indexD .dexdtop .dtor .swipean { height: 49px; }
    .indexD .dexdtop .dtor .swipean .huo { width: 49px; }
    .indexD .dexdtop .dtor .more{
        height: 47px;
        line-height: 47px;
    }
}

@media(max-width:1100px) {
    .indexA { padding: 40px 0 50px; }
    .indexA .dexatop .xatol { width: 100%; }
    .indexA .dexatop .xator { width: 100%; margin-top: 10px; padding-right: 0;}
    .indexA .dexatop .xator .toa { font-size: 14px; line-height: 1.6; margin-bottom: 30px;}
    .indexA .dexabott { margin-top: 35px; }
    .indexA .dexabott ul li { width: 50%; margin-bottom: 20px; }
    .indexA .dexabott ul li .ob { margin-top: 10px; padding-top: 10px; padding-right: 12px;}

    .indexB ul li { width: 50%; min-height: 200px; }
    .indexB ul li .kizo img { height: 35px; }
    .indexB ul li:nth-child(3) { background: #D5DEF1; }
    .indexB ul li:last-child { background: #E3EAF7; }

    .indexC { padding: 45px 0 0; }
    .indexC ul li { height: 350px; width: 100% !important; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .33); }
    .indexC ul li.cur { height: 600px; }
    .indexC ul li .zowo .imge img { height: 250px; }

    .indexC ul li .zomo { left: 0; top: 0; height: 0; overflow: hidden; }
    .indexC ul li.cur .zomo { height: 600px; }
    .indexC ul li .zomo .swo .imge img { height: 250px; }
    .indexC ul li.cur .zowo { top: -100%; left: 0; }

    .indexD { padding: 40px 0 50px; }
    .indexD .dexdtop .dtor { position: initial; transform: translateY(0); margin-top: 35px; }
    .indexD .swiper-container { margin-top: 20px; }

    .indexD .swiper-container .naowe { height: 230px; padding: 20px 20px 0; }
    .indexD .swiper-container .tize { padding: 20px 20px 0; }
    .indexD .swiper-container .wec { padding: 20px 0; width: calc(100% - 40px); left: 20px; }
    .indexE .dsiwnen .db{
        max-height: 180px;
        overflow: auto;
    }
    .indexE .dsiwnen .db p{margin-top: 6px;}

    .indexE {text-align: center; min-height: 500px; }
    .indexE  .dsiwnen { width: 100%; padding: 0 20px; }
    .indexE  .dsiwnen .db { margin: 20px 0 10px; }
    .indexE  .dsiwnen .morea { margin-top: 30px; }

    .indexF .container { padding: 40px 20px 50px; }
    .indexF .dexfl,
    .indexF .dexfr { position: initial; transform: translateY(0); width: 100%; text-align: center; }
    .indexF .dexfr form .sous_1 { width: 100%; height: 45px; font-size: 14px; padding-left: 20px; }

    .indexF .dexfl { margin-bottom: 20px; }
    .indexF .fdj,
    .indexF .dexfr form .dyan { height: 45px; line-height: 45px; width: 150px; }
}




.nybanner { position:relative; }
.nybanner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 1;
}

.nybanner .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
   /* text-align: center;*/
}


.nybanner .text .bt{display: inline-block;line-height: 1;color: #fff;padding: 0 8px;position: relative;font-weight: bold; font-family: 'Orbitron-Bold','arial';     letter-spacing: 4px;}
.nybanner .text .bt:before{
    content: "";
    width: 0;
    background: #2C4F94;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all 1s;
    top: 0;
    z-index: -1;
    display: none;
}
.contact_a{
    padding: 140px 0 70px;
}
.contact_a_box{
    display: flex;
    flex-wrap: wrap;
    background: #E3EAF7;
}
.contact_a_box .left{
    width: 46%;
     padding: 70px 72px 0;
}

.contact_a_box .left .ul li{
    margin-bottom: 1.6vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contact_a_box .left .ul li:last-child{margin-bottom: 0;}
.contact_a_box .left .ul li .icon{
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #fff;*/
    border: 1.5px solid rgba(44, 79, 148, .2);
    border-radius: 100%;
}
.contact_a_box .left .ul li .icon img{max-width: 32px;}
.contact_a_box .left .ul li .text{
    width: calc(100% - 84px);
    padding-left: 15px;
}
.contact_a_box .left .ul li .text .wenzi{margin-top: 3px;}
.contact_a_box .right{
    width: 54%;
}
@media(max-width: 1920px){
    .contact_a{
        padding: 7.2vw 0 3.6vw;
    }
    .contact_a_box .left{
         padding: 3.6vw 3.7vw 0;
    }
    .contact_a_box .left .ul li .icon{
        width: 4.3vw;
        height: 4.3vw;
    }
    .contact_a_box .left .ul li .text{
        width: calc(100% - 4.3vw);
    }
}

.contact_b_box{
    background: #F9F9F9;
    padding: 0;
}
.contact_b_box .title{width: 75%;}
.contact_b_box .ul li{
    float: left;
    width: 33%;
    margin-bottom: 10px;
    margin-right: 0.5%;
    position: relative;
}

.contact_b_box .ul li:nth-child(3n){margin-right: 0;}
.contact_b_box .ul li.w100{
    width: 100%;
    margin-right: 0;
}

.contact_b_box .ul li input,.contact_b_box .ul li textarea{
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    font-size: 16px;
    color: #333;
}
.contact_b_box .ul li input{
    line-height: 50px;
    height: 50px;
    padding: 0 42px;
}
.contact_b_box .ul li .icon{
    max-width: 24px;
    position: absolute;
    left: 14px;
    top: calc(50% - 3px);
    transform: translateY(-50%);
}

.contact_b_box .ul li textarea{
    height: 96px;
    padding: 20px;
    resize: none;
}
.contact_b_box .ul li .formbutton{margin-top: 30px;transition: all 0.4s;}
.contact_b_box .ul li .formbutton:hover{opacity: 0.8;}
.formbutton{
    background: #2C4F94;
    color: #fff;
    padding: 18px 70px;
    border: none;
    cursor: pointer;
    border: 2px solid #2c4f94;
}
.formbutton i{
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
    background: url(../images/formbutton_jt.svg) center center/cover;
}


.contact_c{
    position: relative;
}

.contact_c .text{
    position: absolute;
    top: 38%;
    left: 48.7%;
    z-index: 3;
}
.contact_c .text .icon{width: 1.97vw;}
.contact_c .wenzi{
    position: absolute;
    left: calc(100% + 24px);
    top: -40px;
    background: #2C4F94;
    width: 476px;
    padding: 30px 40px;
    color: #fff;
}

.contact_c .wenzi .more{
    background: #fff;
    transition: all 0.4s;
    border: none;
}
.contact_c .wenzi .more:hover{opacity: 0.7;}
.contact_c .wenzi .more:hover span{color: #2C4F94;}
.contact_c .wenzi .more::before{background: #fff;}
.contact_c .wenzi .more i{
    background: url(../images/contact_c_fj.svg) center center/cover;
    width: 15px;
    height: 15px;
}
@media(max-width: 1920px){
    .contact_b_box{
        /*padding: 3.2vw 4vw 5.2vw;*/
    }
   /* .contact_a_box .left .ul li .icon img{
        width: 1.65vw;
    }
    .contact_b_box .ul li input{
         line-height: 2.6vw;
         height: 2.6vw;
    }
    .contact_b_box .ul li textarea{
        height: 5.1vw;
    }*/
    .formbutton{
        padding: 1vw 3.6vw;
    }
    .contact_c .wenzi{
        padding: 1.6vw 2.1vw;
    }

}
@media(max-width: 1500px){
    .contact_b_box .ul li input,.contact_b_box .ul li textarea{font-size: 14px;}
}
@media(max-width: 1300px){
    .contact_c .wenzi{
       width: 380px;
    }
}

@media(max-width: 1100px){
    .nybanner .text .bt{
        line-height: 1.4;
    }
    .contact_a{padding: 40px 0;}
    .contact_a_box .left{
        width: 100%;
        padding: 30px 20px;
    }
    .contact_a_box .left .ul li{align-items: flex-start;}
    .contact_a_box .left .ul li .icon{
        width: 50px;
        height: 50px;
    }
    .contact_a_box .left .ul li .icon img{
        width: 22px;
    }
    .contact_a_box .left .ul li .text{width: calc(100% - 50px);}
    .contact_a_box .left .ul li{margin-bottom: 12px;}
    .contact_a_box .left .ul li .text{font-size: 16px;}
    .contact_a_box .right{width: 100%;}
    .contact_b_box{
        padding: 30px 20px;
    }
    .contact_b_box .title{width: 100%;}
    .contact_b_box .ul li{
        width: 100%;
    }
    .contact_b_box .ul li input{
        height: 42px;
        line-height: 42px;
        padding: 0 34px;
    }
    .contact_b_box .ul li .icon{left: 10px;}
    .contact_b_box .ul li textarea{height: 100px;padding: 14px;}
    .formbutton{padding: 12px 30px;}
    .contact_b_box .ul li .formbutton{margin-top: 15px;}
    .contact_c .text .icon{
        display: none;
    }
    .contact_c .text{
        top: 50%;
        left: 50%;
        width: 94%;
        transform: translate(-50%,-50%);
    }
    .contact_c .wenzi{
        display: inline-block;
        width: 100%;
        position: initial;
    }
    .contact_c .wenzi{padding: 30px 20px;}
}

.service_a{
    padding: 5.6vw 0 6.6vw;
}

.service_a .ul{display: flex;flex-wrap: wrap;}
.service_a .ul li{
    background: #F9F9F9;
    width: 49.4%;
    margin-right: 1.2%;
    padding: 44px 38px;
    transition: all 0.4s;
    margin-bottom: 1.3%;
}
.service_a .ul li:nth-child(2n){margin-right: 0;}
.service_a .ul li .bt{
    color: #2C4F94;
    transition: all 0.4s;
}
.service_a .ul li .text{
    color: #666666;
    transition: all 0.4s;
}
.service_a .ul li .box{
    height: 100%;
    padding-bottom: 140px;
}
.service_a .ul li .icon{
    width: 97px;
    position: absolute;
    bottom: 0;
}
.service_a .ul li .icon .icon2{display: none;}
.service_a .ul li:hover .bt,.service_a .ul li:hover .text{color: #fff;}
.service_a .ul li:hover{
    background: #2C4F94;
}
.service_a .ul li:hover .icon .icon1{display: none;}
.service_a .ul li:hover .icon .icon2{display: block;}

.service_b{
    background: #244076;
    padding-top: 55px;
    position: relative;
}

.service_b .title{
    position: absolute;
    width: 100%;
    left: 0;
    top: 100px;
    z-index: 2;
}

.service_b .service_b_box{margin-right: 1.6vw;}
.service_b .service_b_box .ul li{
    position: absolute;
}
.service_b .service_b_box .ul li.cur{z-index: 3;}
.service_b .service_b_box .ul li .icon{
    width: 2.6vw;
    height: 2.6vw;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100%;
     cursor: pointer;
     transition: all 0.4s;
}

.service_b .service_b_box .ul li .icon:before{
    width: 68%;
    height: 68%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    border-radius: 100%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.service_b .service_b_box .ul li .icon:after{
    width: 25%;
    height: 25%;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    border-radius: 100%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}
.service_b .service_b_box .ul li .text_box{
    position: absolute;
    left: calc(100% + 15px);
    top: -24px;
    width: 460px;
    background: #E3EAF7;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
    padding: 38px 38px 60px;
    display: none;
    z-index: 3;
}
.service_b .service_b_box .ul li .text_box:before{
    content: "";
    background: #E3EAF7;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    left: -10px;
    top: 40px;
}
.service_b .service_b_box .ul li .text_box .bt{
    color: #121212;
    line-height: 1.4;
    border-bottom: 1px solid rgba(18, 18, 18, 0.14);
    padding-bottom: 14px;
    margin-bottom: 14px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
}

.service_b .service_b_box .ul li .text_box .list_box{
    color: #121212;
}

.service_b .service_b_box .ul li .text_box .list_box .list{
    padding-left: 32px;
    position: relative;
    margin-bottom: 10px;
}
.service_b .service_b_box .ul li .text_box .list_box .list:last-child{margin-bottom: 0;}
.service_b .service_b_box .ul li .text_box .list_box .list:before{
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 4px;
}
.service_b .service_b_box .ul li .text_box .list_box .list.list1:before{background: url(../images/service_b_icon1.svg) center center/cover;}
.service_b .service_b_box .ul li .text_box .list_box .list.list2:before{background: url(../images/service_b_icon2.svg) center center/cover;top: 6px;}
.service_b .service_b_box .ul li .text_box .list_box .list.list3:before{background: url(../images/service_b_icon3.svg) center center/cover;}
.service_b .service_b_box .ul li .dbt{
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    height: 46px;
    line-height: 46px;
    padding: 0 24px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    transition: all 0.4s;
      white-space: nowrap;
      z-index: 2;
}

.service_b .service_b_box .ul li .dbt i{
    width: 14px;
    height: 16.33px;
    margin-right: 6px;
    display: block;
    background: url(../images/service_b_zb.svg) center center/cover;
    transition: all 0.4s;
}

/*.service_b .service_b_box .ul li:hover .text_box,*/.service_b .service_b_box .ul li.cur .text_box{animation: xiala 0.4s 1;animation-fill-mode: forwards;display: block}

/*.service_b .service_b_box .ul li:hover .icon,*/.service_b .service_b_box .ul li.cur .icon{
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/*.service_b .service_b_box .ul li:hover .icon:before,*/.service_b .service_b_box .ul li.cur .icon:before{
   background: #FFFFFF;
}

/*.service_b .service_b_box .ul li:hover .icon:after,*/.service_b .service_b_box .ul li.cur .icon:after{
    background: #2C4F94;
}
/*.service_b .service_b_box .ul li:hover .dbt,*/.service_b .service_b_box .ul li.cur .dbt{
    background: #fff;
    color: #121212;
}
/*.service_b .service_b_box .ul li:hover .dbt i,*/.service_b .service_b_box .ul li.cur .dbt i{
    background: url(../images/service_b_zb2.svg) center center/cover;
}

.service_b .service_b_box .ul li.btxia .dbt{
    transform: translateX(-50%);
    left: 50%;
    top: calc(100% + 3px);
    right: auto;
}

.service_b .service_b_box .ul li.btyou .dbt{
   left: calc(100% + 4px);
    right: auto;
}

.service_b .service_b_box .ul li.nrshang .text_box{
    transform: translateX(-50%);
    left: 50%;
    top: auto;
    bottom: calc(100% + 10px);
    right: auto;
}
.service_b .service_b_box .ul li.nrshang .text_box:before{
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    bottom: -10px;
    top: auto;
}
.service_b .service_b_box .ul li.nrzuo .text_box{
    left: auto;
    right: calc(100% + 15px);
}
.service_b .service_b_box .ul li.nrzuo .text_box:before{
    left: auto;
    right: -10px;
}

.service_b .service_b_box .ul li.nrxia .text_box{
    transform: translateX(-50%);
    left: 50%;
    bottom: auto;
    top: calc(100% + 10px);
    right: auto;
}
.service_b .service_b_box .ul li.nrxia .text_box:before{
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    top: -10px;
    bottom: auto;
}
.service_b .btm {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 100%;
}
.service_b .btm .ul{display: flex;flex-wrap: wrap;padding: 40px 50px 46px 60px;background: #fff;width: 85.2%;margin: 0 auto;}
.service_b .btm .ul li:nth-child(1){
    width: 31%;
}

.service_b .btm .ul li:nth-child(2){
    width: 24%;
}

.service_b .btm .ul li:nth-child(3){
    width: 22%;
}

.service_b .btm .ul li:nth-child(4){
    width: 23%
}

.service_b .btm .ul li .bt{
    color: #2C4F94;
    padding-bottom: 14px;
    margin-bottom: 14px;
    position: relative;
    border-bottom: 1px solid #D8D8D8;
}
.service_b .btm .ul li .bt:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 62px;
    background: #2C4F94;
    height: 1px;
}
.service_b .btm .ul li .js{
    color: #323232;
    padding-right: 12px;
}

@-webkit-keyframes xiala {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes xiala {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media(max-width: 1920px){
    .service_a .ul li{
        padding: 2.2vw 1.9vw;
    }
    .service_a .ul li .box{padding-bottom: 7.2vw;}
    .service_a .ul li .icon{
        width: 5vw;
    }
    .service_b {padding-top: 2.8vw;}
    .service_b .title{top: 5.2vw;}
    .service_b .service_b_box .ul li .text_box{
        padding: 1.9vw 1.9vw 3.1vw;
    }
    .service_b .service_b_box .ul li .dbt{
       height: 2.3vw;
       line-height: 2.3vw;
    }
    .service_b .btm{
        bottom: 5.2vw;
    }
    .service_b .btm .ul{
        padding: 2vw 2.6vw 2.3vw 3.1vw;
    }
}

@media(max-width: 1680px){
    .service_b .btm{
        bottom: 3vw;
    }
}
@media(max-width: 1500px){
    .service_b .btm{
        bottom: 1.6vw;
    }
}


@media(max-width: 1100px){
    .service_a{
        padding: 40px 0;
    }
    .service_a .ul li{width: 100%;margin-bottom: 14px;padding: 20px;}
    .service_a .ul li:last-child{margin-bottom: 0;}
    .service_a .ul li .box{padding-bottom: 0;}
    .service_a .ul li .icon{
        width: 60px;
        position: initial;
        display: inline-block;
        margin-top: 30px;
    }
    .service_b{padding-top: 60px;}
    /*.service_b .service_b_box .ul li:hover .text_box, */.service_b .service_b_box .ul li.cur .text_box{display: none;}
    .service_b .service_b_box .ul li .dbt {
        height: 24px;
        padding: 0 10px;
        line-height: 24px;
        border: none;
    }
    .service_b .service_b_box .ul li .icon{width: 20px;height: 20px;}
    .service_b .title{top: 30px;}

    .service_b .btm{
        position: initial;
        display: inline-block;
        width: 100%;
    }
    .service_b .btm .ul{width: 100%;padding: 20px;}
    .service_b .btm .ul li{
        margin-bottom: 6px;
        padding-bottom: 6px;
        width: 50% !important;
    }
    .service_b .btm .ul li .bt{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}

.machine_a{
    padding: 5.2vw 0 5vw;
}

.machine_a .left{
    width: 27%;
    float: left;
}
.machine_a .left .top{margin-bottom: 20px;background: #F9F9F9;}
.machine_a .left .top .bt{
    background: #E3EAF7;
    color: #333333;
    padding: 26px 30px;
}

.machine_a .left .top .a_box{
    padding: 30px 38px 38px;
}
.machine_a .left .top .a_box a{
    display: block;
    margin-bottom: 30px;
    position: relative;
    padding-left: 35px;
    color: #333;
}

.machine_a .left .top .a_box a:last-child{margin-bottom: 0;}
.machine_a .left .top .a_box a i{
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 2px solid #CBCBCB;
    border-radius: 100%;
    transition: all 0.4s;
}
.machine_a .left .top .a_box a i:before{
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    background: #2C4F94;
    content: "";
    transition: all 0.4s;
    border-radius: 100%;
}

.machine_a .left .top .a_box a.cur i,
.machine_a .left .top .a_box a:hover i{
     border-color: #2C4F94;
}
.machine_a .left .top .a_box a.cur i:before,
.machine_a .left .top .a_box a:hover i:before{
    transform: translate(-50%,-50%) scale(1);
}
.machine_a .left .btm{
    padding: 30px 40px;
    background: url(../images/machine_left_bg.png) center center/cover #2C4F94;
}
.machine_a .left .btm .input_box input.text{
    background: rgba(255, 255, 255, .1);
    width: 100%;
    border: none;
    color: #fff;
    height: 70px;
    line-height: 70px;
    padding: 0 80px 0 20px;
    font-size: 16px;
}
.machine_a .left .btm .input_box input.text::placeholder{color: #fff;}
.machine_a .left .btm .input_box input[type='submit']{
    width: 60px;
    height: 60px;
    border: none;
    position: absolute;
    right: 6px;
    top: 6px;
    background: url(../images/machine_fd.svg) center center no-repeat #fff;
    background-size: 1.4vw 1.4vw;
}

.more_bai,
a.more_bai{
    border: 2px solid #FFFFFF;
    
}
.more_bai span,
a.more_bai span{color: #fff;}

.more_bai i,
a.more_bai i{
    width: 10px;
    height: 10px;
    background: url(../images/machine_jt.svg) center center/cover;
}

.more_bai:hover span,
a.more_bai:hover span{
     color: #2C4F94;
} 
.more_bai::before,
a.more_bai::before{
    background: #fff;
}

.more_bai:hover i, a.more_bai:hover i{
    background: url(../images/more.svg) center center/cover;
}

.machine_a .right{
    width: 68.8%;
    float: right;
    margin-left: auto;
}
.machine_a .right .ul{
    display: flex;
    flex-wrap: wrap;
}
.machine_a .right .ul li{
    width: 32.5%;
    margin-right: 1.25%;
    margin-bottom: 30px;
    cursor: pointer;
    padding: 26px 30px 44px;
    background: #F9F9F9;
    transition: all 0.4s;
    text-align: center;
}
.machine_a .right .ul li:nth-child(3n){margin-right: 0;}
.machine_a .right .ul li .more_download{margin-top: 30px;}
.more_download,
a.more_download{
    border: 2px solid #2C4F94;
    padding: 0.6vw 1.8vw;
    display: inline-block;
    color: #2C4F94;
    position: relative;
}
.more_download span,
a.more_download span{
    display: inline-block;
    position: relative;
    z-index: 2;
}
.more_download i,
a.more_download i{
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
    background: url(../images/more_download.svg) center center/cover;
}
.more_download:before{
    background: #fff;
    width: 0;
    transition: all 0.4s;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
}

.more_download:hover:before{width: 100%;}

.more_download:hover span,
a.more_download:hover span{color: #2C4F94;}
.machine_a .right .ul li:hover .more_download:hover i,
.machine_a .right .ul li:hover a.more_download:hover i{
    background: url(../images/more_download.svg) center center/cover;
}
.fyq > .clearfix{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.fyq a{
    display: block;
    width: 54px;
    line-height: 54px;
    height: 54px;
    border: 1px solid #D8D8D8;
    color: #666666;
    margin: 0 6px;
    transition: all 0.4s;
}
.fyq a:hover,.fyq a.cur{background: #2C4F94;border-color: #2C4F94;color: #fff;}
.fyq a.prev{background: url(../images/fyqprev.svg) center center no-repeat;}
.fyq a.next{background: url(../images/fyqnext.svg) center center no-repeat;}

.fyq a.prev:hover{background: url(../images/fyqprev.svg) center center no-repeat #E3EAF7;border-color: #E3EAF7;}
.fyq a.next:hover{background: url(../images/fyqnext.svg) center center no-repeat #E3EAF7;border-color: #E3EAF7;}


.machine_a .right .ul li:hover{
    background: #2C4F94;
}
.machine_a .right .ul li:hover .more_download{
    border-color: #fff;
    color: #fff;
}
.machine_a .right .ul li:hover .more_download i{
    background: url(../images/more_download2.svg) center center/cover;
}
@media(max-width: 1920px){
    .machine_a .left .top .bt{
        padding: 1.3vw 1.6vw;
    }
    .machine_a .left .top .a_box{
    padding: 1.6vw 1.8vw 1.8vw;
    }
    .machine_a .left .top .a_box a{margin-bottom: 1.6vw;}
    .machine_a .left .btm{
        padding: 1.6vw 2.1vw;
    }
    .machine_a .left .btm .input_box input.text{
        height: 3.6vw;
        line-height: 3.6vw;
        padding: 0 4.1vw 0 1.1vw;
    }
    .machine_a .left .btm .input_box input[type='submit']{height: 3.1vw;width: 3.1vw;right: 0.31vw;top: 0.31vw;}
    .machine_a .right .ul li{
        margin-bottom: 1.6vw;
         padding: 1.3vw 1.6vw 2.2vw;
    }
    .machine_a .right .ul li .more_download{margin-top: 1.6vw;}
    .fyq a{
        width: 2.8vw;
        height: 2.8vw;
        line-height: 2.8vw;
    }
}

@media(max-width: 1500px){
    .machine_a .left .top .a_box a i{width: 20px;height: 20px;}
    .machine_a .left .top .a_box a i:before{
        width: 8px;
        height: 8px;
    }
    .machine_a .left .top .a_box a{padding-left: 28px;}
    .machine_a .left .btm .input_box input.text{font-size: 14px;}
}

@media(max-width: 1220px){
    .machine_a .left .btm .input_box input.text{font-size: 12px;}
}

@media(max-width: 1100px){
    .machine_a{
        padding: 40px 0;
    }
    .machine_a .left{
        width: 100%;
    }
    .machine_a .left .top{display: none;}
    .machine_a .left .top .bt{padding: 14px 20px;}
    .machine_a .left .top .a_box{padding: 20px;}
    .machine_a .left .top .a_box a{margin-bottom: 14px;}
    .machine_a .left .btm{
        padding: 20px;
    }
    .machine_a .left .btm .input_box input.text{
        height: 44px;
        line-height: 44px;
        padding: 0 60px 0 20px;
        font-size: 14px;
    }
    .machine_a .left .btm .input_box input[type='submit']{
        width: 40px;
        height: 40px;
        top: 2px;
        right: 2px;
        background-size: 18px 18px;
    }
    .machine_a .right{
        width: 100%;
        margin-top: 20px;
    }
    .machine_a .right .ul li{
        width: 100%;
        padding: 14px;
        margin-bottom: 14px;
    }
    .machine_a .right .ul li:last-child{margin-bottom: 0;}
    .machine_a .right .ul li .more_download {
        margin-top: 20px;
    }
    .more_download, a.more_download{
        padding: 10px 24px;
    }
    .fyq a{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0 4px;
    }
}


.service_tc{
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    z-index: 99;
    background: rgba(17, 30, 56, 0.8);
    display: none;
}

.service_tc .box{
    background: #F9F9F9;
    margin-top: 3.2vw;
    padding: 60px 80px 84px;
}
.service_tc .box .ul,.service_tc .box .ul2{display: flex;flex-wrap: wrap;}
.service_tc .box .ul li{
    width: 49.8%;
    margin-bottom: 6px;
    margin-right: 0.4%;
}
.service_tc .box .ul li:nth-child(2n){margin-right: 0;}

.service_tc .box .ul li .layui-input{
    font-size: 16px;
    padding: 0 40px 0 20px;
    height: 50px;
}

.service_tc .box .ul li .layui-form-select .layui-edge{
    width: 15px;
    right: 20px;
    height: 8px;
    border-width: initial;
    border-top-color: initial;
    border-color: initial;
    border-style: initial;
    border-top-style: initial;
    background: url(../images/xjt.svg) center center/cover no-repeat;
}

.service_tc .box .ul li .layui-form-select dl dd.layui-this {
    background-color: #2C4F94;
    color: #fff;
}

.service_tc .box .wen .wen_list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.service_tc .box .wen .wen_list:last-child{margin-bottom: 0;}

.service_tc .box .wen .wen_list .t{
    width: 38.1%;
    color: #333333;
}
.service_tc .box .wen .wen_list .danxuan{
    width: calc(100% - 46px - 38.1%);
    margin-left: auto;
}
.service_tc .box .wen .wen_list .danxuan .layui-form-checkbox span{
    width: calc(100% - 20px);
}
.service_tc .box .wen .wen_list .danxuan .layui-icon{
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #B6B6B6;
    border-radius: 3px;
}
.service_tc .box .wen .wen_list .danxuan .layui-icon + div{
    color: #7E7E7E;
    font-size: 16px;
}

.service_tc .box .wen .wen_list .danxuan .layui-form-checked .layui-icon{
    background: #2C4F94;
    border-color: #2C4F94;
}

.service_tc .box .ul2 li{
    width: 33%;
    margin-right: 0.5%;
    margin-bottom: 5px;
}
.service_tc .box .ul2 li.w100{width: 100%;margin-right: 0;}
.service_tc .box .ul2 li:nth-child(3n){margin-right: 0;}
.service_tc .box .ul2 li input,.service_tc .box .ul2 li textarea{
    width: 100%;
    font-size: 16px;
    color: #333;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
}
.service_tc .box .ul2 li input{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.service_tc .box .ul2 li textarea{
    height: 100px;
    padding: 20px;
    resize: none;
}

.service_tc .box .ul2 li button{margin-top: 30px;}
.service_tc .box .gb{
    cursor: pointer;
    position: absolute;
    width: 26px;
    height: 25px;
    top: 20px;
    right: 20px;
    transition: 0.8s;
    background: url(../images/cha.svg) center center/cover;
}

.service_tc .box .gb:hover{transform: rotate(360deg) scale(0.8);}
.service_tc .box .wen .wen_list .danxuan .layui-form-checkbox span{
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
}
@media(max-width: 1920px){
    .service_tc .box{padding: 3.1vw 4.1vw 4.2vw;}
}

@media(max-width: 1100px){
    .service_tc .box .ul li{width: 100%;}
    .service_tc .box .ul li .layui-input{
        height: 42px;
        line-height: 42px;
        padding-left: 15px;
        font-size: 14px;
    }
    .service_tc .box .wen .wen_list{margin-bottom: 14px;}
    .service_tc .box .wen .wen_list .t{width: 100%;margin-bottom: 6px;}
    .service_tc .box .ul2 li {width: 100%;}
    .service_tc .box .ul2 li input {
        height: 42px;
        line-height: 42px;
        padding: 0 15px;
        font-size: 14px;
    }
    .service_tc .box .ul2 li button{margin-top: 16px;}
    .service_tc .box .wen .wen_list .danxuan{width: 100%;}
}

.news_a{
    padding: 6.2vw 0 5.7vw;
}

.news_a .top{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.news_a .top .a_list{
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}

.news_a .top .a_list a{
   display: block;
   color: #333333;
   padding: 10px 24px;
   background: #E3EAF7;
   transition: all 0.4s;
}
.news_a .top .a_list a:hover,
.news_a .top .a_list a.cur{
    background: #2C4F94;
    color: #fff;
}
.news_a .ul li{margin-bottom: 30px;}
.news_a .ul li .box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 28px 68px 28px 28px;
    background: #F9F9F9;
    transition: all 0.4s;
}

.news_a .ul li .box .img{
    width: 298px;   
}

.news_a .ul li .box .text{
    padding-left: 50px;
    width: calc(100% - 298px);
}
.news_a .ul li .box .text .bt{transition: all 0.4s;}
.news_a .ul li .box .text .js{
    height: 48px;
    transition: all 0.4s;
    overflow: hidden;
}

.news_a .ul li .box .text .btm{
    margin-top: 40px;
    border-top: 1px solid #D8D8D8;
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap;
}

.news_a .ul li .box .text .btm .news_more{
    color: #6D6D6D;
    transition: all 0.4s;
}
.news_a .ul li .box .text .btm .news_more i{
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    position: relative;
    margin-left: 5px;
    background: url(../images/news_jt.svg) center center/cover;
}

.news_a .ul li .box .text .btm .sj{
    margin-left: auto;
    color: #6D6D6D;
    transition: all 0.4s;
}
.news_a .ul li .box .text .btm .sj i{
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    position: relative;
    margin-right: 3px;
    background: url(../images/shijian.svg) center center/cover;
}

.news_a .ul li.li1 .box{
    padding: 0;
}
.news_a .ul li.li1 .box .img{
    width: 47.8%;
}
.news_a .ul li.li1 .box .text{
    width: 52.2%;
    padding: 0 70px;
}
.news_a .ul li.li1 .box .text .js{line-height: 1.8;height: 194px;}
.news_a .ul li.li1 .box .text .btm{margin-top: 70px;padding-top: 30px;}

.news_a .ul li:hover .box{
    background: #2C4F94;
}

.news_a .ul li .box .text .time{transition: all 0.4s;}
.news_a .ul li:hover .box .text .bt,
.news_a .ul li:hover .box .text .js,
.news_a .ul li:hover .box .text .time,
.news_a .ul li:hover .box .text .btm .news_more,
.news_a .ul li:hover .box .text .btm .sj{
    color: #fff;
}
.news_a .ul li:hover .box .text .btm{
    border-color: rgba(216, 216, 216, 0.2);
}

.news_a .ul li:hover .box .text .btm .news_more i{background: url(../images/news_jt2.svg) center center/cover;}
.news_a .ul li:hover .box .text .btm .sj i{background: url(../images/shijian2.svg) center center/cover;}
@media(max-width: 1920px){
    .news_a .ul li{margin-bottom: 1.6vw;}
    .news_a .ul li .box .text{padding-left: 2.6vw;}
    .news_a .ul li .box .text .btm{margin-top: 2.1vw;}
    .news_a .ul li.li1 .box .text{padding: 0 3.6vw;}
    .news_a .ul li.li1 .box .text .btm{margin-top:3.6vw;padding-top: 1.6vw;}
    .news_a .ul li .box{
        padding: 1.4vw 3.1vw 1.4vw 1.4vw;
    }


}

@media(max-width: 1500px){
      .news_a .ul li .box .text .js{height: 42px;}
    .news_a .ul li.li1 .box .text .js{height: 114px;}

}
@media(max-width: 1280px){
    .news_a .ul li .box .text .js{height: 44px;}
    .news_a .ul li.li1 .box .text .js{height: 110px;}
}
@media(max-width: 1100px){
    .news_a{padding: 40px 0;}
    .news_a .top .a_list{
        margin-top: 20px;
        display: none;
    }
    .news_a .top .a_list a{width: 50%;font-size: 16px;padding: 10px;text-align: center;}
    .news_a .ul li{margin-bottom: 14px;}
    .news_a .ul li .box{padding: 0;}
    .news_a .ul li.li1 .box .img,.news_a .ul li .box .img{
        width: 100%;
    }
    .news_a .ul li.li1 .box .text,.news_a .ul li .box .text{padding: 20px 14px;width: 100%;}
    .news_a .ul li.li1 .box .text .js,.news_a .ul li .box .text .js{margin-top: 10px;height: 44px;line-height: 1.4;}
    .news_a .ul li.li1 .box .text .btm{
        margin-top: 14px;
        padding-top: 14px;
    }
}

.mbx{
    padding: 12px 0;
}
.mbx > .container{display: flex;}
.mbx a,.mbx span{
    color: #333;
    display: block;
    transition: all 0.4s;
}
.mbx span{margin: 0 4px;}

.mbx a:hover{color: #2C4F94;}
.mbx a.home{
    padding-left: 23px;
    position: relative;
}
.mbx a.home:before{
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    background: url(../images/home.svg) center center/cover;
}

.newsxq_a{
    padding: 3.1vw 0 5.2vw;
    padding-top: 0 !important;
}
.newsxq_a_box{display: flex;flex-wrap: wrap;}
.newsxq_a .left{
    background: #F9F9F9;
    padding: 40px 50px 80px 40px;
    width: 71.2%;
}
.newsxq_a .left .text{
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E2E2E2;
}

.newsxq_a .left .btm{
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #E2E2E2;
}

.newsxq_a .left .btm .l{
    width: 70%;
}
.newsxq_a .left .btm .l a{
    display: block;
    color: #666;
    margin-bottom: 6px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
.newsxq_a .left .btm .l a:last-child{margin-bottom: 0;}
.newsxq_a .left .btm .l a span{
    color: #333;
    font-weight: bold;
}
.newsxq_a .left .btm a.fanhui{
    display: block;
    background: #2C4F94;
    margin-left: auto;
    padding: 14px 36px;
    color: #fff;
    position: relative;
    border: 1px solid #2C4F94;
}
.newsxq_a .left .btm a.fanhui span{transition: all 0.4s;position: relative;z-index: 3;}
.newsxq_a .left .btm a.fanhui:before{
    background: #fff;
    width: fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    transition: all 0.4s;
    height: 100%;
    content: "";
    z-index: 0;
}
.newsxq_a .left .btm a.fanhui i{
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 4px;
    transition: all 0.4s;
    background: url(../images/fanhui.svg) center center/cover;
}

.newsxq_a .left .btm a.fanhui:hover span{color: #2C4F94;}
.newsxq_a .left .btm a.fanhui:hover i{background: url(../images/fanhui2.svg) center center/cover;}
.newsxq_a .left .btm a.fanhui:hover:before{width: 100%;}

.newsxq_a .right{
    width: 27%;
    margin-left: auto;
}

.newsxq_a .right .box ,.appxq_a .right .box{
    background: #F9F9F9;
    margin-bottom: 12px;
}
.newsxq_a .right .box:last-child,.appxq_a .right .box:last-child{margin-bottom: 0;}

.newsxq_a .right .box .bt,.appxq_a .right .box .bt{
    padding: 20px 30px;
    background: #E3EAF7;
}
.newsxq_a .right .box .ul,.appxq_a .right .box .ul{padding: 6px 30px;}
.newsxq_a .right .box .ul li,.appxq_a .right .box .ul li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.newsxq_a .right .box .ul li:last-child,.appxq_a .right .box .ul li:last-child{
    border-bottom: none;
}

.newsxq_a .right .box .ul li a,.appxq_a .right .box .ul li a{
    padding: 20px 20px 20px 0;
    display: block;
    color: #999;
    transition: all 0.4s;
    position: relative;
}

.newsxq_a .right .box .ul li.cur a,
.newsxq_a .right .box .ul li:hover a,
.appxq_a .right .box .ul li.cur a,
.appxq_a .right .box .ul li:hover a{
    color: #333;
}

.newsxq_a .right .box .ul li a:before,
.appxq_a .right .box .ul li a:before{
    content: "";
    position: absolute;
    width: 14px;
    height: 12px;
    background: url(../images/newsxq_jt.svg) center center/cover;
    right: 5px;
    top: 50%;
    transition: all 0.4s;
    transform: translateY(-50%);
}
.newsxq_a .right .box .ul li.cur a:before,
.newsxq_a .right .box .ul li:hover a:before,
.appxq_a .right .box .ul li.cur a:before,
.appxq_a .right .box .ul li:hover a:before{
    background: url(../images/newsxq_jt2.svg) center center/cover;
}

.newsxq_a .right .box .ol{padding: 6px 30px 20px;}
.newsxq_a .right .box .ol li{border-bottom: 1px solid #DEDEDE;}
.newsxq_a .right .box .ol li:last-child{border-bottom: none;}
.newsxq_a .right .box .ol li a{
    padding: 30px 0 20px;
    display: block;
}

.newsxq_b{
    padding-bottom: 6.2vw;
}

.newsxq_b .newsxq_b_lb .box{
    background: #E3EAF7;
}
.newsxq_b .newsxq_b_lb .box .text{
    padding: 30px;
    color: #333;
    display: flex;
    align-items: center;
    text-align: center;
}
.top .title{
    width: calc(100% - 120px);
}
.top .swiper-button-prev:after,
.top .swiper-button-next:after{display: none;}
.top .swiper-button-prev,
.top .swiper-button-next{
    width: 52px;
    height: 52px;
    border: 2px solid #E9EDF4;
    transition: all 0.4s;
}
.top .swiper-button-prev{background: url(../images/prev_jt.svg) center center no-repeat;left: auto;right: 52px;}
.top .swiper-button-next{background: url(../images/next_jt.svg) center center no-repeat;right: 0}
.top .swiper-button-prev:hover{background: url(../images/prev_jt.svg) center center no-repeat #E9EDF4;}
.top .swiper-button-next:hover{background: url(../images/next_jt.svg) center center no-repeat #E9EDF4;}

@media(max-width: 1920px){
    .newsxq_a .left{
        padding: 2.1vw 2.6vw 4vw 2.1vw;
    }
    .newsxq_a .right .box .bt,
    .appxq_a .right .box .bt{
        padding: 1.1vw 1.6vw;
        background: #E3EAF7;
    }
    .newsxq_a .right .box .ul,.appxq_a .right .box .ul{padding: 6px 1.6vw;}
    .newsxq_a .right .box .ol{padding: 6px 1.6vw 1.1vw;}
    .newsxq_b .newsxq_b_lb .box .text{
        padding: 1.6vw;
    }
    .newsxq_a .left .text{margin-top: 1.2vw;padding-top: 1.2vw;}
    .newsxq_a .left .btm{margin-top: 1.6vw;padding-top: 1.6vw;}
   .newsxq_a .right .box .ul li a, .appxq_a .right .box .ul li a{
    padding: 1.1vw 1.1vw 1.1vw 0;
   }
   .newsxq_a .right .box .ol li a{padding: 1.6vw 0 1.1vw;}
}

@media(max-width: 1500px){
    .top .swiper-button-prev{right: 46px;}
    .top .swiper-button-prev, .top .swiper-button-next{
        width: 46px;
        height: 46px;s
    }
}

@media(max-width: 1100px){
    .newsxq_a{
        padding: 20px 0 40px;
    }
    .newsxq_a .right{display: none;}
    .newsxq_a .left{
        width: 100%;
        padding: 20px 14px;
    }
    .newsxq_a .left .text{margin-top: 12px;padding-top: 12px;}
    .newsxq_a .left .text{font-size: 14px;}
    .newsxq_a .left .btm{margin-top: 16px;padding-top: 16px;}
    .newsxq_a .left .btm .l{width: 100%;}
    .newsxq_a .left .btm .fanhui{margin-top: 16px;}
    .newsxq_b{padding-bottom: 40px;}
    .top .swiper-button-prev{right: 42px;}
    .top .swiper-button-prev, .top .swiper-button-next{
        width: 42px;
        height: 42px;
    }
    .newsxq_b .newsxq_b_lb .box .text{padding: 14px;}
    .newsxq_b .newsxq_b_lb .box .text .bt{font-size: 16px;}
}

.app_a{
    padding: 5.7vw 0;
}
.app_a .ul li{margin-bottom: 20px;}
.app_a .ul li:last-child{margin-bottom: 0;}
.app_a .ul li .box{
    background: #F9F9F9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.4s;
}

.app_a .ul li .box .text{
    width: 52.2%;
    padding: 0 6.2vw 0 3.2vw;
}
.app_a .ul li .box .text .bt{transition: all 0.4s;}
.app_a .ul li .box .text .wenzi{
    color: #666;
    transition: all 0.4s;
    max-height: 240px;
    overflow: auto;
    padding-right: 10px;
}

.app_a .ul li .box .text .wenzi::-webkit-scrollbar{
    width: 3px;
}
.app_a .ul li .box .text .wenzi::-webkit-scrollbar-track{
    background: #ccc;
    width: 3px;
}

.app_a .ul li .box .text .wenzi::-webkit-scrollbar-track-piece{
    width: 2px;
} 
.app_a .ul li .box .text .wenzi::-webkit-scrollbar-thumb{
        background: #2C4F94;
        border: 5px;
}
.app_a .ul li .box .text .wenzi::-webkit-scrollbar-button{
    display: none;
}

.app_a .ul li .box .text .wenzi p{margin-bottom: 5px;}
.app_a .ul li .box .text .wenzi p:last-child{margin-bottom: 0;}
.app_a .ul li .box .img{
    width: 47.8%;
}
.app_a .ul li .box .more{
    background: #2C4F94;
}
.app_a .ul li .box .more span{color: #fff;}
.app_a .ul li .box .more i{background: url(../images/morea.svg) center center/cover;}

.app_a .ul li:hover .box{
    background: #2C4F94;
}

.app_a .ul li:hover .box .text .wenzi::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.2);
}
.app_a .ul li:hover .box .text .wenzi::-webkit-scrollbar-thumb{
    background: #fff;
}

.app_a .ul li:hover .box .text .bt,
.app_a .ul li:hover .box .text .wenzi{color: #fff;}
.app_a .ul li:hover .box .more{
    border-color: #fff;
}

.app_a .ul li:hover .box .more span{color: #fff;}
.app_a .ul li:hover .box .more i{background: url(../images/morea.svg) center center/cover;}
.app_a .ul li:hover .more:hover::before{
    background: #fff;
}
.app_a .ul li:hover .more:hover span{color: #2C4F94;}
.app_a .ul li:hover .more:hover i{background: url(../images/more.svg) center center/cover;}
@media(max-width: 1500px){
    .app_a .ul li .box .text .wenzi{
        height: 180px;
    }
}
@media(max-width: 1100px){
    .app_a{
        padding: 40px 0;
    }
    .app_a .ul li{margin-bottom: 14px;}
    .app_a .ul li .box .text{width: 100%;padding: 20px 14px;}
    .app_a .ul li .box .text .wenzi{margin-top: 8px;}
    .app_a .ul li .box .img{
        width: 100%;
    }
}

.appxq_a{
    padding: 2.6vw 0 6.7vw;
}

.appxq_a_box {display: flex;flex-wrap: wrap;}
.appxq_a_box .left{
    width: 70.7%;
    background: none;
    padding: 0;
}

.appxq_a_box .left .top2{
    background: #F9F9F9;
    padding: 40px 40px 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.appxq_a_box .left .top2 .text_box{
    width: 40%;
}
.appxq_a_box .left .top2 .text_box .text p{margin-bottom: 10px;}
.appxq_a_box .left .top2 .text_box .text p:last-child{margin-bottom: 0;}

.appxq_a_box .left .top2 .img{
    width: 53.7%;
    margin-left: auto;
}

.appxq_a_box .left .zhong{
    margin-top: 18px;
    background: #F9F9F9;
    padding: 60px 40px;
}
.appxq_a_box .left .zhong ol{
     counter-reset: list-counter;
}

.appxq_a_box .left .zhong ol > li{
    margin-bottom: 60px;
    padding-left: 60px;
    position: relative;
}
.appxq_a_box .left .zhong ol > li:before{
    position: absolute;
    left: 0;
    top: 4px;
    width: 40px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background: #2C4F94;
    counter-increment: list-counter; /* 每次列表项出现时，增加计数器的值 */
    content: counter(list-counter);
}
.appxq_a_box .left .zhong ol > li:nth-child(1):before,
.appxq_a_box .left .zhong ol > li:nth-child(2):before,
.appxq_a_box .left .zhong ol > li:nth-child(3):before,
.appxq_a_box .left .zhong ol > li:nth-child(4):before,
.appxq_a_box .left .zhong ol > li:nth-child(5):before,
.appxq_a_box .left .zhong ol > li:nth-child(6):before,
.appxq_a_box .left .zhong ol > li:nth-child(7):before,
.appxq_a_box .left .zhong ol > li:nth-child(8):before,
.appxq_a_box .left .zhong ol > li:nth-child(9):before{
    content: '0'counter(list-counter);
}
.appxq_a_box .left .zhong ol > li:last-child{margin-bottom: 0;}

.appxq_a_box .left .btm .nr{
    background: #E3EAF7;
    padding: 50px 20px 40px;
    transition: all 0.4s;
}
.appxq_a_box .left .btm .swiper-slide:hover{
    position: relative;
     z-index:2;
}
.appxq_a_box .left .btm .nr:hover{
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, .12);
    background: #D4DDEE;
   
}

.appxq_a_box .left .btm .nr .icon{margin: 0 auto;}
.appxq_a_box .left .btm .nr .bt{
    display: flex;
    align-items: center;
    justify-content: center;
}
.appxq_a_box .left .btm .swiper-slide:nth-child(2n) .nr{
    background: #D5DEF1;
}
.appxq_a_box .left .btm .swiper-slide:nth-child(5n) {

}

.appxq_a_box .left .btm2{
    padding: 0;
}

.appxq_a_box .right{
    width: 27%;
    margin-left: auto;
}

.app_biaodan{
    background: url(../images/machine_left_bg.png) center center/cover #2C4F94;
    padding: 20px 30px 50px;
}
.app_biaodan .app_biaodan_list{margin-bottom: 8px;}
.app_biaodan .app_biaodan_list:last-child{margin-bottom: 0;}
.app_biaodan .app_biaodan_list input,
.app_biaodan .app_biaodan_list textarea{
    width: 100%;
    border: none;
    background: rgba(255, 255, 255, .1);
    font-size: 16px;
    color: #fff;
}

.app_biaodan .app_biaodan_list input::placeholder,
.app_biaodan .app_biaodan_list textarea::placeholder{color: #fff;}
.app_biaodan .app_biaodan_list input{
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
}
.app_biaodan .app_biaodan_list textarea{
    resize: none;
    padding: 20px 16px;
    height: 100px;
}
.app_biaodan button[type='submit']{background: none;cursor: pointer;}
.appxq_a_box .left .btm .nr .icon{width: 100px;}
@media(max-width: 1920px){
    .appxq_a_box .left .top2{
        padding: 2.1vw 2.1vw 2.6vw;
    }
    .appxq_a_box .left .zhong{
        padding: 3.1vw 2.1vw;
    }
    .appxq_a_box .left .zhong ol > li{margin-bottom: 3.1vw;}
    .appxq_a_box .left .btm .nr{
        padding: 2.6vw 1.1vw 2.1vw;
    }
    .appxq_a_box .left .btm .nr .icon{width: 5.2vw;}
    .app_biaodan{padding: 1.1vw 1.6vw 2.6vw;}

    .more{
        padding: 0 1.6vw;
        line-height: 2.6vw;
    }
}

@media(max-width: 1500px){
    .newsxq_a .left .text{font-size: 14px;}
}

@media(max-width: 1100px){
    .appxq_a{
        padding: 20px 0 40px;
    }
    .appxq_a_box .left{
        width: 100%;
    }
    .appxq_a_box .left .top2{
        padding: 20px 14px;
    }
    .appxq_a_box .left .top2 .text_box{width: 100%;}
    .more {
        padding: 0 22px;
        line-height: 40px;
    }
    .appxq_a_box .left .top2 .img{
        width: 100%;
        margin-top: 20px;
    }
    .appxq_a_box .left .zhong{
        padding: 20px 14px 30px;
    }
    .appxq_a_box .left .zhong ol > li:before{font-size: 16px;}
    .appxq_a_box .left .zhong ol > li{padding-left: 54px;margin-bottom: 16px;}
    .appxq_a_box .left .btm .nr .icon{width: 50px;}
    .appxq_a_box .left .btm .nr{
        padding: 20px 10px;
    }

    .appxq_a .right{width: 100%;margin-top: 20px;}
    .appxq_a .right .box{display: none;}
    .app_biaodan{
        padding: 20px 14px;
    }
    .app_biaodan .app_biaodan_list input{
        height: 40px;
        line-height: 40px;
    }
}


.pro_a{background: none;padding-top: 3vw;}
.pro_a .btm{
    position: initial;
    display: inline-block;
    width: 100%;
}
.pro_a .btm .ul{
    width: 100%;
    padding: 0;
}

.pro_b{
    padding: 4.1vw 0 4.6vw;
}

.pro_b .box{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    background: #F9F9F9;
    align-items: center;
   /* transition: all 0.4s;*/
}
.pro_b .box *{transition: all 0.4s;}
.pro_b .box:last-child{margin-bottom: 0;}
.pro_b .box .img{
    width: 47.8%;
}
.pro_b .box .text_box{
    width: 52.2%;
}
.pro_b .box .text_box .top2{padding: 0 70px;}

.pro_b .box .text_box .ul{
    padding: 0 70px;
    width: calc(100% - 4px);
    /*height: 11.4vw;*/
    height:auto !important;
    overflow: auto;
    position: relative;
    padding-bottom: 50px;
}
.pro_b .box .text_box .text:before{
    height: 50px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 42%);
    content: "";
    transition: all 0.4s;
}
.pro_b .box .text_box .ul::-webkit-scrollbar{
    width: 3px;
}
.pro_b .box .text_box .ul::-webkit-scrollbar-track{
    background: #D8D8D8;
    width: 3px;
    border: 50px;
}

.pro_b .box .text_box .ul::-webkit-scrollbar-track-piece{
    width: 3px;
} 
.pro_b .box .text_box .ul::-webkit-scrollbar-thumb{
        background: #2C4F94;
        border: 50px;
}
.pro_b .box .text_box .ul::-webkit-scrollbar-button{
    display: none;
}

.pro_b .box .text_box .ul li{
    margin-bottom: 6px;
    width: calc(50% - 5px);
    margin-right:8px;
}
.pro_b .box .text_box .ul li:nth-child(2n){margin-right:0;}
.pro_b .box .text_box .ul li:last-child{margin-bottom: 0;margin-right:0;}
.pro_b .box .text_box .ul li > a{
    display: block;
    background: #E3EAF7;
    padding: 10px 40px 10px 16px;
    color: #333;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_b .box .text_box .ul li > a:before{
    content: "";
    width: 14px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/pro_jt.svg) center center/cover;
}

.pro_b .box:hover{background: #2C4F94;}
.pro_b .box:hover .text_box .top2 .js,
.pro_b .box:hover .text_box .top2 .bt{color: #fff;}
.pro_b .box:hover .text_box .text:before{
    background: linear-gradient(180deg, rgba(44, 79, 148, 0) 0%, #2C4F94 42%);
}
.pro_b .box:hover .text_box .ul li > a{background: rgba(255, 255, 255, .2);color: #fff;}
.pro_b .box:hover .text_box .ul li > a:before{background: url(../images/pro_jt2.svg) center center/cover;}
.pro_b .box:hover .text_box .ul li > a:hover{
    background: #fff;
    color: #000;
}
.pro_b .box:hover .text_box .ul li > a:hover:before{background: url(../images/pro_jt.svg) center center/cover;}
.pro_b .box:hover .text_box .ul::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.2);
}

.pro_b .box:hover .text_box .ul::-webkit-scrollbar-thumb{
    background: #fff;
}


.pro_b .box .text_box .top2 .js{
    max-height: 7.6vw;
    overflow: auto;
    padding-right: 10px;
}

.pro_b .box .text_box .top2 .js::-webkit-scrollbar{
    width: 3px;
}
.pro_b .box .text_box .top2 .js::-webkit-scrollbar-track{
    background: #D8D8D8;
    width: 3px;
    border: 50px;
}

.pro_b .box .text_box .top2 .js::-webkit-scrollbar-track-piece{
    width: 3px;
} 
.pro_b .box .text_box .top2 .js::-webkit-scrollbar-thumb{
        background: #2C4F94;
        border: 50px;
}
.pro_b .box .text_box .top2 .js::-webkit-scrollbar-button{
    display: none;
}


@media(max-width: 1920px){
    .pro_b .box{margin-bottom: 1.6vw;}
    .pro_b .box .text_box .top2{padding: 0 3.6vw;}
    .pro_b .box .text_box .ul{
        padding-left: 3.6vw;
    }
}

@media(max-width: 1100px){
    .pro_a{padding-top: 30px;}
    .pro_b .box .img{
        width: 100%;
    }
    .pro_b .box .text_box{
        width: 100%;
        padding: 20px 0 30px;
    }
    .pro_b .box .text_box .top2{padding: 0 14px;}
    .pro_b .box .text_box .top2 .js{max-height: initial;}
    .pro_b .box .text_box .ul{height: auto;padding: 0 14px;}
    .pro_b .box .text_box .ul li{
        width: 100%;
        margin-bottom: 10px;
    }
    .pro_b .box .text_box .text:before{display: none;}
}

.proxq_a{
    padding-top: 3.6vw;
    /*padding-top: 0 !important;*/
}
.proxq_a .bf{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 4.6vw;
    max-width:90px;
}
.proxq_a .box{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    background: #F9F9F9;
    padding:64px 64px 80px;
    /*padding: 0 !important;*/
}

.proxq_a .box .img{
    /*width: 32.1%;*/
}

.proxq_a .box .topbox {width:72%;}


.proxq_a .box .swiper-pagination{
    position: absolute;
    bottom: 1.8vw;
}

.proxq_a .box .swiper-pagination .swiper-pagination-bullet{
    width: 36px;
    height: 4px;
    background: rgba(44, 79, 148, 0.2);
    opacity: 1;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.proxq_a .box .swiper-pagination .swiper-pagination-bullet:before{
    width:0;
    height: 100%;
    content: "";
    position: absolute;
    left:0;
    top:0;
    background: #2C4F94;
}
.proxq_a .box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    width:100%;
    transition: all 5s linear;
}
.proxq_a .box .text_box{
    width:28%;
    margin-left:auto;
    margin-top:0 !important;
     display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 30px 0 30px 70px;
    /*margin-top: 3.2vw;*/
}
.proxq_a .box .text_box .shang{width: 100%;}
.proxq_a .box .text_box .text{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #D8D8D8;
}

.proxq_a .box .text_box .text ul{display: flex;flex-wrap: wrap;}
.proxq_a .box .text_box .text ul > li{
     /*max-width: 29%;*/
     /*margin-right:6.5%;*/
     margin-bottom: 10px;
     position: relative;
     padding-left: 18px;
     width:100%;
}
/*
.proxq_a .box .text_box .text ul > li:nth-child(3n){
    margin-right: 0;
}*/

.proxq_a .box .text_box .text ul > li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #2C4F94;
    transform: rotate(45deg);
}

.proxq_a .box .text_box .top .bt{
    width: 100%;
}
.proxq_a .box .text_box .top a{margin-left:auto;display:none;}

.proxq_b{
    padding-top: 3.6vw;
}
.proxq_b .left{
    width: 100%;
}
.proxq_b .btm{margin-top: 0;}

.proxq_c{
   padding-top: 4.1vw;   
}
.proxq_c_box{
     background: #F9F9F9;
     padding: 90px 80px;
}
.proxq_c_box .box{
    margin-bottom: 80px;
}
.proxq_c_box .box:last-child{margin-bottom: 0;}
.proxq_c_box .box .fbt{
    background: #E3EAF7;
    display: inline-block;
    padding: 5px 10px;
}
.proxq_c_box .box .text table{
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
}
.proxq_c_box .box .text table td{
    padding: 8px 20px;
    /*border-right: 1px solid #D8D8D8;*/
    border-bottom: 1px solid #D8D8D8;
}
.proxq_c_box .box .text table tr td:nth-child(1){
    background: #2C4F94;
    color: #fff;
    border-color: rgba(216, 216, 216, 0.2);
}

.proxq_c_box .box .text table td:nth-child(2n){
    background: #fff;
}

.pro_d{
    display: block;
    position: initial;
    background: none;
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 34px;
}

.pro_d .gb{display: none;}
.pro_d .box{margin-top: 0;}

.pro_e{margin-top: 5.7vw;padding-bottom: 3.6;}

.pro_f{padding: 3.6vw 0 6.7vw;}
.pro_f .box{
    height: 254px;
    position: relative;
    --sanjiao: 60px;
}
.pro_f .box:before{
    background: #EEEEEE;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    clip-path: polygon(0 0, calc(100% - var(--sanjiao)) 0, 100% 50%, calc(100% - var(--sanjiao)) 100%, 0 100%, var(--sanjiao) 50%);
}

.pro_f .box .t{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 20px 0 80px;
}

.pro_f .box .t .bt{margin-top: 70px;}
.pro_f .swiper-slide{opacity: 0;transition: all 0.4s;}
.pro_f .swiper-slide.swiper-slide-prev{opacity: 0 !important;}

.proxq_a .box .text_box .shang + .more {margin-top:3.1vw;}
@media(max-width: 1920px){
    .proxq_a .box{
        padding: 3.2vw 3.2vw 4vw;
    }
    .proxq_a .box .text_box{
        padding-left: 3.6vw;
    }
    .proxq_c_box{padding: 4.6vw 4.1vw;}
    .proxq_c_box .box{margin-bottom: 4.1vw;}
    .pro_d{
        margin-top: 1.7vw;
    }
    .pro_f .box{
        height: 13.2vw;
        --sanjiao: 3.1vw;
    }
    .pro_f .box .t{padding: 0 1.1vw 0 4.1vw;}
    .pro_f .box .t .bt{margin-top: 4.6vw;}

}

@media(max-width: 1100px){
    .proxq_a{padding-top: 20px;}
    .proxq_a .box{padding: 20px 14px 30px;}
    .proxq_a .box .img{width: 100%;}
    .proxq_a .bf{
        width:44px;
    }
    .proxq_a .box .text_box .top .bt{width:100%;}
    .proxq_a .box .text_box .top a{margin-top:20px;margin-left:0;}
    
    .proxq_a .box .text_box{
        padding: 0;
        width: 100%;
        margin-top: 20px  !important;
    }
    .proxq_a .box .text_box .text{margin-top: 14px;padding-top: 14px;font-size: 14px;}
    .proxq_a .box .text_box .text ul > li,.proxq_a .box .text_box .text ul > li:nth-child(3n){max-width:100%;width: 100%;margin-right: 0;padding-left: 12px;}
    .proxq_a .box .text_box .text ul > li:before{width: 6px;height: 6px;top: 8px;}
    .proxq_b{padding-top: 24px;}
    .proxq_c{padding-top: 24px;}
    .proxq_c_box{
        padding: 20px 14px;
    }
    .proxq_c_box .box .bt{margin-top: 8px;}
    .proxq_c_box .box .text{
        overflow: auto;
    }
    .proxq_c_box .box .text table td{padding: 4px 8px;}
    .pro_d .box{
        padding: 30px 14px;
    }
    .service_tc .box .wen .wen_list .danxuan .layui-icon{width: 14px;height: 14px;top: 2px;}
    .service_tc .box .wen .wen_list .danxuan .layui-form-checkbox span {
        width: calc(100% - 14px);
    }
    .pro_e{margin-top: 30px;padding-bottom: 20px;}
    .pro_f{padding: 20px 0;}
    .pro_f .box{
        height: 160px;
        --sanjiao: 30px;
    }
    .pro_f .box .t .bt,.pro_f .box .t .num{margin-top: 14px;font-size: 16px;}
    .pro_f .box .t{
        padding: 0 40px;
    }
    
    .proxq_a .box .topbox{width:100%;}
}

@media(max-width: 640px){
    .pro_f .box{height: 140px;}
    .pro_f .box .t .bt,.pro_f .box .t .num{margin-top: 10px;}
    .proxq_c_box .box .text table{
        width: 740px !important;
    }
}


.cebian{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
}

.cebian .ul li{margin-bottom: 2px;background: #E3EAF7;transition: all 0.4s;cursor: pointer;position: relative;}
.cebian .ul li:last-child{margin-bottom: 0;}

.cebian .ul li .icon{
    width: 54px;
    height: 54px;
    transition: all 0.4s;
    background-size: 29px 29px !important;
}

.cebian .ul li.li1 .icon{background: url(../images/cebian_email.svg) center center no-repeat;}
.cebian .ul li.li2 .icon{background: url(../images/cebian_icon2.svg) center center no-repeat;}
.cebian .ul li.li3 .icon{background: url(../images/cebian_icon03.svg) center center no-repeat;}
.cebian .ul li.li4 .icon{background: url(../images/cebian_icon4.svg) center center no-repeat;}

.cebian .ul li:hover .icon{background: var(--bg) !important;}
.cebian .ul li.li4:hover .icon{background: url(../images/cebian_icon04.svg) center center no-repeat #2C4F94 !important;}
.cebian .ul li .ewm{
    position: absolute;
    width: 120px;
    height: 120px;
    right: -100%;
    top: 0;
    opacity: 0;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    transition: all 0.4s;
}
.cebian .ul li:hover .ewm{
    right: calc(100% + 2px);
    opacity: 1;
}

.cebian .ul li .text{
    position: absolute;
    width: auto;
    height: 100%;
    right: -100%;
    top: 0;
    opacity: 0;
    white-space: nowrap;
    padding: 5px 14px;
    background: #E3EAF7;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    transition: all 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;

}
.cebian .ul li:hover .text{
    right: calc(100% + 2px);
    opacity: 1;
}
@media(max-width: 1920px){
    .cebian .ul li .icon{width: 2.8vw;height: 2.8vw;background-size: 1.51vw 1.51vw !important;}
    .cebian .ul li .ewm{
        width: 6.2vw;
        height: 6.1vw;
    }
}
@media(max-width: 1500px){
    .cebian .ul li .text{font-size: 15px;}
}
@media(max-width: 1100px){
    .cebian{display: none;}
}

.about_a{
    padding: 6.2vw 0 0;
}
.about_a .about_a_box{display: flex;flex-wrap: wrap;}
.about_a .left{
    width: 25%;
    padding-right: 2.1vw;
}
.about_a .right{
    width: 75%;
}

.about_a .right .text p{margin-bottom: 12px;}
.about_a .right .text p:last-child{margin-bottom: 0;}

.about_a_sp{
    /*height: 31.2vw;*/
    height: 41.6vw;
    width: 73vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.7vw;
    background: url(../images/about_a_sp.jpg) center center/cover;
        background-attachment: fixed !important;
    display: flex;
    align-items: center; 
    justify-content: center;
    text-align: center;
    margin-bottom: 5.7vw;
}
.about_a_sp .bf{cursor: pointer;}

.about_b{
    position: relative;
    
    background: #2C4F94;
}

.about_b .about_b_box{
    display: flex;
    flex-wrap: wrap;
   position: relative;
}
.about_b .left{
    width: 40%;
    padding: 6.2vw 8vw 7.7vw var(--container);
}
.about_b .left .about_b_lb{
    border-left: 1px solid rgba(216, 216, 216, .2);
   
}
.about_b .left .about_b_lb .box{
    padding-left: 12px;
    margin-bottom: 20px;
    position: relative;
}
.about_b .left .about_b_lb .box:before{
    content: "";
    height: 50px;
    top: 0;
    left: 0;
    width: 2px;
    background: #fff;
    position: absolute;
    transition: all 0.4s;
    display: none;
}
.about_b .left .about_b_lb .box.cur{margin-bottom: 70px;}
.about_b .left .about_b_lb .box:last-child{margin-bottom: 0;}
.about_b .left .about_b_lb .box .text,.about_b .left .about_b_lb .box .text2 .wenzi{margin-top: 6px;}
.about_b .left .about_b_lb .box .text_box{display: none;height: 240px;overflow: auto; padding-right: 8px;}
.about_b .left .about_b_lb .box .text_box::-webkit-scrollbar{
    width: 3px;
}
.about_b .left .about_b_lb .box .text_box::-webkit-scrollbar-track{
    background: #d8d8d8;
    width: 3px;
    border: 50px;
}

.about_b .left .about_b_lb .box .text_box::-webkit-scrollbar-track-piece{
    width: 3px;
} 
.about_b .left .about_b_lb .box .text_box::-webkit-scrollbar-thumb{
        background: #fff;
        border: 50px;
}
.about_b .left .about_b_lb .box .text_box::-webkit-scrollbar-button{
    display: none;
}

.about_b .left .about_b_lb .box .bt{cursor: pointer;}
.about_b .left .about_b_lb .box{opacity: 0.5;transition: all 0.4s;}
.about_b .left .about_b_lb .box.cur{opacity: 1;}
.about_b .left .about_b_lb .box.cur:before{display: block;}

.about_b .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform: scale(1.1);
    transition: all 4s;
    background: url(../images/about_b_bg.png) center center/cover;
}

.about_b .about_b_box.active .bg{
    transform: scale(1);
}
.about_b .bg:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
   background: linear-gradient(180deg, rgba(36, 62, 114, 0) 0%, #243E72 78%);
    z-index: 0;
    opacity: 0.9;
}
.about_b .right{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 60%;
    position: relative;
    padding: 6vw 12vw 0;
    overflow: hidden;
    background: #243E72;
}
.about_b .right .box .swiper-slide{
    width: 242px;
    opacity: 0 !important;
    transition: all 0.4s;
}
.about_b .right .box .swiper-slide.swiper-slide-prev{transform-origin: left bottom;}
.about_b .right .box .swiper-slide.swiper-slide-next{transform-origin: right bottom;}
.about_b .right .box .swiper-slide.swiper-slide-prev,
.about_b .right .box .swiper-slide.swiper-slide-next,
.about_b .right .box .swiper-slide.swiper-slide-active{opacity: 1 !important;}

.about_b .jt_box{z-index: 2;position: relative;display: flex;align-items: center;justify-content: center;width: 100%;}

.about_b .jt_box .jt{
    width: 52px;
    height: 52px;
    display: block;
    border: 2px solid #E9EDF4;
    display: block;
    transition: all 0.4s;
    cursor: pointer;
    background-size: 14px 14px !important;
}
.about_b .jt_box .jtl{margin-right: 16px;background: url(../images/baijt.svg) center center no-repeat;}
.about_b .jt_box .jtr{background: url(../images/baijt.svg) center center no-repeat;transform: rotate(180deg);}

.about_b .jt_box .jtl:hover{background: url(../images/prev_jt.svg) center center no-repeat #fff;}
.about_b .jt_box .jtr:hover{background: url(../images/prev_jt.svg) center center no-repeat #fff;transform: rotate(180deg);}


.about_b .jt_box .jt.swiper-button-disabled{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.about_b .right_box{width: 100%;position: relative;}
.about_b .right_box .box{display: none;margin: 0 auto;opacity: 0;}
.about_b .right_box .box.cur{
    display: block;
    -webkit-animation: yanchitm 0.6s linear  1;
    animation: yanchitm 0.6s linear  1;
    animation-delay: 0.4s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}

.about_b .right_box .box .swiper-slide{display: flex;align-items: flex-end;}
.about_b .quan{
    width: 39.2vw;
    height: 39.6vw;
    background: url(../images/about_b_quan1.svg) center center/cover;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    webkit-animation: xuanzhuan 50s linear infinite;
    animation: xuanzhuan 50s linear infinite;
}

.about_b .quan:before{
    content: "";
    width: 76%;
    height: 75.1%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/about_b_quan2.svg) center center/cover;
    transform: translate(-50%,-50%);
    webkit-animation: xuanzhuan 25s linear infinite reverse;
    animation: xuanzhuan 25s linear infinite reverse;

}

.about_b .quan:after{
    content: "";
    width: 66.5%;
    height: 65.8%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/about_b_quan3.svg) center center/cover;
    transform: translate(-50%,-50%);

}
@-webkit-keyframes yanchitm {
    0% { width: 0; }
    100% { opacity: 1;}
}
@keyframes yanchitm {
     0% { width: 0; }
    100% { opacity: 1;}
}

@-webkit-keyframes xuanzhuan {
    0% { transform: translate(-50%,-50%) rotate(0); }
    100% { transform: translate(-50%,-50%) rotate(360deg);}
}
@keyframes xuanzhuan {
    0% { transform: translate(-50%,-50%) rotate(0); }
    100% { transform: translate(-50%,-50%) rotate(360deg);}
}

.about_c{
    
}
.about_c_box{display: flex;flex-wrap: wrap;align-items: center;padding: 5.7vw 0;}
.about_c_box .left{
    width: 44.3%;
}
.about_c_box .left .text p{margin-bottom: 15px;}
.about_c_box .left .text p:last-child{margin-bottom: 0;}
.about_c_box .right{
    margin-left: auto;
    width:  49.6%;
}
.about_c .zhong{
    padding-top: 4vw;
    border-top: 1px solid #C4C4C4;
}
.about_c .zhong .text{padding-right: 6.7vw;}
.about_c .zhong .text ul > li{
    padding-left: 18px;
    margin-bottom: 6px;
    position: relative;
}

.about_c .zhong .text ul > li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #2C4F94;
    transform: rotate(45deg);
}
.about_c .zhong .text ul > li:last-child{margin-bottom: 0;}
.about_c .btm{
    padding: 50px 0 60px;
    background: linear-gradient(101deg, #F6F6F6 0%, #D2D7DE 100%);
}

.about_c .btm .btm_box{
    padding-left: var(--container);
}
.about_c .btm .swiper-button-prev,
.about_c .btm .swiper-button-next{
    width: 52px;
    height: 52px;
}

.about_c .btm .swiper-button-prev,
.about_c .btm .swiper-button-next{
    width: 52px;
    height: 52px;
}
.about_c .btm .swiper-button-prev:after,
.about_c .btm .swiper-button-next:after{display: none;}
.about_c .btm .swiper-button-prev{
    left: 2.6vw;
    background: url(../images/prev_jt.svg) center center no-repeat #E9EDF4;
}
.about_c .btm .swiper-button-next{
    right: var(--container);
    background: url(../images/next_jt.svg) center center no-repeat #E9EDF4;
}

.about_d{
    padding: 6.7vw 0;
}
.about_d_box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.about_d_box .right{
    width: 36.3%;
    padding: 1.6vw  6.7vw 3.4vw 3.1vw;
    background: url(../images/about_d_bg.jpg) center center/cover;
}

.about_d_box .right .ul li{
    padding: 20px 0 20px;
    border-bottom: 1px solid rgba(246, 246, 246, 0.2);
}

.about_d_box .right .ul li .bt{display: flex;flex-wrap: wrap;align-items: flex-end;}
.about_d_box .right .ul li .bt .num{
    line-height: 1;
}
.about_d_box .right .ul li .bt .num + span{
    position: relative;
    top: -4px;
    line-height: 1;
    margin-left: 6px;
}

.about_d_box .right .ul li .t{margin-top: 6px;}

.about_d_box .left{
    width: 63.7%;
    padding: 20px 1.3vw 0 4.1vw;
}

.about_d_box .left .text{
    width: 83.2%;
}

.about_d_box .left .ul li{
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.about_d_box .left .ul li:last-child{margin-bottom: 0;}
.about_d_box .left .ul li .icon{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #C1C1C1;
}

.about_d_box .left .ul li .text{
    width: calc(100% - 56px);
    padding-left: 16px;
}

.about_d .btm .ul li{
    background: #E3EAF7;
}
.about_d .btm .ul li .box{
    padding: 50px 40px 40px;
}
.about_a_sp .bf .icon{margin: 0 auto;}
@media(max-width: 1920px){
    .about_a_sp .bf .icon {width: 4.1vw;}
    .about_b .left .about_b_lb .box{margin-bottom: 1.1vw;}
    .about_b .left .about_b_lb .box.cur{margin-bottom: 3.6vw;}
    .about_b .left .about_b_lb .box:before{height: 2.6vw;}
    .about_c .btm{
        padding: 2.6vw 0 3.1vw;
    }
    .about_d_box .left .ul li{
        margin-bottom: 1.8vw;
    }
    .about_d .btm .ul li .box {
        padding: 2.6vw 2.1vw 2.1vw;
    }
}


@media(max-width: 1500px){
    .about_b .left{padding-right: 4vw;}
}
@media(max-width: 1100px){
    .about_a{padding: 40px 0 0;}
    .about_a .left{width: 100%;}
    .about_a .right{
        width: 100%;
        margin-top: 10px;
    }
    .about_a_sp{
        width: 100%;
        height: 300px;
        margin-top: 30px;
        margin-bottom: 40px;
            background-attachment: initial !important;
    }
    .about_a_sp .bf .icon{width: 50px;}
    .about_b .quan{
        width: 400px;
        height: 406px;
    }
    .about_b .left .about_b_lb .box:before{height: 30px;}
    .about_b .left{
        width: 100%;
    }
    .about_b .left .about_b_lb .box .text_box{height: 200px;}
    .about_b .right{
        width: 100%;
    }
    .about_b .left .about_b_lb .box{margin-bottom: 20px;}
    .about_b .jt_box .jt{
        width: 44px;
        height: 44px;
    }
    .about_b .jt_box .jt.jtl{margin-right: 10px;}
    .about_b .right{padding: 30px 20px;}
    .about_b .right_box{padding: 20px 0 30px;}
    .about_b .right .box .swiper-slide{
        width: 160px;
    }
    .about_c_box{
        padding: 40px 0 30px;
    }
    .about_c_box .left{width: 100%;}
    .about_c_box .right{width: 100%;margin-top: 20px;}
    .about_c .zhong{padding-top: 30px;}
    .about_c .zhong .text ul > li:before{width: 6px;height: 6px;top: 8px;}
    .about_c .zhong .text ul > li{padding-left: 12px;}
     .about_c .btm{
        padding: 20px 0 20px 14px;
    }
    .about_c .btm .btm_box{
        overflow: hidden;
        padding: 0 ;
    }
    .about_c .btm .swiper-button-prev, .about_c .btm .swiper-button-next{width: 44px;height: 44px;display: none;}
    .about_c .btm .swiper-button-prev{left: 20px;}
    .about_d{padding: 40px 0;}
    .about_d_box .left{width: 100%;padding: 0;}
    .about_d_box .left .text{line-height: 1.6;width: 100%;margin-top: 10px;}
    .about_d_box .left .ul li{align-items: flex-start;margin-bottom: 20px;}
    .about_d_box .left .ul li .text{margin-top: 0;}
    .about_d_box .right{
        margin-top: 20px;
        width: 100%;
    }
    .about_d_box .right{padding: 20px 14px;}
    .about_d_box .right .ul li{
        padding: 14px 0;
    }
    .about_d_box .right .ul li .bt .num + span{top: 0;line-height: 1;}
    .about_d .btm .ul li .box{padding: 20px 14px;}
}

.nybanner .img {overflow: hidden;}
.nybanner .img img{transform: scale(1.06);transition: all 2.5s;opacity: 0;}
.nybanner.active .img img{transform: scale(1);opacity: 1;}
.nybanner.active .text .bt:before{
    width: 100%;
}

.header{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);}


/*保护政策*/
.baohuzc{
    background: #fff;
    padding: 5.2vw 0;
}

.baohuzc .text{
    line-height: 2;
    color: #666666;
    margin-top: 14px;
}

.baohuzc .text h3{
    color: #222222;
    font-size: 20px;
    margin-bottom: 8px;
}

.baohuzc .text ol > li{
    position: relative;
    padding-left: 18px;
    margin-top: 8px;
}
.baohuzc .text ul > li{list-style-type: decimal;margin-left: 22px;margin-top: 8px;}

.baohuzc .text ol > li:before{
    position: absolute;
    left: 4px;
    width: 4px;
    height: 4px;
    background: #666666;
    content: "";
    position: absolute;
    top: 13px;
    border-radius: 100%;
}

@media(max-width: 1700px){
    .baohuzc .text h3{font-size: 18px;}
}
@media(max-width: 1100px){
    .baohuzc{padding: 40px 0 50px;}
    .baohuzc .text{margin-top: 10px;}
    .baohuzc .text h3{font-size: 16px;}
    .download_tc .download_tc_box .gb{
        width: 36px;
        height: 36px;
    }
}

/**搜索结果**/
.jieguoweo { padding: 180px 0 112px; background: #F7F7F7;}
.jieguoweo .containera { padding: 0 3.38541vw; }
.jieguoweo .aieurw { position: absolute; right: 0; bottom: 5px; }
.jieguoweo .aieurw .inp { border-radius: 100px; color: #686868; width: 400px; height: 58px; padding-left: 20px; font-size: 16px; border: 1px solid #D5DCE5; background: none; }
.jieguoweo .aieurw .inp::-webkit-input-placeholder {color: #686868;}
.jieguoweo .aieurw .inp::-moz-placeholder {color: #686868;}
.jieguoweo .aieurw .inp:-moz-placeholder {color: #686868;}
.jieguoweo .aieurw .inp:-ms-input-placeholder {color: #686868;}
.jieguoweo .aieurw .sub { position: absolute; top: 50%; right: 7px; width: 46px; border: 0; overflow: hidden; border-radius: 50%; height: calc(100% - 14px); transform: translateY(-50%); background: url(../images/search2.svg) center center no-repeat #2C4F94; }


.jieguoweo .jieguo { line-height: 1; color: #767676; margin: 15px 0 50px; }
.jieguoweo .jieguo span { color: #2C4F94; }
.jieguoweo .kaoweoo ul li { margin-bottom: 12px; }
.jieguoweo .kaoweoo ul li:last-child { margin-bottom: 0; }
.jieguoweo .kaoweoo ul li a { display: block; background: #fff; border-radius: 20px; overflow: hidden; padding: 50px 30px 47px; position: relative; }
.jieguoweo .kaoweoo ul li a::before { position: absolute; bottom: 0; left: 0; width: 100%; background: #2C4F94; height: 3px; content: ""; opacity: 0; transition: all .5s; }
.jieguoweo .kaoweoo ul li a .sz { line-height: 1; }
.jieguoweo .kaoweoo ul li a .bt { margin: 10px 0 13px; }




.jieguoweo .kaoweoo ul li:hover a .bt { text-decoration: underline; }
.jieguoweo .kaoweoo ul li:hover a::before { opacity: 1; }

@media(max-width:1500px) {
    .jieguoweo { padding: 130px 0 100px; }
}

@media(max-width:1100px) {
    .jieguoweo .containera { padding: 0; }
    .jieguoweo { padding: 104px 0 50px; }

    .jieguoweo .aieurw { position: initial; width: 100%; float: left; margin-top: 15px; }
    .jieguoweo .aieurw .inp {
        width: 100%;
        font-size: 14px;
        height: 45px;
    }
    .jieguoweo .aieurw .sub {
        width: 31px;
    }
    .jieguoweo .jieguo { margin: 20px 0 30px; }

    .jieguoweo .kaoweoo ul li a { padding: 20px; }
    
}


.imgfd .imgfd_img{transition: all 0.6s;transform: scale(1);}
.imgfd:hover .imgfd_img{
    transform: scale(1.05);
}


.pro_cb{
    display: none;
    position: fixed;
    left: 0;
    top: 50%;
    width: 135px;
    transform: translateY(-50%);
    z-index: 11;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(44, 79, 148, 0.2);
}

.pro_cb a{
    font-size: 12px;
    display: block;
    position: relative;
    color: #2C4F94;
    padding: 10px 14px 0 20px;
    transition: all 0.4s;
    line-height: 1.6;
}
.pro_cb a:before{
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    background: rgba(44, 79, 148, .2);
    transform: translateY(-50%);
}
.pro_cb a.cur,
.pro_cb a:hover{
    padding: 12px 14px 12px 20px;
    color: #fff;
    background: #2C4F94;
}
.pro_cb a:hover:before,.pro_cb a.cur:before{
    background: rgba(255, 255, 255, .2);
}
.pro_cb a:nth-child(1){
    padding: 12px 14px 12px 20px;
}
.pro_cb a:last-child{padding-bottom: 12px;}

@media(max-width: 1100px){
    .pro_cb{display: none !important;}
}

.indexD .swiper-container .tize:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(44, 79, 148, 0.8), rgba(44, 79, 148, 0.8));
    z-index: 2;
}
.indexD .swiper-container .tize a{z-index: 3;}
.indexD .swiper-container .tize .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.pro_b .box .text_box .ul li.jia > a:before{
    display: none;
}

.pro_b .box .text_box .ul li.jia > a i{
   width: 18px;
   height: 18px;
   right: 18px;
   border-radius: 100%;
   position: absolute;
   display: block;
   border: 1px solid #333;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s;
}

.pro_b .box .text_box .ul li.jia > a i:before,
.pro_b .box .text_box .ul li.jia > a i:after{
   content: "";
   position: absolute;
   background: #333;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   transition: all 0.4s;
}

.pro_b .box .text_box .ul li.jia > a i:before{
    height: 2px;
    width: 70%;
}

.pro_b .box .text_box .ul li.jia > a i:after{
    width: 2px;
    height: 70%;
}

.pro_b .box .text_box .ul li.jia.jian > a i:after{height: 0;}

.pro_b .box:hover .text_box .ul li.jia > a i{border-color: #fff;}
.pro_b .box:hover .text_box .ul li.jia > a i:before,
.pro_b .box:hover .text_box .ul li.jia > a i:after{
   background: #fff;
}

.pro_b .box:hover .text_box .ul li.jia > a:hover i{border-color: #333;}
.pro_b .box:hover .text_box .ul li.jia > a:hover i:before,
.pro_b .box:hover .text_box .ul li.jia > a:hover i:after{
   background: #333;
}
.pro_b .box .text_box .ul li.jia > .nr{
    padding: 10px;
    display: none;
    transition: initial;
}
.pro_b .box .text_box .ul li.jia > .nr a{
    display: block;
    color: #333;
    padding: 10px 40px 10px 16px;
    position: relative;
    
}

.pro_b .box .text_box .ul li.jia > .nr a:before{
    content: "";
    width: 14px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/pro_jt.svg) center center / cover;
}

.pro_b .box:hover .text_box .ul li.jia > .nr a{
    color: #fff;
    opacity: 0.6;
    transition: all 0.4s;
}
.pro_b .box:hover .text_box .ul li.jia > .nr a:before{background: url(../images/pro_jt2.svg) center center / cover;}
.pro_b .box:hover .text_box .ul li.jia > .nr a:hover{opacity: 1;}
@media(max-width: 1100px){
    .banner .swiper-slide .gude{position: relative;}
    .banner .swiper-slide .gude .mo_text{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;   
         z-index: 3;
    }
}

.indexC ul li .zomo .swo .vo .io.jia > a:before{display: none;}
.indexC ul li .zomo .swo .vo .io.jia > a i{
    width: 18px;
   height: 18px;
   right: 0;
   border-radius: 100%;
   position: absolute;
   display: block;
   border: 1px solid #fff;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s;
}

.indexC ul li .zomo .swo .vo .io.jia > a i:before,
.indexC ul li .zomo .swo .vo .io.jia > a i:after{
   content: "";
   position: absolute;
   background: #fff;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   transition: all 0.4s;
}

.indexC ul li .zomo .swo .vo .io.jia > a i:before{
    height: 2px;
    width: 70%;
}

.indexC ul li .zomo .swo .vo .io.jia > a i:after{
    width: 2px;
    height: 70%;
}
.indexC ul li .zomo .swo .vo .io.jia.jian > a i:after{height: 0;}
.indexC ul li .zomo .swo .vo .io.jia .nr{padding-bottom: 10px;display: none;max-height: 100px;overflow: auto;}

.indexC ul li .zomo .swo .vo .io.jia .nr::-webkit-scrollbar{
    width: 3px;
}
.indexC ul li .zomo .swo .vo .io.jia .nr::-webkit-scrollbar-track{
    background: #ccc;
    width: 3px;
}

.indexC ul li .zomo .swo .vo .io.jia .nr::-webkit-scrollbar-track-piece{
    width: 2px;
} 
.indexC ul li .zomo .swo .vo .io.jia .nr::-webkit-scrollbar-thumb{
        background: #fff;
        border: 5px;
}
.indexC ul li .zomo .swo .vo .io.jia .nr::-webkit-scrollbar-button{
    display: none;
}


.indexC ul li .zomo .swo .vo .io.jia .nr a{
    display: block;
    color: #fff;
    opacity: 0.6;
    transition: all 0.4s;
    padding: 5px 40px 5px 16px;
}

.indexC ul li .zomo .swo .vo .io.jia .nr a:hover{opacity: 1;}


/**/
.proxq_c_box .box .text table.vertical tr td{background: none;border-right: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;}
.proxq_c_box .box .text table.vertical tr td:nth-child(1){
    color: #666;/*
    border-color: #D8D8D8;*/
}

.proxq_c_box .box .text table.vertical td:nth-child(2n){
   
}


.proxq_c_box .box .text table.vertical tr:nth-child(1) td{
        background: #2C4F94;
    color: #fff;
    /*border-color: rgba(216, 216, 216, 0.2);*/
}

.proxq_c_box .box .text table.vertical tr:nth-child(2n){background: #fff;}


.banner .video{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}
.indexE_lb .swiper-pagination{bottom: 2.6vw;}
.indexE_lb .swiper-pagination .swiper-pagination-bullet{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin: 0 7px;
    opacity: 1;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all 0.4s;
    background: none;
}
.indexE_lb .swiper-pagination .swiper-pagination-bullet:before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.indexE_lb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #fff;}

@media(max-width: 1100px){
    .indexE_lb .swiper-pagination{bottom:  20px;}
}

.banner .swiper-slide .gude .img.m{position: relative;}
.banner .swiper-slide .gude .img.m:before{
    content: "";
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



.contact_a2{
    padding: 6.2vw 0 3.4vw;
}

.contact_a2 .ul{
    border-top: 1px solid #D8D8D8;
    margin-top: 2vw;
    padding-top: 2vw;
    display: flex;
    flex-wrap: wrap;
}

.contact_a2 .ul li{word-wrap:break-word;
    width: 21.3%;
    margin-right: calc((100% - 21.3% * 3)/2);
    margin-bottom: 3.2vw;
}
.contact_a2 .ul li:nth-child(3n){margin-right: 0;}
.contact_a2 .ul li .wenzi{
    margin-top: 1.2vw;
}
.contact_a2 .ul li .wenzi p{margin-top: -4px;}
.contact_a2 .ul li .wenzi p:nth-child(1){margin-top: 0;}

@media(max-width: 1100px){
    .contact_a2{
        padding: 40px 0 30px;
    }
    .contact_a2 .ul{margin-top: 12px;padding-top: 12px;}
    .contact_a2 .ul li{width: 48.5%;margin-right: 3%;margin-bottom: 20px;}
    .contact_a2 .ul li:nth-child(3n){margin-right: 3%;}
    .contact_a2 .ul li:nth-child(2n){margin-right: 0;}
    .contact_a2 .ul li .bt{font-size: 20px;}
    .contact_a2 .ul li .wenzi{font-size: 16px;}
}

@media(max-width: 540px){
    .contact_a2 .ul li{width: 100%;margin-right: 0;}

}

.nybanner .xiangxia{
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: var(--container);
    bottom: 2.6vw;
    z-index: 3;
    border-radius: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.nybanner .xiangxia i{
    background: url(../images/xiangxia.svg) center center/cover;
    width: 24px;
    height: 20px;
    position: absolute;
    left: 50%;
    transition: all 0.4s;
    opacity: 0;
    transform: translate(-50%,-50%);
    
}
.nybanner .xiangxia i.i1{
    top: calc(50% - 8px);
    animation: xiangxia 2s infinite linear;
    animation-delay: 1s;
}
.nybanner .xiangxia i.i2{
    top: 50%;
     animation: xiangxia 2s infinite linear;
     animation-delay: 0.5s;
}
.nybanner .xiangxia i.i3{
    top: calc(50% + 8px);
     animation: xiangxia 2s infinite linear;
}

.nybanner .pc { height: 100vh; } 
.nybanner.nybanner_heightauto .pc{height: auto;}

@-webkit-keyframes xiangxia {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}
@keyframes xiangxia {
     0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

@media(max-width: 1100px){
    .nybanner .xiangxia{width: 40px;height: 40px;}
    .nybanner .xiangxia i{
        width: 12px;
        height: 8px;
    }
}



/*2025-11-12*/
.flexcenter{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flexcenter2{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flexcenter3{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.flexcenter4{
    display: flex;
    flex-wrap: wrap;
}

.flexyou{flex-direction: row-reverse;}
.flexauto_l{margin-left: auto;}
.flexauto_r{margin-right: auto;}

.header .eaer ul li .xiala_box{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(248, 248, 248, 0.9);
    backdrop-filter: blur(20px);
    z-index: 3;
    display: none;
}

.header .eaer ul li .xiala_box .left{
    width: 20%;
    padding: 2.5vw 4vw 2.5vw 1.4vw;
}
.header .eaer ul li .xiala_box .left .dbt{
    color: #2C4F94;
    font-weight: bold;
}
.header .eaer ul li .xiala_box .left .img{margin-top: 1.5vw;}
.header .eaer ul li .xiala_box .zhong{
    background: #fff;
    width: 20%;
    padding: 1.6vw 1.8vw 6.2vw;
}

.header .eaer ul li .xiala_box .zhong .ul .li{border-bottom: 1px solid #EEEEEE;}

.header .eaer ul li .xiala_box .zhong .ul .li a{
    display: block;
    color: #333333;
    padding: 1.1vw 20px 1.1vw 0;
    position: relative;
    transition: all 0.6s;
}
.header .eaer ul li .xiala_box .zhong .ul .li a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    transition: all 0.6s;
    background: #2C4F94;
}
.header .eaer ul li .xiala_box .zhong .ul .li a:before{
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/xiala_box_jt.svg) center center/cover;
    position: absolute;
    right: 6px;
    top: 50%;
    transition: all 0.6s;
    opacity: 0;
    transform: translateY(-50%);
}

.header .eaer ul li .xiala_box .zhong .ul .li:hover a,
.header .eaer ul li .xiala_box .zhong .ul .li.cur a{
    color: #2C4F94;
}

.header .eaer ul li .xiala_box .zhong .ul .li:hover a:after,
.header .eaer ul li .xiala_box .zhong .ul .li.cur a:after{width: 100%;}


.header .eaer ul li .xiala_box .zhong .ul .li:hover a:before,
.header .eaer ul li .xiala_box .zhong .ul .li.cur a:before{opacity: 1;}

.header .eaer ul li .xiala_box .right{
    width: 22.3%;
    padding: 1.7vw 2.3vw;
    border-right: 1px solid rgba(217, 217, 217, 0.9);
}

.header .eaer ul li .xiala_box .right .box{display: none;}
.header .eaer ul li .xiala_box .right .box.cur{display: block;}

.header .eaer ul li .xiala_box .right .box a{
    display: block;
    color: #333333;
    padding: 1.1vw 20px 1.1vw 0;
    position: relative;
    transition: all 0.6s;
}

.header .eaer ul li .xiala_box .right .box a:before{
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/xiala_box_jt2.svg) center center/cover;
    position: absolute;
    right: 6px;
    top: calc(50% + 1px);
    transition: all 0.6s;
    transform: translateY(-50%);
}

.header .eaer ul li .xiala_box .right .box a:hover,
.header .eaer ul li .xiala_box .right .box a.cur{color: #2C4F94;}
.header .eaer ul li .xiala_box .right .box a:hover:before,
.header .eaer ul li .xiala_box .right .box a.cur:before{background: url(../images/xiala_box_jt.svg) center center/cover;}

.header .eaer ul li .xiala_box .right2{width: 20%;}

.header .eaer ul li:hover .xiala_box{animation: select 0.6s 1;animation-fill-mode: forwards;display: block;}


.header .eaer ul li .xiala_box2{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    display: none;
    width: 100vw;
}
.header .eaer ul li .xiala_box2:before{
    content: "";
    backdrop-filter: blur(20px);
    background: rgba(248, 248, 248,1);
    z-index: 0;
    width: 200vw;
    height: 300px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;

}
.header .eaer ul li .xiala_box2 .nr{
    justify-content: center;
    position: relative;
    z-index: 2;
}
.header .eaer ul li .xiala_box2 .nr a{
    display: block;
    color: #333;
    padding: 1vw;
    transition: all 0.6s;
}
.header .eaer ul li .xiala_box2 .nr a:hover{color: var(--colo);}
.header .eaer ul li:hover .xiala_box2{animation: select 0.6s 1;animation-fill-mode: forwards;display: block;}
@-webkit-keyframes select {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes select {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.header .eaer ul li .xiala_box2.xiala_box2_you .nr{padding-right:180px;}

/*2025-12-1*/
.liuyan_box{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 290px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.liuyan_box .top{
    background: #2C4F94;
    position: relative;
    padding: 16px;
    cursor: pointer;
}
.liuyan_box .top .bt{color: #fff;position: relative;padding: 0 26px;}
.liuyan_box .top .bt:before{
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/liuyan_box_icon1.svg) center center/cover;
    width: 16px;
    height: 16px;
    content: "";
}

.liuyan_box .top .bt:after{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    background: url(../images/liuyan_box_icon2.svg) center center/cover;
    width: 14px;
    height: 14px;
    content: "";
    transition: all 0.6s;
}

.liuyan_box .top.cur .bt:after{
   transform: translateY(-50%) rotate(0deg);
}

.liuyan_box .btm{
    display: none;
    padding: 1.6vw 1.15vw 1.8vw;
}
.liuyan_box .btm .ul {position: relative;padding-bottom: 70px;}
.liuyan_box .btm .ul li{
    margin-bottom: 6px;
    position: relative;
}

.liuyan_box .btm .ul li:last-child{margin-bottom: 0;}
.liuyan_box .btm .ul li input,.liuyan_box .btm .ul li textarea{
    width: 100%;
    border: 1px solid #E8E8E8;
    color: #333;
    font-size: 12px;
    
}

.liuyan_box .btm .ul li input{
     height: 42px;
     padding: 0 14px;
}
.liuyan_box .btm .ul li textarea{
    height: 80px;
    resize: none;
    padding: 14px;
}

.liuyan_box .btm .ul li input::placeholder,
.liuyan_box .btm .ul li textarea::placeholder{color: #999999;}
.liuyan_box .btm .ul li.wenben{z-index: 3;}
.liuyan_box .btm .ul li.wenben.cur{
    z-index: -1;
}
.liuyan_box .card-body{
    padding: 0;
}
.liuyan_box .card-body canvas{
    z-index: 3;
}

.liuyan_box .btm .ul li.yanzheng{
    position: absolute;
    bottom: 0;
    width: 100%;
}
#captcha .refreshIcon{display: none;}
.liuyan_box .card-body canvas.myElement,
.liuyan_box .card-body canvas.block{opacity: 0;}

.liuyan_box .card-body canvas.myElement.cur,
.liuyan_box .card-body canvas.block.cur{opacity: 1;}

@media(max-width:1100px){
    .liuyan_box{display:none !important;}
}

#vidPlay iframe{
    height:76vh;
    width:100%;
}

.about_e{background:#f9f9f9;}
.about_e .swiper-container .naowe{background:#fff;}
.about_e .dexdtop .dtor{transform:translateY(0);position:relative;}
.about_e .dexdtop .dtor:before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 137px;
    height: 1px;
    background: #D8D8D8;
    width: calc(100% - 117px - 220px);
}
.about_e .dexdtop{margin-top:2.3vw;}
.about_e .dexdtop .dtor .swipean .huo{margin-right:3px;background: #2C4F94;}
.about_e .dexdtop .dtor .swipean .huo:last-child{margin-right:0;}

.about_e .dexdtop .dtor .swipean .swiper-button-prev:after{background: url(../images/prev2.svg) no-repeat center center / cover;}
.about_e .dexdtop .dtor .swipean .swiper-button-next:after{background: url(../images/next2.svg) no-repeat center center / cover;}
.about_e .dexdtop .dtor .swipean .huo:hover{background: #2C4F94;opacity:0.8;}

.about_e .top{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.about_e .top .a_list{
    margin-left: auto;
    display: flex; 
    flex-wrap: wrap;
}

.about_e .top .a_list a{
   display: block;
   color: #333333;
   padding: 10px 24px;
   background: #E3EAF7;
   transition: all 0.4s;
}
.about_e .top .a_list a:hover,
.about_e .top .a_list a.cur{
    background: #2C4F94;
    color: #fff;
}
@media(max-width:1100px){
    .about_e .top .a_list{width:100%;display:none;}
    .about_e .dexdtop .dtor:before{
        display:none;
    }
}

.pro_b .box .text_box .top2 .bt{position:relative;padding-right: 2.2vw;}
.pro_b .box .text_box .top2 .bt:before{
    content:"";
    background: url(../images/product_jt.svg) center center no-repeat rgba(44, 79, 148, 0.1);
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 100%;
    overflow: hidden;
    transition: all 0.6s;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}   
.pro_b .box:hover .text_box .top2 .bt:before{background: url(../images/product_jt.svg) center center no-repeat #fff;}
@media(max-width:1100px){
    .pro_b .box .text_box .top2 .bt{padding-right:30px}
    .pro_b .box .text_box .top2 .bt:before{
        width:24px;
        height:24px;
    }
}

.pro_nav{padding-top:3.2vw;}
.pro_nav .ul li{width:32.8%;margin-right:0.8%;text-align:center;margin-bottom:0.8%;border: 1px solid #D8D8D8;}
.pro_nav .ul li:nth-child(3n){margin-right:0;}
.pro_nav .ul li a{
    display: block;
    color: rgba(18, 18, 18, 1);
    padding: 14px 10px;
}
.pro_nav .ul li.cur{
    background: #2C4F94;
    border-color: #2C4F94;
}
.pro_nav .ul li.cur a{color:#fff;}

.pro_list{padding:3.7vw 0 6.7vw}
.pro_list .ul li{
    width:32.8%;
    margin-right: 0.8%;
    margin-bottom: 0.8%;
    background: #F9F9F9;
    transition: all 0.6s;
}

.pro_list .ul li:nth-child(3n){margin-right:0;}
.pro_list .ul li .nr{
    padding: 14px;
}

.pro_list .ul li .text{
    text-align: center;
    padding: 3.1vw 0 2vw;
    color: #222;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}
.pro_list .ul li .text .top{width:100%;}
.pro_list .ul li .text .js{
    line-height: 1.6;
    color: #666666;
    margin-top: 10px;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.6s;
    text-overflow: ellipsis;
    width:100%;
}

.pro_list .ul li .text .anniu_box{
    margin-top: 1.6vw;
    justify-content: center;
}
.pro_list .ul li .text .anniu_box a{margin-right:10px;}
.pro_list .ul li .text .anniu_box a:last-child{margin-right:0;}
.pro_list .fyq{margin-top:2.5vw;}
/*
.pro_list .ul li:hover{background: #2C4F94;}
.pro_list .ul li:hover .text .bt{color:#fff;}
.pro_list .ul li:hover .text .anniu_box a{
        border-color: #fff;
        background: none;
}

.pro_list .ul li:hover .text .anniu_box a span{
    color: #fff;
}

.pro_list .ul li:hover .text .anniu_box a i{
        background: url(../images/morea.svg) no-repeat center center / cover;
}
.pro_list .ul li:hover .text .anniu_box a:before{background:#fff;}
.pro_list .ul li:hover .text .anniu_box a:hover span{
    color: #323232;
}

.pro_list .ul li:hover .text .anniu_box a:hover i{
    background: url(../images/moreb.svg) no-repeat center center / cover;
}

.pro_list .ul li:hover .text .js{color:#fff;}
*/

@media(max-width:1100px){
    
    .pro_nav .ul li a{padding:10px 6px;}
    .pro_nav .ul li{width:49%;margin-right:2%;margin-bottom:2%;font-size:16px;}
    .pro_nav .ul li:nth-child(3n){margin-right:2%;}
    .pro_nav .ul li:nth-child(2n){margin-right:0;}
    .pro_list{padding:20px 0 50px;}
    .pro_list .ul li{
        width:100%;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .pro_list .ul li:last-child{margin-bottom:0;}
    .pro_list .ul li .nr{padding:10px;}
    .pro_list .ul li .text{padding:20px 0 30px;}
    .pro_list .ul li .text .anniu_box{margin-top:20px;}
    .pro_list .fyq{margin-top:30px;}
}

.pro_tanchuang{
    position:fixed;
    left:0;
    top: 0;
    height:100%;
    width:100%;
    background: rgba(17, 30, 56, .8);
    z-index: 9991;
    display:none;
}
.pro_tanchuang .box{width:25vw;}
.pro_tanchuang .box{
    background:#f9f9f9;
    overflow: hidden;
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    padding: 3vw 2vw 3vw;
    /*padding: 4.6vw 4vw 6.2vw;*/
}
.pro_tanchuang .box .ul{margin-top:1.7vw;}
.pro_tanchuang .box .ul li{
    width:100%;
    margin-right:1%;
    margin-bottom: 1%;
}

.pro_tanchuang .box .ul li:nth-child(2n){margin-right:0;}
.pro_tanchuang .box .ul li.w100{margin-right:0;width:100%;}
.pro_tanchuang .box .ul li input,.pro_tanchuang .box .ul li textarea{
    color: #333;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    font-size: 16px;
    width: 100%;
}
.pro_tanchuang .box .ul li textarea{
    padding: 1.1vw;
    height: 5.2vw;
    resize: none;
}
.pro_tanchuang .box .ul li input{
    height: 2.4vw;
    padding: 0 1.1vw;
}

.pro_tanchuang .box button{margin-top:20px;}
.pro_tanchuang .box .cha{
    position: absolute;
    top: 1.1vw;
    right: 1.1vw;
    width: 1.3vw;
    height: 1.3vw;
    cursor: pointer;
    background: url(../images/cha2.svg) center center/cover;
}
@media(max-width:1100px){
    .pro_tanchuang .box{
        padding: 40px 20px;
    }
    .pro_tanchuang .box .ul li{width:100%;margin-right:0;margin-bottom: 8px;}
    .pro_tanchuang .box .ul li:last-child{margin-bottom:0;}
    .pro_tanchuang .box .ul li input{height:40px;font-size:14px;padding:0 20px;}
    .pro_tanchuang .box .ul li textarea{height:100px;font-size:14px;padding:20px;}
    .pro_tanchuang .box .ul{margin-top:20px;}
    .pro_tanchuang .box .cha{
        width:20px;
        height: 20px;
        top: 16px;
        right: 16px;
    }
    .pro_tanchuang .box{width:calc(100% - 40px);}
}

.video_a{
    padding: 6.7vw 0 5.7vw;
}
.video_a .ul li{
    width:32.8%;
    margin-right: 0.8%;
    margin-bottom: 0.8%;
    background: #F9F9F9;
    transition: all 0.6s;
}



.video_a .ul li:nth-child(3n){margin-right:0;}
.video_a .ul li .nr{
    padding:12px;
}
.video_a .ul li .text{
    text-align: center;
    padding: 1.7vw 0 2vw;
}
.video_a .ul li .text .bt{color:#121212;}
.video_a .ul li .text .anniu_box{justify-content:center;margin-top:1vw;}
.video_a .ul li .text .anniu_box a{margin-right:10px;}
.video_a .ul li .text .anniu_box a:last-child{margin-right:0;}
.video_a .ul li .bf{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 4.6vw;
    max-width: 90px;
}

.video_a .ul li:hover{background: #2C4F94;}
.video_a .ul li:hover .text .bt{color:#fff;}
.video_a .ul li:hover .text .anniu_box a{
        border-color: #fff;
        background: none;
}

.video_a .ul li:hover .text .anniu_box a span{
    color: #fff;
}

.video_a .ul li:hover .text .anniu_box a i{
        background: url(../images/morea.svg) no-repeat center center / cover;
}
.video_a .ul li:hover .text .anniu_box a:before{background:#fff;}
.video_a .ul li:hover .text .anniu_box a:hover span{
    color: #323232;
}

.video_a .ul li:hover .text .anniu_box a:hover i{
    background: url(../images/moreb.svg) no-repeat center center / cover;
}



@media(max-width:1100px){
    .video_a{padding:40px 0 50px;}
    .video_a .ul li{
        width:100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .video_a .ul li:last-child{margin-bottom:0;}
    .video_a .ul li .text{padding:20px 0;}
    .video_a .ul li .text .anniu_box{margin-top:20px;}
    .video_a .ul li .text .bt{line-height:1.4;}
    .video_a .ul li .bf{width:44px;}
}

.contact_a3{padding:6.7vw 0 8.2vw}
.contact_a3 .btm{
    background: #F9F9F9;
    margin-top: 2.1vw;
}
.contact_a3 .btm .left{
    width:50%;
    padding: 4.6vw 4vw 6.2vw;
}
.contact_a3 .btm .left .bt{color:#121212;line-height:1.4;}
.contact_a3 .btm .left .lianxi_list{
    margin-top:4vw;
}

.contact_a3 .btm .left .lianxi_list .nr{margin-bottom:2.2vw;}
.contact_a3 .btm .left .lianxi_list .nr:last-child{margin-bottom:0;}
.contact_a3 .btm .left .lianxi_list .nr .icon{
    border: 1.5px solid #DFDFDF;
    border-radius: 100%;
    width: 4.2vw;
    height: 4.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_a3 .btm .left .lianxi_list .nr .text{
    width: calc(100% - 4.2vw);
    padding-left: 16px;
    color: #767676;
}
.contact_a3 .btm .left .lianxi_list .nr .text .js{color:#121212;margin-top:6px;}
.contact_a3 .btm .right{
    width:50%;
    height: auto;
    padding: 4.6vw 0 6vw 3.3vw;
}

.contact_b .left{
    width: 50%;
    padding: 5.7vw var(--containervw) 6vw 3.3vw;
}
.contact_b .right{
    width: 50%;
    height:auto;
}
.contact_b_box .ul li{width:100%;}
.contact_b_box .ul li .formbutton{margin-top:3.5vw;}

@media(max-width:1100px){
    .contact_a3{padding:40px 0 50px;}
    .contact_a3 .btm .left{
        width:100%;
        padding:20px 20px 40px;
    }
    .contact_a3 .contact_b_box{padding:40px 20px;}
    .contact_a3 .btm .right{
        width:100%;
        height: auto;
        background: :none !important;
        padding: 40px 20px 20px;
    }
    .contact_a3 .btm .left .lianxi_list .nr .icon{width:50px;height:50px;}
    .contact_a3 .btm .left .lianxi_list .nr .icon img{width:50%;}
    .contact_a3 .btm .left .lianxi_list .nr .text{
        width: calc(100% - 50px);
        padding-left:14px;
    }
    .contact_a3 .btm .left .lianxi_list .nr{margin-bottom:18px;}
    .contact_a3 .btm .left .lianxi_list .nr .text{font-size:16px;}
    .contact_b .left{
        width: 100%;
        padding: 0px;
    }
    .contact_b .right{
        width: 100%;
        margin-top:20px;
        background: :none !important;
    }
}

.nybanner.nybannerauto .pc{height:auto;}
.sliderMask{z-index:6;}
.sliderText{
    background: rgba(227, 234, 247, 0.5);
    font-size: 12px;
    position: relative;
    width: 100%;
    display: block;
    text-align:right;
    padding-right:30px; 
    color: #2C4F94;
}

.about_e .box_box .box{display:none;}
.about_e .box_box .box.cur{display:block;}

.iframe_video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.iframe_video .iframe_video_close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    font-size: 30px;
    z-index: 10000;
    background: #fff;
    color: #999;
    border-radius: 50%;
}