/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; height:100vh;}
.ind-banner .swiper-slide .bg{ height:100vh;}
.ind-banner .swiper-slide .bg img{width: 100%; height:100%; object-fit:cover; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{} 
.ind-banner .onebox .txt{ color: #fff; letter-spacing: 2.5px; font-size: 40px; line-height: 56px;}
.ind-banner .onebox .txt em{ padding: 0 21px; background: url(../images/ico1.png) center no-repeat; }
.ind-banner .onebox .msg{ color: #fff; line-height: 34px; padding-top: 15px; font-size: 20px; letter-spacing: 1.88px; font-family:light;}
/*.ind-banner .onebox .txt{ color: #fff; letter-spacing: 2.5px; font-size: 32px; line-height: 40px;}
.ind-banner .onebox .txt em{ padding: 0 21px; background: url(../images/ico1.png) center no-repeat; }
.ind-banner .onebox .msg{ color: #fff; line-height: 34px; padding-top: 15px; font-size: 16px; letter-spacing: 1.88px;}*/
.ind-banner .onebox .btnDiv{ margin-top: 30px; position:relative; width: 108px; }
.ind-banner .onebox .btnDiv a{ display: block; width: 108px; height: 36px; line-height: 36px; border:#fff solid 1px; border-radius:24px; text-align: center; font-size: 14px; color: #fff; }
.ind-banner .twobox{ position: absolute; left: 0; text-align: center; width: 100%; top: 25%;} 
.ind-banner .twobox .txtImg img{ width: 1192px; }
.ind-banner .twobox .txt{ color: #fff; font-size: 60px; line-height: 60px; }
.ind-banner .twobox .msg{ color: #fff; padding-top: 30px; font-size: 30px; font-family:light; }
.ind-banner .left{ position: absolute; left: 50%; margin-left: -600px; top: 27%; width:700px;}
.ind-banner .left .msg{ text-align:justify;}
.ind-banner .middle{ position: absolute; text-align:center; left: 50%; margin-left: -400px; top: 27%; width:800px;}
.ind-banner .middle .btnDiv{ margin: 30px auto 0;}
.ind-banner .right{ position: absolute; right: 50%; margin-right: -600px; top: 27%; width:700px; text-align:right;}
.ind-banner .right .btnDiv{ float:right;}

.ind-banner .prev{ display:block; z-index:12; left: 50%; margin-left: -760px; background: url(../images/nimg40_left.png) no-repeat; position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px;} 
.ind-banner .next{ display:block; z-index:12; right: 50%; margin-right: -760px; background: url(../images/nimg40_right.png) no-repeat; position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; } 
.ind-banner .btnDiv .layer{ position:absolute; left:0; top:-145px; opacity:0; visibility:hidden; width:150px; height:165px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.ind-banner .btnDiv .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.ind-banner .btnDiv .ewm img{ width: 120px;}
.ind-banner .btnDiv.liNow .layer{ top:-165px; opacity:1; visibility:visible;}


.ind-banner .swiper-pagination{ bottom: 30px;  } 
.ind-banner .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(255,255,255,0.3); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.ind-banner .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }
/*banner结束*/

.indexP1{ padding-top: 120px; background: #f5f5fa; }
.indexP1 video{ width: 100%; cursor: pointer; }

.indexP2{ position: relative; background: #f5f5fa url(../images/nimg374Bg.png) 8.125% bottom no-repeat; padding-bottom: 120px;}
.indexP2:before{ content: ''; position: absolute; left: 8.125%; top: 665px; width: 500px; height: 365px; background: url(../images/nimg500Bg.png) center no-repeat; }

.indexP2 .wal{ position: relative; padding-top: 80px; background: url(../images/nimg501Bg.png) right top no-repeat; }
.indexP2 .wal:after{ content: ''; position: absolute; right: 0; top: 1300px; width: 501px; height: 659px; background: url(../images/nimg501Bg.png) center no-repeat; }
.indexP2 .titleDiv{ height: 150px; position: relative; padding-left: 85px; }
.indexP2 .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.indexP2 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; }
.indexP2 .list{ position: relative; z-index: 1; background: #fff; box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4); width: 1036px; height: 530px; box-sizing: border-box; padding: 115px 70px 0; margin-bottom: 120px;}
.indexP2 .list li{ float: left; width: 33.33%; text-align: center; color: #3E4041; }
.indexP2 .list li .wen{ font-size: 20px; line-height: 20px; height: 56px; font-weight: bold;}
.indexP2 .list li .ico img{ width:144px;}
.indexP2 .list li .num{ padding-top: 30px; font-size: 24px;}
.indexP2 .list li .num em{ font-size: 60px; font-family:BebasKai; }
.indexP2 .list li .num span{ padding-left: 10px; position: relative; top: -4px; }

.indexP2 .mxfDiv{ padding-top: 140px; position: relative; z-index: 1; }
.indexP2 .mxfDiv .titleDiv{ position:absolute; left:0; top:0;}
.indexP2 .conLayer{ background: rgba(23,40,74,0.8); position: absolute; right: 0; top: 0; z-index: 1; width: 525px; height: 344px; box-sizing: border-box; padding: 45px 60px 0;}
.indexP2 .txt{ color: #fff; font-size: 20px; line-height: 20px; height: 35px; position: relative; }
.indexP2 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 4px; background: #fff; }
.indexP2 .imgDiv img{ width: 100%; }
.indexP2 .lie{ padding-top: 45px; }
.indexP2 .lie li{ padding-bottom: 40px; }
.indexP2 .lie li:last-child{ padding-bottom: 0; }
.indexP2 .lie li .wen{ color: #fff; font-size: 20px; line-height: 20px;}
.indexP2 .lie li .wen em{ font-size: 44px; padding-right: 30px; font-family:regular; }
.indexP2 .lie li .msg{ font-size: 20px; line-height: 30px; color: rgba(255,255,255,0.7); padding-top: 10px; }

.indexP2 .list2{ padding-top: 185px; position: relative; z-index: 1; overflow: hidden; }
.indexP2 .list2 .titleDiv{ text-align:center; padding-left:0;}
.indexP2 .list2 .titleDiv .cn{ width: 100%; left: 0;}
.indexP2 .list2 li{ padding-bottom:40px;}
.indexP2 .list2 li .box{ position: relative; top: 0; }
.indexP2 .list2 li .imgDiv img{ width: 100%; }
.indexP2 .list2 li .txtLayer{ position: absolute; left: 50%; top: 50%; width: 210px; height: 136px; margin-left: -105px; margin-top: -68px; background: rgba(50,130,255,0.8); z-index: 1; }
.indexP2 .list2 li .cn{ color: #fff; font-size: 28px; line-height: 40px; font-weight: 600; }
.indexP2 .list2 li .en{ font-size: 16px; line-height: 22px; color: rgba(255,255,255,0.7); }
.indexP2 .list2 li .mxfLayer{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(50,130,255,0.95); z-index: 1; }
.indexP2 .list2 li .hala{ padding-top: 50px; }
.indexP2 .list2 li .hala dd{ font-size: 16px; line-height: 34px; color: #fff; text-align: center; }
.indexP2 .list2 li .box:hover{ top: -10px; box-shadow: 0px 20px 20px 0px rgba(117,121,128,0.3); z-index: 1;}
.indexP2 .list2 li .box:hover .txtLayer{ opacity: 0; }
.indexP2 .list2 li .box:hover .mxfLayer{ opacity: 1; }
.indexP2 .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 15px; }
.indexP2 .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(50,130,255,0.2); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.indexP2 .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.indexP3{ padding: 100px 0 80px; }
.indexP3 .titleDiv{ text-align: center; position: relative; }
.indexP3 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.indexP3 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.5; }

.partnerPic{padding-top: 60px;}
.partnerPic .swiper-container{ padding-bottom:80px;}
.partnerPic .imgDiv img{ width: 281px; }
.partnerPic .swiper-pagination{ bottom: 0; position:absolute; } 
.partnerPic .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(50,130,255,0.2); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.partnerPic .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.indexP4{ background: #f2f5fa; padding: 115px 0 140px; }
.indexP4 .titleDiv{ height: 120px; text-align: center; position:relative; }
.indexP4 .mxfDiv{ position: relative; padding-right: 56px; display: inline-block;}
.indexP4 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; }
.indexP4 .titleDiv .cn{ z-index: 1; position: absolute; right: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.indexP4 .btn{ position:absolute; right:0; top:55px;}
.indexP4 .btn a { position: relative; display: inline-block; padding-right: 12px; font-size: 13px; color: #3282FF; line-height: 18px;  background: url(../images/nimg12_1.png) right center no-repeat;}
.indexP4 .btn a:hover{ text-decoration:underline;}
.indexP4 .list{ padding-top: 35px; }
.indexP4 .list ul{ margin-right: -75px; }
.indexP4 .list li{ float: left; width: 33.33%; }
.indexP4 .list li .box{ margin-right: 75px; }
.indexP4 .list li a{ display: block; position: relative; padding-left: 56px; }
.indexP4 .list li .time{ position: absolute; left: 0; top: 0; width: 40px; height: 100%; color: #94979a; font-family:BebasKai; font-size: 20px;}
.indexP4 .list li .time:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dfe2e6;}
.indexP4 .list li .time em{ display: block; font-size: 36px; line-height: 36px; }
.indexP4 .list li .name{ font-size: 16px; color: #3E4041; font-weight: 600; line-height: 24px; height: 48px; overflow: hidden; }
.indexP4 .list li .content{opacity: 0.5; font-size: 13px; color: #3E4041; padding-top: 10px; line-height: 20px; height: 40px; overflow: hidden; }
.indexP4 .list li .more{ margin-top: 23px; padding-left: 12px; position: relative; text-transform: uppercase; color: #aeccfa; }
.indexP4 .list li .more:before{ content: ''; position: absolute; left: 0; top: 50%; width:5px; height:10px; margin-top:-5px; background: url(../images/ico3.png) left center no-repeat;}
.indexP4 .list li .box:hover .more{ color: #3282FF;}

.indexP5{ background: #e5e9f0; padding: 30px 0;}
.indexP5 .txt{ text-align: center; font-size: 16px; line-height: 16px; padding-bottom: 35px; color: #17284A; }
.indexP5 .links{ text-align: center; }
.indexP5 .links ul{ font-size: 0; }
.indexP5 .links li{ display: inline-block; padding: 0 50px; }
.indexP5 .links li a{ display: block; height: 20px; position: relative; color: #17284A; font-size: 16px; line-height: 16px; font-weight: bold; }
.indexP5 .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #3282FF; }
.indexP5 .links li a:hover{ color: #3282FF; }
.indexP5 .links li a:hover:after{ width: 100%; left: 0; }


.ply-banner{ padding-top:60px;}
.ply-banner{width: 100%; overflow: hidden;} 
.ply-banner .swiper-slide {position: relative;}
.ply-banner .swiper-slide .bg img{width: 100%;}
.ply-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ply-banner .onebox{ position: absolute; left: 50%; margin-left: -600px; top: 32%;} 
.ply-banner .onebox .txt{ color: #3E4041; letter-spacing: 2.5px; font-size: 44px; line-height: 62px;}
.ply-banner .onebox .msg{ color: #3E4041; padding-top: 10px; line-height: 48px; font-size: 35px; letter-spacing: 2.19px;}
.ply-banner .onebox .btnDiv{ margin-top: 30px; position:relative; width:160px;}
.ply-banner .onebox .btnDiv a{ display:block; width: 160px; height: 48px; line-height: 48px; background: #3282FF; text-align: center; font-size: 16px; color: #fff; }
.ply-banner .swiper-pagination{ bottom: 30px;  } 
.ply-banner .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(50,130,255,0.3); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.ply-banner .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.ply-banner .btnDiv .layer{ position:absolute; left:0; top:-145px; opacity:0; visibility:hidden; width:150px; height:165px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.ply-banner .btnDiv .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.ply-banner .btnDiv .ewm img{ width: 120px;}
.ply-banner .btnDiv.liNow .layer{ top:-165px; opacity:1; visibility:visible;}
.ply-banner .btnDiv:hover .layer{ top:-165px; opacity:1; visibility:visible;}


.l7l7{ position:absolute; left:50%; margin-left:-600px; display:none; width:150px; height:165px; z-index:5;}
.l7l7 .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.l7l7 .ewm img{ width: 120px;}

.plyP1{ padding: 95px 0 140px; background: #f2f5fa; }
.plyP1 .halaDiv{ position: relative; overflow: hidden; padding: 40px; margin: -40px;}
.plyP1 .halaDiv:before{ content: ''; position: absolute; left: 0; top: 0; background: #f2f5fa; width: 20px; height: 100%; z-index: 1;}
.plyP1 .halaDiv:after{ content: ''; position: absolute; right: 0; top: 0; background: #f2f5fa; width: 20px; height: 100%; z-index: 1;}
.plyP1 .list{/* overflow: hidden;*/ padding-top: 10px;}
.plyP1 .list li .box{ height: 440px; background: #17284A; padding: 0 64px; position: relative; top: 0; }
.plyP1 .list li .ico{ padding-top: 70px; text-align: center; }
.plyP1 .list li .msg{ padding-top: 52px; font-size: 16px; color: #FFFFFF; text-align: justify; line-height: 28px; }
.plyP1 .list li .box:hover{ top: -10px; background: #3282FF; box-shadow: 0px 20px 30px 0px rgba(117,121,128,0.4);}
.plyP1 .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 15px; }
.plyP1 .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(50,130,255,0.2); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.plyP1 .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.plyP2{ background: #f2f5fa; padding-bottom: 80px; position: relative;}
.plyP2:before{ content: ''; position: absolute; left: 8.125%; top: 385px; width: 360px; height: 790px; background: url(../images/nimg360Bg.png) center repeat-y; }
.plyP2:after{ content: ''; position: absolute; right: 50%; margin-right: -600px; bottom: 0; width: 500px; height: 355px; background: url(../images/nimg500Bg.png) no-repeat; }
.plyP2 .titleDiv{ text-align: center; position: relative; margin-bottom: 70px; }
.plyP2 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.plyP2 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.5; }
.halaPic .swiper-container{ padding-top: 10px; padding-bottom: 40px; }
.halaPic li .box{ padding-top: 62px; position: relative; top: 0;}
.halaPic li .mxfDiv{ background: #fff; height: 500px; padding: 120px 60px 0; box-sizing: border-box; }
.halaPic li .ico{ position: absolute; left: 50%; margin-left: -75px; top: 0; z-index: 1; }
.halaPic li .name{ height: 38px; line-height: 28px; text-align: center; position: relative; font-size: 20px; color: #3E4041; font-weight: bold; }
.halaPic li .name:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 24px; height: 3px; background: #3282FF; margin-left: -12px; }
.halaPic li .msg{ font-size: 16px; color: #3E4041; line-height: 30px; margin-top: 30px;}
.halaPic li .box:hover{ top: -10px;}
.halaPic li .box:hover .mxfDiv{ box-shadow: 0px 20px 30px 0px rgba(117,121,128,0.4);}
.halaPic .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 15px; }
.halaPic .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(50,130,255,0.2); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.halaPic .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.plyP2 .conDiv{ margin-top: 160px; width: 150%; background: #3282FF; height: 368px; padding-top: 100px; box-sizing: border-box; position: relative; }
.plyP2 .conDiv .bg{ position: absolute; left: -100px; top: 0; width: 100px; height: 368px; background: #3282FF; }
.plyP2 .conDiv .txtDiv{ position: relative; height: 120px; }
.plyP2 .conDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; }
.plyP2 .conDiv .en{ font-family:BebasKai; color: rgba(218,229,247,0.2); font-size: 100px; line-height: 120px; text-transform: uppercase; padding-left: 52px; }
.plyP2 .bigBox{ overflow: hidden; height: 632px; background: #fff; position: relative; margin-top: -90px; box-shadow: 0px 24px 48px 0px rgba(117,121,128,0.4); z-index: 1; }
.plyP2 .bigBox .list{ padding-top: 10px; }
.plyP2 .bigBox .list li{ float: left; width: 33.33%; height: 285px; position: relative; margin-bottom: 40px;}
.plyP2 .bigBox .list li:after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 192px; margin-top: -96px; background: #3282FF; }
.plyP2 .bigBox .list li:nth-child(3n):after{ display: none; }
.plyP2 .bigBox .list li .name{ padding-top: 48px; height: 28px; font-weight: bold; line-height: 28px; color: #3E4041; font-size: 20px; text-align: center; }
.plyP2 .bigBox .list .lie{ padding: 46px 20px 0 60px; }
.plyP2 .bigBox .list dd{ position: relative; float: left; width: 50%; box-sizing: border-box; padding-left: 16px; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 15px; color: #3E4041; }
.plyP2 .bigBox .list dd:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #3E4041; }

.plyP3{ padding: 120px 0 100px; background: #E9F2FF; }
.plyP3 .titleDiv{ text-align: center; position: relative; margin-bottom: 80px; }
.plyP3 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.plyP3 .titleDiv .en{ font-family:BebasKai; color: rgba(50,130,255,0.1); font-size: 100px; line-height: 120px; text-transform: uppercase; }
.plyP3 .list{ overflow: hidden; }
.plyP3 .bigBox{ height: 644px; padding: 26px 30px 0; box-sizing: border-box; background: #fff; }
.plyP3 .bigBox2{ background: #68a3ff; }
.plyP3 .bigBox3{ background: #3282FF; }
.plyP3 .limg{ text-align: center; padding-bottom: 5px;}
.plyP3 .limg img{ width: 250px; }
.plyP3 .name{ width: 160px; height: 48px; margin: 0 auto; box-sizing: border-box; border: #3282FF solid 1px; color: #3282FF; font-size: 24px; text-align: center; line-height: 46px; }
.plyP3 .conDiv{ position: relative; padding: 14px 0 8px;}
.plyP3 .conDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.05; background-image: linear-gradient(180deg, rgba(50,130,255,0.00) 0%, #3282FF 100%); }
.plyP3 .msg{ position: relative; z-index: 1; font-size: 16px; line-height: 22px; height: 66px; color: #3282FF; text-align: center; }
.plyP3 .label2{ padding: 20px 0 0 44px; overflow: hidden;}
.plyP3 .label2 dd{ float: left; width: 50%; box-sizing: border-box; padding-left: 28px; color: #3E4041; font-size: 16px; line-height: 44px; background: url(../images/nimg19_1.png) left center no-repeat; }
.plyP3 .bigBox2 .name, .plyP3 .bigBox3 .name{ border: #fff solid 1px; color: #fff; }
.plyP3 .bigBox2 .msg, .plyP3 .bigBox3 .msg{ color: #fff; }
.plyP3 .bigBox2 .conDiv:after, .plyP3 .bigBox3 .conDiv:after{ opacity: 0.12; background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%); }
.plyP3 .bigBox3 .label2{ padding: 20px 0 0 30px;}
.plyP3 .bigBox2 .label2 dd, .plyP3 .bigBox3 .label2 dd{ color: #fff; background: url(../images/nimg19_2.png) left center no-repeat;}

.plyP4{ padding: 120px 0 70px; }
.plyP4 .titleDiv{ text-align: center; position: relative; margin-bottom: 80px; }
.plyP4 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.plyP4 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.5; }
.plyP4 .list li{ float: left; width: 33.33%; padding-bottom: 50px; }
.plyP4 .list li .box{ height: 140px; position: relative; padding: 0 20px 0 112px; cursor: pointer; }
.plyP4 .list li .ico{ position: absolute; left: 28px; top: 50%; margin-top: -38px; }
.plyP4 .list li .name{ font-size: 18px; color: #3E4041; padding-top: 24px; line-height: 36px; }
.plyP4 .list li .msg{ padding-top: 4px; font-size: 14px; color: #3E4041; }
.plyP4 .list li .box:hover{ box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4);}

.plyP5{ padding: 120px 0; position: relative; background: #f2f5fa;}
.plyP5:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 600px; background: #122446; }
.plyP5 .titleDiv{ text-align: center; position: relative; margin-bottom: 150px; z-index: 1; }
.plyP5 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; text-align: center; }
.plyP5 .titleDiv .en{ font-family:BebasKai; color: #4F5F7D; font-size: 100px; line-height: 120px; text-transform: uppercase; }
.plyP5 .bigBox{ position: relative; z-index: 1; background: #fff; padding: 0 40px 0 575px; height: 420px; }
.plyP5 .bigBox .imgDiv{ position: absolute; left: 0; top: 0; }
.plyP5 .bigBox .imgDiv img{ width: 535px; height: 420px; }
.plyP5 .bigBox .name{ padding: 60px 0 26px; font-size: 24px; color: #3E4041; font-weight: bold; }
.plyP5 .bigBox .numList{ padding-bottom: 24px; overflow: hidden; }
.plyP5 .bigBox .numList li{ float: left; padding: 0 32px; text-align: center; position: relative; }
.plyP5 .bigBox .numList li:after{ content: ''; position: absolute; right: 0; top: 2px; width: 1px; height: 30px; background: #3282FF; opacity: 0.15;}
.plyP5 .bigBox .numList li:first-child{ padding: 0 32px 0 0; }
.plyP5 .bigBox .numList li:last-child:after{ display: none; }
.plyP5 .bigBox .numList li .num{ font-family:BebasKai; font-size: 24px; line-height: 24px; color: #3282FF;}
.plyP5 .bigBox .numList li p{ font-size: 12px; color: #122446; opacity: 0.75; }
.plyP5 .bigBox .content{ padding-right: 10px; height: 196px; overflow: auto; line-height: 28px; font-size: 15px; color: #a1a2a3; }
.plyP5 .bigBox .content::-webkit-scrollbar { width: 2px;}
.plyP5 .bigBox .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.plyP5 .bigBox .content::-webkit-scrollbar-thumb { background-color: #3282FF;} 

.casePic{ position:relative;}
.casePic .btn{ position:absolute; display: block; width: 40px; height: 40px; top:50%; z-index:2; }
.casePic .prev{ left:-60px; background: url(../images/limg40_left.png) no-repeat; }
.casePic .next{ right:-60px; background: url(../images/limg40_right.png) no-repeat; }
.casePic .prev:hover{ background: url(../images/limg40_lefton.png) no-repeat;}
.casePic .next:hover{ background: url(../images/limg40_righton.png) no-repeat;}

.plyP6{ background: #3282FF; padding: 140px 0 128px; }
.plyP6 .titleDiv{ text-align: center; position: relative; }
.plyP6 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; text-align: center; }
.plyP6 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.2;}
.plyP6 .wen{ text-align: center; font-size: 16px; color: rgba(255,255,255,0.8); line-height: 16px; padding-bottom: 70px; }
.plyP6 .list ul{ margin-right: -25px; }
.plyP6 .list li{ float: left; width: 25%; padding-bottom: 33px; }
.plyP6 .list li .box{ margin-right: 25px; overflow: hidden; cursor: pointer; height:103px;display: flex;
  display: -webkit-flex; align-items: center;
  -webkit-align-items: center;justify-content: center;
  -webkit-justify-content: center; }
.plyP6 .list li img{ max-width:281px; max-height:103px; }
.plyP6 .list li .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.plyP7{ padding: 120px 0 152px; position: relative; background: #f2f5fa;}
.plyP7 .bigBox{ height: 326px; position: relative; box-sizing: border-box; padding-top: 46px; }
.plyP7 .bg{ position: absolute; left: -55px; bottom: -52px; width: 635px; height: 332px; background: #3282FF; z-index: 1; }
.plyP7 .imgDiv{ position: absolute; left: 0; top: 0; z-index: 2; }
.plyP7 .imgDiv img{ width: 580px; }
.plyP7 .videoDiv{ width:580px; height:326px; position: absolute; left: 0; top: 0; z-index: 2; }
.plyP7 .videoDiv video{ display:block; width: 100%; height:100%; object-fit:cover; }
.plyP7 .conDiv{ width: 100%; height: 100%; background: #fff; box-sizing: border-box; padding: 0 52px 0 634px; }
.plyP7 .name{ padding-top: 35px; line-height: 30px; font-weight: bold; font-size: 22px; color: #3E4041; }
.plyP7 .content{line-height: 26px; font-size: 14px; color: #3E4041; height:104px; overflow:auto; margin: 18px 0 20px;}
.plyP7 .content::-webkit-scrollbar { width: 2px;}
.plyP7 .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.plyP7 .content::-webkit-scrollbar-thumb { background-color: #3282FF;} 
.plyP7 .btnDiv{ position:relative;}
.plyP7 .btnDiv a{ display: block; width: 160px; height: 48px; line-height: 48px; color: #fff; text-align: center; font-size: 18px; background: #3282FF;}

.plyP7 .btnDiv .layer{ position:absolute; left:0; top:-145px; opacity:0; visibility:hidden; width:150px; height:165px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.plyP7 .btnDiv .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.plyP7 .btnDiv .ewm img{ width: 120px;}
.plyP7 .btnDiv.liNow .layer{ top:-165px; opacity:1; visibility:visible;}

.miBanner{ position: relative; padding-bottom: 165px; background: #f2f5fa; }
.miBanner .bg img{ width: 100%; }
.miBanner .list{ position: absolute; left: 50%; bottom: 95px; width: 1200px; margin-left: -600px; box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4);}
.miBanner .list li{ float: left; width: 33.33%; }
.miBanner .list li a{ display: block; height: 140px; background: #fff; position: relative; }
.miBanner .list li img{ position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -32px; }
.miBanner .list li .img1{ margin-left: -56px; margin-top: -47px; opacity: 0; }
.miBanner .list li .bg{ position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #3282FF;}
.miBanner .list li .aNow .bg{ left: 0; width: 100%; top: -20px; height: 180px; }
.miBanner .list li .aNow img{ opacity: 0; }
.miBanner .list li .aNow .img1{ opacity: 1; }

.plbDiv{ padding: 100px 0 85px; }
.plbDiv .list ul{ margin-right: -30px; }
.plbDiv .list li{ float: left; width: 33.33%; padding-bottom: 42px;}
.plbDiv .list li .box{ position: relative; top: 0; margin-right: 30px; height: 266px; box-sizing: border-box; padding-top: 55px; text-align: center; background: rgba(242,245,250,0.3);}
.plbDiv .list li .ico{ padding-bottom: 25px; }
.plbDiv .list li .name{font-size: 22px; color: #3E4041; line-height: 26px;}
.plbDiv .list li .box:hover{ top: -10px; box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4); }
.plbDiv .btnDiv{ margin: 43px auto 0; width: 160px; }
.plbDiv .btnDiv a{ display: block; width: 160px; height: 48px; line-height: 48px; font-size: 18px; color: #fff; text-align: center; background: #3282FF; }

.plbDiv .btnDiv .layer{ position:absolute; left:0; top:-145px; opacity:0; visibility:hidden; width:150px; height:165px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.plbDiv .btnDiv .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.plbDiv .btnDiv .ewm img{ width: 120px;}
.plbDiv .btnDiv.liNow .layer{ top:-165px; opacity:1; visibility:visible;}

.plghDiv{ padding-top: 70px; position: relative;}
.plghDiv .leftImg{ width: 41.6%; height: 830px; position: relative; background: right no-repeat; background-size: cover; }
.plghDiv .limg img{ width: 100%; }
.plghDiv .btnDiv{ position: absolute; right: 20%; bottom: 95px; }
.plghDiv .btnDiv a{ display: block; width: 160px; height: 48px; line-height: 48px; font-size: 18px; color: #fff; text-align: center; background: #3282FF; }
.plghDiv .rightList{ position: absolute; left: 50%; width: 600px; top: 90px; }
.plghDiv .rightList li{ height: 160px; position: relative; padding-left: 115px; }
.plghDiv .rightList li:last-child{ height: auto; }
.plghDiv .rightList li .num{ position: absolute; left: 0; top: 0; font-family: BebasKai; color: #3282ff; font-size: 100px; line-height: 74px;}
.plghDiv .rightList li .name{ color: #3e4041; font-weight: bold; font-size: 22px; line-height: 22px; }
.plghDiv .rightList li .content{ line-height: 20px; color: #4c4e4f; padding-top: 15px; font-size: 14px; }

.plghDiv .btnDiv .layer{ position:absolute; left:0; top:-145px; opacity:0; visibility:hidden; width:150px; height:165px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.plghDiv .btnDiv .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.plghDiv .btnDiv .ewm img{ width: 120px;}
.plghDiv .btnDiv.liNow .layer{ top:-165px; opacity:1; visibility:visible;}


.pldtDiv{ padding: 150px 0 175px; }
.pldtDiv .list ul{ margin-right: -30px; }
.pldtDiv .list li{ float: left; width: 33.33%; }
.pldtDiv .list li .box{ padding-top: 62px; position: relative; top: 0; margin-right: 30px; }
.pldtDiv .list li .ico{ position: absolute; left: 50%; margin-left: -75px; top: 0; z-index: 1; }
.pldtDiv .list li .mxfDiv{ background: #fff; height: 500px; padding: 115px 55px 0; box-sizing: border-box; box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4);}
.pldtDiv .list li .name{ width: 160px; height: 48px; margin: 0 auto; background: #3282FF; color: #fff; font-size: 24px; text-align: center; line-height: 48px; }
.pldtDiv .list li .conDiv{ position: relative; padding-top: 10px;}
.pldtDiv .list li .msg{ font-size: 16px; line-height: 22px; height: 54px; color: #3282FF; text-align: center; position: relative;}
.pldtDiv .list li .msg:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 24px; height: 3px; margin-left: -12px; background: #3282FF; }
.pldtDiv .list li .label2{ padding-top: 95px; overflow: hidden;}
.pldtDiv .list li .label2 dd{ float: left; width: 60%; box-sizing: border-box; padding-left: 35px; color: #3E4041; font-size: 16px; line-height: 44px; background: url(../images/nimg21_1.png) left center no-repeat; }
.pldtDiv .list li .label2 dd:nth-child(2n){ width: 40%; }
.pldtDiv .list li:last-child .mxfDiv{ padding: 115px 45px 0;}
.pldtDiv .list li:last-child .label2 dd, .pldtDiv .list li:last-child .label2 dd:nth-child(2n){ width: 50%; }
.pldtDiv .list li .box:hover{ top: -10px; }

.pldtDiv .btnDiv{ margin: 43px auto 0; width: 160px; }
.pldtDiv .btnDiv a{ display: block; width: 160px; height: 48px; line-height: 48px; font-size: 18px; color: #fff; text-align: center; background: #3282FF; }

.pldtDiv .btnDiv .layer{ position:absolute; left:0; top:-145px; opacity:0; visibility:hidden; width:150px; height:165px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.pldtDiv .btnDiv .ewm{ background:#f7f7f7; height:150px; padding-top:15px; box-sizing:border-box; text-align:center;}
.pldtDiv .btnDiv .ewm img{ width: 120px;}
.pldtDiv .btnDiv.liNow .layer{ top:-165px; opacity:1; visibility:visible;}


.knowP1{ padding: 178px 0 160px; position: relative; background: #f2f5fa; overflow: hidden;}
.knowP1:before{ content: ''; position: absolute; left: 50%; margin-left: -660px; top: 80px; width: 251px; height: 250px; background: url(../images/nimg251Bg.png) no-repeat; }
.knowP1:after{ content: ''; position: absolute; right: 8.125%; top: 0; width: 500px; height: 365px; background: url(../images/nimg500Bg.png) no-repeat; }
.knowP1 .toptop{ position: relative; height: 45px; z-index: 1;}
.knowP1 .title{ height: 40px; line-height: 40px; font-size: 28px; color: #3E4041; font-weight: bold;}
.knowP1 .arrowDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.knowP1 .btn{ float: left; display: block; width: 40px; height: 40px; border-radius:0; }
.knowP1 .prev{ background: url(../images/limg40_left.png) no-repeat; }
.knowP1 .next{ margin-left: 8px; background: url(../images/limg40_right.png) no-repeat; }
.knowP1 .prev:hover{ background: url(../images/limg40_lefton.png) no-repeat;}
.knowP1 .next:hover{ background: url(../images/limg40_righton.png) no-repeat;}

.knowP1 .leftDiv{ width: 270px; height: 390px; position: relative; z-index: 1; }
.knowP1 .rightDiv{ width: 890px; position: relative; z-index: 1; }
.knowP1 .content{ padding-top: 25px; font-size: 14px; color: #3E4041; line-height: 29px;}
.knowP1 .ewmDiv{ position: absolute; right: 0; bottom: 0; padding-right: 120px; height: 100px; }
.knowP1 .ewmDiv .limg{ position: absolute; right: 0; top: 0; }
.knowP1 .ewmDiv .limg img{ width: 100px; }
.knowP1 .ewmDiv p{ text-align: right; font-size: 14px; color: #3E4041; }

.knowP1 .more a{ display: block; text-align: right; padding-right: 12px; font-size: 13px; color: #3282FF; line-height: 40px; background: url(../images/nimg12_1.png) right center no-repeat;}


.knowPic .swiper-container{ padding:15px 0 30px;}
.knowPic .swiper-slide a{ display:block; width:100%; height:100%;}
.knowPic .swiper-slide .imgDiv{ overflow: hidden; }
.knowPic .swiper-slide .imgDiv img{ width: 100%; }
.knowPic .swiper-slide .botDiv{ height: 120px; padding: 20px 20px 0; box-sizing: border-box; background: #fff; }
.knowPic .swiper-slide .name{ font-size: 16px; color: #3E4041; line-height: 24px; height: 48px; overflow: hidden;}
.knowPic .swiper-slide .msg{ color: rgba(62,64,65,0.5); margin-top: 14px; font-size: 13px; padding-left: 20px; height: 16px; line-height: 16px; overflow: hidden; background: url(../images/nimg16_4.png) left center no-repeat; }
.knowPic .swiper-slide:hover a{ box-shadow: 0px 14px 15px 0px rgba(117,121,128,0.4);}
.knowPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.knowP2{ padding-bottom: 48px; margin-top: -40px; position: relative; z-index: 1; }
.knowP2 .leftDiv{ width: 580px; padding: 40px; box-sizing:border-box; background: #fff; box-shadow: 0px 24px 48px 0px rgba(117,121,128,0.4);}
.knowP2 .leftDiv .mxfDiv{ position: relative; }
.knowP2 .leftDiv .imgDiv img{ width: 500px; }
.knowP2 .leftDiv .name{ position: absolute; left: 22px; top: 35px; z-index: 1; padding-left: 13px;}
.knowP2 .leftDiv .name:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #fff; }
.knowP2 .leftDiv .name .cn{ font-size: 26px; line-height: 26px; color: #fff; }
.knowP2 .leftDiv .name .en{ font-family: BebasKai; padding-top: 5px; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 16px; text-transform: uppercase; letter-spacing: 6px;}
.knowP2 .leftDiv .botDiv{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; height: 110px; background: rgba(255,255,255,0.5); z-index: 1; padding: 0 125px 0 35px; }
.knowP2 .leftDiv .icon{ position: absolute; left: 14px; top: -12px; width: 31px; height: 23px; background: url(../images/nimg31_1.png) no-repeat; z-index: 1; }
.knowP2 .leftDiv .msg{ font-size: 16px; line-height: 24px; color: #fff; margin-top: 18px; }
.knowP2 .leftDiv .ewm{ position: absolute; right: 14px; top: 50%; margin-top: -40px; border: #fff solid 4px; }
.knowP2 .leftDiv .ewm img{ width: 72px;}

.knowP2 .rightDiv{ width: 580px; }
.knowP2 .more{ height: 40px; }
.knowP2 .more a{ display: block; text-align: right; padding-right: 12px; font-size: 13px; color: #3282FF; line-height: 40px; background: url(../images/nimg12_1.png) right center no-repeat;}
.knowP2 .list{ padding-top: 70px; }
.knowP2 .list li{ padding-bottom: 45px; }
.knowP2 .list li:last-child{ padding-bottom: 0; }
.knowP2 .list li a{ display: block; padding-left: 22px; height: 52px; position: relative; }
.knowP2 .list li a:before{ content: ''; position: absolute; left: 0; top: 4px; width: 7px; height: 15px; background: #3282FF; }
.knowP2 .list li a:after{ content: ''; position: absolute; left: 3px; top: 15px; width: 1px; height: 37px; background: rgba(62,64,65,0.1); }
.knowP2 .list li .name{ height: 24px; line-height: 24px; overflow: hidden; color: #3E4041; font-size: 16px; font-weight: 600; }
.knowP2 .list li .content{ font-size: 13px; color: #3E4041; opacity: 0.5; height: 24px; line-height: 24px; padding-top: 4px; overflow: hidden;}

.knowP3{ background: #f2f5fa; padding: 120px 0 130px; }
.knowP3 .toptop{ height: 142px; position: relative; }
.knowP3 .toptop2{ height: 152px; position: relative; }
.knowP3 .bg{ position: absolute; left: -40px; top: 0; }
.knowP3 .bg img{ width: 250px; }
.knowP3 .title{ padding-top: 50px; padding-left: 3px; position: relative; z-index: 1; color: #3E4041; font-size: 28px; line-height: 28px; font-weight: bold; }
.knowP3 .msg{ font-size: 14px; padding-top: 5px; color: #3E4041; line-height: 29px; }
.knowP3 .msg2{ font-size: 14px; padding-top: 5px; color: #3E4041; line-height: 20px; width: 890px; }
.knowP3 .ewmDiv{ position: absolute; right: 0; top: 34px; padding-right: 86px; height: 70px;}
.knowP3 .ewmDiv .limg{ position: absolute; right: 0; top: 0; border: #fff solid 4px;}
.knowP3 .ewmDiv .limg img{ width: 62px; }
.knowP3 .ewmDiv p{ text-align: right; font-size: 12px; line-height: 20px; padding-top: 30px; color: #3E4041; }
.knowP3 .list ul{ margin-right: -40px; }
.knowP3 .list li{ float: left; width: 25%; }
.knowP3 .list li .box{ margin-right: 40px; }
.knowP3 .list li .imgDiv{ overflow: hidden; }
.knowP3 .list li .imgDiv img{ width: 100%; }
.knowP3 .list li .botDiv{ height: 100px; background: #fff; padding: 20px 15px 0 20px; box-sizing: border-box; }
.knowP3 .list li .name{ font-size: 16px; color: #3E4041; line-height: 24px; height: 48px; overflow: hidden; }
.knowP3 .list li .box:hover{ box-shadow: 0px 24px 48px 0px rgba(117,121,128,0.4); }
.knowP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.knowP3 .more{ padding-top: 10px; }
.knowP3 .more a{ display: block; text-align: right; padding-right: 12px; font-size: 13px; color: #3282FF; line-height: 40px; background: url(../images/nimg12_1.png) right center no-repeat;}

.knowP4{ background: #f2f5fa;}
.knowP4 .toptop{ height: 108px; position: relative; }
.knowP4 .title{ padding-left: 48px; height: 40px; line-height: 40px; color: #3E4041; position: relative; font-size: 28px; font-weight: bold; }
.knowP4 .title img{ position: absolute; left: 0; top: 0; }
.knowP4 .msg{ font-size: 14px; padding-top: 5px; color: #3E4041; line-height: 29px; }
.knowP4 .ewmDiv{ position: absolute; right: 0; top: 0; padding-right: 86px; height: 70px;}
.knowP4 .ewmDiv .limg{ position: absolute; right: 0; top: 0; border: #fff solid 4px;}
.knowP4 .ewmDiv .limg img{ width: 62px; }
.knowP4 .ewmDiv p{ text-align: right; font-size: 12px; line-height: 20px; padding-top: 30px; color: #3E4041; }
.knowP4 .leftDiv{ width: 580px; }
.knowP4 .leftDiv a{ display: block; width: 100%; height: 100%; }
.knowP4 .leftDiv .imgDiv{ overflow: hidden; }
.knowP4 .leftDiv .imgDiv img{ width: 100%; }
.knowP4 .leftDiv .botDiv{ background: #fff; padding: 20px 20px 0; box-sizing: border-box; height: 175px; }
.knowP4 .leftDiv .name{ font-size: 16px; color: #3E4041; font-weight: 500; height: 24px; line-height: 24px; overflow: hidden; }
.knowP4 .leftDiv .content{ margin-top: 15px; color: rgba(62,64,65,0.5); font-size: 13px; line-height: 18px; height: 54px; overflow: hidden; }
.knowP4 .leftDiv .time{ color: rgba(62,64,65,0.4); font-size: 12px; padding-top: 15px;}
.knowP4 .leftDiv a:hover{ box-shadow: 0px 24px 48px 0px rgba(117,121,128,0.4); }
.knowP4 .leftDiv a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.knowP4 .rightDiv{ width: 580px; }
.knowP4 .rightDiv li{ margin-bottom: 42px; }
.knowP4 .rightDiv li:last-child{ margin-bottom: 0; }
.knowP4 .rightDiv li a{ display: block; height: 196px; background: #fff; padding: 0 27px 0 310px; position: relative; overflow: hidden;}
.knowP4 .rightDiv li .imgDiv{ position: absolute; left: 0; top: 0; overflow: hidden;}
.knowP4 .rightDiv li .imgDiv img{ width: 290px; }
.knowP4 .rightDiv li .conDiv{ padding-top: 30px;}
.knowP4 .rightDiv li .name{ font-size: 16px; color: #3E4041; font-weight: 500; height: 48px; line-height: 24px; overflow: hidden; }
.knowP4 .rightDiv li .content{ margin-top: 15px; color: rgba(62,64,65,0.5); font-size: 13px; line-height: 18px; height: 36px; overflow: hidden; }
.knowP4 .rightDiv li .time{ color: rgba(62,64,65,0.4); font-size: 12px; padding-top: 15px;}
.knowP4 .rightDiv li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.knowP4 .more{ padding-top: 10px; }
.knowP4 .more a{ display: block; text-align: right; padding-right: 12px; font-size: 13px; color: #3282FF; line-height: 40px; background: url(../images/nimg12_1.png) right center no-repeat;}

.buildP1{ background: #f2f5fa; margin-top: -100px; } 
.buildP1 .mxfDiv{ height: 380px; position: relative; background: rgba(221,64,64,0.8); padding: 0 40px 0 688px; }
.buildP1 .videoDiv{ width: 605px; position: absolute; left: 30px; top: -32px; z-index: 1; }
.buildP1 .videoDiv video{ width: 100%; }
.buildP1 .name{ padding-top: 30px; line-height: 36px; color: #fff; font-weight: bold; font-size: 26px; letter-spacing: 3px; }
.buildP1 .content{ letter-spacing: 1.62px; line-height: 23px; color: #fff; font-size: 14px; padding-top: 18px;}
.buildP1 .more{ position: absolute; right: 46px; bottom: 30px; }
.buildP1 .more a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #fff; line-height: 18px; background: url(../images/nimg12_2.png) right center no-repeat;}
.buildP1 .more a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }

.buildP2{ padding: 140px 0; background: #f2f5fa; }
.buildP2 .toptop{ height: 152px; position: relative; }
.buildP2 .titleDiv{ height: 120px; position: relative; padding-left: 85px; }
.buildP2 .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.buildP2 .titleDiv .en{ font-family:BebasKai; color: rgba(221,64,64,0.1); font-size: 100px; line-height: 120px; text-transform: uppercase; }
.buildP2 .more{ position: absolute; right: 0; bottom: 30px; z-index: 1; }
.buildP2 .more a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #DD4040; line-height: 18px; background: url(../images/nimg12_3.png) right center no-repeat;}
.buildP2 .more a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #DD4040; }
.buildP2 .leftDiv{ width: 710px; }
.buildP2 .rightDiv{ width: 450px; }
.buildP2 .comBox{ position: relative; overflow: hidden; }
.buildP2 .comBox .imgDiv img{ width: 100%; }
.buildP2 .comBox .layer{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 12px 15px; background: rgba(0,0,0,0.5);}
.buildP2 .comBox .name{ font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; color: #fff; }
.buildP2 .boxA{ margin-bottom: 40px;}
.buildP2 .boxB, .buildP2 .listC{ width: 335px;}
.buildP2 .listC li{ padding-bottom: 40px; }
.buildP2 .listC li:last-child{ padding-bottom: 0; }
.buildP2 .boxD, .buildP2 .boxE{ width: 450px; }
.buildP2 .boxD{ margin-bottom: 40px; }
.buildP2 .comBox:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.buildP2 .list ul{ margin-right:-20px;}
.buildP2 .list li{ float:left; width:33.33%; padding-bottom:20px;}
.buildP2 .list li .box{ margin-right:20px; position:relative;}
.buildP2 .list li .imgDiv{ height:220px; overflow:hidden;}
.buildP2 .list li .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.buildP2 .list li .layer{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 12px 15px; background: rgba(0,0,0,0.5);}
.buildP2 .list li .name{ font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; color: #fff; }

.buildP3{ background: #f2f5fa; padding-bottom: 115px; overflow: hidden;}
.buildP3 .conDiv{ width: 150%; background: #DD4040; height: 368px; padding-top: 100px; box-sizing: border-box; position: relative; }
.buildP3 .conDiv .bg{ position: absolute; left: -100px; top: 0; width: 100px; height: 368px; background: #DD4040; }
.buildP3 .conDiv .txtDiv{ position: relative; height: 120px; }
.buildP3 .conDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; }
.buildP3 .conDiv .en{ font-family:BebasKai; color: rgba(218,229,247,0.2); font-size: 100px; line-height: 120px; text-transform: uppercase; padding-left: 52px; }
.buildP3 .more2{ padding-top:40px; float:right; }
.buildP3 .more2 a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #DD4040; line-height: 18px; background: url(../images/nimg12_3.png) right center no-repeat;}
.buildP3 .more2 a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #DD4040; }


.buildP3 .list{ margin-top: -90px; position: relative; }
.buildP3 .list ul{ margin-right: -40px; }
.buildP3 .list li{ float: left; width: 33.33%; }
.buildP3 .list li .box{ margin-right: 40px; position: relative; top: 0; }
.buildP3 .list li .imgDiv{ overflow: hidden; height:370px;}
.buildP3 .list li .imgDiv img{ width:100%; height:100%; object-fit:cover; }
.buildP3 .list li .botDiv{ height: 118px; background: #fff; padding: 22px 20px 0; box-sizing:border-box; }
.buildP3 .list li .name{ height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; color: #3E4041; font-weight: 600;}
.buildP3 .list li .content{ font-size: 13px; color: #3E4041; height: 20px; line-height: 20px; overflow: hidden; margin-top: 5px;}
.buildP3 .list li .more{ margin-top: 10px; position: relative; padding-left: 15px; font-family:BebasKai; letter-spacing: 1px; font-size: 12px; color: rgba(221,64,64,0.5); }
.buildP3 .list li .more:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top:-5px; width: 5px; height:10px; background:url(../images/ico4.png) no-repeat; }
.buildP3 .list li .box:hover{ top: -10px; box-shadow: 0px 24px 48px 0px rgba(117,121,128,0.4); }
.buildP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.buildP4{ position: relative; background: #f5f5fa url(../images/nimg500Bg.png) 9.125% bottom no-repeat; padding-bottom: 260px;}
.buildP4 .wal{ position: relative; padding-top: 80px; background: url(../images/nimg501Bg.png) right top no-repeat; }
.buildP4 .titleDiv{ height: 150px; position: relative; padding-left: 85px; }
.buildP4 .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.buildP4 .titleDiv .en{ font-family:BebasKai; color: rgba(221,64,64,0.1); font-size: 100px; line-height: 120px; text-transform: uppercase; }
.buildP4 .list{ position: relative; z-index: 1; background: #fff; box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4); width: 1036px; height: 500px; box-sizing: border-box; padding: 63px 83px 0; }
.buildP4 .list ul{ margin-right: -55px; }
.buildP4 .list li{ float: left; width: 33.33%; text-align: center; color: #3E4041; }
.buildP4 .list li .box{ margin-right: 55px; overflow: hidden; position: relative; }
.buildP4 .list li .name{ position: absolute; left: 0; width: 100%; box-sizing: border-box; padding: 12px 15px; height: 72px; background: rgba(0,0,0,.5); bottom: -72px;}
.buildP4 .list li .name em{ display: block; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #fff; text-align: left; }
.buildP4 .list li .imgDiv{ overflow:hidden; height:356px;}
.buildP4 .list li .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.buildP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.buildP4 .list li .box:hover .name{ bottom: 0; }
.buildP4 .more2{ position:absolute; right: 164px; top:140px;}
.buildP4 .more2 a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #DD4040; line-height: 18px; background: url(../images/nimg12_3.png) right center no-repeat;}
.buildP4 .more2 a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #DD4040; }


.buildP5{ padding: 20px 0 216px; background: #f5f5fa; overflow:hidden;}
.buildP5 .titleDiv{ height: 120px; text-align: center; }
.buildP5 .mxfDiv{ position: relative; padding-right: 36px; display: inline-block;}
.buildP5 .titleDiv .en{ font-family:BebasKai; color: rgba(221,64,64,0.1); font-size: 100px; line-height: 120px; text-transform: uppercase; }
.buildP5 .titleDiv .cn{ z-index: 1; position: absolute; right: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.buildP5 .list{ padding-top: 30px; }
.buildP5 .list ul{ margin-right: -40px; }
.buildP5 .list li{ float: left; width: 33.33%; }
.buildP5 .list li .box{ margin-right: 40px; }
.buildP5 .list li .imgDiv{ overflow: hidden; height:226px; }
.buildP5 .list li .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.buildP5 .list li .name{ margin-top: 25px; font-size: 16px; color: #3E4041; line-height: 24px; height: 48px; overflow: hidden; font-weight: 600; }
.buildP5 .list li .more{ margin-top: 30px; position: relative; padding-left: 15px; font-family:BebasKai; letter-spacing: 1px; font-size: 12px; color: rgba(221,64,64,0.5); }
.buildP5 .list li .more:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top:-5px; width: 5px; height:10px; background:url(../images/ico4.png) no-repeat; }
.buildP5 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.buildP5 .more2{ padding-top:40px; float:right; }
.buildP5 .more2 a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #DD4040; line-height: 18px; background: url(../images/nimg12_3.png) right center no-repeat;}
.buildP5 .more2 a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #DD4040; }

.buildP6{ padding-bottom: 85px; position: relative; }
.buildP6 .wal{ position: relative; }
.buildP6 .leftDiv{ margin-top: -100px; width: 706px; position: relative; }
.buildPic .imgDiv img{ width: 100%; }
.buildPic .swiper-pagination{ bottom: 20px; }
.buildPic .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(221,64,64,0.3); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.buildPic .swiper-pagination-bullet-active { background: #DD4040; border-radius: 4.5px; width: 20px;} 

.buildP6 .rightDiv{ position: absolute; right: 0; bottom: 0; width: 430px; }
.buildP6 .title{ position: relative; font-size: 38px; color: #DD4040; font-weight: 600; text-align: right; height: 60px; line-height: 54px; }
.buildP6 .title:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 9px; height: 9px; border-radius: 50%; background: #DD4040; }
.buildP6 .title:after{ content: ''; position: absolute; left: 0; width: 100%; bottom: 4px; height: 1px; background: #DD4040;  }
.buildP6 .msg{ padding-top: 35px; font-size: 15px; color: #3E4041; line-height: 24px; }
.buildP6 .more2{ position:absolute; right:50%; margin-right:-600px; top:-60px; }
.buildP6 .more2 a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #DD4040; line-height: 18px; background: url(../images/nimg12_3.png) right center no-repeat;}
.buildP6 .more2 a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #DD4040; }

.newsBanner .bg{ height: 202px; background: center no-repeat; background-size: cover; }
.newsBanner .bg img{ width: 100%; }

.newsNav{ height: 90px; box-sizing: border-box; padding-top: 15px; background: #f2f5fa; text-align: center; }
.newsNav ul{ font-size: 0; }
.newsNav li{ display: inline-block; padding: 0 60px;}
.newsNav li a{ display: block; height: 60px; line-height: 70px; position: relative; font-size: 18px; text-align: center; color: #3E4041; }
.newsNav li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 6px; background: #3282FF; }
.newsNav li a:hover{ color: #3282FF;}
.newsNav li .aNow{ color: #3282FF;  }
.newsNav li .aNow:after{ width: 100%; left: 0; }

.newsP1{ position: relative; background: #f5f5fa url(../images/nimg500Bg.png) 9.125% bottom no-repeat; padding-bottom: 190px;}
.newsP1 .wal{ position: relative; padding-top: 80px; background: url(../images/nimg501Bg.png) right top no-repeat; }
.newsP1 .titleDiv{ height: 150px; position: relative; padding-left: 85px; }
.newsP1 .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.newsP1 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; }
.newsP1 .bigBox{ position: relative; z-index: 1; background: #fff; box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4); width: 1036px; height: 500px; box-sizing: border-box; padding: 0 40px 0 570px; }
.newsP1 .imgDiv{ position: absolute; left: 0; top: 0; }
.newsP1 .imgDiv img{ width: 530px; }
.newsP1 .list{ padding-top: 40px; }
.newsP1 .list li{ padding-bottom: 45px; }
.newsP1 .list li:last-child{ padding-bottom: 0; }
.newsP1 .list li a{ display: block; padding-left: 22px; height: 70px; position: relative; }
.newsP1 .list li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 7px; height: 24px; background: #3282FF; }
.newsP1 .list li a:after{ content: ''; position: absolute; left: 3px; top: 24px; width: 1px; height: 46px; background: rgba(62,64,65,0.1); }
.newsP1 .list li .name{ height: 48px; line-height: 24px; overflow: hidden; color: #3E4041; font-size: 16px; font-weight: 600; }
.newsP1 .list li .time{ font-size: 13px; color: #3E4041; opacity: 0.5; height: 24px; line-height: 24px; padding-top: 4px; overflow: hidden;}
.newsP1 .newsBtn{ padding-right: 164px;}

.newsP2 .toptop{ height: 178px; background: #f5f5fa url(../images/nimg500Bg.png) 9.125% top no-repeat; position: relative;}
.newsP2 .titleDiv{ height: 150px; position: relative; text-align: right; }
.newsP2 .titleDiv .cn{ z-index: 1; position: absolute; right: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.newsP2 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; }

.newsP2 .botbot{ background: #fff; padding: 80px 0 30px; }
.newsP2 .list ul{ margin-right: -40px; }
.newsP2 .list li{ float: left; width: 50%; padding-bottom: 50px; }
.newsP2 .list li .box{ margin-right: 40px; }
.newsP2 .list li a{ display: block; padding-left: 220px; height: 120px; position: relative; }
.newsP2 .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.newsP2 .list li .imgDiv img{ width: 200px; }
.newsP2 .list li .name{ font-size: 16px; color: #3E4041; font-weight: 600; line-height: 24px; height: 48px; overflow: hidden;}
.newsP2 .list li .content{ margin-top: 6px; font-size: 13px; color: #3E4041; opacity: 0.7; line-height: 20px; height: 40px; overflow: hidden;}
.newsP2 .list li .time{ font-size: 12px; padding-top: 10px; color: #3E4041; opacity: 0.5;}
.newsP2 .list li .box:hover .name{ color: #3282FF;}


.newsP3{ padding: 160px 0 200px; background: #f5f5fa; position:relative; }
.newsP3:before{ content:''; position:absolute; left:9.125%; top:370px; width:360px; height: 790px; background:url(../images/nimg360Bg.png) repeat-y;}
.newsP3 .titleDiv{ text-align: center; position: relative; }
.newsP3 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.newsP3 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.5; }
.newsP3 .list{ padding-top: 90px; }
.newsP3 .list ul{ margin-right: -30px; }
.newsP3 .list li{ float: left; width: 33.33%; }
.newsP3 .list li .box{ margin-right: 30px; position: relative; overflow: hidden;}
.newsP3 .list li .box:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.newsP3 .list li .imgDiv{ height:350px; overflow:hidden; background:#fff;}
.newsP3 .list li .imgDiv img{ width:100%; height:100%; object-fit:cover; }
.newsP3 .list li .name{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; z-index:1;}
.newsP3 .list li .cn{font-size: 28px; font-weight: 600; line-height: 40px; color: #fff;}
.newsP3 .list li .en{ color: rgba(255,255,255,0.7); font-size: 16px; font-family:BebasKai; padding: 0 20px;}
.newsP3 .list li .content{ opacity: 0; left: 0; bottom: -50%; position: absolute; font-size: 16px; line-height: 22px; color: #fff; padding: 0 65px; z-index:1; }
.newsP3 .list li .box:hover .name{ top: 25%; }
.newsP3 .list li .box:hover .content{ opacity: 1; bottom: 20%; }

.newsP4{ background: #f5f5fa; padding-bottom: 120px;}
.newsP4 .conDiv{ width: 150%; background: #3282FF; height: 368px; padding-top: 100px; box-sizing: border-box; position: relative; }
.newsP4 .conDiv .bg{ position: absolute; left: -100px; top: 0; width: 100px; height: 368px; background: #3282FF; }
.newsP4 .conDiv .txtDiv{ position: relative; height: 120px; }
.newsP4 .conDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; }
.newsP4 .conDiv .en{ font-family:BebasKai; color: rgba(218,229,247,0.2); font-size: 100px; line-height: 120px; text-transform: uppercase; padding-left: 52px; }
.newsP4 .list{ margin-top: -90px; position: relative;}
.newsP4 .list ul{ margin-right: -40px; }
.newsP4 .list li{ float: left; width: 33.33%; }
.newsP4 .list li .box{ margin-right: 40px; overflow: hidden; position: relative; top: 0; }
.newsP4 .list li .imgDiv{ height:250px; overflow:hidden; background:#fff;}
.newsP4 .list li .imgDiv img{ width:100%; height:100%; object-fit:cover; }
.newsP4 .list li .name{ position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 15px; width:100%; background:rgba(0,0,0,0.6); height:46px; line-height:46px; text-align:center; color:#fff; overflow:hidden; font-size:15px;}
.newsP4 .list li .box:hover{ top: -10px; box-shadow: 0px 24px 48px 0px rgba(117,121,128,0.4);}
.newsP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newsBtn{ text-align:right; padding-top:30px; }
.newsBtn a{ display:block; color:#3282FF; font-size:13px; padding-right:14px; background:url(../images/nimg12_1.png) right center no-repeat;}
.newsP2 .newsBtn{ padding-top:10px; padding-bottom:10px;}

.newShow{ padding: 75px 0; min-height: 600px; }
.newShow .wal{ position: relative; }
.news-header{ width: 700px; border-bottom: 1px solid #D8D8D8; height: 80px; position: relative; padding-left: 80px; overflow: hidden;}
.news-classify{ position: absolute; left: 0; top: 0; width: 56px; height: 56px; padding: 10px 14px; float: left; box-sizing: border-box; color: #fff; text-align: center; font-size: 14px; line-height: 18px; background: #3282FF;}
.news-title{ font-size: 20px; color: #3282FF; line-height: 28px; height: 28px; overflow: hidden; }
.news-date{ font-size: 14px; color: #6A7599; text-align: justify; line-height: 30px; height: 30px; }

.newShow .content{ width: 780px; padding-top: 20px; font-size: 15px; letter-spacing: 2px; line-height: 26px; }
.newShow .detail-img{ position: absolute; right: 0; top: 50px; }
.newShow .detail-img img{ width: 300px; }

.newShow .ys1{ width:780px; padding-top:20px;}
.newShow .ys1 p{ font-size: 15px; letter-spacing: 2px; line-height: 26px; }
.newShow .ys1 .imgList{ overflow:hidden; padding:20px 0 35px;}
.newShow .ys1 .imgList ul{ margin-right:-20px;}
.newShow .ys1 .imgList li{ float:left; width:50%;}
.newShow .ys1 .imgList li .lbox{ margin-right:20px;}
.newShow .ys1 .imgList li img{ width:100%;}

.aboutBan{ position: relative; }
.aboutBan .bg img{ width: 100%; }
.aboutBan .layer{ position: absolute; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); z-index: 2; }
.aboutBan .titleDiv{ height: 120px; position: relative; padding-left: 60px; }
.aboutBan .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; }
.aboutBan .titleDiv .en{ font-family:BebasKai; color: rgba(218,229,247,0.1); font-size: 100px; line-height: 120px; text-transform: uppercase; }
.aboutBan .content{ height: 144px; overflow:hidden; width: 576px; color: #fff; font-size: 16px; line-height: 24px; }
.aboutBan .more{ padding-top:10px;}
.aboutBan .more a{ display: inline-block; padding-right: 16px; font-size: 13px; color: #3282FF; position: relative; }
.aboutBan .more a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.aboutBan .more a:hover{ text-decoration: underline; }

.aboutP0{ background: #f2f5fa; margin-top: -100px; padding-bottom:100px; } 
.aboutP0 .mxfDiv{ height: 380px; position: relative; background: rgba(50,130,255,0.8); padding: 0 40px 0 688px; }
.aboutP0 .videoDiv{ width: 605px; position: absolute; left: 30px; top: -32px; z-index: 1; }
.aboutP0 .videoDiv video{ width: 100%; }
.aboutP0 .name{ padding-top: 30px; line-height: 36px; color: #fff; font-weight: bold; font-size: 26px; letter-spacing: 3px; }
.aboutP0 .content{ letter-spacing: 1.62px; line-height: 23px; color: #fff; font-size: 14px; padding-top: 18px;}
.aboutP0 .content2{ display:none;}
.aboutP0 .more{ position: absolute; right: 46px; bottom: 30px; }
.aboutP0 .more a{ position: relative; display: block; padding-right: 12px; font-size: 13px; color: #fff; line-height: 18px; background: url(../images/nimg12_2.png) right center no-repeat;}
.aboutP0 .more a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }

.aboutP1{ padding: 110px 0 75px; }
.aboutP1 .titleDiv{ text-align: center; position: relative; }
.aboutP1 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.aboutP1 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.5; }
.aboutP1 .imgDiv{ padding-top: 80px; }
.aboutP1 .imgDiv img{ width: 100%; }

.aboutP2{ background: #f5f5fa; padding-top: 150px;}
.aboutP2 .titleDiv{ text-align: center; position: relative; margin-bottom: 90px;}
.aboutP2 .titleDiv .cn{ z-index: 1; position: absolute; width: 100%; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; text-align: center; }
.aboutP2 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; opacity: 0.5; }

.businessPic{ position: relative; padding-bottom: 110px; }
.businessPic .swiper-slide .imgDiv img{ width: 100%; }
.businessPic .swiper-slide .name{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; z-index: 2;}
.businessPic .swiper-slide .cn{font-size: 28px; font-weight: 600; line-height: 40px; color: #fff;}
.businessPic .swiper-slide .en{ color: rgba(255,255,255,0.7); font-size: 16px; font-family:BebasKai; padding: 0 20px;}
.businessPic .swiper-slide .content{ opacity: 0; left: 0; bottom: -50%; position: absolute; font-size: 16px; line-height: 22px; color: #fff; padding: 0 65px; z-index: 2; }
.businessPic .swiper-slide .bg{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(50,130,255,0.6); z-index: 1; }
.businessPic .swiper-slide:hover .name{ top: 25%; }
.businessPic .swiper-slide:hover .content{ opacity: 1; bottom: 20%; }
.businessPic .swiper-slide:hover .bg{ opacity: 1; }
.businessPic .btn{ position: absolute; bottom: 0; width: 40px; height: 40px; }
.businessPic .prev{ background: url(../images/limg40_left.png) no-repeat; left: 50%; margin-left: -45px;}
.businessPic .next{ background: url(../images/limg40_right.png) no-repeat; right: 50%; margin-right: -45px;}
.businessPic .prev:hover{ background: url(../images/limg40_lefton.png) no-repeat;}
.businessPic .next:hover{ background: url(../images/limg40_righton.png) no-repeat;}

.aboutP3{ background: #f5f5fa; padding: 215px 0 160px; overflow: hidden; position: relative;}
.aboutP3:before{ content: ''; position: absolute; left: 10%; top: 0; width: 360px; height: 636px; background: url(../images/nimg360Bg.png) repeat-y;}
.aboutP3 .toptop{ width: 890px; float: right; }
.aboutP3 .titleDiv{ height: 120px; position: relative; padding-left: 82px; }
.aboutP3 .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.aboutP3 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; }
.aboutP3 .msg{ font-size: 14px; color: #3E4041; opacity: 0.6; }
.aboutP3 .list{ padding-top: 90px; clear: both; position: relative; z-index: 1;}
.aboutP3 .list ul{ margin-right: -40px; }
.aboutP3 .list li{ float: left; width: 25%; }
.aboutP3 .list li .box{ margin-right: 40px; position: relative; top: 0; }
.aboutP3 .list li .imgDiv{ overflow: hidden; position: relative; }
.aboutP3 .list li .imgDiv img{ width: 100%; }
.aboutP3 .list li .txt{ position: absolute; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); font-size: 22px; line-height: 22px; color: #fff; font-weight: 600;}
.aboutP3 .list li .botDiv{ background: #fff; padding: 26px 24px 0; height: 226px; box-sizing: border-box;}
.aboutP3 .list li .name{ font-size: 15px; color: #343434;font-weight: 600; text-align: center; }
.aboutP3 .list li .content{ font-size: 12px; line-height: 20px; padding-top: 12px; color: #9a9a9a;}
.aboutP3 .list li .content p{ padding-bottom: 5px; }
.aboutP3 .list li .box:hover{ box-shadow: 0px 20px 40px 0px rgba(117,121,128,0.4); top: -10px; }

.aboutP4{ background: #f2f5fa; padding-bottom: 140px; overflow: hidden;}
.aboutP4 .conDiv{ width: 150%; background: #3282FF; padding: 100px 0 110px; box-sizing: border-box; position: relative; }
.aboutP4 .conDiv .bg{ position: absolute; left: -100px; top: 0; width: 100px; height: 100%; background: #3282FF; }
.aboutP4 .conDiv .txtDiv{ position: relative; height: 120px; }
.aboutP4 .conDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #fff; font-size: 30px; font-weight: bold; }
.aboutP4 .conDiv .en{ font-family:BebasKai; color: rgba(218,229,247,0.2); font-size: 100px; line-height: 120px; text-transform: uppercase; padding-left: 52px; }
.aboutP4 .halaDiv{ width: 1200px; }
.aboutP4 .list{ padding-top: 55px; overflow:hidden; position:relative; padding-bottom:90px;}
/*.aboutP4 .list ul{ margin-right: -29px; }
.aboutP4 .list li{ float: left; width: 33.33%; padding-bottom: 48px;}
*/
.aboutP4 .list li .name{ font-size: 18px; color: #fff; height: 52px; line-height: 52px; position: relative; padding-left: 22px; }
.aboutP4 .list li .name:before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 18px; margin-top: -9px; background: #fff;}
.aboutP4 .list li .imgDiv{ height:280px; overflow:hidden; background:#fff;}
.aboutP4 .list li .imgDiv img{ max-width:380px; max-height:280px; }
.aboutP4 .btn{ display:none; position: absolute; bottom: 0; width: 40px; height: 40px; border-radius:0; }
.aboutP4 .prev{ background: url(../images/limg40_left.png) no-repeat; left: 50%; margin-left: -45px;}
.aboutP4 .next{ background: url(../images/limg40_right.png) no-repeat; right: 50%; margin-right: -45px;}
.aboutP4 .prev:hover{ background: url(../images/limg40_lefton.png) no-repeat;}
.aboutP4 .next:hover{ background: url(../images/limg40_righton.png) no-repeat;}
.aboutP4 .swiper-pagination{ position: absolute; left: 0; right: auto; width: 100%; text-align:center; }
.aboutP4 .swiper-pagination .swiper-pagination-bullet{ display:inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 0; background: rgba(255,255,255,0.45); font-size: 18px; color: #3282FF;}
.aboutP4 .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; }


.pageNum{ text-align: right; }
.pageNum ul{ font-size: 0 }
.pageNum li{ margin-left: 10px; display: inline-block; }
.pageNum li a{ display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(255,255,255,0.45); text-align: center; color: #3282FF; font-size: 18px; }
.pageNum li .aNow{ background: #fff; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  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 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 8.2rem; margin: 0 auto; padding: 60px 100px 0;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { height: 5.4rem;}
.pic-modal-box .pic-box img { display: block; max-width: 8.2rem; max-height: 5.4rem;}

.aboutP5{ background: #f2f5fa; padding-bottom: 235px; overflow: hidden;}
.aboutP5 .toptop{ height: 138px; position: relative; }
.aboutP5 .titleDiv{ height: 120px; position: relative; padding-left: 56px; }
.aboutP5 .titleDiv .cn{ z-index: 1; position: absolute; left: 0; top: 0; line-height: 120px; color: #3E4041; font-size: 30px; font-weight: bold; }
.aboutP5 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 120px; text-transform: uppercase; }
.aboutP5 .arrowDiv{ position: absolute; right: 0; top: 60px; z-index: 1; }
.aboutP5 .btn{ margin-left: 10px; float: left; width: 40px; height: 40px; border-radius:0; }
.aboutP5 .prev{ background: url(../images/limg40_left.png) no-repeat; }
.aboutP5 .next{ background: url(../images/limg40_right.png) no-repeat; }
.aboutP5 .prev:hover{ background: url(../images/limg40_lefton.png) no-repeat;}
.aboutP5 .next:hover{ background: url(../images/limg40_righton.png) no-repeat;}
.aboutP5 .more{ text-align:right; }
.aboutP5 .more a{position: relative; display: inline-block; padding-right: 12px; font-size: 13px; color: #3282FF; line-height: 18px; background: url(../images/nimg12_1.png) right center no-repeat;}
.aboutP5 .more a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #3282FF;}
.employPic .swiper-container{ padding-top: 10px; padding-bottom: 30px; }
.employPic .swiper-slide .box{ position: relative; top: 0; }
.employPic .imgDiv{ overflow: hidden; height:280px; }
.employPic .imgDiv img{ width: 100%; height:100%; object-fit: cover; }
.employPic .botDiv{ height: 100px; background: #fff; padding: 20px 20px 0; box-sizing: border-box; }
.employPic .name{ font-size: 16px; color: #3E4041; line-height: 24px; height: 48px;}
.employPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.employPic .swiper-slide:hover .box{ top: -10px; box-shadow: 0px 20px 25px 0px rgba(117,121,128,0.4);}

.aboutP6{ position: relative; padding-bottom: 120px;}
.aboutP6 .wal{ position: relative; }
.aboutP6 .titleDiv{ height: 100px; position: absolute; right: 0; top: -100px; width: 430px; }
.aboutP6 .titleDiv .cn{ z-index: 1; position: absolute; right: 0; top: 0; line-height: 100px; color: #3E4041; font-size: 30px; font-weight: bold; }
.aboutP6 .titleDiv .en{ font-family:BebasKai; color: #DAE5F7; font-size: 100px; line-height: 100px; text-transform: uppercase; }
.aboutP6 .leftDiv{ margin-top: -100px; width: 706px; position: relative; }
.contactPic .imgDiv img{ width: 100%; }
.contactPic .swiper-pagination{ bottom: 20px; }
.contactPic .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: rgba(50,130,255,0.3); border-radius: 50%; -moz-border-radius: 50%; margin-left:2px; margin-right: 2px; } 
.contactPic .swiper-pagination-bullet-active { background: #3282FF; border-radius: 4.5px; width: 20px;} 

.aboutP6 .rightDiv{ position: absolute; right: 0; bottom: 30px; width: 430px; }
.aboutP6 .title{ position: relative; font-size: 20px; color: #3E4041; text-align: right; height: 60px; line-height: 20px; }
.aboutP6 .title:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 9px; height: 9px; border-radius: 50%; background: #3282FF; }
.aboutP6 .title:after{ content: ''; position: absolute; left: 0; width: 100%; bottom: 4px; height: 1px; background: #3282FF;  }
.aboutP6 .msg{ padding-top: 35px; font-size: 15px; color: #3E4041; line-height: 24px; }

.about-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;}
.about-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 */
}

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

.aboutLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.aboutLayer .close:hover { transform: rotate(-90deg);}
.aboutLayer .content{ font-size:16px; line-height:30px; color:#333;}

.documentTop{ position: fixed; left: 0; top: 0; width: 100%; background: #fff; height: 60px; z-index: 2; box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.05); }
.documentTop .links_l{ padding-left: 20px; line-height: 60px; font-size: 16px; color: rgba(18,36,70,0.1); }
.documentTop .links_l a{ padding: 0 20px; color: #122446;}
.documentTop .links_l a:hover{ color: #3282FF; }
.documentTop .links_r{ padding-right: 40px; }
.documentTop .links_r a{ padding-left: 40px; font-size: 15px; line-height: 60px; color: #3E4041; }
.documentTop .links_r a:hover{ color: #3282FF; }

.documentLayer{ position: fixed; left: 0; width: 280px; padding: 0 20px 0 30px; top: 0; height: 100%; z-index: 1; background: #f2f5fa; box-sizing: border-box; }
.documentLayer.on{ left: -280px; }
.documentLayer .mxfDiv{ padding-top: 80px; }
.documentLayer .form{ height: 44px; position: relative;}
.documentLayer .form .input1{ border-radius: 24px; width: 100%; height: 44px; line-height: 44px; font-size: 14px; box-sizing: border-box; padding-left: 40px; background: #e7ebf1 url(../images/nimg16_5.png) 15px center no-repeat;}
/*.documentLayer .form .btn1{ position: absolute; right:  }*/
.documentLayer .closeBtn{ z-index: 2; position: absolute; display: none; right: 10px; top: 66px; width: 24px; height: 24px; background: url(../images/close2.png) no-repeat; background-size: 24px; }

.sortNav{ margin-top: 40px; padding-right: 10px; height: 70vh; overflow: auto; }
.sortNav::-webkit-scrollbar { width: 2px;}
.sortNav::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sortNav::-webkit-scrollbar-thumb { background-color: #3282FF;} 
.dubNav{ cursor:pointer; display:block; height: 50px; line-height: 50px; position:relative; font-size:15px; color: #122446; font-weight: bold; }
.dubNav:after{ content: ''; position: absolute; width: 10px; height: 6px; top: 50%; right: 0; margin-top: -3px; background: url(../images/ico2.png) no-repeat; }
.currentDt:after{ background: url(../images/ico2on.png) no-repeat;}
.navCon{display: none;}
.navCon a{display:block; height: 50px; line-height: 50px; color:#122446; overflow:hidden; font-size: 14px; padding: 0 23px; }
.navCon .on{ background: #fff; border-radius: 8px; color: #3282FF; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05);}

.document{ padding: 120px 0;}
.document .name{ font-weight: bold; color: #122446; font-size: 34px; line-height: 48px; }
.document .hala{ padding: 20px 0; position: relative; left: -12px; font-size: 14px; color: #3E4041; opacity: 0.5; }
.document .hala em{ padding: 0 12px;}
.document .survey{ background: #f2f3f5; padding: 20px 62px 20px 56px; position: relative; font-size: 15px; color: #122446; line-height: 24px; }
.document .survey:before{ content: ''; position: absolute; left: 24px; top: 12px; width: 20px; height: 15px; background: url(../images/nimg20_1.png) no-repeat; }
.document .survey:after{ content: ''; position: absolute; right: 35px; bottom: 12px; width: 20px; height: 15px; background: url(../images/nimg20_2.png) no-repeat; }
.document .content{ padding-top: 30px; font-size: 14px; color: #122446; line-height: 26px; }
.document .imgDiv{ padding: 30px 0; text-align: center; }
.document .content img{ max-width: 900px; }

.catalog{ position: fixed; right: 50%; margin-right: -600px; top: 120px; z-index: 1; }
.catalog .txt{ font-weight: bold; color: #122446; font-size: 18px; line-height: 24px; padding-bottom: 15px; }
.catalog .list{ position: relative; padding-left: 24px; }
.catalog .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #dee0e5; }
.catalog .list li{ padding-bottom: 15px; }
.catalog .list dt{ color: #122446; font-size: 14px; line-height: 32px;}
.catalog .list dd{ padding-left: 20px; font-size: 14px; line-height: 32px; }
.catalog .list dd a{ color: #122446; }
.catalog .list dd a:hover{ text-decoration: underline; }

.docuBtn{ position: fixed; left: 0; top: 50%; margin-top: -50px; z-index: 1; }
.docuBtn a{ display: block; width: 40px; height: 100px; background: #122446; font-size: 13px; color: #fff; }
.docuBtn em{ width: 14px; left: 50%; margin-left: -7px; top: 50%; position: absolute; transform: translateY(-50%); }

.ewmModal-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;}
.ewmModal-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 */
}

.bookModal-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;}
.bookModal-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 */
}

.ewmLayer { width: 170px; margin: 0 auto; background: #fff; padding: 20px; position: relative; box-sizing: border-box;}
.ewmLayer .limg img{ width: 130px; }
.ewmLayer .close{position: absolute; display: block; right: -38px; top: -38px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;}

.newsList{ padding: 100px 0; }
.newsList .list{ padding-bottom: 30px; }
.newsList .list li{ height: 120px; padding-bottom: 15px; }
.newsList .list li a{ display: block; height: 100%; position: relative; padding-right: 100px; background: #f8f8f8;}
.newsList .list li .time{ position: absolute; left: 35px; top: 34px; font-size: 20px; line-height: 20px; color: #b7b7b7; font-family:BebasKai; }
.newsList .list li .conDiv{ padding-left: 160px; padding-top: 25px; }
.newsList .list li .name{ height: 36px; font-size: 20px; line-height: 36px; color: #666; overflow: hidden;}
.newsList .list li .content{ margin-top: 10px; font-size: 14px; color: #929292; line-height: 24px; height: 24px; overflow: hidden; text-align: justify; }
.newsList .list li a:hover{ background: #3282FF; }
.newsList .list li a:hover .time, .newsList .list li a:hover .name, .newsList .list li a:hover .content{ color: #fff; }