/*banner*/
.ind-banner{width: 100%; position: relative; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg img{ width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .one{ position: absolute; left: 0; width: 100%; text-align: center; top: 24%; z-index: 1;}
.ind-banner .one .cn{ font-size: 72px; line-height: 72px; color: #2665d3; font-weight: bold; }
.ind-banner .two{ position: absolute; left: 0; width: 100%; text-align: center; top: 24%; z-index: 1; }
.ind-banner .two .cn{ font-size: 72px; line-height: 72px; color: #fff; font-weight: bold; }
.ind-banner .label{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 1.6rem; font-size: 24px; color: #fff; }
.ind-banner .label em{ padding: 0 16px; }
.ind-banner .label2{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 1.4rem; font-size: 24px; color: #fff; }
.ind-banner .label2 em{ padding: 0 16px; }

.ind-banner .layerImg{ position:absolute; left:50%; margin-left:-720px; top:35%; z-index:2;}
.ind-banner .layerImg img{ max-width:6.5rem; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);}

.ind-banner .swiper-pagination{ position: absolute; text-align: left; width: auto!important; left: auto!important; right: 50%; margin-right: -720px; bottom: 45px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; background: #fff; margin-left: 20px!important; margin-right: 0!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #082c7e;}
/*banner结束*/

.indexP1{ padding: 125px 0 130px; border-bottom: #ccc solid 1px; position: relative; }
.indexP1 .btn{ position: absolute; z-index: 2; left: 50%; margin-left: -33px; top: -33px; width: 66px; height: 66px; border-radius: 50%; background: #fff; box-shadow: 4px 6px 20px 0px rgba(41, 83, 147, 0.1);}
.indexP1 .btn img{ position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; }
.indexP1 .leftDiv{ width: 870px; position: relative; z-index: 1; }
.indexP1 .wen{ font-size: 18px; line-height: 18px; color: #082c7e; font-weight: bold; padding-bottom: 10px; }
.indexP1 .name{ font-family: bold; font-size: 48px; line-height: 48px; text-transform: uppercase; color: #333; }
.indexP1 .content{ font-size: 16px; line-height: 36px; padding-top: 40px; }
.indexP1 .list{ padding-top: 65px; }
.indexP1 .list li{ float: left; width: 33.33%; padding-bottom: 25px; min-height: 32px; }
.indexP1 .list li img{ width:200px;}
.indexP1 .btnDiv{ padding-top: 35px; }
.indexP1 .btnDiv a{ display: block; width: 165px; height: 44px; line-height: 44px; background: #082c7e; border-radius: 24px; font-size: 14px; color: #fff; text-align: center; }

.indexP1 .rightDiv{ width: 474px; background: #f6f6f6; padding: 100px 0; position: relative; z-index: 1; }
.indexP1 .lie{ padding: 0 70px 0 80px; }
.indexP1 .lie li{ padding-bottom: 85px; }
.indexP1 .lie li:last-child{ padding-bottom: 0; }
.indexP1 .lie li .num{ color: #082c7e; font-family: bold; font-size: 60px; line-height: 60px; }
.indexP1 .lie li p{ font-size: 18px; line-height: 32px; padding-top: 12px;}

#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.indexP2{ padding-top: 120px; }
.indexP2 .title{ text-align: center; font-family: bold; font-size: 36px; line-height: 36px; color: #333; position: relative; padding-bottom: 36px; }
.indexP2 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -24px; bottom: 0; width: 48px; height: 2px; background: #082c7e;}
.indexP2 .box-container{ position: relative; width: 1440px; margin: 0 auto; }
.indexP2 .btn{ display: block; z-index: 2; position: absolute; width: 28px; height: 62px; top: 52px; }
.indexP2 .prev{ left: -30px; background: url(../images/nimg28_left.png) no-repeat;}
.indexP2 .next{ right: -30px; background: url(../images/nimg28_right.png) no-repeat; }
.indexP2 .prev:hover{ background: url(../images/nimg28_lefton.png) no-repeat;}
.indexP2 .next:hover{ background: url(../images/nimg28_righton.png) no-repeat;}
.indexP2 .img-swiper{ overflow: hidden; margin-top: 60px; height: 240px;}
.indexP2 .img-swiper .swiper-slide{ cursor: pointer; }
.indexP2 .img-swiper .ico{ width: 102px; height: 102px; margin: 0 auto; }
.indexP2 .img-swiper .name{ padding-top: 15px; text-align: center; font-size: 16px; font-family: bold; color: #333; line-height: 20px; }
.indexP2 .img-swiper .swiper-slide-active .name{ color: #082c7e; }

.indexP2 .detail-box .item { display: none; position: relative; }
.indexP2 .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.indexP2 .shadog{ height: 8.34rem; background: center no-repeat; background-size: cover; position:relative;}
.indexP2 .shadog:before{content: ""; width: 100%; height: 100%; background: url(../images/shadow.png) no-repeat center left; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.indexP2 .conDiv{ width: 50%; position:relative; z-index:2;}
.indexP2 .conDiv .en{ font-size: 36px; line-height: 40px; color: #fff; padding-bottom: 40px; font-family: bold;}
.indexP2 .conDiv .content{ font-size: 16px; line-height: 30px; padding-right: 10px; height: 210px; overflow: hidden; color: #fff; }
.indexP2 .conDiv .content::-webkit-scrollbar { width: 2px;}
.indexP2 .conDiv .content::-webkit-scrollbar-track { background-color: #fff;}
.indexP2 .conDiv .content::-webkit-scrollbar-thumb { background-color: #082c7e;}
.indexP2 .conDiv .btnDiv{ padding-top: 50px; }
.indexP2 .conDiv .btnDiv a{ display: block; width: 166px; height: 44px; line-height: 44px; color: #082c7e; font-size: 14px; text-align: center; border-radius: 36px; background: #fff; }
.indexP2 .conDiv .btnDiv a:hover{ background: #082c7e; color: #fff; }

.indexP3{ padding: 125px 0 120px; }
.indexP3 .title{ text-align: center; font-family: bold; font-size: 36px; line-height: 36px; color: #333; position: relative; padding-bottom: 36px; }
.indexP3 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -24px; bottom: 0; width: 48px; height: 2px; background: #082c7e;}
.indexP3 .mxfDiv{ padding-top: 85px; position:relative;}
.indexP3 .leftDiv{ width: 326px; padding-top:180px;}
.indexP3 .numList li{ padding-left: 118px; position: relative; height: 85px;}
.indexP3 .numList li .msg{ font-size: 16px; color: #333; line-height: 20px; }
.indexP3 .numList li .num{ position: absolute; left: 0; top: -5px; color: #082c7e; font-size: 24px; font-family: bold; align-items: top; -webkit-align-items: top;}
.indexP3 .numList li em{ display: inline-block; font-size: 36px; padding-right: 8px;}
.indexP3 .msgList{ padding-top: 25px; }
.indexP3 .msgList li{ position: relative; padding-left: 28px; font-size: 14px; line-height: 38px; }
.indexP3 .msgList li:first-child img{ margin-top: -10px; }
.indexP3 .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -12px; }


.indexP3 .mapDiv{ width: 1112px; height: 568px; position: relative; background-size: cover;}

.indexP3 .mapDiv li{ position: absolute; }
.indexP3 .mapDiv li .txt{ padding-top: 28px; position: relative; color: #333;}
.indexP3 .mapDiv li .txt p{ font-size: 12px; transform: scale(0.83333); transform-origin: 0 0; line-height: 20px;}
.indexP3 .mapDiv li .txt:before{ content: ''; position: absolute; left: 50%; top: 0; margin-left: -10px; width: 19px; height: 24px; background: url(../images/nimg19_2.png) no-repeat;  -webkit-animation:warn 3s ease-out both;-moz-animation:warn 3s ease-out both;-o-animation:warn 3s ease-out both;animation:warn 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.indexP3 .mapDiv .li01 .txt{ padding-top: 16px; }
.indexP3 .mapDiv .li01 .txt:before{ margin-left: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat;}
.indexP3 .mapDiv .li02 .txt{ padding-top: 16px; }
.indexP3 .mapDiv .li02 .txt:before{ left: auto; right: 0; top: 0; margin-left: 0; width: 56px; height: 47px; background: url(../images/nimg56_1.png) no-repeat;}

.indexP3 .mapDiv .America{ left: 195px; top: 172px;}
.indexP3 .mapDiv .Mexico{ left: 170px; top: 219px;}
.indexP3 .mapDiv .Venezula{ left: 280px; top: 287px;}
.indexP3 .mapDiv .Peru{ left: 270px; top: 375px;}
.indexP3 .mapDiv .Bolivia{ left: 290px; top: 389px;}
.indexP3 .mapDiv .Brazil{ left: 343px; top: 348px;}
.indexP3 .mapDiv .Argentina{ left: 293px; top: 439px;}
.indexP3 .mapDiv .Poland{ left: 518px; top: 105px;}
.indexP3 .mapDiv .Poland .txt{ padding: 15px 24px 0 0; }
.indexP3 .mapDiv .Poland .txt:before{ right: 0; left: auto; margin-left: 0; }
.indexP3 .mapDiv .Czech{ left: 515px; top: 127px;}
.indexP3 .mapDiv .Slovak{ left: 567px; top: 122px;}
.indexP3 .mapDiv .Slovak .txt{ padding: 15px 0 0 17px; }
.indexP3 .mapDiv .Slovak .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .Spain{ left: 494px; top: 174px;}
.indexP3 .mapDiv .Spain .txt{ padding: 15px 0 0 17px; }
.indexP3 .mapDiv .Spain .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .Morocco{ left: 458px; top: 202px;}
.indexP3 .mapDiv .Algeria{ left: 497px; top: 207px;}
.indexP3 .mapDiv .Turkey{ left: 597px; top: 173px; }
.indexP3 .mapDiv .Italy{ left: 544px; top: 169px; }
.indexP3 .mapDiv .Egypt{ left: 581px; top: 221px;}
.indexP3 .mapDiv .Saudi{ left: 589px; top: 235px;}
.indexP3 .mapDiv .Saudi .txt{ padding: 26px 7px 0 0; }
.indexP3 .mapDiv .Saudi .txt:before{ left: auto; right: 0; margin-left: 0; }
.indexP3 .mapDiv .Yemen{ left: 642px; top: 257px;}
.indexP3 .mapDiv .Sydan{ left: 569px; top: 273px;}
.indexP3 .mapDiv .Ethiopia{ left: 611px; top: 286px;}
.indexP3 .mapDiv .Nigeria{ left: 515px; top: 285px;}
.indexP3 .mapDiv .Senegal{ left: 450px; top: 297px;}
.indexP3 .mapDiv .Ghana{ left: 486px; top: 306px;}
.indexP3 .mapDiv .Congo{ left: 540px; top: 324px;}
.indexP3 .mapDiv .Angoia{ left: 538px; top: 358px;}
.indexP3 .mapDiv .Zambia{ left: 574px; top: 369px;}
.indexP3 .mapDiv .Kenya{ left: 627px; top: 339px;}
.indexP3 .mapDiv .Kenya .txt{ padding: 0 0 0 18px; }
.indexP3 .mapDiv .Kenya .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .Tanzania{ left: 615px; top: 365px;}
.indexP3 .mapDiv .Tanzania .txt{ padding: 0 0 0 18px; }
.indexP3 .mapDiv .Tanzania .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .Zimbabwe{ left: 572px; top: 396px;}
.indexP3 .mapDiv .Africa{ left: 554px; top: 437px;}
.indexP3 .mapDiv .Iraq{ left: 642px; top: 186px;}
.indexP3 .mapDiv .Oman{ left: 671px; top: 236px;}
.indexP3 .mapDiv .Kazakhstan{ left: 674px; top: 118px;}
.indexP3 .mapDiv .Uzbekistan{ left: 686px; top: 167px;}
.indexP3 .mapDiv .Pakistan{ right: 374px; top: 206px;}
.indexP3 .mapDiv .India{ right: 360px; top: 254px;}
.indexP3 .mapDiv .Srilanka{ right: 341px; top: 286px;}
.indexP3 .mapDiv .Bangladesh{ right: 306px; top: 212px;}
.indexP3 .mapDiv .Bangladesh .txt{ padding: 0 0 30px 0; }
.indexP3 .mapDiv .Bangladesh .txt:before{ top: auto; bottom: 0; }
.indexP3 .mapDiv .Myanmar{ right: 284px; top: 246px;}
.indexP3 .mapDiv .Myanmar .txt{ padding: 17px 17px 0 0; }
.indexP3 .mapDiv .Myanmar .txt:before{ left: auto; right: 0; margin-left: 0; }
.indexP3 .mapDiv .Thailand{ right: 267px; top: 252px;}
.indexP3 .mapDiv .Thailand .txt{ padding: 23px 13px 0 0; }
.indexP3 .mapDiv .Thailand .txt:before{ left: auto; right: 0; margin-left: 0; }
.indexP3 .mapDiv .Cambodia{ right: 250px; top: 275px;}
.indexP3 .mapDiv .Vietnam{ right: 223px; top: 259px;}
.indexP3 .mapDiv .Vietnam .txt{ padding: 23px 0 0 9px; }
.indexP3 .mapDiv .Vietnam .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .Phlilppines{ right: 163px; top: 265px;}
.indexP3 .mapDiv .Phlilppines .txt{ padding: 27px 0 0 10px; }
.indexP3 .mapDiv .Phlilppines .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .Malaysia{ right: 268px; top: 321px;}
.indexP3 .mapDiv .Malaysia .txt{ padding: 21px 23px 0 0; }
.indexP3 .mapDiv .Malaysia .txt:before{ left: auto; right: 0; margin-left: 0; }
.indexP3 .mapDiv .Indonesia{ right: 217px; top: 323px;}
.indexP3 .mapDiv .Korea{ right: 192px; top: 169px;}
.indexP3 .mapDiv .Japan{ right: 134px; top: 169px;}
.indexP3 .mapDiv .Japan .txt{ padding: 14px 0 0 22px; }
.indexP3 .mapDiv .Japan .txt:before{ left: 0; margin-left: 0; }
.indexP3 .mapDiv .China{ right: 222px; top: 201px;}
.indexP3 .mapDiv .China .txt{ padding: 27px 42px 0 0; }

.indexP3 .mapDiv .Canada{ left: 155px; top: 112px;}
.indexP3 .mapDiv .Australia{ right: 155px; top: 412px;}
.indexP3 .mapDiv .Columbia{ left: 246px; top: 306px;}
.indexP3 .mapDiv .France{ left: 484px; top: 130px;}
.indexP3 .mapDiv .Portugal{ left: 438px; top: 174px;}
.indexP3 .mapDiv .Portugal .txt{ padding: 15px 13px 0 0; }
.indexP3 .mapDiv .Portugal .txt:before{ left: auto; right: 0; margin-left: 0; }
.indexP3 .mapDiv .Germany{ left: 478px; top: 90px;}

.indexP3 .mapImg{ padding-top: 0.3rem; }
.indexP3 .mapImg img{ width: 100%; }

.indexP4{ position: relative; background: #f6f6f6; padding: 120px 0 160px;}
.indexP4 .toptop{ position: relative; height: 120px;}
.indexP4 .title{ position: relative; padding-bottom: 30px; font-family: bold; font-size: 30px; line-height: 30px; color: #333; }
.indexP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #082c7e; border-radius: 4px; }
.indexP4 .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.indexP4 .btnDiv a{ display: block; width: 165px; height: 44px; line-height: 44px; border-radius: 24px; background: #082c7e; color: #fff; font-size: 14px; text-align: center; }
.indexP4 .leftDiv{ width: 700px; position: relative; z-index: 2;}
.indexP4 .leftDiv .imgDiv{ height: 414px; overflow: hidden;}
.indexP4 .leftDiv .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.indexP4 .leftDiv .botDiv{ background: #fff; border: #e3e3e3 solid 1px; border-top: none; padding: 30px 40px 0; height: 186px; box-sizing: border-box; }
.indexP4 .leftDiv .name{ line-height: 30px; height: 60px; font-size: 18px; color: #333; font-weight: bold; overflow: hidden; }
.indexP4 .leftDiv .ss{ margin-top: 23px; position: relative;}
.indexP4 .leftDiv .time{ line-height: 28px; font-family: bold; font-size: 14px; color: #666; }
.indexP4 .leftDiv .type{ position: absolute; right: 0; top: 0; font-weight: bold; height: 28px; line-height: 28px; padding: 0 16px; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.indexP4 .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .leftDiv:hover .botDiv{ background: #082c7e; border: #082c7e solid 1px; border-top: none;}
.indexP4 .leftDiv:hover .name, .indexP4 .leftDiv:hover .time{ color: #fff; }

.indexP4 .rightList{ width: 680px; position: relative; z-index: 2; }
.indexP4 .rightList li{ border-bottom: #e5e7ec solid 1px; }
.indexP4 .rightList li:last-child{ border-bottom: none; }
.indexP4 .rightList li a{ display: block; padding-left: 200px; height: 194px; position: relative; box-sizing: border-box;}
.indexP4 .rightList li:nth-child(2) a{ height: 213px; padding-top: 18px; }
.indexP4 .rightList li:last-child a{ height: 192px; padding-top: 32px; }
.indexP4 .rightList li .imgDiv{ width: 165px; height: 153px; position: absolute; left: 0; top: 0; }
.indexP4 .rightList li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .rightList li:nth-child(2) .imgDiv{ top: 38px; }
.indexP4 .rightList li:last-child .imgDiv{ top: auto; bottom: 0 }
.indexP4 .rightList li .name{ line-height: 30px; height: 60px; font-size: 18px; color: #333; font-weight: bold; overflow: hidden;}
.indexP4 .rightList li .content{ font-size: 16px; line-height: 24px; color: #666; height: 48px; overflow: hidden; margin-top: 15px; }
.indexP4 .rightList li .ss{ margin-top: 18px; position: relative;}
.indexP4 .rightList li .time{ line-height: 28px; font-family: bold; font-size: 14px; color: #666; }
.indexP4 .rightList li .type{ position: absolute; font-family: bold; right: 0; top: 0; font-weight: bold; height: 28px; line-height: 28px; padding: 0 16px; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.indexP4 .rightList li:hover .name{ color: #082c7e; }


.indexP4 canvas { position: absolute; left: 0; bottom: -4rem; z-index: 1; width: 100%; }

.newsP1{ background: #f7f7f7; padding: 80px 0; }
.newsP1 .mxfDiv .imgDiv{ width: 600px; }
.newsP1 .mxfDiv .imgDiv img{ width: 100%; }
.newsP1 .mxfDiv .conDiv{ width: 790px; }
.newsP1 .mxfDiv .ss{ position: relative; }
.newsP1 .mxfDiv .time{ font-size: 14px; color: #999; font-family: bold; }
.newsP1 .mxfDiv .time em{ font-size: 36px; line-height: 36px; color: #767676; padding-right: 15px; position: relative; }
/*.newsP1 .mxfDiv .time em:after{ content: ''; position: absolute; right: 0; bottom: 9px; width: 6px; height: 12px; background: url(../images/line1.png) no-repeat; }*/
.newsP1 .mxfDiv .time span{ padding-left: 7px; }
.newsP1 .mxfDiv .type{ position: absolute; right: 0; bottom: 0; font-weight: bold; height: 28px; line-height: 28px; padding: 0 16px; font-family: bold; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.newsP1 .mxfDiv .name{ margin-top: 20px; line-height: 30px; height: 60px; overflow: hidden; font-family: bold; font-size: 24px; color: #353744; }
.newsP1 .mxfDiv .content{ font-size: 16px; line-height: 30px; color: #999; height: 90px; overflow: hidden; margin-top: 20px; }
.newsP1 .mxfDiv .ico{ margin-top: 35px; width: 43px; height: 29px; border-radius: 36px; border: #595350 solid 2px; background: url(../images/ico3.png) center no-repeat; }
.newsP1 .mxfDiv:hover .name{ color: #082c7e; }
.newsP1 .mxfDiv:hover .ico{ border: #20408a solid 2px; background: #20408a url(../images/ico3on.png) center no-repeat;}

.newsP2{ padding: 75px 0 150px; }
.newsP2 .list ul{ margin-right: -82px; }
.newsP2 .list li{ float: left; width: 33.33%; padding-bottom: 95px; }
.newsP2 .list li .box{ margin-right: 82px; }
.newsP2 .list li .imgDiv{ height: 244px; overflow: hidden; }
.newsP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsP2 .list li .botbot{ padding-top: 28px; }
.newsP2 .list li .ss{ position: relative; height: 28px;}
.newsP2 .list li .time{ font-size: 14px; color: #999; font-family: bold; line-height: 28px;}
.newsP2 .list li .time em{ font-size: 18px; line-height: 18px; color: #767676; padding-right: 15px; position: relative; }
/*.newsP2 .list li .time em:after{ content: ''; position: absolute; right: 0; bottom: 4px; width: 6px; height: 12px; background: url(../images/line1.png) no-repeat; }*/
.newsP2 .list li .time span{ padding-left: 7px; }
.newsP2 .list li .type{ position: absolute; right: 0; bottom: 0; font-weight: bold; height: 28px; line-height: 28px; padding: 0 16px; font-family: bold; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.newsP2 .list li .name{ margin-top: 10px; line-height: 26px; height: 78px; overflow: hidden; font-family: bold; font-size: 18px; color: #353744; }
.newsP2 .list li .ico{ margin-top: 30px; width: 43px; height: 29px; border-radius: 36px; border: #595350 solid 2px; background: url(../images/ico3.png) center no-repeat; }
.newsP2 .list li .box:hover .name{ color: #082c7e;}
.newsP2 .list li .box:hover .ico{ border: #20408a solid 2px; background: #20408a url(../images/ico3on.png) center no-repeat;}
.newsP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newsBox{ background: #f7f7f7; padding: 125px 0 145px; }
.newShow .name{ font-size: 24px; color: #353744; line-height: 36px; font-family: bold; }
.newShow .time{ overflow: hidden; padding: 25px 0; }
.newShow .time li{ float: left; margin-right: 20px; padding-left: 26px; position: relative; color: #ccc; font-family: bold; }
.newShow .time li img{ position: absolute; left: 0; top: 0;}
.newShow .content{ font-size: 16px; color: #999; line-height: 30px; padding-bottom: 25px; }

.pageDown{ border-top: #c7cedf solid 2px; padding-top: 25px; }
.pageDown li a{ display: block; height: 42px; line-height: 42px; overflow: hidden; font-size: 16px; color: #999; }
.pageDown li em{ color: #333; }
.pageDown li a:hover{ color: #082c7e; }

.newShow .share{ margin-top: 30px; position: relative; padding-left: 65px; overflow: hidden;}
.newShow .share em{ position: absolute; left: 0; top: 0; font-size: 16px; line-height: 24px; color: #333; }
.newShow .share li{ float: left; position: relative; margin-right: 12px; width: 24px; height: 24px; }
.newShow .share li img{ position: absolute; left: 0; top: 0; }
.newShow .share li .img1{ opacity: 0; }
.newShow .share li:hover img{ opacity: 0; }
.newShow .share li:hover .img1{ opacity: 1; }

.newShow .backBtn{ padding-top: 50px; }
.newShow .backBtn a{ width: 282px; height: 58px; line-height: 58px; font-size: 16px; color: #fff; background: #082c7e; border-radius: 48px;}
.newShow .backBtn img{ padding-left: 26px; }

.sideNews{ background: #fff; padding: 45px 50px; }
.sideNews .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; padding-bottom: 20px; position: relative;}
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #082c7e; }
.sideNews .list li{ border-bottom: #ededed solid 1px; }
.sideNews .list li:last-child{ border-bottom: none; }
.sideNews .list li a{ display: block; padding: 30px 0;}
.sideNews .list li .time{ font-family: bold; font-size: 14px; line-height: 14px; padding-bottom: 12px; color: #999; }
.sideNews .list li .name{ font-size: 18px; line-height: 28px; color: #666; padding-bottom: 24px;}
.sideNews .list li .ico{ width: 43px; height: 29px; border-radius: 36px; border: #595350 solid 2px; background: url(../images/ico3.png) center no-repeat;}
.sideNews .list li:hover .name{ color: #20408a; }
.sideNews .list li:hover .ico{ border: #20408a solid 2px; background: #20408a url(../images/ico3on.png) center no-repeat;}

.video .toptop{ height: 64px; position: relative; }
.video .title{ height: 64px; font-size: 30px; line-height: 30px; color: #333; position: relative; font-family: bold;}
.video .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 47px; height: 2px; background: #082c7e; }
.video .links{ position: absolute; right: 0; top: 0; border: #082c7e solid 1px; }
.video .links li{ float: left; width: 147px; text-align: center; font-size: 20px; }
.video .links li a{ display: block; height: 62px; line-height: 62px; color: #333; }
.video .links li .aNow{ background: #082c7e; color: #fff; }
.video .links li a:hover{ color: #082c7e; }

.video .list{ padding: 70px 0 35px; }
.video .list ul{ margin-right: -40px; }
.video .list li{ float: left; width: 33.33%; padding-bottom: 42px; }
.video .list li .box{ margin-right: 40px; position: relative; overflow: hidden; box-shadow: 0px 5px 20px 0px rgba(102, 102, 102, 0.1);}
.video .list li .hover{ position: relative; overflow: hidden; }
.video .list li .imgDiv{ height: 260px; position: relative;}
.video .list li .imgDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.video .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.video .list li .ico{ position: absolute; left: 50%; top: 50%; margin-left: -34px; margin-top: -34px; width: 68px; height: 68px; z-index: 1; }
.video .list li .botDiv{ padding-top: 22px; height: 92px; box-sizing: border-box;}
.video .list li .name{ padding: 0 35px; line-height: 24px; height: 48px; overflow: hidden; color: #333; font-size: 18px; }
.video .list li .video{ display:none;}
.video .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.video .list li .box:hover .name{ color: #20408a; }


.video-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.video-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

/*.videoLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}

.videoLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat; }
.videoLayer video{ width:100%;}*/

.photo .toptop{ height: 64px; position: relative; }
.photo .title{ height: 64px; font-size: 30px; line-height: 30px; color: #333; position: relative; font-family: bold;}
.photo .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 47px; height: 2px; background: #082c7e; }
.photo .links{ position: absolute; right: 0; top: 0; border: #082c7e solid 1px; }
.photo .links li{ float: left; width: 147px; text-align: center; font-size: 16px; }
.photo .links li a{ display: block; height: 62px; line-height: 62px; color: #333; }
.photo .links li .aNow{ background: #082c7e; color: #fff; }
.photo .links li a:hover{ color: #082c7e; }
.photo .list{ padding: 70px 0 15px; }
.photo .list ul{ margin-right: -62px; }
.photo .list li{ float: left; width: 33.33%; padding-bottom: 62px; }
.photo .list li .box{ margin-right: 62px; position: relative; overflow: hidden; box-shadow: 0px 5px 20px 0px rgba(102, 102, 102, 0.1);}
.photo .list li .imgDiv{ height: 250px; position: relative; overflow: hidden;}
.photo .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.photo .list li .botDiv{ padding: 15px 30px 0; height: 150px; box-sizing: border-box; }
.photo .list li .name{ height: 36px; line-height: 36px; font-size: 18px; color: #333; font-family: bold; overflow: hidden; }
.photo .list li .content{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; color: #666; margin-top: 5px; }
.photo .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.photo .list li .box:hover .name{ color: #20408a;}

.selectGroup{ margin-right: -34px; position: relative; z-index: 1; }
.selectGroup .liDiv{ float: left; width: 25%; }
.selectGroup .liDiv .lbox{ margin-right: 34px; }
.selectGroup .select{ border: #d2d2d2 solid 1px; position: relative;}
.selectGroup .caption{ box-sizing: border-box; padding-left: 30px; font-size: 14px; color: #898989; height: 48px; line-height: 48px; width: 100%; background: #eee; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.selectGroup .caption:after{ content: ''; position: absolute; right: 28px; top: 50%; width: 12px; height: 7px; margin-top: -4px; background: url(../images/selectIco.png) center no-repeat; }
.selectGroup .select .lie{ display:none; position: absolute; left: 0px; top: 50px; z-index: 10; width: 100%; background: #fff; max-height: 184px; overflow: auto; box-sizing: border-box;} 
.selectGroup .select .lie::-webkit-scrollbar { width: 2px;}
.selectGroup .select .lie::-webkit-scrollbar-track { background-color: #e5e5e5;}
.selectGroup .select .lie::-webkit-scrollbar-thumb { background-color: #082c7e;}
.selectGroup .select .lie a{ display:block; position: relative; line-height: 46px; height: 46px; padding: 0 30px; cursor: pointer; color: #333; font-size: 14px;}
.selectGroup .select .lie a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.selectGroup .select .lie a:last-child:after{ display: none; }
.selectGroup .select .lie a:hover{ color: #082c7e; }

.exhibition .list{ padding: 70px 0 15px; }
.exhibition .list ul{ margin-right: -48px; }
.exhibition .list li{ float: left; width: 33.33%; padding-bottom: 60px;}
.exhibition .list li .box{ margin-right: 48px; background: #fff;}
.exhibition .list li .imgDiv{ height: 256px; overflow: hidden; position:relative;}
.exhibition .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.exhibition .list li .tt{ position:absolute; right:10px; top:10px; z-index:1;}
.exhibition .list li .tt em{ display:inline-block; padding:0 10px; height:24px; line-height:24px; background:#20408a; color:#fff; font-size:12px; border-radius:36px;}
.exhibition .list li .tt span{ display:inline-block; padding:0 10px; height:24px; line-height:24px; background:#eee; font-size:12px; border-radius:36px;}
.exhibition .list li .midmid{ height: 204px; border-bottom: #dbdbdb solid 1px; padding: 30px 40px 0; box-sizing: border-box; }
.exhibition .list li .ss{ position: relative; }
.exhibition .list li .name{ font-size: 24px; color: #333; font-family: bold; height: 56px; line-height: 28px; overflow: hidden;}
.exhibition .list li .type{ margin-top:10px; font-weight: bold; height: 28px; line-height: 28px; display:inline-block; text-align: center; padding:0 10px; font-family: bold; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.exhibition .list li .content{ margin-top: 12px; font-size: 16px; color: #999; line-height: 30px; height: 90px; overflow:auto;}
.exhibition .list li .content::-webkit-scrollbar { width: 2px;}
.exhibition .list li .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.exhibition .list li .content::-webkit-scrollbar-thumb { background-color: #082c7e;}
.exhibition .list li .botbot{ padding: 15px 40px 0; height: 135px; box-sizing: border-box; }
.exhibition .list li .time{ line-height: 30px; height: 30px; overflow: hidden; font-size: 16px; font-family: bold; color: #333; }
.exhibition .list li .time em{ color: #999; }
.exhibition .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.exhibition .list li .box:hover .name{ color: #20408a;}

.aboutP1{ padding-top: 125px; height: 650px; box-sizing: border-box; background: url(../images/aboutBg.jpg) center no-repeat; background-size: cover; }
.aboutP1 .conDiv{ width: 650px; }
.aboutP1 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.aboutP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.aboutP1 .content{ line-height: 30px; font-size: 16px; padding-top: 35px; }
.aboutP1 .rightDiv{ width: 720px; }
.aboutP1 .videobox{ width: 100%; position: relative; overflow: hidden; }
.aboutP1 .videobox .imgDiv img{ width: 100%; }
.aboutP1 .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv,.aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left: -20px; margin-top: -20px; z-index:1;}

.aboutP2{ padding: 130px 0 90px; }
.aboutP2 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.aboutP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.aboutP2 .content{ line-height: 30px; font-size: 16px; padding: 30px 0 50px; }
.aboutPic{ position: relative; }
.aboutPic .list{ overflow: hidden; }
.aboutPic .list li{ padding-bottom: 20px;}
.aboutPic .list li .shadog{ background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); border-radius: 8px;}
.aboutPic .list li .imgDiv{ height: 280px; overflow: hidden; border-radius: 8px; }
.aboutPic .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutPic .list li .botDiv{ height: 218px; padding: 30px 22px 0; box-sizing: border-box; }
.aboutPic .list li .time{ font-size: 24px; line-height: 32px; color: #333; font-family: bold; }
.aboutPic .list li .msg{ font-size: 14px; line-height: 26px; color: #333; height: 130px; overflow: auto; }
.aboutPic .list li .msg::-webkit-scrollbar { width: 2px;}
.aboutPic .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.aboutPic .list li .msg::-webkit-scrollbar-thumb { background-color: #082c7e;}
.aboutPic .btn{ display: block; z-index: 2; position: absolute; width: 39px; height: 39px; top: 50%; margin-top: -60px;}
.aboutPic .prev{ left: 20px; background: url(../images/nimg39_left.png) no-repeat;}
.aboutPic .next{ right: 20px; background: url(../images/nimg39_right.png) no-repeat; }

.aboutP3{ padding: 120px 0; background: #fafafa; position: relative; }
.aboutP3 .imgDiv{ width: 694px; position: relative; z-index: 1;}
.aboutP3 .imgDiv img{ width: 100%; }
.aboutP3 .conDiv{ width: 612px; position: relative; z-index: 1; }
.aboutP3 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.aboutP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.aboutP3 .content{ line-height: 30px; font-size: 16px; padding-top: 45px; }

.aboutP4{ padding-top: 125px; height: 1020px; background: url(../images/aboutBg2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.aboutP4 .title{ font-size: 30px; line-height: 30px; color: #fff; font-family: bold; }
.aboutP4 .content{ font-size: 16px; color: #fff; line-height: 30px; padding: 45px 0 70px; }
.l7Pic{ position: relative; }
.l7Pic .list{ overflow: hidden; }
.l7Pic .list .mxfDiv{ background: #fff; padding: 40px 40px 0; height: 494px; }
.l7Pic .list .imgDiv{ height: 326px; }
.l7Pic .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.l7Pic .list .msg{ margin-top: 30px; color: #333; line-height: 30px; font-size: 18px; height: 90px; overflow: auto; }
.l7Pic .list li .msg::-webkit-scrollbar { width: 2px;}
.l7Pic .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.l7Pic .list li .msg::-webkit-scrollbar-thumb { background-color: #082c7e;}
.l7Pic .btn{ display: block; z-index: 2; position: absolute; width: 39px; height: 39px; top: 50%; margin-top: -20px;}
.l7Pic .prev{ left: 20px; background: url(../images/nimg39_left.png) no-repeat;}
.l7Pic .next{ right: 20px; background: url(../images/nimg39_right.png) no-repeat; }

.aboutP5{ position: relative; padding: 125px 0 140px; overflow: hidden;}
.aboutP5 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.aboutP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }

.historyPic{ margin-top: 65px; position: relative; z-index: 2; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 70px; width: 100%; height: 1px; background: #b4bfd8; }
.historyPic .mxfDiv{ padding: 0 80px 0 92px; position: relative; height: 522px; z-index: 1;}
.historyPic .mxfDiv:before{ content: ''; position: absolute; left: 8px; top: 0; width: 1px; height: 100%; background: #ccc; }
.historyPic .mxfDiv:after{ content: ''; position: absolute; left: 0; top: 61px; width: 17px; height: 17px; background: url(../images/ico5.png) no-repeat; }
.historyPic .year{ font-size: 36px; line-height: 70px; color: #333; font-family: bold; }
.historyPic .tabContent2{ padding-top: 50px; }
.historyPic .imgDiv{ height: 200px; overflow: hidden;}
.historyPic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.historyPic .time{ padding-top: 30px; height: 38px; line-height: 38px; font-size: 24px; color: #333; font-family: bold; }
.historyPic .msg{ font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px; }
.historyPic .tab2{ position: absolute; left: 92px; bottom: 32px; z-index: 2; }
.historyPic .tab2 li{ float: left; cursor: pointer; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; border: #202020 solid 1px; }
.historyPic .tab2 .liNow{ background: #082c7e; }
.historyPic .swiper-slide-active .mxfDiv:before{ background: #082c7e; }
.historyPic .swiper-slide-active .mxfDiv:after{ background: url(../images/ico5on.png) no-repeat; }
.historyPic .swiper-slide-active .year{ font-size: 48px; color: #082c7e; }
.historyPic .btn{ display: block; z-index: 2; position: absolute; width: 43px; height: 29px; top: 55px; }
.historyPic .prev{ left: -50px; background: url(../images/nimg43_left.png) no-repeat;}
.historyPic .next{ right: -50px; background: url(../images/nimg43_right.png) no-repeat; }


.aboutP5 canvas { position: absolute; left: 0; bottom: -2rem; z-index: 1; width: 100%; }

.aboutP6{ padding-top: 135px; height: 754px; background: url(../images/aboutBg3.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.aboutP6 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.aboutP6 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.aboutP6 .form{ padding-top: 50px; width: 890px; }
.aboutP6 .form ul{ margin-right: -17px; }
.aboutP6 .form li{ float: left; width: 33.33%; padding-bottom: 22px; }
.aboutP6 .form .li02{ width: 100%; }
.aboutP6 .form li .box{ margin-right: 17px; position: relative; border: #e5e5e5 solid 1px; background: #fff; height: 43px; padding-left: 110px;}
.aboutP6 .form .li01 .box{ padding-left: 170px; }
.aboutP6 .form .li02 .box{ padding-left: 120px; height: 138px; }
.aboutP6 .form li .txt{ position: absolute; left: 18px; top: 0; line-height: 43px; font-family: bold; font-size: 16px; color: #333; }
.aboutP6 .form li .txt em{ color: #ef0000; }
.aboutP6 .form li .input1{ width: 100%; height: 43px; line-height: 43px; font-size: 14px; }
.aboutP6 .form li textarea{ height: 138px; box-sizing: border-box; width: 100%; padding: 10px; font-size: 14px; line-height: 26px; }
.aboutP6 .btnDiv{ padding-top: 25px; }
.aboutP6 .btnDiv a{ display: block; width: 180px; height: 52px; line-height: 52px; background: #082c7e; border-radius: 36px; color: #fff; text-align: center; font-size: 16px; }

.joinP1{ background: #fafafa; overflow: hidden; border-bottom: #dcdcdd solid 1px;}
.joinP1 .mxfDiv{ height: 516px;}
.joinP1 .leftDiv{ width: 800px; }
.joinP1 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.joinP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.joinP1 .content{ font-size: 16px; line-height: 30px; padding-top: 55px; }
.joinP1 .rightDiv{ width: 384px; border-left: #dbdcdd solid 1px; height: 100%;}
.joinP1 .rightDiv li{ height: 258px; position: relative; padding-left: 100px; }
.joinP1 .rightDiv li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 300%; height: 1px; background: #dcdcdd; }
.joinP1 .rightDiv li:last-child:after{ display: none; }
.joinP1 .rightDiv li .num{ font-size: 60px; line-height: 60px; color: #082c7e; }
.joinP1 .rightDiv li p{ font-size: 18px; line-height: 18px; font-family: bold; padding: 15px 0 0 10px; }

.joinP2{ padding: 120px 0 135px; background: #fafafa;}
.joinP2 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.joinP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.joinP2 .list{ margin-top: 70px; border: #cfcfd0 solid 1px;}
.joinP2 .list li{ float: left; width: 33.33%; }
.joinP2 .list li .box{ cursor: pointer; height: 590px; border-right: #cfcfd0 solid 1px; padding: 100px 85px 0; box-sizing: border-box;}
.joinP2 .list li:last-child .box{ border-right: none; }
.joinP2 .list li .ico{ width: 102px; height: 102px; background: #f3f3f3; border-radius: 50%; position: relative; }
.joinP2 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; }
.joinP2 .list li .name{ padding-top: 50px; line-height: 42px; font-size: 36px; color: #333; font-family: bold; }
.joinP2 .list li .msg{ margin-top: 40px; font-size: 18px; line-height: 26px; color: #999; }
.joinP2 .list li .box:hover{ background: #082c7e; }
.joinP2 .list li .box:hover .name, .joinP2 .list li .box:hover .msg{ color: #fff; }

.joinP3{ background: #fafafa;}
.joinP3 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333; margin-bottom: 65px;}
.joinP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }

.joinPic{ position: relative; overflow:hidden; }
.joinPic .imgDiv{ overflow:hidden;}
.joinPic .imgDiv img{ width: 100%; }
.joinPic .name{ position: absolute; z-index: 1; left: 0; bottom: 15px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; width: 100%; box-sizing: border-box; padding: 0 30px; color: #fff; font-size: 18px; }
.joinPic .btn{ display: block; z-index: 2; position: absolute; width: 39px; height: 39px; top: 50%; margin-top: -20px;}
.joinPic .prev{ left: 50%; margin-left: -720px; background: url(../images/nimg39_left.png) no-repeat;}
.joinPic .next{ right: 50%; margin-right: -720px; background: url(../images/nimg39_right.png) no-repeat; }
.joinPic li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.joinP4{ padding-top: 100px; background: #fafafa; }
.joinP4 .toptop{ height: 140px; position: relative;}
.joinP4 .title{ font-size: 30px; line-height: 30px; padding: 15px 0 40px; position: relative; font-family: bold; color: #333;}
.joinP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.joinP4 .btn{ position: absolute; right: 0; top: 0; z-index: 1; }
.joinP4 .btn li{ margin-left: 85px; float: left; text-align: center; cursor:pointer; }
.joinP4 .btn li:first-child{ margin-left: 0; }
.joinP4 .btn li .ico{ height: 65px; }
.joinP4 .btn li .txt{ font-size: 18px; line-height: 18px; color: #000; }
.joinP4 .btn li.on .txt{ color: #153785; }
.joinP4 .list{ overflow: hidden; }
.joinP4 .list li .imgDiv{ height: 265px; overflow: hidden; }
.joinP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.joinP4 .list li .botDiv{ background: #fff; padding: 45px 50px 0; height: 220px; box-sizing: border-box; }
.joinP4 .list li .name{ color: #353744; font-family: bold; height: 40px; line-height: 40px; overflow: hidden; font-size: 24px;}
.joinP4 .list li .msg{ font-size: 16px; line-height: 30px; color: #999; height: 90px; overflow: hidden; }
.joinP4 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.joinP4 .list li:hover .name{ color: #24448d; }
.joinP4 .list .swiper-pagination{ z-index: 1; position: relative; text-align: center; bottom: 0!important; padding-top: 60px;} 
.joinP4 .list .swiper-pagination-bullet { position: relative; width: 8px; height: 8px; opacity: 1; border-radius: 50%; background: none; border: #d3d3d3 solid 1px; margin-left: 5px!important; margin-right: 5px!important; } 
.joinP4 .list .swiper-pagination-bullet-active { border: #24448d solid 1px; background: #fff;}

.joinP5{ padding: 60px 0 100px; position: relative; background: #fafafa; }
.joinP5 .toptop{ position: relative; z-index: 2; }
.joinP5 .title{ font-size: 30px; line-height: 30px; padding-bottom: 40px; position: relative; font-family: bold; color: #333;}
.joinP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }

.joinP5 .made{ position: absolute; right: 0; top: 0; padding-left:140px;}
.joinP5 .made em{ position:absolute; left:0; top:0; font-size:15px; line-height:48px;}
.joinP5 .select{ border: #d2d2d2 solid 1px;}
.joinP5 .caption{ box-sizing: border-box; padding-left: 30px; font-size: 14px; color: #898989; height: 48px; line-height: 48px; width: 334px; background: #eee; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.joinP5 .caption:after{ content: ''; position: absolute; right: 28px; top: 50%; width: 12px; height: 7px; margin-top: -4px; background: url(../images/selectIco.png) center no-repeat; }
.joinP5 .select .lie{ display:none; position: absolute; left: 0px; top: 50px; z-index: 10; width: 100%; background: #fff; max-height: 184px; overflow: auto; box-sizing: border-box;} 
.joinP5 .select .lie::-webkit-scrollbar { width: 2px;}
.joinP5 .select .lie::-webkit-scrollbar-track { background-color: #e5e5e5;}
.joinP5 .select .lie::-webkit-scrollbar-thumb { background-color: #082c7e;}
.joinP5 .select .lie a{ display:block; position: relative; line-height: 46px; height: 46px; padding: 0 30px; cursor: pointer; color: #333; font-size: 14px;}
.joinP5 .select .lie a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.joinP5 .select .lie a:last-child:after{ display: none; }
.joinP5 .select .lie a:hover{ color: #082c7e; }

.joinP5 .list{ padding-top: 75px; }
.joinP5 .list ul{ margin-right: -42px; }
.joinP5 .list li{ float: left; width: 33.33%; padding-bottom: 50px;}
.joinP5 .list li .box{ cursor: pointer; margin-right: 42px; background: #fff; position: relative; padding: 32px 30px 0; height: 188px; box-sizing: border-box; overflow: hidden; border-radius: 8px; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.06); }
.joinP5 .list li .name{ font-size: 18px; line-height: 26px; font-family: bold; color: #333; padding-left: 35px; background: url(../images/nimg20_1.png) left top no-repeat; }
.joinP5 .list li .l7{ margin-top: 15px; height: 80px; overflow: hidden; padding-left: 35px; }
.joinP5 .list li .msg{ color: #333; line-height: 20px; font-size: 14px; }
.joinP5 .list li .hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #082c7e; opacity: 0; z-index: -1; }
.joinP5 .list li .box:hover .hover{ z-index: 1; opacity: 1; }

.businessP1{ padding: 125px 0; background: #fafafa; }
.businessP1 .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; position: relative; padding-bottom: 40px; margin-bottom: 35px;}
.businessP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.businessP1 .content{ width: 786px; }
.businessP1 .subcon{ font-size: 16px; line-height: 30px; height:270px; overflow:auto;}
.businessP1 .subcon::-webkit-scrollbar { width: 3px;}
.businessP1 .subcon::-webkit-scrollbar-track { background-color: #e5e5e5;}
.businessP1 .subcon::-webkit-scrollbar-thumb { background-color: #082c7e;} 
.businessP1 .msg{ font-size: 16px; line-height: 30px; }
.businessP1 .rightDiv{ width: 570px; padding-top:12px;}
.businessP1 .videobox{ width: 100%; position: relative; overflow: hidden; }
.businessP1 .videobox .imgDiv img{ width: 100%; }
.businessP1 .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.businessP1 .videobox.cur{ background:#000;}
.businessP1 .videobox.cur .imgDiv,.businessP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.businessP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.businessP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left: -34px; margin-top: -34px; z-index:1;}

.businessP1 .btnDiv{ padding-top:65px;}
.businessP1 .btnDiv a{ display: block; position: relative; width: 165px; height: 44px; line-height: 44px; background: #082c7e; border-radius: 24px; text-indent: 60px; color: #fff; font-size: 14px; }
.businessP1 .btnDiv a:before{ content: ''; position: absolute; left: 33px; top: 50%; margin-top: -7px; width: 19px; height: 13px; background: url(../images/nimg19_11.png) no-repeat; }


.businessP2{ background: #fafafa;}
.businessP2 .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; position: relative; padding-bottom: 40px; }
.businessP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.businessP2 .mxfDiv{ padding-bottom: 100px; }
.businessP2 .imgDiv{ padding: 55px 0 30px; }
.businessP2 .imgDiv img{ width: 100%; }
.businessP2 .content{ font-size: 16px; line-height: 30px; padding-top:35px; }
.businessP2 video{ width:100%;}

.businessP3{ padding: 20px 0 110px; background: #fafafa; }
.businessP3 .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; position: relative; padding-bottom: 40px; }
.businessP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.brandPic{ position: relative; margin-top: 56px; }
.brandPic .list{ overflow: hidden; }
.brandPic .list .mxfDiv{ background: #fff; border-radius: 8px; overflow: hidden; }
.brandPic .list .imgDiv{ height: 280px; overflow: hidden; border-radius: 8px; }
.brandPic .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.brandPic .list .botDiv{ padding: 45px 60px 0; box-sizing: border-box; height: 218px; }
.brandPic .list .name{ height: 36px; line-height: 36px; font-size: 24px; color: #333; font-family: bold; overflow: hidden; }
.brandPic .list .msg{ font-size: 16px; color: #333; height: 40px; line-height: 40px; overflow: hidden; }
.brandPic .list .ico{ margin-top: 15px; width: 47px; height: 33px; background: #20418b url(../images/ico3on.png) center no-repeat; border-radius: 24px; }
.brandPic .list .content, .brandPic .list .imgGroup{ display: none; }
.brandPic .btn{ display: block; z-index: 2; position: absolute; width: 39px; height: 39px; top: 50%; margin-top: -20px;}
.brandPic .prev{ left: 20px; background: url(../images/nimg39_left.png) no-repeat;}
.brandPic .next{ right: 20px; background: url(../images/nimg39_right.png) no-repeat; }
.brandPic .list .mxfDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.brandPic .list .mxfDiv:hover .name{ color: #082c7e; }

.pic-modal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}
.pic-modal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.pic-modal-box .l7-box{ position: relative; width: 1560px; margin: 0 auto; box-sizing: border-box;  display: flex; display: -webkit-flex;  justify-content: space-between;
 -webkit-justify-content: space-between;}
.pic-modal-box .contentBox{ width: 1560px; background: #fff; box-sizing: border-box; padding: 80px 120px;/* height: 820px;*/ border-radius: 8px; }
.pic-modal-box .scrollDiv{ padding-right: 30px; height: 555px; overflow: auto; }
.pic-modal-box .scrollDiv::-webkit-scrollbar { width: 3px;}
.pic-modal-box .scrollDiv::-webkit-scrollbar-track { background-color: #e5e5e5;}
.pic-modal-box .scrollDiv::-webkit-scrollbar-thumb { background-color: #082c7e;} 
.pic-modal-box .name{ font-size: 24px; line-height: 36px; color: #333; font-family: bold; padding-bottom: 10px; }
.pic-modal-box .content{ font-size: 16px; line-height: 30px; padding-bottom: 50px; }
.pic-modal-box .pic-box img{ width: 100%; }
.pic-modal-box .btnDiv{ padding-top: 60px; }
.pic-modal-box .btnDiv a{ display: block; position: relative; width: 163px; height: 42px; line-height: 42px; border: #a0a0a0 solid 1px; background: #082c7e; border-radius: 24px; text-indent: 60px; color: #fff; font-size: 14px; }
.pic-modal-box .btnDiv a:before{ content: ''; position: absolute; left: 33px; top: 50%; margin-top: -7px; width: 19px; height: 13px; background: url(../images/nimg19_11.png) no-repeat; }
.pic-modal-box .close{ position: absolute; right: 30px; top: 25px; }
.pic-modal-box .close a{ display: block; width: 58px; height: 58px; border-radius: 50%; background: #082c7e url(../images/close.png) center no-repeat; background-size: 20px; }

.ymPic{ overflow: hidden; border-radius: 8px; }
.ymPic img{ width: 100%; }
.ymPic .swiper-pagination{ position: absolute; text-align: left; width: auto!important; left: auto!important; right: 60px; bottom: 50px!important; } 
.ymPic .swiper-pagination-bullet { position: relative; width: 13px; height: 13px; opacity: 1; border: #d1d1d1 solid 1px; border-radius: 50%; background: #fff; margin-left: 20px!important; margin-right: 0!important; } 
.ymPic .swiper-pagination-bullet-active { border: #193a84 solid 1px;}


.subbrandPic{ position: relative; margin-top: 56px; }
.subbrandPic .list{ overflow: hidden; }
.subbrandPic .list .mxfDiv{ background: #fff; border-radius: 8px; overflow: hidden; }
.subbrandPic .list .mxfDiv a{ display: block; position: relative; padding: 45px 60px 0; box-sizing: border-box; height: 290px; }
.subbrandPic .list .logo{ height: 80px; width: 260px; }
.subbrandPic .list .logo img{ max-height: 80px; max-width: 260px; }
.subbrandPic .list .name{ margin-top: 15px; height: 64px; line-height: 32px; font-size: 20px; color: #333; font-family: bold; overflow: hidden; }
.subbrandPic .list .content{ padding-top: 10px; font-size: 16px; color: #333; height: 60px; line-height: 30px; overflow: hidden; }
.subbrandPic .list .hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgba(8,44,126,0.9); z-index: -1; box-sizing: border-box; padding: 15px 60px 0;}
.subbrandPic .list .hover .name, .subbrandPic .list .hover .content{ color: #fff; }
.subbrandPic .list .btnDiv{ margin-top: 40px; width: 210px; height: 50px; line-height: 50px; border-radius: 48px; color: #fff; font-size: 16px; border: #fff solid 2px; position: relative; text-indent: 42px; }
.subbrandPic .list .btnDiv:after{ content: ''; position: absolute; right: 40px; width: 10px; height: 19px; top: 50%; margin-top: -10px; background: url(../images/ico4.png) no-repeat; }
.subbrandPic .btn{ display: block; z-index: 2; position: absolute; width: 39px; height: 39px; top: 50%; margin-top: -20px;}
.subbrandPic .prev{ left: 20px; background: url(../images/nimg39_left.png) no-repeat;}
.subbrandPic .next{ right: 20px; background: url(../images/nimg39_right.png) no-repeat; }
.subbrandPic .list .mxfDiv a:hover .hover{ opacity: 1; z-index: 1; }

.businessP4{ padding-bottom: 160px; background: #fafafa; }
.pageDown{ border-top: #cad1e1 solid 2px; padding-top: 105px; text-align: center;}
.pageDown li{ display: inline-block; margin: 0 20px;}
.pageDown li a{ display: block; text-align: left; position: relative; width: 282px; height: 58px; line-height: 58px; background: #eaeaea; border-radius: 36px; color: #666; font-size: 16px; }
.pageDown li a:hover{ background: #082c7e; color: #fff; }
.pageDown li .prev{ text-indent: 162px; }
.pageDown li .prev:before{ content: ''; position: absolute; left: 94px; top: 50%; margin-top: -8px; width: 8px; height: 15px; background: url(../images/nimg8_left.png) no-repeat; }
.pageDown li .prev:hover:before{ background: url(../images/nimg8_left2.png) no-repeat;}
.pageDown li .back{ text-indent: 103px; }
.pageDown li .back:before{ content: ''; position: absolute; right: 90px; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: url(../images/nimg14_2.png) no-repeat; }
.pageDown li .back:hover:before{ background: url(../images/nimg14_1.png) no-repeat;}
.pageDown li .next{ text-indent: 90px; }
.pageDown li .next:before{ content: ''; position: absolute; right: 94px; top: 50%; margin-top: -8px; width: 8px; height: 15px; background: url(../images/nimg8_right.png) no-repeat; }
.pageDown li .next:hover:before{ background: url(../images/nimg8_right2.png) no-repeat; }

.pageUp{ border-top: #cad1e1 solid 2px; padding-top:30px;}
.pageUp li{ font-size:16px;}
.pageUp li a{ display:block; height:46px; line-height:46px; overflow:hidden; color:#999;}
.pageUp li em{ color:#333;}
.pageUp li a:hover{ color:#082c7e;}

.pubP1{ background: #f7f7f7; padding: 100px 0 55px; }
.pubP1 .toptop{ position: relative; height: 140px; }
.pubP1 .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; padding-bottom: 40px; position: relative;}
.pubP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }

.secondTab{ position: absolute; right: 0; top: 0; border: #082c7e solid 1px; z-index: 1; }
.secondTab li{ float: left; font-size: 16px; }
.secondTab li a{ display: block; padding: 0 60px; height: 62px; line-height: 62px; color: #333; border-right: #082c7e solid 1px; }
.secondTab li:last-child a{ border-right: none; }
.secondTab li .aNow{ background: #082c7e; color: #fff!important; }
.secondTab li a:hover{ color: #082c7e; }

.pubP1 .mxfDiv .imgDiv{ width: 600px; }
.pubP1 .mxfDiv .imgDiv img{ width: 100%; }
.pubP1 .mxfDiv .conDiv{ width: 790px; }
.pubP1 .mxfDiv .ss{ position: relative; }
.pubP1 .mxfDiv .time{ font-size: 14px; color: #999; font-family: bold; }
.pubP1 .mxfDiv .time em{ font-size: 36px; line-height: 36px; color: #767676; padding-right: 15px; position: relative; }
.pubP1 .mxfDiv .time em:after{ content: ''; position: absolute; right: 0; bottom: 9px; width: 6px; height: 12px; background: url(../images/line1.png) no-repeat; }
.pubP1 .mxfDiv .time span{ padding-left: 7px; }
.pubP1 .mxfDiv .type{ position: absolute; right: 0; bottom: 0; font-weight: bold; height: 28px; line-height: 28px; padding: 0 16px; font-family: bold; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.pubP1 .mxfDiv .name{ margin-top: 20px; line-height: 30px; height: 60px; overflow: hidden; font-family: bold; font-size: 24px; color: #353744; }
.pubP1 .mxfDiv .content{ font-size: 16px; line-height: 30px; color: #999; height: 90px; overflow: hidden; margin-top: 20px; }
.pubP1 .mxfDiv .ico{ margin-top: 35px; width: 43px; height: 29px; border-radius: 36px; border: #595350 solid 2px; background: url(../images/ico3.png) center no-repeat; }
.pubP1 .mxfDiv:hover .name{ color: #082c7e; }
.pubP1 .mxfDiv:hover .ico{ border: #20408a solid 2px; background: #20408a url(../images/ico3on.png) center no-repeat;}

.pubP1 .list{ padding-top: 80px; }
.pubP1 .list ul{ margin-right: -82px; }
.pubP1 .list li{ float: left; width: 33.33%; padding-bottom: 65px; }
.pubP1 .list li .box{ margin-right: 82px; }
.pubP1 .list li .imgDiv{ height: 244px; overflow: hidden; }
.pubP1 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.pubP1 .list li .botbot{ padding-top: 28px; }
.pubP1 .list li .ss{ position: relative; height: 28px;}
.pubP1 .list li .time{ font-size: 14px; color: #999; font-family: bold; line-height: 28px;}
.pubP1 .list li .time em{ font-size: 18px; line-height: 18px; color: #767676; padding-right: 15px; position: relative; }
.pubP1 .list li .time em:after{ content: ''; position: absolute; right: 0; bottom: 4px; width: 6px; height: 12px; background: url(../images/line1.png) no-repeat; }
.pubP1 .list li .time span{ padding-left: 7px; }
.pubP1 .list li .type{ position: absolute; right: 0; bottom: 0; font-weight: bold; height: 28px; line-height: 28px; padding: 0 16px; font-family: bold; border-radius: 24px; font-size: 14px; color: #20408a; background: #e9e9e9;}
.pubP1 .list li .name{ margin-top: 10px; line-height: 26px; height: 78px; overflow: hidden; font-family: bold; font-size: 18px; color: #353744; }
.pubP1 .list li .ico{ margin-top: 30px; width: 43px; height: 29px; border-radius: 36px; border: #595350 solid 2px; background: url(../images/ico3.png) center no-repeat; }
.pubP1 .list li .box:hover .name{ color: #082c7e;}
.pubP1 .list li .box:hover .ico{ border: #20408a solid 2px; background: #20408a url(../images/ico3on.png) center no-repeat;}
.pubP1 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.pubP2{ padding: 100px 0 135px; background: #f7f7f7; }
.pubP2 .toptop{ position: relative; height: 140px; }
.pubP2 .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; padding-bottom: 40px; position: relative;}
.pubP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.pubP2 .list ul{ margin-right: -32px; }
.pubP2 .list li{ float: left; width: 25%; padding-bottom: 35px; }
.pubP2 .list li .box{ margin-right: 32px; padding-top: 50px; height: 500px; box-sizing: border-box; background: #fff; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.07);}
.pubP2 .list li .imgDiv{ overflow: hidden; height: 346px; }
.pubP2 .list li .imgDiv img{ max-width: 250px; max-height: 346px; }
.pubP2 .list li .name{ padding: 30px 30px 0; line-height: 30px; height: 60px; overflow: hidden; text-align: center; font-size: 18px; color: #333; }
.pubP2 .list li .box:hover .name{ color: #082c7e; }

.pubP3{ padding: 100px 0 140px; background: #f7f7f7; }
.pubP3 .toptop{ position: relative; height: 140px; }
.pubP3 .title{ font-size: 30px; line-height: 30px; color: #333; font-family: bold; padding-bottom: 40px; position: relative;}
.pubP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.pubP3 .list{ padding: 0 0 40px; }
.pubP3 .list ul{ margin-right: -80px; }
.pubP3 .list li{ float: left; width: 50%; padding-bottom: 80px; }
.pubP3 .list li .box{ margin-right: 80px; height: 370px; padding: 0 40px 0 354px; background: #fff; position: relative; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.07); }
.pubP3 .list li .book{ position: absolute; left: 0; top: 50%; margin-top: -130px; padding-left: 80px;}
.pubP3 .list li .book:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 80px; height: 95px; background: url(../images/bg3.jpg) no-repeat; }
.pubP3 .list li .book img{ width: 182px; }
.pubP3 .list li .name{ padding-top: 125px; height: 60px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden;}
.pubP3 .list li .btnDiv{ margin-top: 25px; width: 180px; height: 52px; line-height: 52px; background: #082c7e; border-radius: 36px; color: #fff; text-align: center; font-size: 16px; }

.sub-modal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}
.sub-modal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.sub-modal-box .ha-box{ position: relative; width: 1560px; margin: 0 auto; box-sizing: border-box;  display: flex; display: -webkit-flex;  justify-content: space-between;
 -webkit-justify-content: space-between;}
.sub-modal-box .contentBox{ width: 1560px; background: #fff; box-sizing: border-box; padding: 80px 120px;/* height: 800px;*/ border-radius: 8px; }
.sub-modal-box .scrollDiv{ padding-right: 30px; height: 625px; overflow: auto; }
.sub-modal-box .scrollDiv::-webkit-scrollbar { width: 3px;}
.sub-modal-box .scrollDiv::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sub-modal-box .scrollDiv::-webkit-scrollbar-thumb { background-color: #082c7e;} 
.sub-modal-box .name{ font-size: 30px; line-height: 36px; color: #333; font-family: bold; padding-bottom: 10px; }
.sub-modal-box .content{ font-size: 16px; line-height: 30px; padding-bottom: 50px; }
.sub-modal-box .list li{ padding-right: 655px; position: relative; height: 370px; padding-bottom: 60px; }
.sub-modal-box .list li:last-child{ padding-bottom: 0; }
.sub-modal-box .list li .name{ position: relative; padding-bottom: 30px; line-height: 36px; font-size: 24px; color: #333; font-family: bold; }
.sub-modal-box .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; background: #082c7e; }
.sub-modal-box .list li .msg{ margin-top: 30px; font-size: 16px; line-height: 24px; height: 192px; overflow: auto; }
.sub-modal-box .list li .msg::-webkit-scrollbar { width: 3px;}
.sub-modal-box .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sub-modal-box .list li .msg::-webkit-scrollbar-thumb { background-color: #082c7e;} 
.sub-modal-box .list li .btnDiv{ padding-top: 30px; }
.sub-modal-box .list li .btnDiv a{ display: block; position: relative; width: 165px; height: 44px; line-height: 44px; background: #082c7e; border-radius: 24px; text-indent: 60px; color: #fff; font-size: 14px; }
.sub-modal-box .list li .btnDiv a:before{ content: ''; position: absolute; left: 33px; top: 50%; margin-top: -7px; width: 19px; height: 13px; background: url(../images/nimg19_11.png) no-repeat; }

.sub-modal-box .list li .videobox{ width: 570px; height: 370px; position: absolute; right: 0; top: 0; overflow: hidden; }
.sub-modal-box .list li .videobox .imgDiv{ width:100%; height:100%;}
.sub-modal-box .list li .videobox .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.sub-modal-box .list li .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.sub-modal-box .list li .videobox.cur{ background:#000;}
.sub-modal-box .list li .videobox.cur .imgDiv,.sub-modal-box .list li .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.sub-modal-box .list li .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.sub-modal-box .list li .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left: -34px; margin-top: -34px; z-index:1;}
.sub-modal-box .close{ position: absolute; right: 30px; top: 25px; }
.sub-modal-box .close a{ display: block; width: 58px; height: 58px; border-radius: 50%; background: #082c7e url(../images/close.png) center no-repeat; background-size: 20px; }

/*2024.9.14*/
.otherBanner{ position:relative; z-index: 2;}
.otherBanner, .otherBanner img{ width:100%;}
.otherBanner:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 120px; background: url(../images/bg2.png) bottom repeat-x; }

.sloganDiv{ position: relative; z-index: 2; height: 58px; background:#082c7e; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}

.tradeShowBox{ padding-top:120px; overflow:hidden; position:relative;}

.ultra-gradient-wrapper { width: 100%; height: 100%; background-color: #fff; justify-content: center; align-items: flex-start; font-size: 1vw; position: fixed; top: 0%; bottom: 0%; left: 0%;  right: 0%; overflow: hidden;}
.main-shapes-wrapper { filter: blur(120px);}
.blending-group-wrapper { z-index: 1; filter: blur(120px); mix-blend-mode: overlay;}
.main-shapes-wrapper div, .blending-group-wrapper div { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.shape-9 { width: 20em; height: 119em; background-color: #e5e5e5; border-radius: 999em; position: absolute; top: 80%; right: 1.2em; transform: rotate(39deg);}
.shape-8 { width: 37em; height: 119em; background-color: #9fc68e; border-radius: 999em; margin-left: auto; margin-right: auto; position: absolute; top: 70%; left: 26.7em; right: 0; transform: rotate(29deg);}
.shape-7 { width: 10em; height: 13em; background-color: #b5a3d6; border-radius: 999em; margin-left: auto; margin-right: auto; position: absolute; top: 60%; left: 0; right: -23.9em; transform: rotate(40deg);}
.shape-6 { width: 56em; height: 60em; background-color: #a0bce0; border-radius: 999em; margin-left: auto; position: absolute; top: 50%; right: -25em; transform: rotate(60deg);}
.shape-5 { width: 20em; height: 30em; background-color: #e7805b; border-radius: 999em; margin-left: auto; margin-right: auto; position: absolute; top: 40%; left: 0; right: 0;}
.shape-4 { width: 55em; height: 40em; background-color: #f6c779; border-radius: 999em; margin-left: auto; position: absolute; top: 30%; left: 0; transform: rotate(40deg);}
.shape-3 { width: 43em; height: 100em; background-color: #7493dc; border-radius: 999em; position: absolute; top: 60%; left:-26em; right: 0; transform: rotate(-28deg);}
.shape-2 { width: 33em; height: 40em; background-color: #b5a3d6; border-radius: 999em; margin-left: auto; position: absolute; top: 10%; left:-27.4em; right: 0;}
.shape-1 { width: 30em; height: 40em; background-color: #a0bce0; border-radius: 999em; margin-left: auto; margin-right:auto; position: absolute; top: 0; left:0; right: 0;}

/*.shape-9 { width: 20em; height: 119em; background-color: #e5e5e5; border-radius: 999em; position: absolute; top: -5.3em; right: 1.2em; transform: rotate(39deg);}
.shape-8 { width: 37em; height: 119em; background-color: #9fc68e; border-radius: 999em; margin-left: auto; margin-right: auto; position: absolute; top: -17.1em; left: 26.7em; right: 0; transform: rotate(29deg);}
.shape-7 { width: 10em; height: 13em; background-color: #b5a3d6; border-radius: 999em; margin-left: auto; margin-right: auto; position: absolute; top: -4.1em; left: 0; right: -23.9em; transform: rotate(40deg);}
.shape-6 { width: 56em; height: 60em; background-color: #a0bce0; border-radius: 999em; margin-left: auto; position: absolute; top: -14.2em; right: -25em; transform: rotate(60deg);}
.shape-5 { width: 20em; height: 30em; background-color: #e7805b; border-radius: 999em; margin-left: auto; margin-right: auto; position: absolute; top: -21.7em; left: 0; right: 0;}
.shape-4 { width: 55em; height: 40em; background-color: #f6c779; border-radius: 999em; margin-left: auto; position: absolute; top: -11.3em; left: 0; transform: rotate(40deg);}
.shape-3 { width: 43em; height: 100em; background-color: #b5a3d6; border-radius: 999em; position: absolute; top: -19.8em; left:-26em; right: 0; transform: rotate(-28deg);}
.shape-2 { width: 33em; height: 40em; background-color: #b5a3d6; border-radius: 999em; margin-left: auto; position: absolute; top: -20em; left:-27.4em; right: 0;}
.shape-1 { width: 30em; height: 40em; background-color: #a0bce0; border-radius: 999em; margin-left: auto; margin-right:auto; position: absolute; top: -24.7em; left:0; right: 0;}
*/

.shape-3{animation: myfirst 10s linear 0s infinite normal;
-moz-animation: myfirst 10s linear 0s infinite normal;
-webkit-animation: myfirst 10s linear 0s infinite normal;
-o-animation: myfirst 10s linear 0s infinite normal;}

.shape-2{animation: myfirst2 10s linear 0s infinite normal;
-moz-animation: myfirst2 10s linear 0s infinite normal;
-webkit-animation: myfirst2 10s linear 0s infinite normal;
-o-animation: myfirst2 10s linear 0s infinite normal;}

/*.background-noise { z-index: 0; width: 100%; height: 100%; opacity: .3; background-image: url(../images/noise.png); background-position: 0 0; background-size: auto; position: absolute; top: 0%; bottom: 0%;left: 0%; right: 0%;}
*/
.tradeShowP1{ padding-bottom: 150px; position:relative; z-index:1;}
.tradeShowP1 .leftDiv{ width:642px;}
.tradeShowP1 .name{ font-size:42px; color:#222; line-height:56px; font-family:mont; }
.tradeShowP1 .content{ position:relative; margin-top:35px; font-size:16px; line-height: 30px; padding: 22px 80px 15px 50px;}
.tradeShowP1 .content:before{ content:''; position:absolute; left:0; top:0; width:31px; height:29px; background:url(../images/nimg31_1.png) no-repeat;}
.tradeShowP1 .content:after{ content:''; position:absolute; right:0; bottom:0; width:31px; height:29px; background:url(../images/nimg31_2.png) no-repeat;}
.tradeShowP1 .rightDiv{ width:700px;}
.tradeShowP1 .videobox{ position:relative; width: 100%; height:392px; overflow: hidden; }
.tradeShowP1 .videobox .imgDiv{ height: 392px; }
.tradeShowP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.tradeShowP1 .videobox video{ max-width:700px; max-height:392px; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.tradeShowP1 .videobox.cur{ background:#000;}
.tradeShowP1 .videobox.cur .imgDiv,.tradeShowP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.tradeShowP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.tradeShowP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 47px; height: 47px; margin-left:-24px; margin-top:-24px; z-index:1;}
.tradeShowP1 .videobox .playbox img{ width: 47px; }

.tradeShowP2{ padding: 54px 0 112px; position: relative; z-index:1; overflow: hidden;}
.tradeShowP2:before{ content: ''; position: absolute; left: 50%; margin-left: -820px; top: 0; width: 4.58rem; height: 3.53rem; background: url(../images/nimg458Bg.png) no-repeat; background-size: 4.58rem; }
.tradeShowP2 .leftDiv{ width: 770px; position: relative; overflow: hidden;}
.tradeShowP2 .leftDiv .txt{ width: 100%; height: 80px; box-sizing: border-box; padding: 0 160px 0 40px; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 2; }
.tradeShowP2 .leftDiv .txt .wen{ font-size: 24px; font-family: mont; height: 80px; line-height: 80px; overflow:hidden; }
.tradeShowP2 .leftDiv .txt p{ font-size: 16px; line-height: 24px; height: 96px; overflow:hidden; font-family:light2;}
.tradeShowP2 .leftDiv .txt.on{ height: 160px; }
.tradeShowP2 .leftDiv .txt.on .wen{ height: 60px; line-height: 60px;}
.tradeShowP2 .list{ overflow: hidden; position: relative;}
.tradeShowP2 .list li .baozhe{ height: 432px; position: relative; cursor: pointer; }
.tradeShowP2 .list li .imgDiv{ height: 432px; position: relative;}
.tradeShowP2 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 173px; background: url(../images/bg4.png) top repeat-x; }
.tradeShowP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.tradeShowP2 .list li .play{ position:absolute; left:50%; top:50%; width: 47px; height: 47px; margin-left:-24px; margin-top:-24px; z-index:1;}
.tradeShowP2 .list li .shipin{ display: none; }
.tradeShowP2 .se{ display: block; position: absolute; bottom: 30px; width: 12px; height: 22px; z-index: 2; }
.tradeShowP2 .prev{ right: 100px; background: url(../images/nimg12_left.png) no-repeat; }
.tradeShowP2 .next{ right: 40px; background: url(../images/nimg12_right.png) no-repeat; }

.tradeShowP2 .rightDiv{ width: 582px; padding-top: 30px;}
.tradeShowP2 .rightDiv .limg img{ width: 117px; }
.tradeShowP2 .rightDiv .name{ padding: 20px 0 35px; font-size: 48px; line-height: 52px; color: #000; font-family: mont; }
.tradeShowP2 .rightDiv .content{ color: #333; font-size: 16px; line-height: 32px; height: 96px; overflow:hidden; font-family:light2;}
.tradeShowP2 .rightDiv .more{ margin-top: 32px; }
.tradeShowP2 .rightDiv .more a{ display: block; text-transform: uppercase; width: 160px; height: 54px; background: #082c7e; text-align: center; line-height: 54px; border-radius: 48px; font-size: 14px; color: #fff; font-family:light2; }

.tradeShowP3{ padding-bottom: 30px; margin-bottom: 85px; position: relative; z-index:1; overflow: hidden;}
.tradeShowP3:before{ content: ''; position: absolute; right: 50%; margin-right: -815px; bottom: 0; width: 2.33rem; height: 2.55rem; background: url(../images/nimg233Bg.png) no-repeat; background-size: 2.33rem; }

.tradeShowP3 .leftDiv{ width: 600px; padding-top: 50px;}
.tradeShowP3 .leftDiv .limg img{ width: 147px; }
.tradeShowP3 .leftDiv .name{ padding: 20px 0 35px; font-size: 48px; line-height: 52px; color: #000; font-family: mont; }
.tradeShowP3 .leftDiv .content{ color: #333; font-size: 16px; line-height: 32px; height: 96px; overflow:hidden; font-family:light2;}
.tradeShowP3 .leftDiv .more{ margin-top: 32px; }
.tradeShowP3 .leftDiv .more a{ display: block; text-transform: uppercase; width: 160px; height: 54px; background: #c82126; text-align: center; line-height: 54px; border-radius: 48px; font-size: 14px; color: #fff; font-family:light2; }

.tradeShowP3 .rightDiv{ width: 734px; position: relative; overflow: hidden;}
.tradeShowP3 .rightDiv .txt{ width: 100%; height: 80px; box-sizing: border-box; padding: 0 160px 0 40px; position: absolute; right: 0; bottom: 0; color: #fff; z-index: 2; }
.tradeShowP3 .rightDiv .txt .wen{ font-size: 24px; font-family: mont; height: 80px; line-height: 80px; overflow:hidden; }
.tradeShowP3 .rightDiv .txt p{ font-size: 16px; line-height: 24px; height: 96px; overflow:hidden; font-family:light2;}
.tradeShowP3 .rightDiv .txt.on{ height: 175px; }
.tradeShowP3 .rightDiv .txt.on .wen{ height: 60px; line-height: 60px;}
.tradeShowP3 .list{ overflow: hidden; position: relative;}
.tradeShowP3 .list li .baozhe{ height: 450px; position: relative; cursor: pointer; }
.tradeShowP3 .list li .imgDiv{ height: 450px; position: relative;}
.tradeShowP3 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 143px; background: url(../images/bg5.png) top repeat-x; }
.tradeShowP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.tradeShowP3 .list li .play{ position:absolute; left:50%; top:50%; width: 47px; height: 47px; margin-left:-24px; margin-top:-24px; z-index:1;}
.tradeShowP3 .list li .shipin{ display: none; }
.tradeShowP3 .se{ display: block; position: absolute; bottom: 30px; width: 12px; height: 22px; z-index: 2; }
.tradeShowP3 .prev{ right: 100px; background: url(../images/nimg12_left.png) no-repeat; }
.tradeShowP3 .next{ right: 40px; background: url(../images/nimg12_right.png) no-repeat; }

.tradeShowP4{ padding: 50px 0 112px; position: relative; z-index:1; overflow: hidden;}
.tradeShowP4:before{ content: ''; position: absolute; left: 50%; margin-left: -820px; top: 0; width: 4.58rem; height: 4.77rem; background: url(../images/nimg458Bg2.png) no-repeat; background-size: 4.58rem; }
.tradeShowP4 .leftDiv{ width: 652px; position: relative; overflow: hidden;}
.tradeShowP4 .leftDiv .txt{ width: 100%; height: 80px; box-sizing: border-box; padding: 0 160px 0 40px; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 2; }
.tradeShowP4 .leftDiv .txt .wen{ font-size: 24px; font-family: mont; height: 80px; line-height: 80px; overflow:hidden; }
.tradeShowP4 .leftDiv .txt p{ font-size: 16px; line-height: 24px; height: 72px; overflow:hidden; font-family:light2;}
.tradeShowP4 .leftDiv .txt.on{ height: 160px; }
.tradeShowP4 .leftDiv .txt.on .wen{ height: 60px; line-height: 60px;}
.tradeShowP4 .list{ overflow: hidden; position: relative;}
.tradeShowP4 .list li .baozhe{ height: 665px; position: relative; cursor: pointer; }
.tradeShowP4 .list li .imgDiv{ height: 665px; position: relative;}
.tradeShowP4 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 164px; background: url(../images/bg6.png) top repeat-x; }
.tradeShowP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.tradeShowP4 .list li .play{ position:absolute; left:50%; top:50%; width: 47px; height: 47px; margin-left:-24px; margin-top:-24px; z-index:1;}
.tradeShowP4 .list li .shipin{ display: none; }
.tradeShowP4 .se{ display: block; position: absolute; bottom: 30px; width: 12px; height: 22px; z-index: 2; }
.tradeShowP4 .prev{ right: 100px; background: url(../images/nimg12_left.png) no-repeat; }
.tradeShowP4 .next{ right: 40px; background: url(../images/nimg12_right.png) no-repeat; }

.tradeShowP4 .rightDiv{ width: 622px; padding-top: 120px;}
.tradeShowP4 .rightDiv .limg img{ width: 125px; }
.tradeShowP4 .rightDiv .name{ padding: 20px 0 30px; font-size: 48px; line-height: 52px; color: #000; font-family: mont; }
.tradeShowP4 .rightDiv .content{ color: #333; font-size: 16px; line-height: 32px; height: 96px; overflow:hidden; font-family:light2;}
.tradeShowP4 .rightDiv .more{ margin-top: 80px; }
.tradeShowP4 .rightDiv .more a{ display: block; text-transform: uppercase; width: 160px; height: 54px; background: #f6ac41; text-align: center; line-height: 54px; border-radius: 48px; font-size: 14px; color: #fff; font-family:light2; }

.tradeShowP5{ padding-bottom: 100px; position: relative;}
.tradeShowP5 .list ul{ margin-right: -28px; }
.tradeShowP5 .list li{ float: left; width: 50%; }
.tradeShowP5 .list li .box{ margin-right: 28px; }
.tradeShowP5 .list li a{ display: block; padding: 30px 25px 0 40px; height: 368px; border-radius: 20px; box-sizing: border-box; background: url(../images/nimg706Bg.png) center no-repeat; background-size: cover;}
.tradeShowP5 .list li .toptop{ position: relative; height: 50px; }
.tradeShowP5 .list li .name{ font-size: 24px; line-height: 50px; color: #082c7e; font-family: mont; }
.tradeShowP5 .list li .limg{ position: absolute; right: 0; top: 8px; height: 38px; }
.tradeShowP5 .list li .limg img{ height: 38px; position: absolute; right: 0; top: 0; }
.tradeShowP5 .list li .limg .img1{ display: none; }
.tradeShowP5 .list li .txt{ margin-top: 15px; font-size: 30px; height: 45px; line-height: 45px; color: #000; overflow: hidden; font-family: mont; }
.tradeShowP5 .list li .msg{ margin-top: 15px; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #666;}
.tradeShowP5 .list li .more{ margin-top: 50px; width: 62px; height: 62px; border-radius: 50%; border: #666 solid 2px; background: #fff url(../images/nimg27_1.png) center no-repeat; }
.tradeShowP5 .list li .detail{ display: none; }

.tradeShowP5 .list li a:hover{ background: #113382; }
.tradeShowP5 .list li a:hover .limg img{ display: none; }
.tradeShowP5 .list li a:hover .limg .img1{ display: inline-block; }
.tradeShowP5 .list li a:hover .name, .tradeShowP5 .list li a:hover .txt, .tradeShowP5 .list li a:hover .msg{ color: #fff; }
.tradeShowP5 .list li a:hover .more{ border: #fff solid 2px; }


.videoModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.videoModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.videoLayer{ width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 12px; top: 12px; width:24px; height: 24px; background: url(../images/close2.png) no-repeat; background-size: 24px;}
.videoLayer .videoBox{ position: relative; background: #000; overflow: hidden; height: 580px; }
.videoLayer video{ max-width:1100px; max-height:580px; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto;}

.staffModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}
.staffModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.staffModal-box .staff-box { width: 1440px; margin: 0 auto; background: #fff; padding: 60px 50px 50px 80px; border-radius: 16px; position: relative; box-sizing: border-box;}
.staffModal-box .staff-box .scrollDiv{ position: relative; max-height: 700px; padding-right: 90px; overflow: auto; }
.staffModal-box .staff-box .scrollDiv::-webkit-scrollbar { width: 2px;}
.staffModal-box .staff-box .scrollDiv::-webkit-scrollbar-track { background-color: #dfdfdf;}
.staffModal-box .staff-box .scrollDiv::-webkit-scrollbar-thumb { background-color: #082c7e;}
.staffModal-box .staff-box .btnDiv{ position: absolute; right: 90px; top: 0px; z-index: 1; }
.staffModal-box .staff-box .btnDiv a{ display: block; text-transform: uppercase; width: 160px; height: 54px; background: #082c7e; text-align: center; line-height: 54px; border-radius: 48px; font-size: 14px; color: #fff; font-family:light2; }
.staffModal-box .staff-box .name { font-size: 48px; line-height: 60px; color: #333; margin-bottom: 25px; font-family: mont; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.staffModal-box .staff-box .detail{ color: #333; font-size: 16px; line-height: 32px; }
/*.staffModal-box .staff-box .detail h2{ font-size: 48px; line-height: 48px; padding-bottom: 30px;}
.staffModal-box .staff-box .detail img{ width: 100%; }*/
.staffModal-box .staff-box .ssDog{ margin-top: 40px; }
.staffModal-box .staff-box .xxx{ position: relative; height: 70px; }
.staffModal-box .staff-box .zi{ font-size: 48px; line-height: 48px; color: #333; font-family: bold; }
.staffModal-box .staff-box .arrowDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.staffModal-box .staff-box .se{ display: block; float: left; width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.staffModal-box .staff-box .prev{ background: #fff url(../images/nimg8_lefton.png) center no-repeat; margin-right: 20px; }
.staffModal-box .staff-box .next{ background: #fff url(../images/nimg8_righton.png) center no-repeat; }
.staffModal-box .staff-box .prev:hover{ background: #082c7e url(../images/nimg8_left2.png) center no-repeat;}
.staffModal-box .staff-box .next:hover{ background: #082c7e url(../images/nimg8_right2.png) center no-repeat;}
.staffModal-box .staff-box .close{position: absolute; display: block; right: -36px; top: -36px; width:72px; height: 72px; border-radius: 50%; background: #082c7e url(../images/close.png) center no-repeat; background-size: 20px; }

.staffModal-box .lunbo .list{ overflow: hidden; }
.staffModal-box .lunbo .list .txt{ font-size: 36px; line-height: 48px; color: #333; padding-bottom: 20px; }
.staffModal-box .lunbo .list .imgDiv img{ width: 100%; }
.staffModal-box .lunbo .list .msg{ padding-top: 25px; font-size: 16px; line-height: 32px;}
.staffModal-box .lunbo .list .videoDiv{ height: 500px; position: relative; background: #000; }
.staffModal-box .lunbo .list .videoDiv video{ max-width:1000px; max-height:500px; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; object-fit:cover;}


.tradeShowP6{ position: relative; }
.tradeShowP6 .toptop{ position: relative; height: 130px; }
.tradeShowP6 .title{ font-size: 48px; line-height: 72px; color: #000; font-family: mont; }
.tradeShowP6 .mxfTab{ position: absolute; right: 0; top: 0; }
.tradeShowP6 .mxfTab li{ cursor: pointer; float: left; margin-left: 25px; width: 72px; height: 72px; background: #fff; border-radius: 50%; position: relative; overflow: hidden; box-shadow: 0 0 30px rgba(8, 44, 126, 0.1); }
.tradeShowP6 .mxfTab li .icon{ position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin-left: -26px; margin-top: -26px; }
.tradeShowP6 .mxfTab li .icon img{ max-width: 36px; max-height: 36px; }
.tradeShowP6 .mxfTab li .icon .img1{ display: none; }
.tradeShowP6 .mxfTab .liNow{ background: #082c7e; }
.tradeShowP6 .mxfTab .liNow .icon img{ display: none; }
.tradeShowP6 .mxfTab .liNow .icon .img1{ display: inline-block; }
/* .mxfContentDiv { height:5rem;} */
.mxfContent{display: none;}
.tradeShowP6 .list{animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.tradeShowP6 .list ul{ width: 100%; }
.tradeShowP6 .list li{ width: 27%; position: relative; /* padding-left: 9px; padding-right: 9px;*/ transition: .65s; box-sizing: border-box;}
/* .tradeShowP6 .list li .box{ margin-right: 18px; } */
.tradeShowP6 .list li .box a{ display: block; position: relative; height: 488px; border-radius: 16px; background: #e8e8e8; overflow: hidden;}
.tradeShowP6 .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 280px; background: center no-repeat; background-size: cover; }
.tradeShowP6 .list li .ss{ position: absolute; left: 0; bottom: 0; z-index: 1; background: #fff; height: 60px; width: 230px; box-sizing: border-box; padding-left: 110px; }
.tradeShowP6 .list li .logo{ position: absolute; left: 0; top: 0; width: 95px; height: 60px; }
.tradeShowP6 .list li .logo img{ max-width: 95px; max-height: 60px; }
.tradeShowP6 .list li .name{ height: 60px; line-height: 24px; font-size: 16px; color: #333; text-transform: uppercase; }
.tradeShowP6 .list li .conDiv{ position: absolute; right: 0; bottom: 0; z-index: 1; background: #f2f2f2; width: 100%; box-sizing: border-box; padding: 28px 24px 0; height: 208px; }
.tradeShowP6 .list li .pj{ font-size: 18px; line-height: 24px; height: 96px; overflow: hidden; color: #333; font-family: mont; }
.tradeShowP6 .list li .wen{ margin-top: 15px; height: 48px; line-height: 24px; font-size: 16px; color: #082c7e; overflow: hidden; font-family: mont; }
.tradeShowP6 .list li .after{ opacity: 0; visibility: hidden; position: absolute; right: 365px; bottom: 0; height: 208px; background: #082c7e; width: 188px; border-top-left-radius: 36px; }
.tradeShowP6 .list li .logo2{ height: 68px; }
.tradeShowP6 .list li .logo2 img{ height: 68px; }
.tradeShowP6 .list li .name2{ padding-top: 15px; font-size: 16px; color: #fff; text-transform: uppercase;}
.tradeShowP6 .list li.on{ width: 43%;}
.tradeShowP6 .list li.on .imgDiv{ height: 488px; }
.tradeShowP6 .list li.on .conDiv{ width: 365px; }
.tradeShowP6 .list li.on .ss{ opacity: 0; visibility: hidden; }
.tradeShowP6 .list li.on .after{ opacity: 1; visibility: visible; }
.tradeShowP6 .mxfContent {position: relative;}
.tradeShowP6 .swiper-btn{ display: block; z-index: 2; position: absolute; width: 28px; height: 62px; top: 50%;margin-top: -32px;background-repeat: no-repeat;background-position: center center;background-size: 100%; }
.tradeShowP6 .prev{ left: -60px; background-image: url(../images/nimg28_left.png);}
.tradeShowP6 .next{ right: -60px; background-image: url(../images/nimg28_right.png); }
.tradeShowP6 .prev:hover{ background-image: url(../images/nimg28_lefton.png);}
.tradeShowP6 .next:hover{ background-image: url(../images/nimg28_righton.png);}

.tradeShowP7{ padding: 110px 0 95px; position: relative; }
.tradeShowP7 canvas { position: absolute; left: 0; bottom: -500px; z-index: 1; width: 100%; }
.tradeShowP7 .mxfDiv{ height: 750px; position: relative; z-index: 2;}
.tradeShowP7 .mxfDiv:before{ content: ''; position: absolute; left: 0; bottom: 132px; width: 132px; height: 156px; background: #fcb034; border-radius: 24px; }
.tradeShowP7 .conDiv{ width: 450px; }
.tradeShowP7 .title{ font-size: 48px; line-height: 48px; color: #000; font-family: bold; }
.tradeShowP7 .content{ font-size: 22px; line-height: 30px; margin-top: 40px; }

.zjPjDiv1{ position: absolute; left: 156px; bottom: 0; width: 336px; height: 396px; border-radius: 24px; overflow: hidden; }
.zjPjDiv1 .lie{ overflow: hidden; }
.zjPjDiv1 li .imgDiv{ height: 396px; }
.zjPjDiv1 li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.zjPjDiv1 li .play{ position: absolute; right: 18px; bottom: 18px; z-index: 2; }
.zjPjDiv1 li .logo{ position: absolute; right: 18px; top: 18px; z-index: 2; width: 136px; height: 30px; border-radius: 36px;}
.zjPjDiv1 li .logo img{max-width: 120px; max-height: 24px; }
.zjPjDiv1 li .logo .img1{ display: none; }
.zjPjDiv1 li .logo.red{ background: #c0000b; }
.zjPjDiv1 li .logo.blue{ background: #082c7e; }
.zjPjDiv1 li .logo.yellow{ background: #ffa200; }

.zjPjDiv1 li .hideLayer{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; box-sizing: border-box; padding: 60px 40px 0; width: 100%; height: 100%; }
.zjPjDiv1 li .hideLayer.red{ background: rgba(192,0,11,0.9); }
.zjPjDiv1 li .hideLayer.blue{ background: rgba(8,44,126,0.9); }
.zjPjDiv1 li .hideLayer.yellow{ background: rgba(255,162,0,0.9); }
.zjPjDiv1 li .name{ font-size: 20px; line-height: 30px; color: #fff; font-family: bold; margin-bottom: 15px; }
.zjPjDiv1 li .msg{ font-size: 24px; line-height: 30px; max-height: 180px; overflow: hidden; color: #fff; }
.zjPjDiv1 li .shipin{ display: none; }
.zjPjDiv1 li .box:hover .hideLayer{ opacity: 1; visibility: visible; }
.zjPjDiv1 li .box:hover .logo{ background: #fff; }
.zjPjDiv1 li .box:hover .logo img{ display: none; }
.zjPjDiv1 li .box:hover .logo .img1{ display: inline-block; }

.zjPjDiv2{ position: absolute; left: 518px; top: 0; width: 336px; height: 396px; border-radius: 24px; overflow: hidden; }
.zjPjDiv2 .lie{ overflow: hidden; }
.zjPjDiv2 li .imgDiv{ height: 396px; }
.zjPjDiv2 li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.zjPjDiv2 li .play{ position: absolute; right: 18px; bottom: 18px; z-index: 2; }
.zjPjDiv2 li .logo{ position: absolute; right: 18px; top: 18px; z-index: 2; width: 136px; height: 30px; border-radius: 36px;}
.zjPjDiv2 li .logo img{max-width: 120px; max-height: 24px; }
.zjPjDiv2 li .logo .img1{ display: none; }
.zjPjDiv2 li .logo.red{ background: #c0000b; }
.zjPjDiv2 li .logo.blue{ background: #082c7e; }
.zjPjDiv2 li .logo.yellow{ background: #ffa200; }

.zjPjDiv2 li .hideLayer{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; box-sizing: border-box; padding: 60px 40px 0; width: 100%; height: 100%; }
.zjPjDiv2 li .hideLayer.red{ background: rgba(192,0,11,0.9); }
.zjPjDiv2 li .hideLayer.blue{ background: rgba(8,44,126,0.9); }
.zjPjDiv2 li .hideLayer.yellow{ background: rgba(255,162,0,0.9); }
.zjPjDiv2 li .name{ font-size: 20px; line-height: 30px; color: #fff; font-family: bold; margin-bottom: 15px; }
.zjPjDiv2 li .msg{ font-size: 24px; line-height: 30px; max-height: 180px; overflow: hidden; color: #fff; }
.zjPjDiv2 li .shipin{ display: none; }
.zjPjDiv2 li .box:hover .hideLayer{ opacity: 1; visibility: visible; }
.zjPjDiv2 li .box:hover .logo{ background: #fff; }
.zjPjDiv2 li .box:hover .logo img{ display: none; }
.zjPjDiv2 li .box:hover .logo .img1{ display: inline-block; }

.zjPjDiv3{ position: absolute; right: 86px; top: 202px; width: 478px; height: 194px; border-radius: 24px; overflow: hidden; }
.zjPjDiv3 .lie{ overflow: hidden; }
.zjPjDiv3 li .imgDiv{ height: 194px; }
.zjPjDiv3 li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.zjPjDiv3 li .play{ position: absolute; right: 18px; bottom: 18px; z-index: 2; }
.zjPjDiv3 li .logo{ position: absolute; right: 18px; top: 18px; z-index: 2; width: 136px; height: 30px; border-radius: 36px;}
.zjPjDiv3 li .logo img{max-width: 120px; max-height: 24px; }
.zjPjDiv3 li .logo .img1{ display: none; }
.zjPjDiv3 li .logo.red{ background: #c0000b; }
.zjPjDiv3 li .logo.blue{ background: #082c7e; }
.zjPjDiv3 li .logo.yellow{ background: #ffa200; }

.zjPjDiv3 li .hideLayer{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; box-sizing: border-box; padding: 30px 80px 0 40px; width: 100%; height: 100%; }
.zjPjDiv3 li .hideLayer.red{ background: rgba(192,0,11,0.9); }
.zjPjDiv3 li .hideLayer.blue{ background: rgba(8,44,126,0.9); }
.zjPjDiv3 li .hideLayer.yellow{ background: rgba(255,162,0,0.9); }
.zjPjDiv3 li .name{ font-size: 20px; line-height: 30px; color: #fff; font-family: bold; margin-bottom: 15px; }
.zjPjDiv3 li .msg{ font-size: 24px; line-height: 30px; max-height: 90px; overflow: hidden; color: #fff; }
.zjPjDiv3 li .shipin{ display: none; }
.zjPjDiv3 li .box:hover .hideLayer{ opacity: 1; visibility: visible; }
.zjPjDiv3 li .box:hover .logo{ background: #fff; }
.zjPjDiv3 li .box:hover .logo img{ display: none; }
.zjPjDiv3 li .box:hover .logo .img1{ display: inline-block; }

.zjPjDiv4{ position: absolute; right: 0; bottom: 0; width: 920px; height: 315px; border-radius: 24px; overflow: hidden; }
.zjPjDiv4 .lie{ overflow: hidden; }
.zjPjDiv4 li .imgDiv{ height: 315px; }
.zjPjDiv4 li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.zjPjDiv4 li .play{ position: absolute; right: 18px; bottom: 18px; z-index: 2; }
.zjPjDiv4 li .logo{ position: absolute; right: 18px; top: 18px; z-index: 2; width: 136px; height: 30px; border-radius: 36px;}
.zjPjDiv4 li .logo img{max-width: 120px; max-height: 24px; }
.zjPjDiv4 li .logo .img1{ display: none; }
.zjPjDiv4 li .logo.red{ background: #c0000b; }
.zjPjDiv4 li .logo.blue{ background: #082c7e; }
.zjPjDiv4 li .logo.yellow{ background: #ffa200; }

.zjPjDiv4 li .hideLayer{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; box-sizing: border-box; padding: 40px 40px 0; width: 100%; height: 100%; }
.zjPjDiv4 li .hideLayer.red{ background: rgba(192,0,11,0.9); }
.zjPjDiv4 li .hideLayer.blue{ background: rgba(8,44,126,0.9); }
.zjPjDiv4 li .hideLayer.yellow{ background: rgba(255,162,0,0.9); }
.zjPjDiv4 li .name{ font-size: 20px; line-height: 30px; color: #fff; font-family: bold; margin-bottom: 15px; }
.zjPjDiv4 li .msg{ font-size: 24px; line-height: 30px; max-height: 120px; overflow: hidden; color: #fff; }
.zjPjDiv4 li .shipin{ display: none; }
.zjPjDiv4 li .box:hover .hideLayer{ opacity: 1; visibility: visible; }
.zjPjDiv4 li .box:hover .logo{ background: #fff; }
.zjPjDiv4 li .box:hover .logo img{ display: none; }
.zjPjDiv4 li .box:hover .logo .img1{ display: inline-block; }

.tradeNav{ display: none; position: fixed; right: 20px; top: 50%; margin-top: -100px; z-index: 2; }
.tradeNav li{ font-size: 14px; }
.tradeNav li a{ display: block; position: relative; line-height: 40px; padding-left: 26px; }
.tradeNav li a:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 5px; height: 5px; background: #999; border-radius: 50%; z-index: 1; }
.tradeNav li a:after{ content: ''; position: absolute; left: 2px; top: 0; width: 1px; height: 100%; background: #eee; }
.tradeNav li .aNow{ color: #082c7e; }
.tradeNav li .aNow:before{ background: #082c7e; }


.lybBtn{ position: fixed; left: 0; top: 50%; margin-top: -82px; z-index: 2; }
.lybBtn a{ display: block; box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); width: 45px; line-height: 45px; padding-top: 50px; height: 165px; font-size: 18px; color: #082c7e; background: #fff; box-sizing: border-box; writing-mode: vertical-rl; text-orientation: sideways;  }
.lybBtn a:before{ content: ''; position: absolute; top: 22px; margin-left: -10px; left: 50%; width: 21px; height: 19px; background: url(../images/nimg21_1.png) no-repeat; }

.lyb-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.lyb-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.lybLayer{ width: 970px; height: 615px; padding: 60px 40px 0; margin: 0 auto; border-radius: 16px; background: url(../images/lybBg.jpg) center no-repeat; background-size: cover; position: relative; box-sizing: border-box; }
.lybLayer .close{position: absolute; display: block; left: -36px; top: -36px; width:72px; height: 72px; border-radius: 50%; background: #082c7e url(../images/close.png) center no-repeat; background-size: 20px; z-index: 1; }
.lybLayer .title{ position: relative; color: #333; font-size: 30px; padding-bottom: 50px; font-family: bold; line-height: 30px; text-align: center;}
.lybLayer .form ul{ margin-right: -16px; }
.lybLayer .form li{ float: left; width: 33.33%; margin-bottom: 22px; position: relative;}
.lybLayer .form .li01{ width: 100%; }
.lybLayer .form li .box{ margin-right: 16px; border: #e5e5e5 solid 1px; position: relative; background: #fff;}
.lybLayer .form .li02 .box{ padding-left: 0; }
.lybLayer .form li .txt{ position: absolute; left: 20px; top: 0; line-height: 42px; color: #333; font-size: 14px; font-family: bold; }
.lybLayer .form li .txt em{ color: #f01f1f; padding-left: 5px; }
.lybLayer .form li .input1{ width: 100%; padding-left: 100px; box-sizing: border-box; font-size: 14px; height: 42px; line-height: 42px; }
.lybLayer .form .li03 .input1{ padding-left: 150px; }
.lybLayer .form li textarea{ width: 100%; height: 138px; font-size: 14px; line-height: 24px; box-sizing: border-box; padding: 10px 10px 10px 100px;}
.lybLayer .select{ width: 100%; height: 42px; position: relative; }
.lybLayer .caption { position: relative; cursor: pointer; padding-left: 100px; height: 42px; line-height: 42px; font-size: 14px; color: #333; background: url(../images/selectIco2.png) right center no-repeat; }
.lybLayer .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 210px; overflow-y: auto; display: none; border: 1px solid #e6e6e6;/* border-top: none;*/ box-sizing: border-box;}
.lybLayer .xlist::-webkit-scrollbar { width: 4px;}
.lybLayer .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.lybLayer .xlist::-webkit-scrollbar-thumb { background-color: #082c7e;} 
.lybLayer .xlist a { display: block; font-size: 14px; background: #fff; color: #333; height: 42px; line-height: 42px; padding: 0 30px; border-bottom: 1px solid #e6e6e6;}
.lybLayer .xlist a:hover, .lybLayer .xlist a.on { color: #082c7e;}
.lybLayer .xlist a:last-child { border-bottom: none;}
.lybLayer .btnDiv{ width: 180px; margin: 38px auto 0; }
.lybLayer .btnDiv a{ display: block; width: 100%; font-size: 16px; color: #fff; height: 52px; line-height: 52px; text-align: center; border-radius: 36px; background: #082c7e;}