@charset "utf-8";
html{scroll-behavior: smooth;}
body{ overflow-x:hidden;}
body{ color:#204d9e; height:auto; box-sizing:border-box; font-size:16px; line-height: 1.4; padding-top: 0;}
.embody{position: relative;height: 100%; width: 100%; overflow: hidden; padding-top:0; box-sizing: border-box;}
.user-select{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#204d9e; text-decoration:none;}
a:hover{ text-decoration:none; color:#1fa4d9;}
i,em{ font-style:normal;}

.fNav .h3 span,
.fNav .h3 i,
.menu .h3 span,
.menu .h3 i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition: all 0.3s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}


.videoAD{ position: fixed; left:0; top:0; right:0; bottom:0; background: #000; z-index: 9999; overflow: hidden; cursor: pointer;}
.videoAD video{ width: 100vw; height: 100vh; object-fit: cover;}
.videoClose{position: absolute; left: 50%; bottom:30px; font-size: 18px; width: 2em; height: 2em; line-height: 2em; text-align: center; color: #204d9e; background: #fff; border-radius: 50%; text-align: center; transform: translateX(-50%);}

/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}



.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
/*.menu-link.active{ background:#204d9e; border-radius: 50%;}*/
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}
.wp{ position: relative; margin: 0 auto; width: 1400px; box-sizing: border-box;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:999; position: fixed; background: rgba(255,255,255,0.5); transition: 0.3s background;}
.nProMain2 .wp,
.footer .wp,
.header .wp{ width: auto; margin: 0 7.5%;}





.logo{ position:absolute; left:0px; top:50%; margin-top:-0.5em; font-size:56px; line-height: 1; z-index: 3;}
.logo img{ height:1em; width:auto; display: block;}
.logo .img1{ opacity: 0;}
.logo .img2{ opacity: 1; position: absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: auto;}


.tNav{ position: absolute; top: 50%; margin-top: -8px; right:76px; padding: 0; z-index: 3;}
.tNav .i{ display: none; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; font-size:20px; color: #fff; text-align: center;}
.tNav.active .i:before{ content:"\e80c";}
.tNav ul{ display: flex;}
.tNav li{ position: relative;}
.tNav .t{}
.tNav .t a{ color: #204d9e; font-size:16px; height: 1em; line-height: 1em; text-transform: uppercase;font-weight: normal; display: flex;}
.tNav .t a em{ margin-right: 0.2em; font-size: 1em;}
.tNav .t a span{ font-size: 1em;}
.tNav .t a i{ margin-left: 0.2em; font-size: 1em;}
.tNav .c{ display: none; position: absolute; top: 100%; z-index: 2; left: 50%; margin-left: -70px; width: 140px; padding-top: 5px;}
.tNav .pd{ box-shadow:0 2px 5px #adb5bd;background-color: #fafafa;padding: 3px 10px; border-radius: 15px; text-align: center; display: flex; justify-content: center; align-items: center;}
.tNav .c a{ margin: 0 0.5em; position: relative; font-size: 16px; display: block; line-height: 2.5em;	}
.tNav .c a:before{ content: ''; position: absolute; top: 50%; right: -0.5em; height: 12px; margin-top: -6px; width: 1px; background: rgba(84,86,90,0.75);}
.tNav .c a:last-child:before{ display: none;}
.tNav li:hover .c{ display: block; text-align: center;}

.tSearch{position: absolute; right:0; top: 50%; margin-top: -16px; z-index: 3;}
.tSearch .i{ display: block; width: 32px; height:32px; line-height:32px; border-radius: 50%; font-size:20px; color: #204d9e; text-align: center; cursor: pointer;}
.tSearch.active .i:before{ content:"\e80c";}
.tSearch .box{width: 320px; position: absolute; right:0; top: 44px; display: none;}
.tSearch .pd{ position: relative;}
.tSearch .t{ }
.tSearch .c{ }
.ipt_t1{ background:#fff; border:1px solid #ccc; color:#204d9e; /*box-shadow: 0 0 3px rgba(0,0,0,0.3); */width:100%; padding:0 15px; border-radius:0.3em !important; font-size:16px; height:2.5em; box-sizing:border-box; display:block; padding: 0 3em 0 1em;}
.ipt_t1:focus{box-shadow:0 0 0.625em rgba(16,99,178,1); border:2px solid #204d9e; outline:none;}
.ipt_b1{ width:2.5em; text-align:center; font-size:1em; height:2.5em; color:#54565A; background:none; border:none;  box-sizing: border-box; padding:0; position: absolute; right:0; top: 50%; margin-top: -1.25em;}
.ipt_b1:after{ content: ''; width:1px; height: 1em; position: absolute; right: 2.5em; top: 50%; margin-top: -0.5em; background: rgba(84,86,90,0.75);}

.proSearch{}
.proSearch .tSearch{ position: static; right: auto; top: auto; margin:0;}
.proSearch .tSearch .box{ position: static; right: auto; top: auto; margin:0; left: auto; display: block; padding: 2.5em 0;}

.tLogon{position: absolute; top: 50%; margin-top: -16px; right:140px; padding: 0; z-index: 3; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #204D9E; font-size: 20px;}
.tLogon:hover{ color: #1FA4D9;}


.menu{ text-align: center; margin: 0 150px 0 204px; position: relative; padding: 0; z-index: 3;}
.menu ul{ display: inline-block; vertical-align: bottom; position: relative;}
.menu li{ float: left; position: relative;}
.menu li:last-child{ margin-right:0;}
.menu .h3{ position: relative;}
.menu .h3 a{ display: block; color: #204d9e; height:96px; line-height: 96px; font-size: 16px; font-weight: bold;  position: relative; padding: 0 40px; text-transform: uppercase;  transition: 0.4s all;}
.menu .h3 a:after{ content: ''; position: absolute;  width: 0; height: 3px; background: #1fa4d9; left: 50%; transform: translateX(0%); bottom: 0; transition: 0.4s all;}
.menu .h3 a:before{content: '';position: absolute; width: 3px; height: 3px; background: #204d9e; border-radius: 50%; right:0; top: 50%; transform: translate(50%,-50%);}
.menu li:last-child .h3 a:before{ display: none;}

.menu .h3 strong{ font-weight:normal;}
.menu .h3 span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px;}
.menu .h3 span:before{ content: "\e604";}
.menu .h3 span.active:before { content: "\e606";}
.menu .h3 i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu .h3 i:before { content:"\e8e9";}

.menu .box{ position: absolute; top: 100%; left:0; right:0; text-align: center; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:10px 0; background: #fff; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.2); transition-delay: 0.2s;}
.menu .box .npd{}
.menu .box .li{ }
.menu .box .t{ padding: 6px 0;}
.menu .box .t a{ font-size: 14px; line-height: 1.4; display: block; text-align: center; color:#204d9e; font-weight: normal; box-sizing: border-box; position: relative; overflow: hidden; width: 8.4em; margin: 0 auto; transition: 0.4s all;}


.menu .boxb{ position: absolute; top: 100%; left:0; width: 430px; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:10px 0; background: #fff; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.2); transition-delay: 0.2s; font-size: 16px; box-sizing: border-box; padding: 20px 30px; text-align: left;}
.menu .boxb .npd{ display: flex;}
.menu .boxb .li{ width: 50%;}
.menu .boxb .t{ margin-bottom: 6px;}
.menu .boxb .t a{ display: block; font-weight: bold;}
.menu .boxb .c{}
.menu .boxb .c a{ display: block; height: 32px; line-height: 32px; position: relative; padding-left: 20px;}
.menu .boxb .c a:before{ content: ''; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #204d9e; border-radius: 50%;}


.menu .box .c{ position: absolute; left:0; top: 100%; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: 0.3s all; text-align: left;}
.menu .box .c .nnpd{background:rgba(255,255,255,0.5); border-radius: 0 0 5px 5px; box-sizing: border-box; padding: 16px 26px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.menu .box .c a{ margin: 0 1em; font-size: 16px; color: #000; position: relative; line-height: 2; display: block;}
.menu .box .c a:hover{ color:#204d9e;}
.menu .box .c a:hover:before{ display: block;}

.menu li:hover .h3 a{ color:#1fa4d9;}
.menu li:hover .h3 a:after{ content: ''; left: 50%; transform: translateX(-50%); width: 4em;}
.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.menu li:hover .boxb{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}

.menu li.curr .h3 a{ color: #1fa4d9;}


.menu .box .li:hover .t a{ color:#1fa4d9;}
.menu .box .li:hover .c{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}




.tNews{ position: fixed; left: 0; top: 0; right: 0; background: #fff; z-index: 1; padding-top: 400px ;opacity: 0; transform: translateY(-10px); pointer-events: none; transition: 0.3s all; display: none;}
.tNews .box{ background: #204d9e; display: flex;}
.tNews .wp{ display: flex;}
.tNews .wpd{ display: flex; background: #1fa4d9; padding:0 120px;}
.tNews .t{ color: #204d9e; font-weight: bold; line-height: 46px; height: 46px; padding-right: 60px; font-size: 21px;}
.tNews .c{}
.tNewsList{ height: 46px; overflow: hidden;}
.tNewsList .pd{ display: block; height: 46px; line-height: 46px; font-size: 16px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tNewsList .pd:hover{ color: #204d9e;}
.tNews .swiper{ height: 100%; overflow: hidden;}

/*适配*/
@media screen and (min-width:1025px){
/*
.header:hover .logo .img1{ opacity: 0;}
.header:hover .logo .img2{ opacity: 1;}

.header:hover .tNav .t a{ color: #204d9e;}
.header:hover .tLogon{ color: #204d9e;}
.header:hover .tSearch .i{ color: #204d9e;}

.header:hover .menu ul .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.header:hover .menu .h3 a{ color: #204d9e;}
.header:hover .menu .h3 a:before{ background: #204d9e;}
.header:hover .menu li:hover .h3 a{ color: #1fa4d9;}
.header:hover .tNews{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
*/


.tNews .wpd{ padding:0 6em;}
.tNews .t{ line-height: 2.3em; height: 2.3em; padding-right: 3em; font-size: 1em;}
.tNewsList{ height: 2.3em;}
.tNewsList .pd{ height: 2.875em; line-height: 2.875em; font-size: 0.8em;}

}

.embody .header{ background: rgba(255,255,255,0);}
.embody .menu .h3 a{color: #fff;}
.embody .menu .h3 a:before{ background: #fff;}
.embody .menu li:hover .h3 a{ color: #fff;}
.embody .logo .img1{ opacity: 1;}
.embody .logo .img2{ opacity: 0;}
.embody .tNav .t a{ color: #fff;}
.embody .tLogon{ color: #fff;}
.embody .tSearch .i{ color: #fff;}

.body_fix .header{ background: #fff;}
.body_fix .menu .h3 a{ color: #204d9e;}
.body_fix .menu li:hover .h3 a{ color: #1fa4d9;}
.body_fix .menu .h3 a:before{ background: #204d9e;}
.body_fix .logo .img1{ opacity: 0;}
.body_fix .logo .img2{ opacity: 1;}
.body_fix .tNav .t a{ color: #204d9e;}
.body_fix .tLogon{ color: #204d9e;}
.body_fix .tSearch .i{ color: #204d9e;}

.pbody_fix .header{ background: #fff;}
.pbody_fix .menu .h3 a{ color: #204d9e;}
.pbody_fix .menu li:hover .h3 a{ color: #1fa4d9;}
.pbody_fix .logo .img1{ opacity: 0;}
.pbody_fix .logo .img2{ opacity: 1;}
.pbody_fix .tNav .t a{ color: #204d9e;}
.pbody_fix .tLogon{ color: #204d9e;}
.pbody_fix .tSearch .i{ color: #204d9e;}


.mySwiperDots{position: fixed; left: 76px; top: 50%; z-index: 6; transform: translateY(-50%); font-size: 14px;}
.mySwiperDots.curr{ display: none;}
.mySwiperDots .li{ margin-bottom: 20px; padding: 5px 0;}
.mySwiperDots .li:nth-last-of-type(2){ margin-bottom:0;}
.mySwiperDots .li:last-child{ display: none;}
.mySwiperDots .li a{ display: block; line-height: 26px; font-size: 1em; position: relative; color: #fff; padding-left: 28px; z-index:2;}
.mySwiperDots .li i{ position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px;}
.mySwiperDots .li i:before{ content: ''; border-radius: 50%; background: #1fa4d9; z-index: 4; position: relative; display: block; width: 100%; height: 100%;}
.mySwiperDots .li i:after{ content: ''; position: absolute; left: 50%; top:-7px; transform: translate(-50%,0); width: 24px; height: 78px; background: url("../images/homeNav.png") no-repeat top center; background-size:contain; z-index: 2; opacity: 0; transition: 0.3s all; pointer-events: none;}
/*.mySwiperDots .li:nth-last-of-type(2) i:after{ transform: translate(-50%,-50%); width: 24px; height: 24px; top: 50%; background: #fff; border-radius: 50%;}*/
.mySwiperDots .li:nth-last-of-type(2) i:after{background-image: url("../images/homeNav_2.png"); top: auto; bottom: -7px;}
.mySwiperDots .li.swiper-pagination-bullet-active a{ color: #1fa4d9;}
.mySwiperDots .li.swiper-pagination-bullet-active i:after{ opacity: 1;}

.body_fix .mySwiperDots .li i:after{ background-image: url("../images/homeNav2.png");}
/*.body_fix .mySwiperDots .li:nth-last-of-type(2) i:after{background: #fff;}*/
.body_fix .mySwiperDots .li a{ color: #1fa4d9;}
/*.body_fix .mySwiperDots .li.swiper-pagination-bullet-active:nth-last-of-type(2) i:after{ background: #e2e9ef;}*/
.body_fix .mySwiperDots .li.swiper-pagination-bullet-active:nth-last-of-type(2) i:after{ background-image: url("../images/homeNav2_2.png");}
.body_fix .mySwiperDots .li.swiper-pagination-bullet-active a{ color: #204d9e; z-index: 1;}


.swiperB{ width: 100%; height: 100%; box-sizing: border-box;}
.nSwiperB{ width: 100%; height: 100%;}
.swiperB .slide-pd{ padding-top:90px;}
.swiperB .swiper-li{ height: 100%; width: 100%; display: block; transition: transform 1s ease-out;}
.swiperB .swiper-li-last{ height: auto; padding-top: 60px;}

.swiperB .wp{ width:70em;}

/*.swiperB.out_0 .swiper-li1{transform: translateY(30vh);}
.swiperB.out_1 .swiper-li2{transform: translateY(30vh);}
.swiperB.out_2 .swiper-li3{transform: translateY(30vh);}
.swiperB.out_1 .swiper-li2{transform: translateY(0);}
.swiperB.out_2 .swiper-li3{transform: translateY(0);}
.swiperB.out_3 .swiper-li4{transform: translateY(0);}*/


.iBannerB{ position: relative; z-index: 4; overflow: hidden; min-height: 100vh; background: #fff;}
.iBannerB:before{ content: ''; position: absolute; bottom:0; border-radius: 50%;height: 60px;transform: translate(0,50%);background: #f7b614;left: -3%;right: -3%; z-index: 2; display: none;}
.iBannerB .pd{ display: block; background: #fff;}
.iBannerB .img{ width: 100%; position: relative; overflow: hidden;}
.iBannerB .img:before{ content: ''; position: absolute; left:0; top:0; height: 200px; right:0; background: linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0));}
.iBannerB .img img{ height:calc(100vh - 0px); width:100vw; object-fit: cover; /*aspect-ratio: 1920/1080;*/}
.iBannerB .text{ position: absolute; left:0; right:0; bottom: 80px; color: #fff;}
.iBannerB .npd{ padding: 0;}
.iBannerB .text .h3{ font-size:64px; line-height: 1.4; font-weight: bold;}
.iBannerB .text .m{ padding-top: 50px;}
.iBannerB .swiperArrow{ display: none;}
.iBannerB .swiperPrev{ left: 160px;}
.iBannerB .swiperNext{ right: 160px;}
.iBannerB .swiperDots{ display: flex;}

.iBannerB .h3{ opacity: 0; transform: translateY(-20px); transition: 0.6s all; transition-delay: 0.6s;}
.iBannerB .m{ opacity: 0; transform: translateY(-20px); transition: 0.6s all; transition-delay: 1s;}

.iBannerB .swiper-slide-active .h3{ opacity: 1; transform: translateY(0px);}
.iBannerB .swiper-slide-active .em{ opacity: 1; transform: translateY(0px);}
.iBannerB .swiper-slide-active .m{ opacity: 1; transform: translateY(0px);}



.tit1{ display: flex; justify-content:center; margin-bottom: 40px;}
.tit1 .t{ margin-right: 20px;}
.tit1 .t strong{ color: #1fa4d9; font-size:32px; display: block; text-align: right; line-height: 1;}
.tit1 .t em{ font-size: 24px; display: block; line-height: 1; position: relative; white-space: nowrap; font-weight: bold;}
.tit1 .t em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.tit1 .c{ width: 50%;}
.tit1 .c .pd{ font-size: 14px; line-height: 1.5; text-align: justify;}
.tit1 .c p{}


.iMain{ background:no-repeat center center; background-size:cover; position: relative; overflow: hidden; width: 100%;}
.iMain1{ box-sizing: border-box; min-height: 100vh; background:url("../images/bg1.jpg") no-repeat right bottom; background-size: cover; display: flex; align-items: center; padding-top: 48px;}

.iServices{ position: relative; width: 480px; margin: 0 auto; height: 480px;}
.iServicesTab{ position: absolute; left: 50%; top: 50%; z-index: 3; width: 1px; height: 1px;}
.iServicesTab li{ position: absolute; left: 50%; top: 50%; width:64px; height: 64px; margin: -32px 0 0 -32px;}
.iServicesTab li:nth-child(1){ transform: translate(-140px,-200px);}
.iServicesTab li:nth-child(2){ transform: translate(-228px,-70px);}
.iServicesTab li:nth-child(3){ transform: translate(-228px,70px);}
.iServicesTab li:nth-child(4){ transform: translate(-140px,200px);}

.iServicesTab li:nth-child(5){ transform: translate(140px,-200px);}
.iServicesTab li:nth-child(6){ transform: translate(236px,0px);}
.iServicesTab li:nth-child(8){ transform: translate(228px,70px);}
.iServicesTab li:nth-child(7){ transform: translate(140px,200px);}

.iServicesTab li:nth-child(n+5) .pd strong{ right: auto; left: 100%; text-align: left; padding: 0 0 0 32px;}

.iServicesTab .pd{ display: block; position: relative;}
.iServicesTab .pd i{ width: 64px; height: 64px; line-height: 64px; background: #fff; border-radius: 50%; display: block; text-align: center; font-size: 26px; box-shadow: 5px 5px 10px rgba(106,137,183,0.4);}
.iServicesTab .pd i:before{ opacity: 0; transform: rotate(-180deg); transition: 0.3s all; display: block;}
.iServicesTab .pd strong{ height: 64px; line-height: 64px; position: absolute; right: 100%; top: 50%; margin-top: -32px; font-size: 18px; white-space: nowrap; padding-right: 32px; width: 10em; text-align: right;}

.iServicesTab li.curr .pd,
.iServicesTab .pd:hover{ color: #1fa4d9;}
.iServicesTab li.curr .pd i,
.iServicesTab .pd:hover i{ color: #fff; background: #204d9e;}
.iServicesTab li.curr .pd i:before,
.iServicesTab .pd:hover i:before{ opacity: 1; transform: rotate(0deg);}


.iServicesCon{ border-radius: 50%; overflow: hidden; height: 100%;}
.iServicesCon .swiper{height: 100%;}
.iServicesCon .pd{ position: relative; display: block; height: 100%;}
.iServicesCon .img{ position: relative; height: 100%;}
.iServicesCon .img img{ width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;}
.iServicesCon .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(32,77,158,0.5);}
.iServicesCon .text{ position: absolute; left: 10%; top: 10%; right: 10%; bottom: 10%; display:flex; align-items: center; justify-content: center; text-align: left;}
.iServicesCon .h3{ display: none;}
.iServicesCon .p{ font-size: 18px; line-height: 1.5; color: #fff;}
.iServicesCon .swiperDots{ display: flex; opacity: 0;}

.iMain2{ background:url("../images/bg2.jpg") no-repeat center bottom; background-size: cover; height: 100vh; display: flex; align-items: center; box-sizing: border-box; padding-top: 48px;}

.tit2{ margin-bottom: 40px; position: relative; z-index: 2;}
.tit2 .t em{ font-size: 54px; display: block; line-height: 1; position: relative; white-space: nowrap; color: #204d9e; margin-bottom: 0.3em; font-weight: bold;}
.tit2 .t em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.tit2 .t strong{ color: #1fa4d9; font-size: 32px; display: block; line-height: 1;}
.tit2 .c{ font-size: 14px; line-height: 1.5; padding-bottom: 4px;}
.tit2 .m{ position: absolute; right:0; top: 50%; display: flex; transform: translateY(-50%);}
.tit2 .m a{ font-size: 18px; height: 3em; line-height: 3em; padding: 0 3em; border: 1px solid #204d9f; border-radius: 1.5em; transition: 0.3s all;}
.tit2 .m a:hover{ background: #204d9f; color: #ffffff; transform: translateY(-5px);}
.tit2_2 { text-align: center;}
.tit2_2 .t em{ display: inline-block;}

.iPro{ }
.iProTab{ width: 460px; float: left;}
.iProTab ul{}
.iProTab li{ display: none;}
.iProTab li.curr{ display: block;}
.iProTab .pd{ display: block;}
.iProTab .h3{ font-size: 50px; color: #204d9e; line-height: 1.28; margin-bottom: 0.1em;}
.iProTab .h3 strong{ display: block; font-weight: normal;}
.iProTab .h3 em{ display: block;}
.iProTab .p{ font-size: 16px; color: #a4a4a4;}

.iProCon{ margin-left: 500px; width: 90%; position: relative;}
.iProCon:before{ content: ''; position: absolute; right: 0; left:38px; top: -50px; bottom: -50px; background: #204d9e; border-radius: 500px 0 0 500px;}
.iProCon .swiper{ margin: 0 -30px; position: relative; z-index: 2;}
.iProCon .pd{ display: block; margin: 0 30px; position: relative;}
.iProCon .img{ position: relative;}
.iProCon .img img{ border-radius: 20px;}
.iProCon .img:before{ content: ''; background: url("../images/icon-jiao2.svg") no-repeat bottom right; width: 26.5%; top: 0; bottom: 0; right: 0; background-size: 100% auto; position: absolute; right: -1px; bottom: -1px;}
.iProCon .text{ position: absolute; left:0; bottom:0; right:0;}
.iProCon .text .i{ position: absolute; bottom:0; right:0; width: 60px; height: 60px; font-size: 42px; color: #fff; line-height: 60px; text-align: center;}
.iProCon .text .h3{ font-size:18px; color: #fff; text-shadow: 1px 1px 1px rgba(32,77,159,1); display: flex; justify-content: flex-end; margin-right: 106px; height: 60px; line-height: 60px;}
.iProCon .text .h3 em{ font-weight: bold;}
.iProCon .text .h3 strong{ font-weight: bold;}


.iProCon .swiperArrow{ display: block; bottom: 64px; left: -500px; top: auto;}
.iProCon .swiperPrev{}
.iProCon .swiperNext{ right: auto; margin-left: 72px;}


.iMain3{ background:#fff; background-size: cover; height: 100vh; display: flex; align-items: center; box-sizing: border-box; padding-top:0;}

.iData{ width: 1000px; margin: 0 auto; position: relative;}
.iData:after{ content: ''; left: -120px; top: -120px; right: -120px; bottom: -120px; border-radius: 500px; border:2px solid #d7f7ff; position: absolute;}
.iDataTab{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5;}
.iDataTab li{ position: absolute; left: 50%; top: 50%; width: 1px; height: 1px;}
.iDataTab .pd{ display: block; position: relative;}
.iDataTab .i{ width: 84px; height: 84px; line-height:84px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); background: #fff; border-radius: 50%; box-shadow: 5px 5px 10px rgba(106,137,183,0.4); text-align: center;}
.iDataTab .i i{ display: block; font-size: 48px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.iDataTab .i i:before{ opacity: 0; transform: rotate(-180deg); transition: 0.3s all; display: block;}
.iDataTab .i span{ display: block; font-size:32px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.iDataTab .h3{ position: absolute; font-size: 26px; white-space: nowrap; z-index: 2; display: none; color: #204d9f;}
.iDataTab .h3 strong{ display: block; font-size: 18px; line-height: 1.2; margin-bottom: 0.3em;}
.iDataTab .h3 em{ display: block; font-size: 16px; line-height: 1.2;}
.iDataTab .pd:hover .i{ color: #fff; background: #204d9e;}
.iDataTab .pd:hover .i i:before{ opacity: 1; transform: rotate(0deg);}
.iDataTab .pd:hover .i span{ opacity: 0;}
.iDataTab li:nth-child(1){ transform: translate(-50px,-240px);}
.iDataTab li:nth-child(2){ transform: translate(280px,-260px);}
.iDataTab li:nth-child(3){ transform: translate(500px,160px);}
.iDataTab li:nth-child(4){ transform: translate(-110px,260px);}
.iDataTab li:nth-child(5){ transform: translate(-580px,30px);}

.iDataTab li:nth-child(1) .h3{ display: block; text-align: right; right:72px; top: 50%; transform: translateY(-50%);}
.iDataTab li:nth-child(2) .h3{ display: block; text-align: left; left:72px; top: 50%; transform: translateY(-50%);}
.iDataTab li:nth-child(3) .h3{ display: block; text-align: center; left:50%; top:64px; transform: translateX(-50%);}
.iDataTab li:nth-child(4) .h3{ display: block; text-align: left; left:72px; top: 50%; transform: translateY(-50%);}
.iDataTab li:nth-child(5) .h3{ display: block; text-align: center; left:50%; top:64px; transform: translateX(-50%);}

.iDataCon{ position: relative; z-index: 4;}
.iDataCon:before{ content: ''; left: -40px; top: -40px; right: -40px; bottom: -40px; border-radius: 500px; border:2px solid #1fa5da; position: absolute;}
.iDataCon:after{ content: ''; left: -80px; top: -80px; right: -80px; bottom: -80px; border-radius: 500px; border:2px solid #b3edff; position: absolute;}
.iDataCon .swiper{ border-radius: 500px; overflow: hidden;}
.iDataCon .swiper-wrapper{ z-index: 6;}
.iDataCon .pd{ display: block; position: relative;}
.iDataCon .img{ position: relative;}
.iDataCon .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(32,77,159,0.78);}
.iDataCon .img img{}
.iDataCon .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff;}
.iDataCon .h3{ font-size: 32px;}
.iDataCon .h3 strong{ display: block; line-height: 1.2; margin-bottom: 0.3em;}
.iDataCon .h3 em{ display: block; line-height: 1.2;}
.iDataCon .swiperDots{ display: flex; z-index: 9; opacity: 0;}


.iMain4{ background:#fff; background-size: cover; height: 100vh; display: flex; align-items: center; box-sizing: border-box; padding-top: 48px;}


.iAboutTab{ position: absolute; left:0; bottom:0; right: 50%; padding-right: 40px;}
.iAboutTab ul{ display: flex; justify-content: space-between;}
.iAboutTab li{}
.iAboutTab .pd{ display: block; text-align: center; color: #204d9e;}
.iAboutTab .i{ font-size: 48px; line-height: 1; margin-bottom: 20px; color: #e1e9ef;}
.iAboutTab .h3{  font-size: 32px; line-height: 32px;}
.iAboutTab .h3 strong{ font-size: 1em;}
.iAboutTab .h3 em{ font-size:18px;}
.iAboutTab .em{ font-size: 14px; line-height: 1.2;}
.iAboutCon{}
.iAboutCon .pd{ display: block; position: relative;}
.iAboutCon .img{ width: 50%; float: right; position: relative;}
.iAboutCon .img img{ border-radius: 24px;}
.iAboutCon .img:before{ content: ''; background: url("../images/icon-jiao.svg") no-repeat bottom right; width: 20%; top: 0; bottom: 0; right: 0; background-size: 100% auto; position: absolute; right: -1px; bottom: -1px;}
.iAboutCon .img:after{ content: ''; background: url("../images/icon-more2.svg") no-repeat bottom right; background-size:contain; width: 12.5%; top: 0; position: absolute; right:0; bottom:0;}
.iAboutCon .text{ margin-right: 50%; padding-right: 40px; padding-bottom: 124px;}
.iAboutCon .p{ font-size: 18px; line-height: 2; text-align: justify;}
.iAboutCon .p p{ text-indent: 2em; margin-bottom: 1em;}
.iAboutCon .p p:last-child{ margin-bottom:0;}
.iAboutCon .m{ position: absolute; left:0; bottom:0; right: 40%;}
.iAboutCon .m ul{ display: flex;}
.iAboutCon .m li{ width: 33.33333%; display: flex;}
.iAboutCon .m a{ color: #204d9e; padding-bottom: 1em; font-size: 18px; display: block; position: relative;}
.iAboutCon .m a:before{ content: ''; position: absolute; width: 24px; height: 2px; left: 50%; bottom: 0; margin-left: -12px; background: #1fa4d9; opacity: 0;}
.iAboutCon .m li:hover a{ color: #1fa4d9;}
.iAboutCon .m li:hover a:before{ opacity: 1;}


.iMain5{ background:#fff; background-size: cover; height: 100vh; display: flex; align-items: center; box-sizing: border-box; padding-top: 96px;}

.iNews{}
.iNews .swiper{ margin: 0 -20px;}
.iNews .pd{ display: block; margin: 0 20px; color: #fff; border-radius: 20px; overflow: hidden; position: relative;}
.iNews .img{ position: relative;}
.iNews .img img{aspect-ratio: 440/200; object-fit: cover;}
.iNews .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(32,77,159,0.4); transition: 0.3s all;}
.iNews .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: flex-end;}
.iNews .npd{ padding: 20px 40px;}
.iNews .i{ display: flex; font-size: 26px; line-height: 1em; position: absolute; left:40px; top: 20px;}
.iNews .i strong{ font-size: 1em; display: block;}
.iNews .i i{ display: block; font-size: 0.75em; transform: translateY(-0.2em);}
.iNews .em{ font-size: 14px; line-height: 1.2; height: 2.4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 0.5em;}
.iNews .h3{ font-size: 22px; line-height: 1.2; height: 2.4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.iNews .pd:hover .img:before{ background: rgba(31,164,217,1);}




.footer{ position: relative; z-index: 10;}
.footer:before{ content: ''; position: absolute; left:0; right:0; bottom:0; top: -60px; background: #e1e9ef; border-radius: 60px 60px 0 0;}
.fTop{ position: relative; padding: 0px 0 60px 0; z-index: 2;}
.footerFl{ float: left;}
.footerFr{ margin-left: 640px;}
.fLogo{ font-size: 64px; margin-bottom: 60px; line-height: 1;}
.fLogo img{ height: 1em; width: auto; display: block;}
.fContact{ position: relative; padding-left: 168px;}
.fEwm{ position: absolute; left:0; top:0; width: 120px;}
.fEwm .pd{}
.fEwm .img{ border-radius: 16px; margin-bottom: 15px;}
.fEwm .text{ font-size: 12px; color: #204d9e; text-align: center;}
.fContactCon{ min-height: 168px;}
.fContactCon .p{ font-size: 14px; line-height: 1.2;}
.fContactCon .p p{ padding: 0.5em 0; margin-bottom: 0.3em;}
.fContactCon .p p:last-child{ margin-bottom:0;}
.fContactCon .m{ padding-top: 46px; display: none;}
.fContactCon .m a{ font-size: 16px;}


.fNav{ text-align: center;}
.fNav ul{ display: flex; justify-content: space-between;}
.fNav li{ max-width: 120px;}
.fNav .h3{ font-size: 18px; line-height: 1.2; margin-bottom: 1em;}
.fNav .h3:before{ content: ''; position: absolute;}
.fNav .box{ font-size: 14px; line-height: 2.5;}
.fNav .li{ padding: 15px 0;}
.fNav .box a{ line-height: 1.2; display: block;}




.fBottom{ border-top: 1px solid #204d9e; text-align: center; padding: 20px 0; line-height: 1.5; position: relative; z-index: 2;}
.fCopy{ font-size: 12px;}
.fBottom p{ margin: 0 0.5em; display: inline-block;}

.backDown{ position: absolute; right: 64px; bottom: 60px; z-index: 20; width: 60px;}
.backDown img{ width: 100%; height: auto; display: block;}

.backTop{ position: absolute; right: 64px; bottom: 120px; z-index: 20; width: 60px;}
.backTop img{ width: 100%; height: auto; display: block;}







/*.embody{ font-size: 1.04166666666667vw;}*/
/*@media screen and (min-width: 1025px) and (max-width: 1920px) {*/
body{font-size: 1.04166666666667vw;}

.iServices{ width: 24em; height: 24em;}
.iServicesTab li{ width:3.2em; height: 3.2em; margin: -1.6em 0 0 -1.6em;}
.iServicesTab li:nth-child(1){ transform: translate(-7em,-10em);}
.iServicesTab li:nth-child(2){ transform: translate(-11.4em,-3.5em);}
.iServicesTab li:nth-child(3){ transform: translate(-11.4em,3.5em);}
.iServicesTab li:nth-child(4){ transform: translate(-7em,10em);}

.iServicesTab li:nth-child(5){ transform: translate(7em,-10em);}
.iServicesTab li:nth-child(6){ transform: translate(11.8em,0em);}
.iServicesTab li:nth-child(8){ transform: translate(11.4em,3.5em);}
.iServicesTab li:nth-child(7){ transform: translate(7em,10em);}

.iServicesTab li:nth-child(n+5) .pd strong{ padding: 0 0 0 1.6em;}

.iServicesTab .pd i{ width: 2.461538461538462em; height: 2.461538461538462em; line-height: 2.461538461538462em; font-size: 1.3em; box-shadow: 0.1923076923076923em 0.1923076923076923em 0.3846153846153846em rgba(106,137,183,0.4);}
.iServicesTab .pd strong{ height: 3.555555555555556em; line-height: 3.555555555555556em; margin-top: -1.777777777777778em; font-size: 0.9em; padding-right: 1.777777777777778em;}
.iServicesCon .p{ font-size: 0.9em;}

.tit1{ margin-bottom: 2em;}
.tit1 .t{ margin-right: 1em;}
.tit1 .t strong{ font-size:1.6em;}
.tit1 .t em{ font-size:1.2em;}
.tit1 .c .pd{ font-size: 14px;}

.tit2{ margin-bottom: 2em;}
.tit2 .t em{ font-size: 2.7em;}
.tit2 .t strong{ font-size: 1.6em;}
.tit2 .c{ font-size: 14px; padding-bottom: 4px;}
.tit2 .m a{ font-size: 0.8em;}
.tit2 .m a:hover{ transform: translateY(-0.25em);}

.iPro{ }
.iProTab{ width: 23em;}
.iProTab .h3{ font-size: 2.5em;}
.iProCon{ margin-left: 25em;}
.iProCon:before{ left:1.9em; top: -2.5em; bottom: -2.5em; border-radius: 25em 0 0 25em;}
.iProCon .swiper{ margin: 0 -1.5em;}
.iProCon .pd{ margin: 0 1.5em;}
.iProCon .img img{ border-radius: 1em;}
.iProCon .text .i{ width: 1.5em; height: 1.5em; font-size: 2em; line-height: 1.5em;}
.iProCon .text .h3{ font-size:0.9em; margin-right: 5.888888888888889em; height: 3.333333333333333em; line-height: 3.333333333333333em;}
.iProCon .swiperArrow{ bottom: 1.333333333333333em; left: -10.41666666666667em; font-size: 2.4em;}
.iProCon .swiperNext{margin-left: 1.5em;}

.iData{ width:50em;}
.iData:after{ left: -6em; top: -6em; right: -6em; bottom: -6em; border-radius: 25em;}
.iDataTab .i{ width: 4.2em; height: 4.2em; line-height:4.2em;  box-shadow: 0.25em 0.25em 0.5em rgba(106,137,183,0.4);}
.iDataTab .i i{ font-size: 2.4em;}
.iDataTab .i span{font-size:1.6em;}
.iDataTab .h3{font-size: 1.3em;}
.iDataTab .h3 strong{ font-size: 0.9em;}
.iDataTab .h3 em{ font-size: 0.8em;}
.iDataTab li:nth-child(1){ transform: translate(4.5em,-13em);}
.iDataTab li:nth-child(2){ transform: translate(14em,-13em);}
.iDataTab li:nth-child(3){ transform: translate(25em,8em);}
.iDataTab li:nth-child(4){ transform: translate(-5.5em,13em);}
.iDataTab li:nth-child(5){ transform: translate(-29em,1.5em);}

.iDataTab li:nth-child(1) .h3{ right:2.769230769230769em;}
.iDataTab li:nth-child(2) .h3{ left:2.769230769230769em;}
.iDataTab li:nth-child(3) .h3{ top:2.461538461538462em;}
.iDataTab li:nth-child(4) .h3{ left:2.769230769230769em;}
.iDataTab li:nth-child(5) .h3{ top:2.461538461538462em;}

.iDataCon:before{left: -2em; top: -2em; right: -2em; bottom: -2em; border-radius: 25em;}
.iDataCon:after{left: -4em; top: -4em; right: -4em; bottom: -4em; border-radius: 25em;}
.iDataCon .swiper{ border-radius: 25em;}
.iDataCon .h3{ font-size: 1.6em;}

.iAboutTab{ padding-right: 2em;}
.iAboutTab .i{ font-size: 2.4em; margin-bottom: 0.4166666666666667em;}
.iAboutTab .h3{ font-size: 1.6em; line-height: 1em;}
.iAboutTab .h3 em{ font-size:0.5625em;}
.iAboutTab .em{ font-size: 0.7em;}
.iAboutCon .img img{ border-radius: 1.2em;}
.iAboutCon .text{padding-right: 2em; padding-bottom: 6.2em;}
.iAboutCon .p{ font-size: 0.9em;}
.iAboutCon .p p{ text-indent: 2em; margin-bottom: 1em;}
.iAboutCon .m a{ font-size: 0.9em;}
.iAboutCon .m a:before{ width: 1.2em; height: 0.1em; margin-left: -0.6em;}

.iNews .swiper{ margin: 0 -1em;}
.iNews .pd{ margin: 0 1em;border-radius: 1em;}
.iNews .npd{ padding: 1em 2em;}
.iNews .i{ font-size: 1.3em; left:1.538461538461538em; top: 0.7692307692307692em;}
.iNews .em{ font-size: 0.8em;}
.iNews .h3{ font-size: 1.1em;}

.fBottom{padding: 1em 0;}
.footer:before{ top: -3em; border-radius: 3em 3em 0 0;}



.backDown{ right: 3.2em; bottom: 3em; width: 3em;}
.backTop{ right: 3.2em; bottom: 6em; width: 3em;}



.dingwei{position: relative;}
.dingwei a{ position: absolute; bottom: 140px; width: 1px; height: 1px;}
.dingwei_1 a{bottom: 140px;}

/*}*/
@media screen and (max-width:1680px){
.wp{ width: 1200px;}
.tSearch .i{ font-size: 16px;}
.tNav{ right: 44px;}
.tNav .t a{ font-size: 14px;}
.tNav .c a{ font-size: 14px;}
.logo{ font-size: 40px;}
.tLogon{ right: 100px;}
.menu{ padding: 0; margin: 0 100px 0 146px;}
.menu .h3 a{ height: 70px; line-height: 70px; font-size: 14px; padding: 0 38px;}
.menu .box .t a{ font-size: 12px;}
.tNews{ padding-top: 350px;}
.tit1 .c .pd{ font-size: 12px;}
.mySwiperDots{ font-size: 12px; left: 30px;}
.mySwiperDots .li{ margin-bottom: 9px;}
.mySwiperDots .li a{ height: 18px; line-height: 18px;}
.mySwiperDots .li i{ width: 8px; height: 8px;}
.mySwiperDots .li i:after{ width: 16px; top: -5px; height: 52px;}
.mySwiperDots .li:nth-last-of-type(2) i:after{ top:auto; bottom: -5px;}

.iMain1{ padding-top: 35px;}
.iMain2{ padding-top: 70px;}
.iProTab .p{ font-size: 14px;}
.iMain3{ padding-top:0;}
.iMain4{ padding-top: 35px;}
.iMain5{ padding-top: 70px;}

.fLogo{ font-size: 48px; margin-bottom: 1em;}
.fNav .li{ padding: 10px 0;}
.fNav .h3{ font-size:16px;}
.fNav .box{ font-size: 12px;}

.dingwei a{ bottom: 114px;}
.contactMain2 .dingwei a{ bottom: 80px;}

}
@media screen and (max-width:1600px){
/*.iServicesCon .p{ font-size: 12px;}*/
.tit1{margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:1440px){
.wp{ width: 1080px; margin: 0 auto;}
.nProMain2 .wp,
.header .wp,
.footer .wp{ width: auto; margin: 0 60px;}

.tNews{ padding-top: 280px;}
.menu .box{ padding-top: 15px;}
.menu .box .t{ padding: 6px 0;}
.menu .h3 a{ padding: 0 32px;}

/*.tNews .wpd{ padding: 0 80px;}
.tNews{ padding-top: 266px;}*/


.iProTab .p{ font-size: 12px;}


.footer{}
.fTop{ padding:0 0 40px 0;}
.fEwm{ width: 120px;}
.fContact{ padding-left: 140px;}
.fContactCon .p{ font-size: 12px;}
.fContactCon .m{ padding-top: 44px;}
.fContactCon .m a{ font-size: 14px;}

.footerFr{ margin-left: 500px;}

}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){
.wp{ width: 1000px;}
}
@media screen and (max-width:1024px){
body{ padding-top:60px; min-width:inherit; font-size: 14px;}
.wp{ width: auto; box-sizing: border-box; margin: 0 30px;}
.nProMain2 .wp{ margin: 0 30px; width: auto;}
.header .wp{ margin: 0 30px; width: auto;}
.footer .wp{ margin: 0 30px; width: auto;}
.logo{ font-size: 30px;}
.logo .img1{ opacity: 0;}
.logo .img2{ opacity: 1;}

.tLanguage{ left: auto; top: 50%; right:80px; margin-top: -16px; transform: none;}
.tLanguage .i{ display: block;}
.tLanguage .box{ display: none; position: fixed; left:0; top: 60px; right:0; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #204d9e;}
.tLanguage .box a{ color: #204d9e;}

.tNav{ left: auto; top: 50%; right:70px; margin-top: -16px; transform: none;}
.tNav .i{ display: block; color: #000;}
.tNav .box{ display: none; position: fixed; left:0; top: 60px; right:0; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #204d9e;}
.tNav ul{ justify-content: center;}
.tNav .pd{ box-shadow: none; padding:0; background: none; border-radius:0;}
.tNav .t{ display: none;}
.tNav .c{ display: block; position: relative; top: auto; left: auto; margin:0; width: auto; padding:0;}
.tNav .c a{ font-size: 16px;}

.tSearch{ right: 35px; top: 50%;}
.embody .tSearch .i,
.tSearch .i{ display:block; color: #000; font-size: 20px;}
.tSearch .i:after{ background: #000; height: 20px; margin-top: -10px; left: -8px;}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; box-sizing: border-box; background:#e8eeff; padding:30px 6%; display:none; width: auto; font-size: 24px;}
.ipt_t1{ background: #fff; color: #204d9e;}
.proSearch .tSearch .box{ background: #fff;}

.embody .tLogon{color: #000;}

.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ background: rgba(255,255,255,1); position: fixed; padding:0; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.embody .header{ background: #fff;}
.embody .logo .img1{ opacity: 1;}
.embody .logo .img2{ opacity: 1;}
.header:before{ display: none;}
.header .wp{ height:60px;}
.menu{ position:fixed; top:0px; bottom:0px; z-index:2; margin:0; box-sizing:border-box;width:240px; right:-250px;}
.menu ul{ padding:80px 0 0 0; float: none; display: block;}
.menu li{ margin-bottom:15px; float: none; margin:0; padding:0px;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color: #ffffff;}
.menu .h3{ padding:0; text-align: left; position: relative;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333;}

.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before,
.menu .h3 a:before{ width: 4em; left: 50%; margin-left: -2em; border-bottom: 1px dashed rgba(255,255,255,0.5); height:0; background: no-repeat; bottom:0; opacity: 1; display: block; border-left: none; border-right: none; transform:translate(0,0); top: auto;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ border-bottom-color: #ffffff;}

.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu li:last-child .h3 a:before{ opacity: 0; display: none;}

/*新菜单*/
.menu{ width: 200px; background: rgba(0,0,0,0.8); background-size: 100% 100%;}
.menu .h3 a{ color: rgba(255,255,255,0.8); padding:0; text-align: center;}
.menu .h3 span,
.menu .h3 i{ display: none;}

.menu.active{ right:0px;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .box .npd{ flex-wrap: wrap;}
.menu .box .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .box .t a:before{ display: none;}

.menu .boxb{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .boxb .npd{ flex-wrap: wrap;}
.menu .boxb .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .boxb .t a:before{ display: none;}

.iBannerB{ min-height:100vh;}
.iBannerB .pd{ padding-top: 60px;}
.iBannerB .img{}
.iBannerB .img img{ height:calc(100vh - 60px);}
.iBannerB .swiperDots{ left: 30px; right: 30px; bottom: 30px; margin-right:0;}

.tNews{ display: none;}

.backDown{ width: 32px;}
.backTop{ width: 32px;}

.mySwiperDots{ left: 10px;}
.mySwiperDots .li{ padding: 0; margin-bottom: 15px;}
.mySwiperDots .li a{ height: 14px; line-height: 14px; padding-left: 14px; z-index: 2;}
.mySwiperDots .li strong{ display: none;}
.mySwiperDots .li i:after{ background-image: url("../images/homeNav4.png"); height: 44px;}
.mySwiperDots .li:nth-last-of-type(2) i:after{background-image: url(../images/homeNav4_2.png); top: auto; bottom: -5px;}
.mySwiperDots .li.swiper-pagination-bullet-active a{ z-index: 1;}

.swiperB .wp{ margin: 0; width: 100%; padding:0 30px;}



/*.iServices{ width:360px;}
.iServicesTab .pd i{ width: 48px; line-height: 48px; height: 48px;}
.iServicesTab .pd strong{ height: 48px; line-height: 48px; margin-top: -24px; font-size: 16px; padding-right: 24px;}
.iServicesTab li{ padding: 13px 0;}
.iServicesTab li:nth-child(1){ transform: translateX(-100px);}
.iServicesTab li:nth-child(2){ transform: translateX(-160px);}
.iServicesTab li:nth-child(3){ transform: translateX(-180px);}
.iServicesTab li:nth-child(4){ transform: translateX(-160px);}
.iServicesTab li:nth-child(5){ transform: translateX(-100px);}
.iServicesCon .p{ font-size: 13px;}*/



.tit1{ max-width: 80%;}
.tit1 .t strong{ font-size: 18px;}
.tit1 .t em{ font-size: 30px;}
.tit2 .t em{ font-size: 30px;}
.tit2 .t strong{ font-size: 18px;}
.tit1 .c{ width: auto;}
.tit2_2{ margin-bottom: 30px;}
.iProTab .h3{ font-size: 38px; margin-bottom: 8px;}
.iProTab .p{ font-size: 14px;}
.iProCon{ margin-left: 440px;}
.iProCon .swiper{ margin: 0 -20px;}
.iProCon .pd{ margin: 0 20px;}
.iProCon .swiperArrow{ left: -440px;}
.iData{ width: 750px;}
.iDataCon:before{ left: -30px; top: -30px; right: -30px; bottom: -30px;}
.iDataCon:after{ left: -60px; top: -60px; right: -60px; bottom: -60px;}
.iData:after{ left: -90px; top: -90px; right: -90px; bottom: -90px;}
.iDataCon .h3{font-size: 24px;}
.iDataTab .i{ width: 64px; height: 64px; line-height: 64px;}
.iDataTab .i i{ font-size: 36px;}
.iDataTab .i span{ font-size: 24px;}
.iDataTab .h3 strong{ font-size: 16px;}
.iDataTab .h3 em{ font-size: 14px;}
.iDataTab li:nth-child(1){transform: translate(-50px,-225px);}
.iDataTab li:nth-child(2){transform: translate(170px,-194px);}
.iDataTab li:nth-child(3){transform: translate(360px,150px);}
.iDataTab li:nth-child(4){transform: translate(-250px,190px);}
.iDataTab li:nth-child(5){transform: translate(-470px,0px);}

.iDataTab li:nth-child(1) .h3{ right: 52px;}
.iDataTab li:nth-child(2) .h3{ left: 52px;}
.iDataTab li:nth-child(3) .h3{ top: 52px;}
.iDataTab li:nth-child(4) .h3{ left: 52px;}
.iDataTab li:nth-child(5) .h3{ top: 52px;}
.iAboutTab{ padding-right:0;}
.iAboutTab .i{ font-size: 32px; margin-bottom: 10px;}
.iAboutCon .p{ font-size: 14px;}
.iAboutCon .text{ margin-right: 46%; padding-right: 30px;}
.iAboutCon .img{ width: 46%;}
.tit2 .m a{ font-size: 14px;}
.iNews .npd{ padding: 15px 30px;}
.iNews .i{ left: 30px; top: 15px;}
.iNews .i strong{ font-size: 20px;}
.iNews .em{ font-size: 12px;}
.iNews .h3{ font-size: 18px;}
.iDataTab li:nth-child(1){ transform: translate(50px,-225px);}
.iNews .swiper{ margin: 0 -12px;}
.iNews .npd{ padding: 12px 24px;}
.iNews .pd{ margin: 0 12px;}

.iAboutTab .h3 strong{ font-size: 28px;}
.iAboutTab .em{ font-size: 12px;}
.iAboutCon .p{ font-size: 14px; line-height: 1.5;}
.iAboutCon .m a{ font-size: 16px;}

.iProTab{ width: 320px;}
.iProTab .h3{ font-size: 32px;}
.iProCon{ margin-left: 360px;}
.iProCon .text .i{ width: 48px; height: 48px; line-height: 48px; font-size: 32px;}
.iProCon .text .h3{ font-size: 16px; height: 48px; line-height: 48px; margin-right: 72px;}
.iProCon .swiperArrow{ left: -360px;}

.iNews .h3{ font-size: 16px;}


.tit1{ display: block; text-align: center;}
.tit1 .t{ margin-right: 0;}
.tit1 .t strong{ text-align:inherit;}
.tit1 .t em{ display: inline-block;}
.tit1 .c{ padding: 10px 0 0 0;}

.tit2{ text-align: center;}
.tit2 .t em{ display: inline-block; white-space:inherit;}

.iMain1{ justify-content: center; padding: 60px 0 0 0;}
.iServices{transform: translateX(0%); width: auto; height: auto;}
.iServicesTab{ display: none;}
.iServicesCon{ border-radius: 0; overflow: visible; position: relative;}
.iServicesCon .swiper{ margin: 0 -10px;}
.iServicesCon .text{ text-align: center; left: 0; top: 0; right: 0; bottom: 0;}
.iServicesCon .pd{ margin: 0 10px; border-radius: 12px; overflow: hidden; background: #1fa4d9;}
.iServicesCon .img img{ aspect-ratio: 640/640; height: auto;}
.iServicesCon .h3{ display: block; color: #fff; font-size: 18px; margin-bottom:0.25em;}
.iServicesCon .p{ font-size: 14px;}
/*.iServicesCon .text{ position: relative; left: auto; right: auto; top: auto; bottom: auto; padding: 20px; display: block;}*/
/*.iServicesCon .p{ height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}*/
/*.iServicesCon .p br{ display: none;}*/
.iServicesCon .swiperDots{ display: flex; bottom: -30px; opacity: 1;}



.iMain2{ justify-content: center; padding:60px 0 0 0 ;}
/* .iPro{ background: #204d9e; padding: 30px; border-radius: 20px;} */
.iProTab{ width: auto; float: none; display: none;}
.iProCon{ margin: 0; width: auto;}
.iProCon:before{ display: none;}
.iProCon .swiper{ margin: 0 -10px;}
.iProCon .pd{ border-radius: 12px; overflow: hidden; margin: 0 10px; background: #1fa4d9;}
.iProCon .img img{ border-radius: 0;}
.iProCon .img:before{ display: none;}
.iProCon .text .i{ display: none;}
.iProCon .text{ position: relative; left: auto; right: auto; top: auto; bottom: auto; padding:10px 20px;}
.iProCon .text .h3{ height: 24px; line-height: 24px; margin: 0; text-shadow: none; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iProCon .swiperDots{ display: flex; bottom: -30px;}


.iMain3{ justify-content: center; padding:60px 0 0 0 ;}
.iDataCon:before{ left: -20px; top: -20px; right: -20px; bottom: -20px; border-width: 1px; display: none;}
.iDataCon:after{ left: -40px; top: -40px; right: -40px; bottom: -40px; border-width: 1px; display: none;}
.iData:after{ left: -60px; top: -60px; right: -60px; bottom: -60px; border-width: 1px; display: none;}

/* .iMain3 .tit2{ margin-bottom: 100px;} */
.iData{ width: 100%;}
.iDataTab{ display: none;}
.iDataCon{ padding-bottom: 30px;}
.iDataCon .swiperDots{ opacity: 1; bottom:0;}
.iDataCon .swiper{ border-radius: 0; margin: 0 -10px;}
.iDataCon .pd{ display: block; margin: 0 10px; border-radius: 12px; overflow: hidden; background: #1fa4d9;}
.iDataCon .text{ position: relative; left: auto; right: auto; top: auto; bottom: auto; padding: 20px; display: block;}
.iDataCon .h3 strong{ font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iDataCon .h3 em{ font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.iMain4{ justify-content: center; padding:60px 0 0 0 ;}

.iMain5{ justify-content: center; padding: 60px 0 0 0;}
.tit2 .m a{ height: 2.5em; line-height: 2.5em; border-radius: 1.25em; padding:0 1.5em;}
.iNews { padding-bottom: 30px;}
.iNews .swiper{ margin: 0 -10px;}
.iNews .pd{ margin: 0 10px; border-radius: 12px;}
.iNews .img:before{ display: none;}
.iNews .text{ position: relative; left: auto; right: auto; top: auto; bottom: auto; background: #1fa4d9;}
.iNews .npd{ padding: 20px;}
.iNews .i{ position: relative; left: auto; top: auto; margin-bottom: 20px;}
.iNews .swiperDots{ display: flex; bottom:0px;}
.iNews .h3{ height: 1.5em; line-height: 1.5; -webkit-line-clamp: 1;}

.footer{ border-radius: 0;}
.footerFl{ float: none;}
.footerFr{ display: none;}

}
@media screen and (max-width:980px){
.iAboutTab .h3 strong{ font-size: 24px;}
.iAboutTab .em{ font-size: 12px;}
.iAboutCon .img{ width: auto; float: none; margin-bottom: 30px;}
.iAboutCon .img img{ border-radius: 12px; height: 300px; object-fit: cover;}
.iAboutCon .text{ margin:0; padding-right:0;}
.iAboutCon .p{ margin-bottom: 30px; height: 6em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.iAboutCon .m{ position: relative; left: auto; bottom: auto; right: auto;}
.iAboutCon .m ul{ justify-content: space-between; text-align: center;}
.iAboutCon .m li{ justify-content: center; display: block;}
.iAboutCon .m a{ padding: 15px 0; background: #ccc; margin: 0 5px; border-radius: 5px; font-size: 14px;}
.iAboutCon .m a:before{ display: none;}

.iAboutTab{ right: 0%;}
}
@media screen and (max-width:720px){
.tit1{ margin-bottom: 30px; max-width: inherit;}
.tit2{ margin-bottom: 30px;}
.backDown{ right: 30px; bottom: 30px;}
.backTop{ right: 30px; bottom: 100px;}
.iServicesCon .swiper{ margin: 0 -5px;}
.iServicesCon .pd{ margin: 0 5px;}
.iServicesCon .text{ padding: 15px;}
.iServicesCon .p{ font-size: 14px;}
.iProCon .swiper{ margin: 0 -5px;}
.iProCon .pd{ margin: 0 5px;}
.iProCon .text{ padding: 15px;}
.iProCon .text .h3{ font-size: 14px;}
.iDataCon .img img{ height: 320px; object-fit: cover;}
.iDataCon .swiper{ margin: 0 -5px;}
.iDataCon .pd{ margin: 0 5px;}
.iDataCon .text{ padding: 20px; text-align: left;}
.iDataCon .h3 strong{ font-size: 14px;}
.iDataCon .h3 em{ font-size: 12px;}
.iDataCon .img:before{ display: none;}
.iAboutTab ul{ justify-content: space-between;}
.iAboutTab li{ width: auto;}
.iAboutTab .h3 strong{ font-size: 18px;}
.iAboutTab .em{ font-size: 10px; width: 5em; margin: 0 auto;}
.iAboutCon .img{ margin-bottom: 20px;}
.iAboutCon .img img{ height: 240px;}
.iAboutCon .p{ font-size: 12px; margin-bottom: 20px;}
.iAboutCon .m ul{ margin: 0 -2px;}
.iAboutCon .m a{ margin: 0 2px; font-size: 12px; padding: 1em 0;}
.iNews .swiper{ margin: 0 -5px;}
.iNews .pd{ margin: 0 5px;}
.iNews .npd{ padding: 15px;}
.iMain5 .tit2{ text-align: left;}

.tit2 .m a{ font-size: 12px;}
}
@media screen and (max-width:640px){
.iDataCon .img img{ height: 240px;}

}
@media screen and (max-width:480px){
.embody{ font-size: 14px;}
/* .wp{ padding:0 25px;} */
.iBannerB .swiperArrow{ font-size: 14px; display: none;}
.iBannerB .swiperPrev{ left: 30px;}
.iBannerB .swiperNext{ right: 30px;}

.iAboutCon .p p{ text-indent: inherit;}

.footer:before{ border-radius: 30px 30px 0 0; top: -30px;}
.fLogo{ margin-bottom: 20px;}
.fLogo img{ height: auto; width: 100%;}
.fContactCon .m{ padding-top: 34px;}

.iMain1 .tit1 .c{ text-align: left;}
.iMain1 .tit1 .c .pd br{ display: none;}
.proCon .p br{ display: none;}
}
@media screen and (max-width:413px){
/* .wp{ padding:0 20px;} */
.iBannerB .swiperPrev{ left: 20px;}
.iBannerB .swiperNext{ right: 20px;}
.fContactCon .m{ padding-top:18px;}

.iServicesCon .img img{ aspect-ratio: 640/480;}
.iServicesCon .h3{ font-size: 16px;}
.iServicesCon .p{ font-size: 12px;}
}
@media screen and (max-width:374px){
/* .wp{ padding:0 15px;} */
.iBannerB .swiperPrev{ left: 15px;}
.iBannerB .swiperNext{ right: 15px;}


}





.newsInfoMain1{ background: #f5f5f5;}
.infoA{ position: relative; font-size: 14px;}
.infoA_Fl{ box-sizing: border-box;}
.infoA_Fr{ box-sizing: border-box; position: absolute; right:0; top:0; width: 360px; display: none;}
.infoAbox{ margin-bottom:60px;}
.infoAtit{ text-align: center; margin-bottom: 36px;}
.infoAtit h1{ font-size:42px; line-height: 1.2; font-weight: bold; color: #204d9f; width: 23em; max-width: 100%; margin: 0 auto; font-size:2.1875vw;}
.infoAtit .em{ padding-top: 1em; color: #666; font-size: 12px;}
.infoAcon{ color: #666; line-height: 1.75;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline;}
.infoAcon video{ max-width: 100%; display: inline-block; vertical-align: baseline;}
.infoAcon strong{ }
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin-right: -120px;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; position: relative; padding: 0 20px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #204d9f; font-weight: bold;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; height: 48px; line-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoAbtnList .pd:hover{ background: #204d9f; color: #fff;}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top:0; width: 100px; text-align: center; margin-left: -50px;}
.infoAbtnM a{ color: #204d9f; font-weight: bold; display: block; height: 48px; line-height: 48px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}
.infoAbtnM a:hover{ background: #204d9f; color: #fff;}

.recommended{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; padding:20px 5px; margin-bottom: 20px;}
.recommended:last-child{ margin-bottom:0;}
.recommendedTit{font-size:24px;margin-bottom:1em;margin-left:20px;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{padding:10px;}
.recommendedList li{margin-bottom:20px;}
.recommendedList li:last-child{margin-bottom:0px;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative;color:#000;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:6px;left:0px;top:50%;background:#204d9f; margin-top: -3px;}
.recommendedList strong{ display: block;display:block;line-height:1.5em; height: 1.5em; font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 100px; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999;}
.recommendedList .pd:hover{color:#204d9f;}
@media screen and (max-width:1440px){
.infoA{ width: auto;}
}
@media screen and (max-width:980px){
.infoAtit h1{ width: auto; font-size: 24px;}
.infoA_Fl{ width: auto; margin-bottom: 30px; margin-right:0;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto;}
.infoAbtnList ul{ margin:0; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin:0; padding:0;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin:0;}
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}
.infoAtit h1:before{ position: static; display: block; margin-bottom: 10px; display: none;}
.infoAtit h1{ padding-left:0;}
}


/*视频*/
.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}

/*搜索*/
.searchMain1{ background: #f5f5f5;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #204d9e; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#204d9e; margin-left:0.5em;}
.search_list{ background:#fff; padding:40px; min-height:25vh; border-radius: 12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#204d9e; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 30px; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}
@media screen and (max-width:480px){
.search_list{ padding: 25px;}
}
@media screen and (max-width:413px){
.search_list{ padding: 20px;}
}
@media screen and (max-width:374px){
.search_list{ padding: 15px;}
}




/*分页*/
.fpage{ text-align:center; padding:3.75em 0 0 0; font-size:16px; display: flex;}
.fpage ul{ display: flex; background: #204d9f; border-radius: 1.5em; position: relative; padding-right: 1em; margin: 0 3em; border:1px solid #204d9f;}
.fpage li{}
.fpage li:last-child,
.fpage li:first-child{ position: absolute; font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight: bold;}
.fpage li:last-child:hover,
.fpage li:first-child:hover{ color: #1fa5da;}
.fpage li:last-child:before,
.fpage li:first-child:before{ position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; line-height: 1; width: 1em; font-size: 2em;}
.fpage li:first-child{ left: -3em;}
.fpage li:first-child:before{content: "\ead1";}
.fpage li:last-child{ right: -3em;}
.fpage li:last-child:before{content: "\eace";}
.fpage li:first-child *,
.fpage li:last-child *{ opacity: 0; padding:0; width: 2em;}
.fpage .disabled{}
.fpage a,
.fpage span{ color: #fff; height:2em; line-height:2em; padding: 0 0.75em; display: block;}
.fpage .active a,
.fpage .active span{ background:#fff; color:#204d9f; border-radius: 1.5em; padding: 0 1.25em;}

.fpage{ font-size: 0.8em;}

@media screen and (max-width:640px){
.fpage{ padding-top: 2em;}
}


/*内页*/
.pAPP{ padding: 96px 0 0 0; position: relative;}
.pAPP_dataservice{ position: relative; overflow: hidden; padding-top:0 !important;}
.pAPP_dataservice:before{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: url("../images/pAPP_dataservice.jpg") no-repeat center center; background-size: 100% 100%; z-index: 1;}
.pAPP_dataservice:after{ content: ''; position: absolute; top: 760px; left:0; bottom:0; right:0; background: url("../images/pAPP_dataservice_2.png") no-repeat right top; background-size: 15.72916666666667% auto; z-index: 2;}
.pAPP_dataserviceInfo{ position: relative; overflow: hidden; padding-top:0 !important;}
.pAPP_dataserviceInfo:before{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: url("../images/pAPP_dataservice.jpg") no-repeat center bottom; background-size: 100% 100%; z-index: 1;}
.pAPP_news{ position: relative; padding-top:0 !important;}
.pAPP_news:before{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: url("../images/pAPP_news.jpg") no-repeat center center; background-size: 100% 100%; z-index: 1;}
.pAPP_about{ padding-top: 0px !important;}

.pAPP_contact{ padding-top: 0px !important;}

.pAPP_newsInfo{ border-top: 96px solid #E2EAF0; padding-top: 0px !important;}

.pAPP{ position: relative;}

.pMainALL{ position: relative; padding-top: 60px;}
.pMainALLFr .wp{ box-sizing: border-box; padding-left: 60px;}

.pNav{ position: absolute; top:0; left: 80px; bottom:0; padding-top: 160px; z-index: 8; width: 132px;}
.pNav .wpd{ position: sticky; left:0; top: 160px;}
.pNavList li{ margin-bottom: 20px; padding: 5px 0;}
.pNavList li:last-child{ margin-bottom:0;}
.pNavList li a{ display: block; height: 26px; line-height: 26px; position: relative; color: #1fa5da; padding-left: 28px; z-index: 2; font-size: 16px;}
.pNavList li i{ position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px;}
.pNavList li i:before{ content: ''; border-radius: 50%; background: #1fa4d9; z-index: 4; position: relative; display: block; width: 100%; height: 100%;}
.pNavList li i:after{ content: ''; position: absolute; left: 50%; top:-7px; transform: translate(-50%,0); width: 24px; height: 78px; background: url("../images/homeNav2.png") no-repeat top center; background-size:contain; z-index: 2; opacity: 0; transition: 0.3s all; pointer-events: none;}
.pNavList li:last-child i:after{background-image: url("../images/homeNav2_2.png"); top: auto; bottom: -7px;}
.pNavList li.curr a{ color: #204d9f; z-index: 1;}
.pNavList li.curr i:after{ opacity: 1;}
.pNavM{ padding-top: 30px;}
.pNavM a{ display: block; font-size: 16px; padding-left: 28px; position: relative; color: #1fa5da;}
.pNavM i{ position: absolute; line-height:1; left:-0.25em; top: 50%; margin-top: -0.5em; font-size: 1.25em;}
.pNavM span{ font-size: 1em;}
.pNavM a:hover{ color: #204d9f;}


.pMain{ padding: 90px 0 150px 0; background: no-repeat center center; background-size: cover; box-sizing: border-box; overflow: hidden; position: relative; z-index: 4;}


.pLoginMain1{ background-image: url("../images/pLogoMain1.jpg"); min-height: calc(100vh - 96px); display: flex; align-items: center;}
.login{position: relative;}
.loginFl{ width: 45%; border-radius: 48px; position: relative;}
.loginFl:before{ content: ''; background: url("../images/loginFl.png") no-repeat; background-size: 100% 100%; position: absolute; left: -30px; top: -30px; bottom: -30px; right: -30px;}
.loginFl .wpd{ padding: 50px 100px 50px 60px; position: relative; z-index: 2;}
.loginTit{ margin-bottom: 60px;}
.loginTit .h3{ font-size: 54px; line-height: 1.2;}
.loginTit .p{ font-size: 16px; color: #999;}
.loginTit .p a{ color: #204d9e;}
.loginForm{}
.loginForm .li{ display: none;}
.loginForm .li.curr{ display: block;}
.loginForm form{}
.loginList{ margin-bottom: 40px; min-height: 174px;}
.loginList li{ margin-bottom: 30px;}
.loginList li:last-child{ margin-bottom:0;}
.loginList .pd{ display: block; position: relative;}
.loginList .t{ position: absolute; left: 0; top: 0; bottom: 0; display: flex; align-items: center; font-size:22px;}
.loginList .c{ margin-left: 80px;}
.ipt_t2{ height: 38px; border-radius: 6px; border:none; width: 100%; box-sizing: border-box; padding: 0 20px; font-size: 16px;}
.ipt_t2:focus{ box-shadow: 0 0 0 2px rgba(31,164,217,1); outline:none;}
.ipt_b2{ width: 100%; box-sizing: border-box; height: 2em; display: flex; justify-content: center; align-items: center; border-radius: 16px; border: none; background: #204d9e; color: #fff; font-size: 26px;}
.ipt_b2:hover{ background: #1fa4d9; color: #fff;}

.loginForm .p{ margin-bottom: 50px; color: #999; display: flex; justify-content: center; font-size: 16px;}
.ipt_c1{ margin-right: 10px; font-size: 16px;}
.loginForm .p a{ color: #1fa4d9;}
.loginForm .m{ margin-right: 60px;}

.loginFr{ position: absolute; right: 0; top: 0; bottom: 0; left: 45%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content:space-between; text-align: right;}
.loginFr .em{ font-size: 132px; line-height: 1; font-weight: lighter;}
.loginFr .em strong{ display: block; font-weight: inherit;}
.loginFr .em em{ font-size:0.85em;}
.loginFr .h3{ font-size: 48px; line-height: 1.5;}


.pServiceMain1{ padding: 40px 0 150px 0;}
.service{ position: relative;}
.serviceTab{ position: absolute; right:0; bottom:0; width: 540px; z-index: 2; padding: 20px 0 10px 0; box-sizing: border-box;}
.serviceTab:before{ content: ''; position: absolute; width: 640px; height: 248px; right: -1px; bottom: -1px; background: url("../images/servicesTab.png") no-repeat right bottom;
background-size: 100% 100%;}
.serviceTab .pd{ display: block; margin-right: -20px;}
.serviceTab .pd img{ width: 100%; height: auto; display: block; aspect-ratio: 1/1; object-fit:cover; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; opacity: 0.5; transform: scale(0.9); transition: 0.3s all;}

.serviceTab .swiper{ padding-right: 20px;}
.serviceTab .swiper-slide{ overflow: visible; position: relative; z-index: 1;}
.serviceTab .swiper-slide-thumb-active{ z-index: 2;}
.serviceTab .swiper-slide-thumb-active .pd img{ border-color: #204D9F; opacity: 1; transform: scale(1);}



.serviceCon{ position: relative; display: block; border-radius: 60px; overflow: hidden;}
.serviceCon .pd{ display: block; position: relative; color: #fff;}
.serviceCon .img{ position: relative;}
.serviceCon .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(32,77,158,0.5);}
.serviceCon .img img{aspect-ratio: 1844/800; object-fit: cover;}
.serviceCon .text{ position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
.serviceCon .npd{ position: absolute; left: 70px; top: 70px; right: 70px; bottom: 100px;}
.serviceCon .em{ line-height: 1.1;}
.serviceCon .em em{ display: block; font-size:48px; margin-bottom: 0.3em; position: relative; width: 8em;}
.serviceCon .em em:before{ content: ''; background: url("../images/icon-tit3.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.serviceCon .em strong{ display: block; font-size: 32px;}
.serviceCon .m{ display: flex; padding-top: 60px;}
.serviceCon .m em{ font-size: 18px; line-height: 2.5; height: 2.5em; padding: 0 2em; background: #fff; border-radius: 1.25em; display: block; color: #1fa4d9;}
.serviceCon .p1{ position: absolute; right: 0; top: 0; width: 25em; text-align: justify; font-size: 18px;}
.serviceCon .p2{ position: absolute; right: 0; bottom: 120px; width: 32em; text-align: justify; font-size: 14px;}
.serviceCon .p3{ position: absolute; right: 640px; left: 0; bottom:0; text-align: justify; font-size: 14px;}
.serviceCon .swiperDots{ display: flex; bottom: 40px; left: 60px; right: 640px;}
.serviceCon .swiperDots span{ width: 20%; height: 6px; background: #fff; opacity: 0.5; margin: 0 10px;}
.serviceCon .swiperDots span.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}


.pServiceInfo1{ padding: 0px !important; overflow: hidden;}
.pServiceInfo1 img{ width: 100vw; height: auto; display: block;}


.pProMain1{ background: #eff5f9;}
.tit1_2{ justify-content: space-between;}
.tit1_2 .c{ width: 56%; text-align: justify; padding: 0 20px; box-sizing: border-box;}
.pro{ position: relative; padding: 60px 0;}
.pro .wpd{ width: 56%; position: relative; float: right;}
.proTab{ position: absolute; top: 50%; height: 400px; right: 100%; overflow: hidden; transform: translateY(-50%); width: 90%; box-sizing: border-box; padding-right: 100px;}
.proTab {}
.proTab .swiper{ height:400px;}
.proTab .swiper-slide{ display: flex; align-items: center; justify-content: flex-end;}
.proTab .pd{ text-align: right; cursor: pointer; font-size: 36px; color: #204d9e; transition: 0.3s all; transform: scale(0.5); transform-origin: right center; line-height: 1;}
.proTab .swiper-slide-thumb-active .pd{ color: #1fa4d9; transform: scale(1);}

.proCon{ width: 90%;}
.proCon .wpd{}
.proCon .pd{ display: block; color: #204d9e; padding: 40px; background: #eff5f9;}
.proCon .img{ border-radius: 36px; overflow: hidden;}
.proCon .text{ padding-bottom: 30px; background: #eff5f9;}
.proCon .h3{ display: flex; padding-right: 76px; margin-bottom: 20px;}
.proCon .h3 strong{ font-size: 24px; display: block; line-height: 38px; height: 38px;}
.proCon .h3 em{ font-size: 38px; line-height: 38px; height: 38px; display: block; background: #fff; color: #1fa4d9; padding: 0 0.75em; border-radius: 19px; margin-left: 0.5em;}
.proCon .p{ font-size: 14px; line-height: 1.5; min-height: 3em; text-align: justify;}
.proCon .swiper-slide-active .img{ box-shadow: 10px 10px 30px rgba(17,109,170,1);}
.proCon .swiper-slide-active .pd{ transform: translate(-20px,-20px);}



.nProMain2{}
.pSwiper{}
.nSwiper{ height: 600px; overflow: hidden; width: 100%;}

.pSwiper .swiper-li{ overflow: hidden;}

.pSwiperMain{ padding: 0; height: 100%; display: flex; justify-content: center;align-items: center;}
.nPro{ position: relative; width: 100%; padding-top: 96px;}
.nProTab{ position:absolute; left:0; top:96px; width: 360px;}
.nProTab .pd{ padding-bottom: 48px;}
.nProTab .i{ font-size: 56px; position: absolute; bottom: 100%; left:0; margin-bottom: 40px;}
.nProTab .i img{ height: 1em; width: auto; display: block;}
.nProTab .h3{ font-size: 48px; color: #204d9e; line-height: 1.2; margin-bottom: 60px; font-weight: bold;}
.nProTab .p{ font-size: 14px; color: #1fa4d9; line-height: 1.5; text-align: justify;}

.nProCon{ margin-left: 520px;}
.nProCon .swiper{ margin: 0 -20px;}
.nProCon .pd{ margin: 0 20px; display: block;}
.nProCon .img{ border-radius: 20px; overflow: hidden;}
.nProCon .text{ padding-top: 20px;}
.nProCon .h3{ font-size: 24px; font-weight: bold; height: 1.5em; line-height: 1.5em; overflow: hidden; margin-bottom: 0.5em; margin-bottom: 0;}
.nProCon .p{ font-size: 14px;}
.nProCon .p ul{ display: flex; flex-wrap: wrap;}
.nProCon .p li{ padding: 6px 0; width: 50%;}
.nProCon .p .npd{ position: relative; padding-left: 12px;}
.nProCon .p .npd:before{ content: ''; position: absolute; width: 4px; height: 4px; left:0; background: #1fa4d9; border-radius: 50%; top: 50%; margin-top: -2px;}
.nProCon .swiperArrow{ display: none; top:auto; bottom: 0;}
.nProCon .swiperPrev{ left: 0;}
.nProCon .swiperNext{ left: 0; right: auto; margin-left: 1.2em;}




.nBanner{ position: relative; overflow: hidden; z-index: 3;}
.nBanner .pd{ position: relative;}
.nBanner .img{ overflow: hidden;}
.nBanner .img img{ width: 100%; height: auto; display: block; border-radius: 0 0 60px 60px;}
.nBanner .text{ position: absolute; left:0; top:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold;}
.nBanner .npd{ text-align: left; padding-left: 40px;}
.nBanner .em{ font-size: 54px; line-height: 1.2; margin-bottom: 0.1em; color: #204d9f;}
.nBanner .em em{ font-size: 1em; display: block; position: relative; white-space: nowrap; font-weight: bold;}
.nBanner .em em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.nBanner .h3{ font-size: 32px; line-height: 1.2; color: #1fa5da;}

.dataserviceMain1{ border-bottom: 1px solid #204d9f; display: block; min-height: inherit; padding:0 !important;}
.tit3{ color: #204d9f; position: relative;}
.tit3 .t{ width: 64%; border-right: 1px solid #204d9f; padding: 180px 0 100px 0;}
.tit3 .t .pd{ width: 54%;}
.tit3 .t .h3{ font-size:34px; line-height: 1.5; position: relative; padding-bottom: 0.75em; margin-bottom: 0.75em;}
.tit3 .t .h3:before{ content: ''; position: absolute; bottom: 0; left: 0; height: 4px; background: #1fa5da; border-radius: 2px; width: 4em;}
.tit3 .t .h3 strong{ display: block; position: relative; font-weight: normal;}
.tit3 .t .p{ font-size:20px; line-height: 1.5; text-align: justify;}
.tit3 .c{ position: absolute; right:0; top: 72px; font-size: 20px; width: 19em;}
.tit3 .c .p{ line-height: 1.5; position: relative; text-align: justify;}
.tit3 .c .p:before{ content: ''; position: absolute; left: -32px; top: 0.3em; width: 18px; height: 18px; background: #204d9f; border-radius: 50%;}

.dataserviceMain2{ padding:300px 0;}


.nBanner_dataservice2{}
.dsInfoMain2{}
.dsInfoMain2_1{ padding-bottom: 100px;}
.dsInfoMain2 .tit2{ margin-bottom: 90px;}
.dsInfo{ position: relative;}
.dsInfoTit{}
.dsInfoTit li{ display: none;}
.dsInfoTit li.curr{ display: block;}


.dsInfoFl{ width: 280px; left: 0; top: 0; position: absolute;}
.dsInfoNav{}
.dsInfoNav li{ padding-left: 26px; position: relative; display: flex; margin-bottom: 20px;}
.dsInfoNav li:before{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: #1fa5da; top: 50%; transform: translateY(-50%); left: 0; position: absolute;}
.dsInfoNav a{ display: block; height: 36px; line-height: 36px; font-size: 16px; color: #1fa5da; position: relative; padding: 0 10px;}
.dsInfoNav a:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #204d9f; opacity: 0; border-radius: 18px;}
.dsInfoNav li.curr a{ color: #204d9f;}
.dsInfoNav li.curr a:before{ opacity: 1;}
.dsInfoNav li:hover a{ color: #204d9f;}
.dsInfoBack{}
.dsInfoBack a{ display: block; position: relative; padding-left: 36px; color: #1fa5da;}
.dsInfoBack i{ position: absolute; left:0; top: 50%; font-size: 20px; line-height: 1; margin: -0.5em 0 0 -0.25em;}
.dsInfoBack span{ display: block; font-size: 16px; line-height: 36px; height: 36px;}
.dsInfoBack a:hover{ color: #204d9f;}
.dsInfoFr{ margin-left: 320px;}
.dsInfoFr .wpd{}


.dsInfoList .img{ width: 480px; float: left; position: relative;}
.dsInfoList .img img{ border-radius: 24px;}
.dsInfoList .img:before{ content: ''; background: url("../images/icon-jiao3.svg") no-repeat bottom left; width: 20%; top: 0; background-size: 100% auto; position: absolute; left: -1px; bottom: -1px; border-radius: 0 0 0 24px;}
.dsInfoList .img:after{ content: ''; background: url("../images/icon-more2.svg") no-repeat bottom left; background-size:contain; width: 12.5%; top: 0; position: absolute; left:0; bottom:0;}

.dsInfoList .text{ margin-left:480px; padding-left: 40px;}
.dsInfoList .h3{ font-size: 24px; line-height: 1.5; margin-bottom: 0.5em; display: none;}
.dsInfoList .p{ font-size: 16px; line-height: 2; color: #204d9f; text-align: justify;}
.dsInfoList .m{ display: flex; padding-top: 20px;}
.dsInfoList .m a{ font-size: 18px; height: 3em; line-height: 3em; padding: 0 3em; border: 1px solid #204d9f; border-radius: 1.5em; transition: 0.3s all;}
.dsInfoList .m a:hover{ background: #204d9f; color: #ffffff; transform: translateY(-5px);}
.dsInfoList .swiperDots{ display: none;}



.nBanner_news1{}
.nBanner_news1 .em{ color: #fff;}
.nBanner_news1 .em em:before{ content: ''; background: url("../images/icon-tit3.svg") no-repeat;}
.nBanner_news1 .h3{ color: #fff;}

.newsMain1{ padding: 90px 0;}
.newsA{ position: relative;}
.newsAFl{ margin-right:460px; padding-right: 40px; position: relative;}
.newsAList{ margin-left: 36px;}
.newsAList li{ border-top: 1px solid #204d9f; padding: 26px 0;}
.newsAList .pd{ display: block; position: relative; padding-right: 70px;}
.newsAList .h3{ display: block; font-size: 24px; color: #204d9f; height: 1.5em; line-height: 1.5; margin-bottom: 0.2em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsAList .p{ display: block; font-size: 20px; color: #a9a9a9; line-height: 1.5; height: 4.5em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.newsAList .em{ position: absolute; right:0; top:0; font-size: 20px; text-align: center; color: #a9a9a9; display: flex; justify-content: center; align-items: center;}
.newsAList .em i{ font-size: 2em; line-height: 1; display: block; margin-bottom: 0.25em;}
.newsAList .em em{ font-size: 1em; display: block; line-height: 1;}
.newsAList .pd:hover .em{ color: #204d9f;}
.newsAList .pd:hover .em i{ font-weight: bold;}
.newsAFr{ position: absolute; right: 0; top: 118px; width: 460px;}
.newsAFr .img{ width: 150%; border-radius: 500px 0 0 500px; overflow: hidden;}
.newsAFr .img img{ width: 100%;}


.newsMain2{ padding:90px 0 300px 0;}
.newsMain2 .tit2 .m{ top: 500px;}
.iNewsB{ position: relative;}
.iNewsB .swiper{ width: 134%;}
.iNewsB .swiperArrow{ position: absolute; top: auto; margin-top: 0; display: block; bottom: -90px;}
.iNewsB .swiperPrev{ left:0;}
.iNewsB .swiperNext{ left:0; right: auto; margin-left: 60px;}
.iNewsB .pd{ display: block; background: #fff; padding: 40px 60px; border-radius: 32px 32px 0 0; position: relative;}
.iNewsB .pd:before{ content: ''; position: absolute; right:0; width: 1px; top: 40px; bottom: 40px; background: #878787; opacity: 0.5;}
.iNewsB .h3{ font-size: 26px; color: #204d9f; line-height: 1.5em; height: 1.5em; margin-bottom: 1em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.iNewsB .p{ font-size: 22px; color: #878787; line-height: 1.5; height: 4.5em; overflow: hidden; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.iNewsB .em{ font-size: 22px; color: #878787; line-height: 1.5;}
.iNewsB .pd:hover{ background: #204d9f; color: #fff;}
.iNewsB .pd:hover:before{ background: #204d9f;}
.iNewsB .pd:hover .h3{ color: #fff;}
.iNewsB .pd:hover .p{ color: #fff;}
.iNewsB .pd:hover .em{ color: #fff;}

.newsCList{}
.newsCList ul{}
.newsCList li{ position: relative; padding: 10px 0;}
.newsCList li:before{ content: ''; position: absolute; left:0; bottom:0; right:0; height: 1px; background: #1fa5da; transition: 0.3s all;}
.newsCList .pd{ display: block; padding: 50px 36px; border-radius: 26px; transition: 0.3s background;}
.newsCList .img{ float: right; width: 444px; border-radius: 20px; overflow: hidden;}
.newsCList .text{ margin-right: 444px; padding-right: 150px;}
.newsCList .h3{ font-size: 24px; color: #204d9f; line-height: 1.5; height: 1.5em; margin-bottom: 1em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsCList .p{ font-size: 20px; color: #a9a9a9; line-height: 1.5; height: 4.5em; margin-bottom: 1em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.newsCList .em{ font-size: 20px; color: #a9a9a9;}
.newsCList li:hover .pd{ background: #e2eaf0;}
.newsCList li:hover:before{ opacity: 0;}

.aboutMain1{}
.about{}
.aboutTop{ margin-bottom: 60px;}
.aboutTop .pd{}
.aboutTop .img{ width: 50%; float: right; position: relative;}
.aboutTop .img img{ border-radius: 24px;}
.aboutTop .img:before{ content: ''; background: url("../images/icon-jiao.svg") no-repeat bottom right; width: 20%; top: 0; background-size: 100% auto; position: absolute; right: -1px; bottom: -1px;}
.aboutTop .img:after{ content: ''; background: url("../images/icon-more2.svg") no-repeat bottom right; background-size:contain; width: 12.5%; top: 0; position: absolute; right:0; bottom:0;}
.aboutTop .text{ padding:100px 60px 0 0; margin-right: 50%;}
.aboutTop .h3{ margin-bottom: 60px; font-size: 24px;}
.aboutTop .h3 strong{ font-size: 1em; line-height: 1.2; display: block; color: #204d9f;}
.aboutTop .h3 em{ font-size: 0.7083333333333333em; line-height: 1.2; display: block; color: #1fa4d9;}
.aboutTop .p{ font-size: 18px; line-height: 1.5; text-align: justify;}
.aboutTab{}
.aboutTab ul{ display: flex; margin: 0 -4px;}
.aboutTab li{ width: 25%;}
.aboutTab .pd{ display: block; text-align: center; color: #204d9e; background: #e1e9ef; padding: 60px 0; margin: 0 4px; border-radius: 20px;}
.aboutTab .i{ font-size: 48px; line-height: 1; margin-bottom: 20px;}
.aboutTab .h3{ font-size: 32px; line-height: 32px; margin-bottom: 0.2em;}
.aboutTab .h3 em{ font-size:18px;}
.aboutTab .em{ font-size: 14px; line-height: 1.2;}
.aboutTab .pd:hover{ background: #204d9e; color: #e1e9ef;}

.aboutMain2{ overflow:visible; position: relative; z-index: -1;}
.aboutMain2:before{ content: '';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:100vw; height: 87.5vw; background: url("../images/aboutMain2.jpg") no-repeat; background-size: contain; pointer-events: none;}
.vision{}
.vision .pd{ position: relative; display: block;}
.vision .text{ text-align: center;}
.vision .h3{ margin-bottom: 60px;}
.vision .h3 em{ font-size: 128px; line-height: 1.2; display: block; color: #1fa5da;}
.vision .h3 strong{ font-size: 42px; display: block; line-height: 1.2; color: #204d9e;}
.vision .p{}
.vision .p ul{}
.vision .p li{ margin-bottom: 50px;}
.vision .p .npd{}
.vision .p .nh3{ font-size: 34px; color: #1fa5da; line-height: 1.2; margin-bottom: 0.3em;}
.vision .p .np{ font-size: 20px; color: #204d9e; line-height: 1.2;}


.contactMain1{ overflow: visible; z-index: 1;}
.contactMain1:before{ content: ''; position: absolute; left: 0; top: -120px; right:0; bottom: 0;  background: url("../images/contactMain1.jpg") no-repeat center center; background-size:cover;}
.contact{ position: relative; z-index: 2; padding: 100px 0 40px 0;}
.contactTit{ margin-bottom: 60px;}
.contactTit .p{ font-size: 22px; color: #204d9f; line-height: 1.5; text-align: center;}
.contactList{}
.contactList ul{ display: flex;}
.contactList li{ width: 33.3333%;}
.contactList .pd{ display: block; color: #204d9f; text-align: center; margin: 0 12px; background: #e1e9ef; border-radius: 20px; padding: 15px; position: relative;}
.contactList .i{ font-size: 92px; line-height: 1; margin-bottom: 0.25em;}
.contactList .text{ position: relative; display: block;}
.contactList .em{ font-size: 16px; line-height: 1.2;}
.contactList .h3{ font-size: 22px; line-height: 1.2;}
.contactList .p{ font-size: 28px;}
.contactList .c{ position: absolute; bottom: 15px; left: 15px; right: 15px; line-height: 1.5; opacity: 0;}
.contactList .c img{ width: 160px; height: auto; display: block; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.contactList .pd:hover{ background: #204d9f; color: #fff;}
.contactList .pd:hover .em{ opacity: 0;}
.contactList .pd:hover .h3{ opacity: 0;}
.contactList .pd:hover .c{ opacity: 1;}

.contactMain2{ overflow: hidden; padding: 0 !important;}
.msg{}
.msgFl{ width: 780px; float: left; position: relative; padding: 90px 0 60px 0;}
.msgFl:before{ content: ''; position: absolute; top: 0; width: 100vw; bottom: 0; right: 0; background: url("../images/msgFl.png") no-repeat; background-size: 100% 100%; z-index: 1; border-radius: 60px;}
.msgFl .pd{ margin-right: 200px; position: relative; z-index: 2;}
.msgFl .img{ position: relative;}
.msgFl .img:before{ content: ''; position: absolute; left: -5%; top: -5%; right: -5%; bottom: -5%; border: 1px solid #fff; border-radius: 320px;}
.msgFl .img img{ object-fit: cover; aspect-ratio: 578/760;border-radius:290px;}
.msgFl .i,
.msgFl .em{ font-size: 46px; color: #fff; background: #e5edf2; line-height: 1.625em; height: 1.625em; border-radius: 0.8125em; position: absolute; padding: 0 1em;}
.msgFl .i{ right: -110px; top: 40px;}
.msgFl .em{ left: -110px; bottom: 40px;}
.msgFl .text{ text-align: center; padding-top: 80px;}
.msgFl .h3{ font-size: 16px; color: #fff; line-height: 1.5; margin-bottom: 0.5em;}
.msgFl .p{ font-size: 18px; color: #204d9f; line-height: 1.5;}
.msgFr{ margin-left:780px; padding-left: 120px; padding-top:160px;}
.msgForm{ font-size: 24px;}
.msgForm li{ border-bottom: 1px solid #e1e9ef; padding: 15px 0;}
.msgForm li:nth-last-of-type(1),
.msgForm li:nth-last-of-type(2){ border-bottom: none;}
.msgForm li:nth-last-of-type(1) .pd,
.msgForm li:nth-last-of-type(2) .pd{ padding-left:0;}
.msgForm li:nth-last-of-type(1) .t,
.msgForm li:nth-last-of-type(2) .t{ position: relative; left: auto; top: auto; bottom: auto; display: block; padding: 1em 0;}
.msgForm .pd{ position: relative; display: block; padding-left: 96px;}
.msgForm .t{ position: absolute; left:0; top:0; bottom: 0; display: flex; align-items: center; line-height: 1;}
.msgForm .c{}

.ipt_t3{ height: 60px; line-height: 60px; background: none; width: 100%; border: none; font-size: 1em; box-sizing: border-box;  padding:0 1em;}
.ipt_t3:focus{outline:none;}

.ipt_text3{ background:#FAFAFA; width: 100%; border: none; overflow: hidden; resize: none; border-radius: 30px; height: 200px; box-sizing: border-box; padding: 1em; font-size: 1em;}
.ipt_text3:focus{outline:none;}

.ipt_b3{ width: 70%; background: #204d9f; font-size: 30px; height: 2em; color: #fff; border: none; border-radius: 1em;}

.aboutMain3{ background-image: url("../images/contactMain3.jpg"); background-color: #fff; background-position: right bottom; background-size: auto 100%;}
.join{ padding: 100px 0;}
.joinCon{ font-size: 40px; display: flex; justify-content: space-between;}
.joinFl{}
.joinFl .pd{ display: block;}
.joinFl .em{  font-size: 1.95em; color: #e2eaf0; line-height: 1; font-weight: lighter;}
.joinFl .h3{ position: relative; margin-bottom: 1em;}
.joinFl .h3 strong{ display: block; font-size: 1em; color: #204d9f;}
.joinFl .h3 em{ font-size: 1.95em; color: #e2eaf0; font-weight: lighter; position: absolute; right: -1.75em; bottom: 0.1em; line-height: 1;}
.joinFl .p{ font-size: 20px; line-height: 1.5;}
.joinFr{ transform: translateY(-2.5em);}
.joinFr .pd{ display: block;}
.joinFr .h3{ font-size: 1.5em; color: #1fa5da; line-height: 1; padding-bottom: 0.5em; margin-bottom: 0.25em; border-bottom: 1px solid #1fa5da;}
.joinFr .p{ font-size: 0.9em; line-height: 2;}
.joinFr .p p{ display: block; position: relative; padding-left: 0.4em;}
.joinFr .p p:before{ content: ''; position: absolute; width: 8px; height: 8px; background: #1fa5da; border-radius: 50%; left:0; top: 50%; margin-top: -4px;}

.crumbs{ padding: 50px 0;}
.crumbsList{ display: flex;}
.crumbsList a,
.crumbsList strong{ height: 2.4em; line-height: 2.4em; font-size: 20px; padding: 0 1em; border: 1px solid #E2EAF0; border-radius: 1.2em; margin-right: 3px; color: #204D9F; position: relative; display: block;}
.crumbsList strong{ background: #E2EAF0; padding-left: 2em;}
.crumbsList strong:before{ content: ''; position: absolute; left: 1em; width: 0.4em; height: 0.4em; margin-top: -0.2em; border-radius: 50%; background: #204D9F; top: 50%;}

.msgBox_bg{ display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:9990;}
.msgBox_box{ display:none; width:932px; border:1px solid #cccccc; height:532px; position:fixed; left:50%; top:50%; margin:-266px 0 0 -466px; background:#fff; z-index:9999; border-radius:5px;}
.msgBox_box .pd{ padding:40px; line-height:24px;}
.msgBox_box .icon-guanbi{ position:absolute; width:40px; line-height:40px; text-align:center; font-size:24px; color:#000000; right:0px; top:0px; cursor:pointer;}
.msgBox_tit{ font-size: 24px; text-align: center; margin-bottom: 1em;}
.msgBox_con{ font-size: 16px; height:400px; overflow-y: scroll; color: #666;}

/*适配*/
@media screen and (max-width:2280px){
.crumbs{ padding: 2.5em 0;}
.crumbsList a,
.crumbsList strong{font-size: 1em;}


.pLoginMain1{ min-height: calc(100vh - 4.8em);}
.loginFl{ border-radius: 2.4em;}
.loginFl:before{ left: -1.5em; top: -1.5em; bottom: -1.5em; right: -1.5em;}
.loginFl .wpd{ padding: 2.5em 5em 2.5em 3em;}
.loginTit{ margin-bottom: 3em;}
.loginTit .h3{ font-size: 2.7em;}
.loginTit .p{ font-size: 0.8em;}
.loginList{ margin-bottom: 2em; min-height: 8.7em;}
.loginList li{ margin-bottom: 1.5em;}
.loginList .t{ font-size:1.1em;}
.loginList .c{ margin-left: 6em;}
.ipt_t2{ height: 2.375em; border-radius: 0.375em; padding: 0 1.25em; font-size: 0.8em;}
.ipt_b2{ border-radius: 0.6153846153846154em; font-size: 1.3em;}
.loginForm .p{ margin-bottom: 3.125em; font-size: 0.8em;}
.ipt_c1{ margin-right: 0.625em; font-size: 0.8em;}
.loginForm .m{ margin-right: 3em;}
.loginFr .em{ font-size: 6.6em;}
.loginFr .h3{ font-size: 2.4em;}


.nBanner .text{ top: 96px;}
.nBanner .img img{ border-radius: 0 0 3em 3em;}
.nBanner .npd{ padding-left: 2em;}
.nBanner .em{ font-size: 2.7em;}
.nBanner .h3{ font-size: 1.6em;}

.pMain{ padding: 4.5em 0 7.5em 0;}
.pServiceMain1{ padding: 2em 0 7.5em 0;}

.serviceTab{ width: 27em; padding: 1em 0 0.5em 0;}
.serviceTab:before{ width: 32.4em; height: 12.4em;}
.serviceTab .pd{ margin-right: -1em;}
.serviceTab .swiper{ padding-right: 1em;}

.serviceCon{ border-radius: 3em;}
.serviceCon .npd{ left: 3.5em; top: 3.5em; right: 3.5em; bottom: 5em;}
.serviceCon .em em{ font-size:2.4em;}
.serviceCon .em strong{ font-size: 1.6em;}
.serviceCon .m{ padding-top: 3em;}
.serviceCon .m em{ font-size: 0.9em;}
.serviceCon .p1{ font-size: 0.9em;}
.serviceCon .p2{ bottom: 7.5em; width: 32em; font-size: 0.7em;}
.serviceCon .p3{ right: 53.33333333333333em; font-size: 0.7em;}
.serviceCon .swiperDots{ bottom: 2em; left: 3em; right: 32em;}
.serviceCon .swiperDots span{ width: 20%; height: 0.3em; margin: 0 0.5em;}

.pSwiperDots{ font-size: 1em; left: -2.4em;}
.pSwiperDots span{ width: 0.9em; height: 0.9em; margin: 0.2em 0;}

.nSwiper{ height: 30em;}
.nPro{ padding-top: 4.8em;}
.nProTab{ top:4.8em; width: 18em;}
.nProTab .i{ font-size: 2.8em; margin-bottom: 0.7142857142857143em;}
.nProTab .h3{ font-size: 2.4em;; margin-bottom: 1.25em;}

.nProCon{ margin-left: 26em;}
.nProCon .swiper{ margin: 0 -1em;}
.nProCon .pd{ margin: 0 1em;}
.nProCon .img{ border-radius: 1em;}
.nProCon .text{ padding-top: 1em;}
.nProCon .h3{ font-size: 1.2em;}
.nProCon .p{ font-size: 14px;}
.nProCon .p li{ padding: 0.4em 0;}
.nProCon .p .npd{ padding-left: 0.8em;}

.tit1_2 .c{ padding: 0 1em;}
.pro{ padding: 3em 0;}
.proTab{ height: 20em; padding-right: 5em;}
.proTab .swiper{ height:20em;}
.proTab .pd{ font-size: 1.8em;}
.proCon .pd{ padding: 2em;}
.proCon .img{ border-radius: 1.8em;}
.proCon .text{ padding-bottom: 1.5em;}
.proCon .h3{ padding-right: 3.8em; margin-bottom: 1em;}
.proCon .h3 strong{ font-size: 1.2em; line-height: 1.583333333333333em; height: 1.583333333333333em;}
.proCon .h3 em{ font-size: 1.9em; line-height: 1em; height: 1em; border-radius: 0.5em;}
.proCon .p{ font-size: 14px;}
.proCon .swiper-slide-active .img{ box-shadow: 0.5em 0.5em 1.5em rgba(17,109,170,1);}
.proCon .swiper-slide-active .pd{ transform: translate(-1em,-1em);}

.pAPP_dataservice:after{ top: 38em;}

.tit3 .t{ padding: 9em 0 5em 0;}
.tit3 .t .h3{ font-size:1.7em;}
.tit3 .t .h3:before{ height: 0.25em;border-radius: 0.1em;}
.tit3 .t .p{ font-size:1em;}
.tit3 .c{ top:3.3em; font-size: 1em;}
.tit3 .c .p:before{ left: -1.6em; width: 0.5625em; height: 0.5625em;}

.dataserviceMain2{ padding: 15em 0;}

.dsInfoMain2_1{ padding-bottom: 5em;}
.dsInfoMain2 .tit2{ margin-bottom: 4.5em;}
.dsInfoFl{ width: 14em;}
.dsInfoNav li{ padding-left: 1.3em; margin-bottom: 1em;}
.dsInfoNav li:before{ width: 0.5em; height: 0.5em;}
.dsInfoNav a{ height: 2.25em; line-height: 2.25em; font-size: 0.8em; padding: 0 0.625em;}
.dsInfoNav a:before{ border-radius: 0.9em;}
.dsInfoBack a{ padding-left: 1.8em;}
.dsInfoBack i{font-size: 1em;}
.dsInfoBack span{ font-size: 0.8em; line-height: 2.25em; height: 2.25em;}
.dsInfoFr{ margin-left: 16em;}
.dsInfoList .img{ width: 24em;}
.dsInfoList .img img{ border-radius: 1.2em;}
.dsInfoList .img:before{  border-radius: 0 0 0 1.2em;}
.dsInfoList .text{ margin-left:24em; padding-left: 2em;}
.dsInfoList .h3{ font-size: 1.2em;}
.dsInfoList .p{ font-size: 0.8em;}

.pMainALL{ padding-top: 3em;}
.pNav{ left: 4em; padding-top:8em; width: 6.6em;}
.pNav .wpd{ top: 8em;}
.pNavList li{ margin-bottom: 1em; padding: 0.25em 0;}
.pNavList li a{ height: 1.625em; line-height: 1.625em; padding-left: 1.75em;font-size: 0.8em;}
.pNavList li i{ width: 0.75em; height: 0.75em;}
.pNavList li i:after{ top:-0.4375em; width: 1.5em; height: 4.875em;}
.pNavList li:last-child i:after{ bottom: -0.4375em;}
.pNavM{ padding-top: 1.5em;}
.pNavM a{ font-size: 0.8em; padding-left: 1.75em;}


.newsMain1{ padding: 4.5em 0;}
.newsAFl{ margin-right:23em; padding-right: 2em;}
.newsAList{ margin-left: 1.8em;}
.newsAList li{ padding: 1.3em 0;}
.newsAList .pd{ padding-right: 3.5em;}
.newsAList .h3{ font-size: 1.2em;}
.newsAList .p{ font-size: 1em;}
.newsAList .em{ font-size: 1em;}
.newsAFr{ top: 5.9em; width: 23em;}
.newsAFr .img{ border-radius: 25em 0 0 25em;}


.newsMain2{ padding:4.5em 0 15em 0;}
.newsMain2 .tit2 .m{ top: 25em;}
.iNewsB .swiperArrow{ bottom: -1.875em; font-size: 2.4em;}
.iNewsB .swiperNext{ margin-left: 1.25em;}
.iNewsB .pd{ padding: 2em 3em; border-radius: 1.6em 1.6em 0 0;}
.iNewsB .pd:before{ top: 2em; bottom: 2em;}
.iNewsB .h3{ font-size: 1.3em;}
.iNewsB .p{ font-size: 1.1em;}
.iNewsB .em{ font-size: 1.1em;}

.newsCList li{ padding: 0.5em 0;}
.newsCList .pd{ padding: 2.5em 1.8em; border-radius: 1.3em;}
.newsCList .img{ width: 22.2em; border-radius: 1em;}
.newsCList .text{ margin-right: 22.2em; padding-right: 7.5em;}
.newsCList .h3{ font-size: 1.2em;}
.newsCList .p{ font-size: 1em;}
.newsCList .em{ font-size: 1em;}

.aboutTop{ margin-bottom: 2em;}
.aboutTop .img img{ border-radius: 1.2em;}
.aboutTop .text{ padding:5em 3em 0 0;}
.aboutTop .h3{ font-size: 1.2em; margin-bottom: 3em;}
.aboutTop .p{ font-size: 0.9em;}
.aboutTab{}
.aboutTab ul{ margin: 0 -0.2em;}
.aboutTab .pd{ padding: 3em 0; margin: 0 0.2em; border-radius: 1em;}
.aboutTab .i{ font-size: 2.4em; margin-bottom: 0.4166666666666667em;}
.aboutTab .h3{ font-size: 1.6em; line-height: 1em;}
.aboutTab .h3 em{ font-size:0.9em;}
.aboutTab .em{ font-size: 0.7em;}
.vision .h3{ margin-bottom: 3em;}
.vision .h3 em{ font-size: 6.4em;}
.vision .h3 strong{ font-size: 2.1em;}
.vision .p li{ margin-bottom: 2.5em;}
.vision .p .npd{}
.vision .p .nh3{ font-size: 1.7em;}
.vision .p .np{ font-size: 1em;}


.contactMain1:before{ top: -6em;}
.contactTit{ margin-bottom: 3em;}
.contactTit .p{ font-size: 1.1em;}
.contact{ padding: 5em 0 2em 0;}
.contactList .pd{ margin: 0 0.6em;border-radius: 1em; padding: 0.75em;}
.contactList .i{ font-size: 4.6em;}
.contactList .em{ font-size: 0.8em;}
.contactList .h3{ font-size: 1.1em;}
.contactList .p{ font-size: 1.4em;}
.contactList .c{ left:0.75em; bottom: 0.75em; right: 0.75em;}
.contactList .c img{ width: 8em;}
.msgFl{ width: 39em; padding: 4.5em 0 3em 0;}
.msgFl:before{ border-radius: 3em;}
.msgFl .pd{ margin-right: 10em;}
.msgFl .img:before{ border-radius: 16em;}
.msgFl .img img{ border-radius:14.5em;}
.msgFl .i,
.msgFl .em{ font-size: 2.3em;}
.msgFl .i{ right: -2.391304347826087em; top: 0.8695652173913043em;}
.msgFl .em{ left: -2.391304347826087em; bottom: 0.8695652173913043em;}
.msgFl .text{ padding-top: 4em;}
.msgFl .h3{ font-size: 0.8em;}
.msgFl .p{ font-size: 0.9em;}
.msgFr{ margin-left:39em; padding-left: 6em; padding-top: 8em;}
.msgForm{ font-size: 1.2em;}
.msgForm li{ padding: 0.625em 0;}
.msgForm .pd{ padding-left: 4em;}
.ipt_t3{ height: 2.5em; line-height: 2.5em;}
.ipt_text3{ border-radius: 1.25em; height: 8.333333333333333em;}
.ipt_b3{ font-size: 1.25em;}
.join{ padding: 5em 0;}
.joinCon{ font-size: 2em;}
.joinFl .p{ font-size: 0.5em;}
.joinFr .p p:before{ width: 0.2em; height: 0.2em; margin-top: -0.1em;}

}
@media screen and (max-width:1680px){
.pAPP{ padding-top: 70px;}
.nProTab .p{ font-size: 12px;}
.proCon .p{ font-size: 12px;}
.dsInfoList .p{ font-size: 14px;}
.pAPP_newsInfo{ border-top-width: 70px;}
.nBanner .text{ top: 70px;}
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
.nProCon .p{ font-size: 12px;}
.dsInfoList .p{ font-size: 12px;}

}
@media screen and (max-width:1280px){
.menu .h3 a{ padding: 0 20px;}
}
@media screen and (max-width:1024px){
.pMain{ padding: 50px 0 80px 0;}

.dingwei a{ bottom: 90px;}
.dingwei_2 a{ bottom: 140px;}
.footer:before{ border-radius: 16px 16px 0 0;}
.nBanner .img img{ border-radius: 0 0 16px 16px;}
.nBanner .text{ top:30px;}
.pAPP{ padding-top:0;}
.tit1_2 .c{ padding: 10px 0 0 0; width: auto;}
.nProTab{ left: 30px;}
.pSwiperDots{ left: 0;}
.dataserviceMain1{ border-bottom: none;}
.tit3{ padding: 60px 0;}
.tit3 .t{ padding: 0; width: auto; border: none; margin-bottom: 1em;}
.tit3 .t .h3{ font-size: 24px;}
.tit3 .t .h3:before{ height: 2px;}
.tit3 .t .pd{ width: auto;}
.tit3 .c{ position: relative; right: auto; top: auto; width: auto}
.tit3 .c .p:before{ display: none;}
.dataserviceMain2{ padding: 0px 0 80px 0;}
.dsInfoMain2_1{ padding-bottom:0;}
.dsInfoNav li:hover a{color: #fff;}
.dsInfoNav li.curr:hover a{ color: #204d9f;}

.pMainALL{ padding-top: 40px;}
.pNav{ top: auto; left: auto; bottom: auto; width: auto; padding-top: 0; position: sticky; top:70px;}
.pNav .wpd{ position: relative; left: auto; top: auto; margin: 0 30px;}
.pNavList{border-radius: 6px; overflow: hidden; background: #E1E9EF;}
.pNavList ul{ display: flex;}
.pNavList li{ padding:0; margin:0;}
.pNavList li a{ height: 40px; line-height: 40px; padding: 0 1em; font-size: 14px; background: #1fa4d9; color: #fff;}
.pNavList li i{ display: none;}
.pNavList li.curr a{ background: #204d9e; color: #fff;}
.pNavList_2{ padding-right: 66px;}
.pMainALLFr .wp{ padding: 0;}
.pNavM{ position: absolute; right:0; top: 0; bottom: 0; display: flex; align-items: center; padding:0;}
.pNavM a{ font-size: 14px; padding: 0 1em;}
.newsAFr{ display: none;}
.newsAFl{ margin-right:0; padding-right:0;}
.newsAList{ margin:0;}
.newsAList .p{ height: 3em; -webkit-line-clamp:2;}
.iNewsB .swiper{ width: auto; border-radius: 16px; overflow: hidden;}
.iNewsB .swiper-slide-next .pd:before{ display: none;}
.iNewsB .pd{ border-radius: 0;}
.newsMain1 .tit2,
.newsMain2 .tit2{ text-align: left;}
.iMain5 .tit2 .t,
.newsMain1 .tit2 .t,
.newsMain2 .tit2 .t{ padding-left: 1.6em; margin-right: 100px;}
.newsMain2 .tit2 .m{ top: 50%;}


.newsAList li:last-child{ border-bottom: 1px solid #204d9f;}
.newsMain1{ padding:4.5em 0 0 0;}
.iNewsB{ padding-bottom: 30px;}
.iNewsB .pd{ padding: 30px;}
.iNewsB .swiperArrow{ display: none;}
.iNewsB .swiperDots{ display: flex; bottom:0px;}
.newsMain2{ padding:50px 0 80px 0;}

.pAPP_newsInfo{ border: none;}
.crumbs{ padding-bottom:0;}

.aboutMain3 .tit2{ text-align: left;}
.aboutMain3 .tit2 .t{ padding-left: 1.6em; margin-right: 100px;}
.aboutTop .text{ padding: 30px 30px 0 0;}
.aboutTop .h3{ margin-bottom: 1em; font-size: 18px;}
.aboutTop .p{ font-size: 14px;}
.aboutMain2{ padding:50px 0;}
.vision{ font-size:1.5vw;}

.contact{ padding:0;}
.contactList .pd{ padding: 30px;}

.msgFl{ width: auto; float: none; padding:0; margin-bottom: 30px;}
.msgFl .pd{ margin-right:0; border-radius: 16px; overflow: hidden;}
.msgFl .img{ font-size: 1.5vw;}
.msgFl .img img{ aspect-ratio: 1237/927; border-radius: 0;}
.msgFl .img:before{ display: none;}
.msgFl .text{ background: #e1e9ef; padding: 30px;}
.msgFl .h3{ color: #999;}
.msgFl .i{ right: 0; border-radius: 0.8125em 0 0 0.8125em; top: 2em;}
.msgFl .em{ left: 0; border-radius: 0 0.8125em 0.8125em 0; bottom:2em;}
.msgFl:before{ display: none;}


.msgFr{ margin:0; background: #e1e9ef; padding:60px 30px; border-radius: 16px;}
.msgFr .tit2{ margin-bottom: 0;}
.msgForm li{ border-color:#1fa4d9;}
.ipt_text3{ border-radius: 16px; background: rgba(250,250,250,0.6);}
.ipt_b3{ font-size: 16px; height: 2.5em; width: 50%;}
.join{ padding:0;}
.joinCon{ display: block;}
.joinFl{ margin-bottom: 40px; display: inline-block;}
.joinFr{ transform: translateY(0);}
.joinFr .h3{ font-size: 24px; margin-bottom: 0.5em;}
.joinFr .p{ font-size: 16px;}

.pLoginMain1 .wp{ width: 100%; box-sizing: border-box; margin: 0; padding: 0 30px;}

.msgBox_box .icon-guanbi{ right:5px; top:5px;}
.msgBox_box{ left:0px; top:0px; right:0px; bottom:0px; height:auto; width:auto; margin:0px;}
.msgBox_box .pd{ line-height:1.5; padding:30px;}
}
@media screen and (max-width:980px){

.serviceTab{ position: relative; padding:0; width: 80%; margin: 0 auto 40px auto;}
.serviceTab:before{ display: none;}
.serviceCon{ background: #1fa4d9; border-radius: 16px;}
.serviceCon .text{ position: relative; left: auto; top: auto; bottom: auto; right: auto; padding: 50px 30px 30px 30px;}
.serviceCon .npd{ position: relative; top: auto; right: auto; bottom: auto; left: auto;}
.serviceCon .p1,
.serviceCon .p2,
.serviceCon .p3{ position: relative; left: auto; top: auto; bottom: auto; right: auto; width: auto; margin-bottom: 1em; font-size: 14px;}
.serviceCon .em{ margin-bottom: 2em; text-align: center;}
.serviceCon .em em{ width: auto; display: inline-block; font-size: 30px;}
.serviceCon .em strong{ font-size: 18px;}
.serviceCon .m{ padding: 1em 0 0 0;}
.serviceCon .m em{ font-size: 14px;}
.serviceCon .swiperDots{ display: none;}

.pro{ padding: 0;}
.pro .wpd{ width: auto; float: none;}
.proTab{ position: relative; padding-right:0; width: auto; right: auto; top: auto; transform: translateY(0); margin-bottom: 10px; border-radius: 16px; overflow: hidden; height: auto; background: #1fa4d9;}
.proTab .swiper{ height:auto;}
.proTab .swiper-slide{ display: block;}
.proTab .pd{ transform: scale(1); font-size: 14px; text-align: center; color: #fff; display: flex; height: 60px; justify-content: center; align-items: center; padding: 0 1em;}
.proTab .swiper-slide-thumb-active .pd{ background: #204d9e; color: #fff;}

.proCon{ width: auto;}
.proCon .pd{ padding: 0; background: #1fa4d9; border-radius:16px; overflow: hidden; color: #fff;}
.proCon .img{ border-radius: 0;}
.proCon .text{ background: none; padding: 30px;}
.proCon .p{ font-size: 14px;}
.proCon .h3 strong{ font-size: 18px;}
.proCon .swiper-slide-active .pd{ transform: translate(0,0);}
.proCon .swiper-slide-active .img{box-shadow:none;}
.proCon .swiperDots{ display: flex;}


.nSwiper{ width: auto; height: auto; overflow: visible;}
.nSwiper>.swiper-wrapper>.swiper-slide{ height: auto; overflow: visible; margin-bottom: 40px;}
.nSwiper>.swiper-wrapper>.swiper-slide:last-child{ margin-bottom:0;}
.nSwiper>.swiper-wrapper{ display: block; width: auto; height: auto;}
.pSwiperDots{ display: none;}
.nPro{ padding:0; padding-bottom: 40px;}
.nPro .swiperDots{ display: flex;}
.nProTab{ position: relative; left: auto; top: auto; width: auto; margin-bottom: 30px;}
.nProTab .i{ position:relative; bottom: auto; left: auto; display: none;}
.nProTab .h3{ font-size: 24px; margin-bottom: 0.5em;}
.nProTab .h3 br{ display: none;}
.nProTab .p{ font-size: 14px; line-height: 1.5;}
.nProTab .pd{ padding-bottom: 0px;}
.nProCon .swiperArrow{ display: none;}
.nProCon{ margin:0;}
.nProCon .swiper{ margin: 0 -16px;}
.nProCon .pd{ background: #1fa4d9; color: #fff; border-radius: 16px; margin: 0 16px; overflow: hidden;}
.nProCon .img{ border-radius: 0;}
.nProCon .text{ padding: 30px;}
.nProCon .p .npd:before{ background: #fff;}

.tit3{ padding: 50px 0 30px 0;}

.dsInfoMain2 .tit2{ margin-bottom: 30px;}
.dsInfoFl{ width: auto; position: relative; margin-bottom: 30px; background: #1fa4d9; border-radius: 16px; overflow: hidden;}
.dsInfoNav{ margin-right: 86px;}
.dsInfoNav ul{ display: flex; flex-wrap: wrap;}
.dsInfoNav li{ margin-bottom: 0; width: 33.3333%; padding:0; display: block; text-align: center;}
.dsInfoNav li:before{ display: noen;}
.dsInfoNav a:before{ display: none;}
.dsInfoNav a{ color: #fff; font-size: 14px; line-height: 1.2; height: 60px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.dsInfoBack{ position: absolute; right: 0; top:0; bottom: 0; display: flex; justify-content: center; align-items: center; padding:  0 16px; border-left:1px solid #fff; width: 87px; box-sizing: border-box;}
.dsInfoBack a{ color: #fff;}
.dsInfoBack span{ font-size: 14px;}
.dsInfoFr{ margin:0;}
.dsInfoList .img{ width:auto; float: none;}
.dsInfoList .text{ margin:0; padding: 30px 0 0 0;}
.dsInfoList .p{ font-size: 14px;}


.newsCList li{ padding: 5px 0;}
.newsCList .img{ width: 240px;}
.newsCList .text{ margin-right: 240px; padding-right: 30px;}
.newsCList .p{ height: 3em;-webkit-line-clamp: 2;}
.fpage{ justify-content: center; font-size: 14px;}
.fpage a, .fpage span{ line-height: 24px; height: 24px; padding: 0 0.5em;}
.fpage li:first-child *, .fpage li:last-child *{ width: 24px;}
.fpage li:first-child{ left: -2.5em;}
.fpage li:last-child{ right: -2.5em;}
.fpage .active a, .fpage .active span{ padding: 0 1em;}
.fpage li:last-child:before, .fpage li:first-child:before{ font-size: 28px; font-weight: normal;}

.contactList ul{ display: block;}
.contactList li{ width: auto; margin-bottom: 15px;}
.contactList li:last-child{ margin-bottom:0;}
.contactList .h3{ margin-bottom:0;}
.contactList .t{ position: relative; margin-bottom: 32px; padding: 8px 0;}
.contactList .t:before{ content: ''; bottom: -16px; height: 1px; background: #204d9f; position: absolute; left: 0; right: 0; opacity: 0.2;}
.contactList .i{ position: absolute; left:0; top: 50%; transform: translateY(-50%); margin-bottom:0; font-size: 48px;}
.contactList .c{ position: relative; left: auto; right: auto; bottom: auto; opacity: 1; text-align: left;}
.contactList .text{ margin-left: 48px; text-align: left; padding-left: 20px;}
.contactList .c img{ width: 120px; margin:0; padding: 10px; box-shadow: none;}
.contactList .pd:hover .em{ opacity: 1;}
.contactList .pd:hover .h3{ opacity: 1;}
.contactList .pd:hover .t:before{ background: #fff;}

.pLoginMain1{ display: block; min-height: inherit;}
.loginFl{ width: auto; border-radius: 16px; background: rgba(225,233,239,0.68);}
.loginFl:before{ display: none;}
.loginFr{ display: block; position: relative; left: auto; right: auto; top: auto; bottom: auto; text-align: center; margin-bottom: 30px;}
.loginFr .em{ font-size:48px;}
.loginTit .h3{ font-size: 32px;}
.loginTit .p{ font-size: 16px;}
.loginFl .wpd{ padding: 30px;}
}

@media screen and (max-width:720px){
.serviceTab{ margin-bottom: 20px;}
.serviceCon{}
.serviceCon .img:before{ display: none;}
.serviceCon .text{ padding: 30px 20px 20px 20px;}
.serviceCon .em{ text-align: left; padding-left: 1em;}
.serviceCon .em{ margin-bottom: 1.5em;}
.serviceCon .em em{ font-size: 18px;}
.serviceCon .em strong{ font-size: 14px;}
.proTab .pd{ font-size: 12px;}
.proCon .text{ padding: 20px;}
.proCon .h3{ padding-right:0; display: block; margin-bottom: 0.5em;}
.proCon .h3 em{ display: none;}
.proCon .h3 em{ font-size: 1.5em;}
.iNewsB .pd{ padding: 20px;}
.iNewsB .pd:before{ display: none;}
.iNewsB .h3{ font-size: 18px; margin-bottom: 0.5em;}

.newsCList li{ padding:0; margin-bottom: 20px;}
.newsCList li:before{ display: none;}
.newsCList li:last-child{ margin-bottom:0;}
.newsCList .pd{ padding:0; background: #e2eaf0; border-radius: 16px; overflow: hidden;}
.newsCList .img{ width: auto; float: none; border-radius: 0;}
.newsCList .text{ margin-right:0; padding:20px;}

.fpage{ font-size: 12px;}
.crumbs{ font-size: 12px;}
.pNavList li{ width: 33.3333%; text-align: center;}

.aboutTop .img{ width: auto; float: none;}
.aboutTop .text{ margin-right:0; padding: 30px 0 0 0;}
.aboutTab ul{ flex-wrap: wrap; margin: 0 -5px;}
.aboutTab li{ width: 50%; margin-bottom: 10px;}
.aboutTab .pd{ padding: 20px 0; margin: 0 5px;}
.msgFr{ padding: 40px 20px;}
.msgForm{ font-size: 16px;}
.contactTit{ margin-bottom: 20px;}
.contactTit br{ display: none;}
.contactTit .p{ font-size: 14px; text-align:justify;}
.msgForm li{ padding: 5px 0;}
.fContactCon{ min-height: 152px;}
.newsAList .h3{ font-size: 18px;}
.newsAList .p{ font-size: 14px;}
.iNewsB .h3{ font-size: 18px;}
.iNewsB .p{ font-size: 14px;}
.iNewsB .em{ font-size: 14px;}

.aboutMain1{ padding-top: 30px;}

.iMain5 .tit2 .t,
.newsMain1 .tit2 .t,
.newsMain2 .tit2 .t{ margin-right: 96px;}


.nBanner .img img{ height: 150px; object-fit: cover;}
.nBanner .text{ top: 0; font-size: 1.953125vw;}
.nBanner .text .wp{ width: 100%; padding: 0 30px; margin:0;}

.contactList .pd{ margin:0; padding: 20px;}
}

@media screen and (max-width:480px){
.nProMain2 .wp,
.wp,
.header .wp,
.footer .wp,
.pNav .wpd{ margin: 0 7.2463768115942vw;}
.swiperB .wp{margin: 0; padding: 0 30px;}
.swiperB .footer .wp{ padding: 0 7.2463768115942vw;}


.contactMain1{ padding-top: 20px;}

.tit3 .t .h3{ font-size: 18px;}
.pNavNews_2{}
.pNavList_2 li{ width: 33.3333%; text-align: center;}
.msgFl .text{ padding: 20px;}
.msgFl .h3 br{ display: none;}

.nProCon .text{ padding: 20px;}
.loginFl .wpd{ padding:30px 20px;}
.loginTit{ text-align: center; margin-bottom: 20px}
.ipt_t2{ font-size: 14px;}
.loginForm .m{ margin-right:0;}

.dsInfoFl{}
.dsInfoList .h3{ display: block; font-size: 18px;}


.dsInfoFl{ border-radius: 6px;}
.dsInfoMain2 .tit2{ text-align: left;}
.dsInfoMain2 .tit2 .t{ padding-left: 1.6em;}


.proTab .h3{ width: 5em;}

.dsInfoNav a{ font-size: 12px;}
.dsInfoNav{ margin-right: 53px;}
.dsInfoBack{ padding:0; width: 54px;}
.dsInfoBack a{ display: flex; align-items: center; justify-content: center;flex-direction: column; padding:0;}
.dsInfoBack i{ position: relative; left: auto; top: auto; margin:0;}
}
@media screen and (max-width:413px){

.serviceCon .p1,
.serviceCon .p2,
.serviceCon .p3{ font-size: 12px;}
.serviceCon .m em{ font-size: 12px;}
.nProTab .h3{ font-size: 18px;}
.nProTab .p{ font-size: 12px;}
.proCon .p{ font-size: 12px;}
.newsAList .h3{ font-size: 16px;}
.newsAList .p{ font-size: 12px;}
.iNewsB .h3{ font-size: 16px;}
.iNewsB .p{ font-size: 12px;}
.iNewsB .em{ font-size: 12px;}
.msgForm{font-size: 14px;}
.contactList .p{ font-size: 18px;}

.loginFr .em{ font-size: 42px;}
.loginFr .h3{ font-size: 28px;}
.loginForm .p{ font-size: 12px;}

.joinCon{ font-size: 1.6em;}

.tit2 .t em{ font-size: 24px;}
.tit2 .t strong{ font-size: 16px;}

.dsInfoNav a{ font-size: 12px;}
/*.dsInfoNav{ margin-right: 80px;}
.dsInfoBack{ width: 81px;}
.dsInfoBack a{ padding-left: 1.2em;}*/

.msgBox_box .pd{ padding:40px 20px 20px 20px;}
}
@media screen and (max-width:374px){

}


.crispr{ background: url("../images/crispr_bg.jpg") no-repeat center center; background-size: cover; padding: 7em 0; font-size: 1.04166666666667vw;}
.crispr .wpd{ margin: 0 12.75em;}
.crisprTit{ margin-bottom:1em;}
.crisprTit em{ font-size: 2.7em; line-height: 1; color: #204D9E; position: relative; display: inline-block; margin-bottom: 0.2em;}
.crisprTit em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.crisprTit strong{ font-size: 1.6em; line-height: 1; color: #1FA4D9; display: block;}
.crisprList{ margin-bottom:5em;}
.crisprList ul{ display: flex; flex-wrap: wrap;}
.crisprList li{ width: 33.33333%; margin-bottom:1em; height:23.6em; display: flex; align-items: flex-end; overflow: hidden;}
.crisprList .pd{ display: block; background: #E1E9EF; border-radius: 3.5em; position: relative; height: 14.3em; box-sizing: border-box; transition: 0.3s all; overflow: hidden;}
.crisprList .img{ position: absolute; right:0; top:0; width: 14.3em; opacity: 0;}
.crisprList .img img{ width: 100%; height: 100%; display: block;}
.crisprList .text1{ z-index: 2; position: absolute; left: 0; bottom: 0; right: 0; pointer-events: none; display: flex; align-items: flex-end; padding: 2.5em 2em 2em 2em;}
.crisprList .text{ z-index: 3; position: relative; color: #fff; padding:6em 2em 2em 2em; opacity: 0;}
.crisprList .i{ width: 1.1em; height: 2.1em; background: #1FA4D9; box-sizing: border-box; border-radius: 0.55em; position: absolute; left: 2em; top: 2.5em;}
.crisprList .h2{ font-size: 1.2em;}
.crisprList .em{ font-size: 0.8em;}
.crisprList .h3{ font-size: 1.2em; height: 6em; line-height: 1.5; margin-bottom: 1em;}
.crisprList .p{ font-size: 0.8em; line-height: 1.5;}
@media screen and (min-width:1025px){
.crisprList .pd:hover{ background: #204D9E; height: 23.6em;}
.crisprList .pd:hover .img{ opacity: 1;}
.crisprList .pd:hover .text{ opacity: 1;}
.crisprList .pd:hover .text1{ opacity: 0;}
.crisprList .pd:hover .i{ border: 1px solid #1FA4D9; background: #204D9E;}
}
.crisprCon{}
.crisprCon .pd{}
.crisprCon .p{ font-size: 1.25em; line-height: 1.5; margin-bottom: 3.4em;}
.crisprCon .m{ padding-left: 4em; position: relative;}
.crisprCon .i{ width: 1em; height: 1em; font-size: 2.7em; position: absolute; left:0; top:0;}
.crisprCon .em{ font-size: 1.2em; line-height: 1.5;}

@media screen and (max-width:1024px){
.crispr{ padding: 4em 0 7em 0; font-size: 16px;}
.crispr .wpd{ margin: 0 30px;}
.crisprTit{ margin-bottom: 3em; text-align: center;}
.crisprList ul{ margin: 0 -0.5em;}
.crisprList li{ width: 50%;}
.crisprList .pd{ background: #204D9E; height: 23.6em; margin: 0 0.5em;}
.crisprList .pd .img{ opacity: 1; width: 60%; max-width: 200px;}
.crisprList .pd .text{ opacity: 1;}
.crisprList .pd .text1{ opacity: 0;}
.crisprList .pd .i{ border: 1px solid #1FA4D9; background: #204D9E;}
}
@media screen and (max-width:980px){
.crispr{ padding: 50px 0 80px 0;}
.crisprTit{ margin-bottom: 30px;}
.crisprTit em{ font-size: 24px;}
.crisprTit strong{ font-size: 18px;}
.crisprList{ margin-bottom: 40px;}
.crisprList{ display: block;}
.crisprList li{ width:auto; height: auto; margin-bottom: 30px;}
.crisprList li:last-child{ margin-bottom: 0px;}
.crisprList .pd .img{ opacity: 0.8;}
.crisprList .h3{ height: 4.5em;}
.crisprCon .m{ padding-left: 30px;}
.crisprCon .p{ font-size: 14px; margin-bottom: 40px;}
.crisprCon .i{ font-size: 20px;}
.crisprCon .em{ font-size: 14px;}
.crisprList .pd{ height: auto;}


}

@media screen and (max-width:480px){
.crispr .wpd{ margin: 0 7.2463768115942vw;}
}


/*产品新增*/
.pProInfoMain1{ padding-bottom: 0px;}
.pCrumbs{ display: flex; justify-content: space-between; margin-bottom: 60px;}
.pCrumbsFl{}
.pCrumbsFl a{ display: block; height: 2.3em; line-height: 2.3em; border-radius: 1.15em; background: #f5f5f5; color: #204D9E; display: flex; justify-content: center; align-items: center; padding: 0 1em; font-size: 20px;}
.pCrumbsFl a:hover{ background: #204D9E; color: #fff;}
.pCrumbsFr{ color: #204D9E; line-height: 2.3em; font-size: 20px;}
.pCrumbsFr a{ color: #204D9E;}
.pCrumbsFr em{ margin: 0 0.5em;}
.pCrumbsFr strong{ color: #1FA4D9; font-weight: normal;}

.pInfo{}
.pInfoTop{ margin-bottom: 80px;}
.pInfoImg{ width: 450px; position: relative; float: left;}
.zproTab{ width: 58px; position: absolute; left: 0px; top: -6px; bottom: 0px; overflow: hidden;}
.zproTab .pd{ display: block; cursor: pointer; padding: 7px 0;}
.zproTab .img{ position: relative;}
.zproTab .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #1FA4D9; box-sizing:border-box; opacity:0;}
.zproTab .img img{ width: 100%; height: auto; display: block; aspect-ratio: 1/1; object-fit: cover;}
.zproTab  .swiper-slide-thumb-active .img:before{ opacity: 1;}
.zproFor{ margin-left: 72px;}
.zproFor .img{}
.zproFor .img img{ aspect-ratio: 378/348;}

.pInfoText{ margin-left: 490px;}
.pInfoText .h3{ font-size: 42px; line-height: 1.2; margin-bottom: 0.4em;}
.pInfoText .em{ font-size: 18px; line-height: 1.5; margin-bottom: 0.5em;}
.pInfoText .p{}

.tableA{}
.tableA table{border: 1px solid #204D9E; padding: 0; border-collapse: collapse; width: 100%; text-align: center; font-size: 18px;}
.tableA td{border: 1px solid #204D9E; background: #fff; color: #204D9E; padding:0.65em 0.25em;}
.tableA tr:first-child td{ background: #204D9E; color: #fff;}

.pInfoBottom{ position: relative;}

.pInfoNav{ position: absolute; left: 72px; width: 378px;}
.pInfoNav ul{}
.pInfoNav li{ margin-bottom: 24px;}
.pInfoNav a{ color: rgba(32,77,158,0.5); display:block; font-size: 20px; position: relative; display: flex;}
.pInfoNav a:before{ content: ''; position: absolute; right: 0px; top: 50%; height: 1px; background: #204D9E; left: 0; opacity: 0;}
.pInfoNav strong{ font-weight: normal; display: block; position: relative; height: 30px; line-height: 30px; overflow: hidden; background: #fff; padding-right: 0.5em;}
.pInfoNav li.curr a{ color: rgba(32,77,158,1);}
.pInfoNav li.curr a:before{ opacity: 1;}

.pInfoCon{ margin-left: 490px; min-height: 500px; font-size: 20px; color: #204D9E; position: relative; padding-bottom: 100px;}
.pInfoCon:before{ content: ''; position: absolute; left: 0; top: 0; width: 1276px; bottom: -250px; z-index: 1; background: url("../images/icon-logo.png") no-repeat top center; background-size: contain; opacity: 0.04;}


.pInfoCon .li{ padding-bottom: 40px; z-index: 2; position: absolute; opacity: 0;}
.pInfoCon .li.curr{ display: block; z-index: 4; opacity: 1; position: relative;}

.pInfoCon .swiperDots{ display: flex; justify-content: flex-start; bottom: 0px;}
.pInfoCon .swiperDots span{ width: 1.1em; height: 1.1em; color: #204D9E; font-size: 20px; line-height: 1.1em; text-align: center; display: block; border-radius: 0.55em; background:#f5f5f5; margin: 0 0.2em;}
.pInfoCon .swiperDots .swiper-pagination-bullet-active{ width: 1.1em; background: #204D9E; color: #fff;}


.tableB{}
.tableB table{border: 1px solid #204D9E; padding: 0; border-collapse: collapse; width: 100%; font-size: 20px; color: #204D9E; text-align: center;}
.tableB td{border: 1px solid #204D9E;}
.tableB tr:first-child td{ background: #204D9E; color: #fff;}

.pInfoA{ line-height: 1.6;}
.pInfoA p{}
.pInfoA ul{ padding:1em 0 1em 1em;}
.pInfoA li{ position: relative;}
.pInfoA li:before{ content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #204D9E; left: -1em; top: 0.8em; margin-top: -4px;}
.pInfoB{}
.pInfoB .p{ line-height: 1.6;}
.pInfoB .m{ padding-top: 30px;}
.pInfoB .m a{ display: flex; align-items: center;}
.pInfoB .m i{ margin-right: 0.5em; font-size: 1em; color: #1FA4D9;}
.pInfoC{}
.pInfoC ul{ display: flex; flex-wrap: wrap;}
.pInfoC li{ width: 50%; margin-bottom: 20px;}
.pInfoC .pd{ display: flex; align-items: center; width: 100%;}
.pInfoC img{ width: 100px; height: auto; display: block;}
.pInfoC i{ font-size: 1em; margin: 0 0.5em;}
.pInfoD{}
.pInfoE{ position: relative; padding-bottom: 40px;}
.pInfoE .h3{ font-weight: bold;}
.pInfoE .p{ line-height: 1.6;}
.pInfoF{ position: relative; padding-bottom: 40px;}
.pInfoF .h3{ font-weight: bold;}
.pInfoF .p{ line-height: 1.6;}



.tjpro{ position: relative; z-index: 3; padding-bottom: 120px;}
.tjproList{ position: relative; padding-bottom: 40px;}
.tjproList .swiper{ margin: 0 -30px;}
.tjproList .pd{ margin: 0 30px; display: block;}
.tjproList .img{ border-radius: 20px; overflow: hidden;}
.tjproList .text{ padding-top: 20px;}
.tjproList .h3{ font-size: 24px; font-weight: bold; height: 3em; line-height: 1.5em; overflow: hidden; margin-bottom: 0.5em; margin-bottom: 0;}
.tjproList .p{ font-size: 16px;}
.tjproList .p ul{ display: flex; flex-wrap: wrap;}
.tjproList .p li{ padding: 6px 0; width: 50%;}
.tjproList .p .npd{ position: relative; padding-left: 12px;}
.tjproList .p .npd:before{ content: ''; position: absolute; width: 4px; height: 4px; left:0; background: #1fa4d9; border-radius: 50%; top: 50%; margin-top: -2px;}
.tjproList .swiperArrow{ display: none; top:auto; bottom: 0;}
.tjproList .swiperPrev{ left: 0;}
.tjproList .swiperNext{ left: 0; right: auto; margin-left: 1.2em;}
.tjproList .swiperDots{ display: flex; }



/*产品详情适配*/
.pCrumbs{ margin-bottom: 3em;}
.pCrumbsFl a{ font-size: 1em;}
.pCrumbsFr{ font-size: 1em;}
.pInfoTop{ margin-bottom: 4em;}
.pInfoImg{ width: 22.5em;}
.zproTab{ width: 2.9em; top: -0.3em;}
.zproTab .pd{ padding: 0.35em 0;}
.zproFor{ margin-left: 3.6em;}
.pInfoText{ margin-left: 24.5em;}
.pInfoText .h3{ font-size: 2.1em;}
.pInfoText .em{ font-size: 0.9em;}
.tableA table{ font-size: 0.9em;}
.pInfoNav{ left: 3.6em; width: 18.9em;}
.pInfoNav li{ margin-bottom: 1.2em;}
.pInfoNav a{ font-size: 1em;}
.pInfoNav strong{ height: 1.5em; line-height: 1.5em;}
.pInfoCon{ margin-left: 24.5em; min-height: 25em; font-size: 1em; padding-bottom: 2em;}
.pInfoCon:before{ width: 63.8em; bottom: -12.5em; }
.pInfoCon .li{ padding-bottom: 5em;}
.pInfoCon .swiperDots span{ font-size: 1em;}
.tableB table{font-size: 1em;}
.pInfoA li:before{ width: 0.4em; height: 0.4em; margin-top: -0.2em;}
.pInfoB .m{ padding-top: 1.5em;}
.pInfoC img{ width: 5em;}
.pInfoE{ padding-bottom: 2em;}
.pInfoF{ padding-bottom: 2em;}

.tjpro{  padding-bottom: 6em;}
.tjproList .swiper{ margin: 0 -1.5em;}
.tjproList .pd{ margin: 0 1.5em;}
.tjproList .img{ border-radius: 0.5em;}
.tjproList .text{ padding-top:  0.5em;}
.tjproList .h3{ font-size: 1.2em;}
.tjproList .p{ font-size: 0.8em;}
.tjproList .p li{ padding: 0.3em 0;}
.tjproList .p .npd{ padding-left: 0.6em;}
.tjproList .p .npd:before{ width: 0.2em; height: 0.2em; margin-top: -0.1em;}




/*服务新增*/
.pServiceInfo3{}
.pServiceInfo3 .wp{ margin: 0 160px; width: auto;}
.pServiceInfo3_1{ padding:30px 0 110px 0;}
.tit4{ display: flex; justify-content: space-between;}
.tit4 .t{ width: 32%; display: flex; justify-content: flex-start; flex-direction:column; align-items: flex-start;}
.tit4 .t em{ font-size: 54px; display: block; line-height: 1.2; margin-bottom: 0.2em; position: relative; white-space: nowrap; font-weight: bold;}
.tit4 .t em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.tit4 .t strong{ color: #1fa4d9; font-size:32px; display: block; text-align: right; line-height: 1;}
.tit4 .c{ width: 68%; font-size: 25px; line-height: 1.5; text-align: justify;}
.pServiceInfo3_2{}
.sImgTextA{}
.sImgTextA .pd{ display: block; position: relative;}
.sImgTextA .img{}
.sImgTextA .img img{width: 100vw; margin-left: -50vw; position: relative; left: 50%;}
.sImgTextA .text{ position: absolute; left: 160px; right: 160px; top: 0px; bottom: 0px; display: flex; align-items: center; z-index: 2; color: #fff;}
.sImgTextA .h3{ font-size: 102px; line-height: 1;}
.pServiceInfo3_3{ padding: 110px 0;}
.sListA{}
.sListA li{ margin-bottom: 150px;}
.sListA li:last-child{ margin-bottom: 0;}
.sListA .pd{ display: block; position: relative;}
.sListA .t{ position: absolute; left: 0; top: 0; width: 576px;}
.sListA .i{ margin-right: 40px;}
.sListA .i i{ font-size: 80px; margin-bottom: 0.25em; border-bottom: 1px solid #204D9D; line-height: 1; height: 1.25em; display: block; font-weight: bold;}
.sListA .i strong{ font-size: 24px; line-height: 1.2; display: block; font-weight: normal;}
.sListA .c{ margin-left: 576px; position: relative;}
.sListA .imga{ overflow: hidden; position: relative; opacity: 0;}
.sListA .imga img{ width: 100%; height: auto; display: block;}
.sListA .imgb{ position: absolute;  bottom: 0; right: 0; border-radius: 30px; overflow: hidden; width: 100%; height: 100%; transition: 0.3s all; opacity: 1;}
.sListA .imgb:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(32,77,157,0.6);}
.sListA .imgb img{ width: 100%; height: auto; display: block;}
.sListA .texta{ position: absolute; left: 0; top: 0; right: 0; color: #fff; bottom: 0; display: flex; justify-content: center; align-items: center; opacity: 1; transition: 0.3s all;}
.sListA .textb{ position: absolute; left: 0; top: 0; right: 0; opacity: 0; transition: 0.3s all;}
.sListA .h2{ display: flex; align-items: flex-end; line-height:1;}
.sListA .h2 em{ font-size: 68px;}
.sListA .h2 strong{ font-size: 30px; margin-left: 0.5em;}
.sListA .h3{ display: flex; align-items: flex-start; line-height:1; border-bottom: 1px solid #204D9D; height: 100px; margin-bottom: 20px;}
.sListA .h3 .nped{ display: flex; align-items: flex-end;}
.sListA .h3 em{ font-size: 68px; color: #204D9D;}
.sListA .h3 strong{ font-size: 30px; margin-left: 0.5em; color: #1FA3D8;}
.sListA .p{}
.sListA .m{ width: 20px; height: 20px; position: absolute; right: 20px; bottom: 20px; border-radius: 50%; opacity: 1; background: #fff; z-index: 6; cursor: pointer;}
.sListA .m:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; border-radius: 50%; transform:translate(-50%,-50%) scale(1); background: rgba(255,255,255,0.5);	}


.sListA li.curr .imgb{ width:0%; height: 0%; opacity: 0;}
.sListA li.curr .texta{ opacity: 0;}
.sListA li.curr .textb{ opacity: 1;}
.sListA li.curr .m{ opacity: 0;}



.pServiceInfo5{}
.pServiceInfo5_1{}
.pServiceInfo5_1 .wp{ width: 1200px;}
.tit5{ margin-bottom: 120px;}
.tit5 .t{ display: flex; align-items: center; justify-content: center;}
.tit5 .t em{ font-size: 54px; display: block; line-height: 1.2; margin-bottom: 0.2em; position: relative; white-space: nowrap; font-weight: bold;}
.tit5 .t em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.tit5 .t strong{ color: #1fa4d9; font-size:32px; display: block; text-align: right; line-height: 1; margin-left: 0.5em;}
.tit5 .c{ font-size: 25px; line-height: 1.5; text-align: center;}


.pServiceInfo5_2{}
.pServiceInfo5_2 .wp{ width: auto;}
.sListB{ position: relative;}
.sListBNav{ position: absolute; left: 50%; right: 0px; top: 36px; z-index: 3;}
.sListBNav ul{ display: flex; padding: 0 36px;}
.sListBNav li{ width: 33.3333%;}
.sListBNav .pd{ display: block; height: 2.416666666666667em; line-height: 2.416666666666667em; background:rgba(255,255,255,0.5); color:rgba(32,77,157,0.5); border-radius: 1.166666666666667em; padding: 0 1em; display: flex; justify-content: space-between; font-size:24px; flex-direction: row-reverse;}
.sListBNav .pd em{ font-size:1em;}
.sListBNav .pd i{ font-size: 1.5em;}
.sListBNav li.curr .pd{ background:rgba(255,255,255,1); color:rgba(32,77,157,1);}
.sListBList{ position: relative;}
.sListBList_1{ width: 50%; border-radius: 54px; overflow: hidden;}
.sListBList_2{ width: 50%; border-radius: 54px; overflow: hidden; box-sizing: border-box; background: #EEF4F8; position: absolute; left: 50%; top: 0; bottom: 0px; right: 0px;}
.sListBList_2 .pd{ display: block; position: relative; height: 100%; padding:36px; box-sizing: border-box; justify-content: center; align-items: center; display: flex; font-size: 24px;}
.sListBList_2 .npd{ padding: 0 76px; margin-right: 160px;}
.sListBList_2 .i{position: absolute; right: -10%; bottom: -60px; width: 65%; font-size: 640px; line-height: 1; opacity: 0.08;}
.sListBList_2 .h3{ color: #1FA3D8; line-height: 1; margin-bottom: 3em;}
.sListBList_2 .p{ color: #204D9D; line-height: 1.5; text-align: justify; margin-bottom: 1em;}
.sListBList_2 .em{ color: #204D9D; line-height: 1.5;}
.sListBList_2 .swiperNext{ display: block;}

.sListBList_2 .swiper{ height: 100%;}
.sListBList_2 .swiper-slide{ height: 100%;}



/*新增服务适配*/
.pServiceInfo3 .wp{ margin: 0 8em;}
.pServiceInfo3_1{ padding:1.5em 0 5.5em 0;}
.tit4 .t em{ font-size: 2.7em;}
.tit4 .t strong{ font-size: 1.6em;}
.tit4 .c{ font-size: 1.25em;}
.sImgTextA .text{ left: 8em; right: 8em;}
.sImgTextA .h3{ font-size: 5.1em;}
.pServiceInfo3_3{ padding: 5.5em 0;}
.sListA li{ margin-bottom: 7.5em;}
.sListA .t{  width: 28.8em;}
.sListA .i{ margin-right: 2em;}
.sListA .i i{ font-size: 4em;}
.sListA .i strong{ font-size: 1.2em;}
.sListA .c{ margin-left: 28.8em;}
.sListA .imgb{ border-radius: 1.5em;}
.sListA .h2 em{ font-size: 3.4em;}
.sListA .h2 strong{ font-size: 1.5em;}
.sListA .h3{height: 5em; margin-bottom: 1em;}
.sListA .h3 em{ font-size: 3.4em;}
.sListA .h3 strong{ font-size: 1.5em;}
.sListA .m{ width: 1em; height: 1em; right: 1em; bottom: 1em;}
.sListA .m:before{ width: 2.1em; height: 2.1em;}
.pServiceInfo5_1 .wp{ width: 60em;}
.tit5{ margin-bottom: 6em;}
.tit5 .t em{ font-size: 2.7em; }
.tit5 .t strong{ font-size:1.6em; }
.tit5 .c{ font-size: 1.25em;}

.sListBNav{ top: 1.8em;}
.sListBNav ul{ padding: 0 1.8em;}
.sListBNav .pd{ font-size: 1.2em;}
.sListBList_1{ border-radius: 2.7em;}
.sListBList_2{ border-radius: 2.7em;}
.sListBList_2 .pd{ padding:1.5em; font-size: 1.2em;}
.sListBList_2 .npd{ padding: 0 3.166666666666667em; margin-right: 3.166666666666667em;}
.sListBList_2 .i{bottom: -2.5em; font-size: 26.66666666666667em;}


@media screen and (max-width:1024px){
.pServiceInfo3_1{ padding: 0 0 50px 0;}
.pServiceInfo3 .wp{ margin: 0 30px;}
.pServiceInfo3_3{ padding: 50px 0 0 0;}
.pServiceInfo5_1 .wp{ width: auto;}
.tit4{ display: block; text-align: center; margin-bottom:0px;}
.tit4 .t{ width: auto; justify-content: center; align-items:center; margin-bottom: 20px;}
.tit4 .t em{ font-size: 30px;}
.tit4 .t strong{ font-size: 18px;}
.tit4 .c{ font-size: 14px; width: auto;}
.sImgTextA .h3{ font-size: 5vw;}
.sListA li{ margin-bottom: 40px;}
.sListA .t{ position: static; width: auto; left: auto; top: auto; margin-bottom: 30px;}
.sListA .i{ margin-right: 0px; border-bottom: 1px solid #204D9D; display: flex; align-items: center;}
.sListA .i i{ height: auto; border-bottom: none; font-size: 3em; margin-right: 0.2em;}
.sListA .c{ margin: 0px; background: #1fa4d9; color: #fff; border-radius: 1.5em; overflow: hidden;}
.sListA .h3{ height: auto; padding-bottom: 20px; border-bottom-color: rgba(255,255,255,0.5);}
.sListA .h3 em{ font-size: 2em; color: #fff;}
.sListA .h3 strong{ color: #fff;}
.sListA .m{ display: none;}
.sListA .imga{ display: none;}
.sListA .imgb{ position: relative; width: auto; height: auto; right: auto; bottom: auto;}
.sListA .texta{ display: none;}
.sListA .textb{ position: relative; left: auto; top: auto; right: auto; opacity: 1; padding: 30px;}


.tit5{ margin-bottom: 50px;}
.tit5 .t{flex-direction: column; margin-bottom: 20px;}
.tit5 .t em{ font-size: 30px;}
.tit5 .t strong{ font-size: 18px;}
.tit5 .c{ font-size: 14px;}
.sListBNav{ position: relative; left: auto; right: auto; top: auto; margin-bottom: 20px;}
.sListBNav .pd{ background:#f5f5f5;}
.sListBNav ul{ margin: 0 -5px; padding: 0px;}
.sListBNav .pd{ margin: 0 5px;}
.sListBNav li.curr .pd{ background: rgba(32,77,157,1); color: #fff;}
.sListBList_2 .npd{ padding: 0px; margin-right: 0px;}
.sListBList_2 .swiperNext{ display: none;}
.sListBList_2 .h3{ margin-bottom: 1em; font-size: 18px;}
.sListBList_2 .pd{ font-size: 14px;}
}
@media screen and (max-width:980px){
.pInfoImg{ width: auto; float: none; margin-bottom: 30px;}
.zproFor{ margin: 0 0 20px 0;}
.pInfoText{ margin-left: 0;}
.zproTab{ position: relative; left: auto; top: auto; bottom: auto; width:auto;}
.zproTab .pd{ margin: 0 5px; padding: 0;}
.pInfoNav{ position: relative; left: auto; width: auto; margin-bottom: 30px;}
.pInfoNav ul{ display: flex; flex-wrap: wrap;}
.pInfoNav li{ width: 16.66666666666667%; margin-bottom: 1px;}
.pInfoNav a{ display: block; margin-right: 1px;}
.pInfoNav a:before{ display: none;}
.pInfoNav strong{ height: 40px; background: #f5f5f5; line-height: 40px; padding-right: 0px; text-align: center;}
.pInfoNav li.curr strong{ background: #204D9E; color: #fff; }
.pInfoCon{ margin: 0px;}

.tjproList .swiper{ margin: 0 -16px;}
.tjproList .pd{ background: #1fa4d9; color: #fff; border-radius: 16px; margin: 0 16px; overflow: hidden;}
.tjproList .img{ border-radius: 0;}
.tjproList .text{ padding: 30px;}
.tjproList .h3{ height: 1.5em;}
.tjproList .p .npd:before{ background: #fff;}


.sListBList{ background: #1fa4d9; color: #fff; border-radius: 1.5em;}
.sListBList_1{ width: auto; border-radius: 1.5em;}
.sListBList_2{ width: auto; border-radius: 1.5em; position:relative; left: auto; top: auto; bottom: auto; right: auto; background: none;}
.sListBList_2 .pd{ padding: 30px;}
.sListBList_2 .h3{ color: #fff; font-size: 24px; }
.sListBList_2 .p{ color: #fff;}
.sListBList_2 .em{ color: #fff;}


.tjpro .tit2{ text-align: left;}
.tjpro .tit2 .t{ padding-left: 1.6em; margin-right: 100px;}

}
@media screen and (max-width:640px){
.pInfoNav li{ width: 33.3333%;}
.pInfoC li{ width: 100%;}
.pInfoC img{ width: 3.2em;}
.tableA table,
.tableB table{ font-size: 12px;}
.pInfoText .h3{ font-size: 7vw;}

.tjproList .text{ padding: 25px 15px;}


.sListA .imgb,
.sListA .c{ border-radius: 6px;}
.sListA .textb{ padding: 15px;}
.sListA .p{ font-size: 12px;}
.sListA .h3{ padding-bottom: 10px;}
.sListA .h3 em{ font-size: 24px;}
.sListA .h3 strong{ font-size: 14px;}

.sListBNav ul{ margin: 0 -1px;	}
.sListBNav .pd{ display: block; height: auto; line-height: 1; padding: 1em 0; text-align: center; margin: 0 1px;}
.sListBNav .pd i{ display: block; text-align: center; margin-bottom: 10px;}
.sListBNav .pd em{ display: block; font-size: 14px;}

.sListBList,
.sListBList_1,
.sListBList_2{ border-radius: 1em;}

.sListBList_2 .pd{ padding:25px 15px;}
.sListBList_2 .h3{ font-size: 18px;}

}
@media screen and (max-width:413px){
.tableA table,
.tableB table{ font-size: 10px;}
}
@media screen and (max-width:374px){
.tableA table,
.tableB table{ font-size: 8px;}
}


/*首页产品*/
.iProb{ position: relative;}
.iProbFr{ margin-left: 480px; position: relative;}
.iProbFl{ position: absolute; left: 0px; top: 120px; width: 480px;}
.iProb .img{ border-radius: 24px; overflow: hidden; position: relative;}
.iProb .text{ position:absolute; left: 0; top: 0; right: 0; bottom: 0;}
.iProb .h3{ font-size: 50px; line-height: 1.2; margin-bottom: 0.2em;}
.iProb .em{ font-size: 16px; line-height: 1.2; color: #A4A4A4;}
.iProb .text .h3{ display: none;}
.iProb .text .em{ display: none;}
.iProb .p{ position: absolute; top: 24px; right: 32px; color: #fff;}
.iProb .p a{ color: #fff; display: block; line-height: 2;}
.iProb .p a:hover{ color: #1FA4D9;}
.iProb .m{ z-index: 2; background: url("../images/icon-jiao4.svg") no-repeat bottom right; width: 132px; height: 132px; bottom: 0; background-size: 100% auto; position: absolute; right: -1px; bottom: -1px;}

.iProb .swiperArrow{ display: block; bottom: 64px; left:0px; top: auto;}
.iProb .swiperPrev{}
.iProb .swiperNext{ right: auto; margin-left: 72px;}



.iProb .img{ border-radius: 1.2em;}
.iProbFl{ top: 6em; width: 24em;}
.iProbFr{ margin-left: 24em;}
.iProb .h3{ font-size: 2.5em;}
.iProb .em{ font-size: 0.8em;}
.iProb .p{ top: 1.2em; right: 1.6em;}
.iProb .m{ width: 6.6em; height: 6.6em; }
.iProb .swiperArrow{ bottom: 1.333333333333333em; font-size: 2.4em;}
.iProb .swiperNext{ margin-left: 1.5em;}

@media screen and (max-width:980px){
.iProbFl{ position: relative; left: auto; top: auto; width: auto; margin-bottom: 20px; display: none;}
.iProbFr{ margin: 0px; background: #1fa4d9; border-radius: 1.2em;}
.iProb{ padding-bottom: 30px;}
.iProb .text{ position: relative; left: auto; top: auto; bottom: auto; right:auto; padding: 30px; text-align: center;}
.iProb .text .h3{ display: block; color: #fff; font-size: 18px;}
.iProb .text .em{ display: block; color: #fff;}
.iProb .p{ position: relative; right: auto; top: auto; display: none;}
.iProb .m{ width: 66px; height:66px;}
.iProb .swiperArrow{ display: none;}
.iProb .swiperDots{ display:flex; bottom: 0;}
}
@media screen and (max-width:640px){
.iProb .text{ padding:20px 15px;}
.iProbFr{ border-radius: 12px;}
.iProb .img{ border-radius: 12px;}
}



/*20250609*/
.pCrumbsA{ margin-bottom: 1em; display:flex; line-height: 1; padding: 2em 0; font-size: 20px;}
.pCrumbsA a{ display: flex; align-items: center; height: 2.5em; line-height: 2.5em; background: #f5f5f5; padding: 0 1em; border-radius: 1.25em;}
.pCrumbsA i{ font-size: 1.125em; margin-right: 0.25em;}
.pCrumbsA a:hover{ background:#204D9E; color: #fff; }

.pProTypeMain1{ padding-top: 0px;}
.pType{}
.pType .li{ margin-bottom: 80px; position: relative;}
.pTypeTit{ display: flex; margin-bottom: 40px; position: relative; padding-left: 24px;}
.pTypeTit:before{ content: ''; position: absolute; width: 12px; height: 22px; border-radius: 6px; background: #1FA4D9; top: 50%; left: 0; transform: translateY(-50%);}
.pTypeTit strong{ font-size: 24px; font-weight: bold; line-height: 1; color: #204D9E;}
.pTypeCon{ border-left: 1px solid #204D9E; border-top: 1px solid #204D9E; border-right: 1px solid #204D9E; box-sizing: border-box; position: relative; z-index: 2; font-size: 18px; overflow: hidden;}
.pTypeCon .npd{ position: relative; box-sizing: border-box; padding-left: 22%;}
.pTypeCon .dl{ background: #fff;}
.pTypeCon .dl:hover{ background: rgba(32,77,158,0.1);}
.pTypeCon .dl:nth-child(even){ background:#f9f9f9;}
.pTypeCon .dl:nth-child(even):hover,
.pTypeCon .dl:hover{ background: #E1E9EF;}

.pTypeCon .dl:nth-child(even) .dt{ background:#f9f9f9;}
.pTypeCon .dl:nth-child(even):hover .dt,
.pTypeCon .dl:hover .dt{ background: #E1E9EF;}

.pTypeCon .pd{ position: relative;}
.pTypeCon .dt{ width: 22%; position: absolute; left: 0; top: 0; bottom: 0; display: flex; border-right: 1px solid #204D9E; justify-content: center; align-items: center; font-weight: bold; box-sizing: border-box; border-bottom: 1px solid #204D9E; z-index: 2; background: #fff; padding:0.5em}
.pTypeCon .dt a{ font-weight: bold; color: #204D9E;}
.pTypeCon .dt a:hover{ color: #1FA4D9;}
.pTypeCon .dd{ min-height: 50px; display: flex; box-sizing: border-box; flex-wrap: wrap;}
.pTypeCon .dd a{ padding: 10px; width: 20%; box-sizing: border-box; position: relative; text-align: center; color: #77879E;}
.pTypeCon .dd a:hover{ color: #1FA4D9;}
.pTypeCon .dd a:after{ content: ''; width: 1px; height: 1000%; background: #204D9E; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); z-index: 1;}
.pTypeCon .dd a:before{ content: ''; width: 1000%; height: 1px; background: #204D9E; position: absolute; left:50%; bottom: 0; transform: translateX(-50%); z-index: 1;}

.pCrumbsB{ margin-bottom: 1em; display:flex; line-height: 1; padding: 2em 0; font-size: 20px; flex-wrap: wrap; line-height: 1.3;}
.pCrumbsB em{ margin: 0 0.5em;}
.pCrumbsB a{ display: block; color: #204D9E;}
.pCrumbsB a:hover{ color: #1FA4D9;}
.pCrumbsB strong{ color: #1FA4D9; font-weight: bold;}

.pAPP_pList{}
.pProListMain1{ padding-top: 0px;}
.pListBox{ background: #E1E9EF; padding: 50px; border-radius: 25px;}
.pListBox .wpd{ position: relative; display: flex;}
.pListBox .wpd:before{ content: ''; position: absolute; left: 324px; top: 0; bottom: 0; width: 1px; background: #77879e;}
.pListBox .wpd:after{ display: none;}
.pListFl{ width: 324px; float: left; box-sizing: border-box; padding-right: 30px;}
.pListNavTit{ display: flex; margin-bottom: 40px; position: relative; padding-left: 24px;}
.pListNavTit:before{ content: ''; position: absolute; width: 12px; height: 22px; border-radius: 6px; background: #1FA4D9; top: 50%; left: 0; transform: translateY(-50%);}
.pListNavTit strong{ font-size: 24px; font-weight: bold; line-height: 1; color: #204D9E;}
.pListNavCon{}
.pListNavCon .dl{ margin-bottom: 20px;}
.pListNavCon .dl:last-child{ margin-bottom:0px;}
.pListNavCon .npd{}
.pListNavCon .dt{ position: relative;}
.pListNavCon .dt a{ color: #204D9E; display: block; line-height: 2.666666666666667em; height: 2.666666666666667em; font-weight: bold; padding: 0 1.333333333333333em; font-size: 18px;}
.pListNavCon .dt a.curr{color: #1FA4D9;}
.pListNavCon .dt a:hover{ background: rgba(255,255,255,0.5);}
.pListNavCon .dt i{ position: absolute; right: 0.4444444444444444em; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; cursor: pointer;}
.pListNavCon .dd{ display: none; padding: 20px 0 8px 0;}
.pListNavCon .dd a{ color: #77879E; display: block; height: 2.5em; line-height: 2.5em; overflow: hidden; margin-bottom: 0.5em; padding-left: 3em; font-size: 18px;}
.pListNavCon .dd a.curr{ color: #1FA4D9;}
.pListNavCon .dd a:hover{ background: rgba(255,255,255,0.5);}
.pListNavCon .dd a:last-child{ margin-bottom: 0px;}
.pListNavCon .curr .dd{ display: block;}
.pListNavCon .curr .dt i{ color: #1FA4D9; transform: translateY(-50%) rotate(180deg);}

.pListFr{ min-height:600px; padding-left: 40px; box-sizing: border-box; width: calc(100% - 324px);}
.pListTable{ font-size: 18px;}
.pListHead{ border-bottom: 1px solid #77879E;}
.pListHead .tr{ display: flex; line-height: 24px; padding: 18px 0;}
.pListHead .td{}
.pListHead .td:nth-child(1){ width: 220px;}
.pListHead .td strong{ display: block;}
.pListBody{}
.pListBody .tr{ display: block; border-bottom: 1px solid #77879E;}
.pListBody .pd{ display: flex; line-height: 24px; padding: 18px 0;}
.pListBody .td{}
.pListBody .td:nth-child(1){ width: 220px;}

.pS1{ background: url("../images/s1_bg.jpg") no-repeat center center; background-size: cover;  color: #fff; padding: 140px 7.5% 240px 7.5%;}
.pS1_1{ position: relative; margin-bottom: 800px;}
.pS1_1 .pd{ position: relative;}
.pS1_1 .t{ line-height: 1.1; padding-left: 1.75em;}
.pS1_1 .t em{ display: block; font-size:54px; margin-bottom: 0.3em; position: relative; font-weight: bold;}
.pS1_1 .t em:before{ content: ''; background: url("../images/icon-tit3.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.pS1_1 .t strong{ font-size: 32px; display: block;}
.pS1_1 .c{ font-size: 24px; line-height: 1.5; position: absolute; top: 2.666666666666667em; left: 10.41666666666667em; text-align: justify;}
.pS1_2{ margin-bottom: 80px; }
.pS1_2 ul{ margin: 0 -40px; position: relative;}
.pS1_2 li{ width: 25%; float: left;}
.pS1_2 .pd{ background: #1FA3D8; display: block; padding: 40px; color: #fff; margin: 0 40px; border-radius: 28px; transition: 0.3s all;}
.pS1_2 .i{ font-size: 92px; line-height: 1; margin-bottom: 20px;}
.pS1_2 .i img{ width: 1em; height: 1em;}
.pS1_2 .h3{ font-size: 30px; margin-bottom: 20px;}
.pS1_2 .p{ font-size: 24px; margin-bottom: 30px;}
.pS1_2 .em{ font-size: 14px;}
.pS1_2 li:nth-child(2){ position: absolute; left: 25%; top: -240px;}
.pS1_2 li:nth-child(3){ margin-top:240px;}
.pS1_2 li:nth-child(4){ margin-top:120px;}
.pS1_2 li:nth-child(5){ margin-top:270px;}
.pS1_2 li:nth-child(2) .pd{ background: #204D9D;}
.pS1_2 li:nth-child(5) .pd{ background: #204D9D;}
.pS1_2 .pd:hover{ transform: translateY(-5px);}
.pS1_3{ padding-top: 40px; width: 74%; border-top: 1px solid #fff;}
.pS1_3 .pd{ padding-left: 4em; position: relative;}
.pS1_3 .i{ width: 1em; height: 1em; font-size: 2.7em; position: absolute; left:0; top:0; color: #1FA3D8;}
.pS1_3 .p{ font-size: 1.2em; line-height: 1.5;}





.pS2{ padding: 140px 168px 240px 168px;}
.pS2_1{ position: relative; width: 460px; float: left;}
.pS2_1 .pd{ position: relative;}
.pS2_1 .t{ line-height: 1.1; padding-left: 1.75em;}
.pS2_1 .t em{ display: block; font-size:54px; margin-bottom: 0.3em; position: relative; font-weight: bold;}
.pS2_1 .t em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.pS2_1 .t strong{ font-size: 32px; display: block; text-align: right; color: #1FA4D9;}
.pS2_2{ margin-left: 460px; padding-left: 80px; margin-bottom: 80px;}
.pS2_2 ul{ display: block; display: flex; margin: 0 -16px;}
.pS2_2 li{ width: 50%; float: left;}
.pS2_2 .pd{ display: block; border: 1px solid #ccc; margin: 0 16px; padding: 40px 56px 80px 56px; height: 100%; box-sizing: border-box; position: relative; transition: 0.3s all;}
.pS2_2 .i{ font-size: 32px; line-height: 1; width: 1em; height: 1em; position: absolute; right: 1em; top: 1em;}
.pS2_2 .em{ font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 1.5em; line-height: 1.2;}
.pS2_2 .h3{ font-size: 26px; line-height: 1.5;}
.pS2_2 .pd:hover{ transform: translateY(-5px);}
.pS2_3{ font-size: 26px; line-height: 1.5; color: #204D9E; margin-bottom: 80px; text-align: justify;}
.pS2_4{ margin-bottom: 80px;}
.pS2_4 ul{ display: block; display: flex; margin: 0 -16px;}
.pS2_4 li{ width: 50%; float: left;}
.pS2_4 .pd{ display: block; background: #E1E9EF; margin: 0 16px; padding:50px 40px; height:400px; box-sizing: border-box; position: relative; display: flex;flex-direction: column; justify-content: space-between;  text-align: center; color: #204D9E; transition: 0.3s all;}
.pS2_4 .i{ font-size: 32px; line-height: 1; width: 1em; height: 1em; position: absolute; right: 1em; top: 1em;}
.pS2_4 .em{ font-size: 26px; line-height: 1.5; font-weight: bold;}
.pS2_4 .h3{ font-size: 16px;}
.pS2_4 .pd:hover{ transform: translateY(-5px);}
.pS2_4 li:nth-child(3) .pd{ background: #204D9E; color: #fff;}
.pS2_4 li:nth-child(4) .pd{ background: #1FA4D9; color: #fff;}
.pS2_5{ padding-top: 40px; width: 90%; border-top: 1px solid #ccc;}
.pS2_5 .pd{ padding-left: 4em; position: relative;}
.pS2_5 .i{ width: 1em; height: 1em; font-size: 2.7em; position: absolute; left:0; top:0; color: #1FA3D8;}
.pS2_5 .p{ font-size: 1.2em; line-height: 1.5; text-align: justify;}

.pS4{ padding: 140px 304px 240px 304px; background:url("../images/pS4_bg.jpg") no-repeat center center; background-size: cover; }
.pS4_1{ position: relative; margin-bottom: 80px;}
.pS4_1 .pd{ position: relative;}
.pS4_1 .t{ line-height: 1.1; text-align: center;}
.pS4_1 .t em{ display: block; font-size:54px; margin-bottom: 0.3em; position: relative; margin-left: 1em; display: inline-block; font-weight: bold;}
.pS4_1 .t em:before{ content: ''; background: url("../images/icon-tit1.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.pS4_1 .t strong{ font-size: 32px; display: block; color: #1FA4D9;}
.pS4_2{ margin-bottom: 80px;}
.pS4_3{ padding-top: 176px; margin-bottom: 80px;}
.pS4_3 ul{ display: block; display: flex; font-weight: bold; flex-wrap:wrap;}
.pS4_3 li{ width: 50%;}
.pS4_3 .pd{ display: block; height: 100%; box-sizing: border-box; position: relative; transition: 0.3s all; color: #fff;}
.pS4_3 .img{ border-radius: 25px; overflow: hidden; position: relative;}
.pS4_3 .img:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; background: linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0)); display: none;}
.pS4_3 .text{ position: absolute; left: 0; bottom: 0; right: 0; padding: 32px;}
.pS4_3 .i{ font-size: 32px; line-height: 1; width: 1em; height: 1em; position: absolute; right: 1em; top: 1em;}
.pS4_3 .h3{ font-size: 40px; line-height: 1.5; margin-bottom: 0.2em; font-weight: bold;}
.pS4_3 .p{ font-size: 18px; }
.pS4_3 li:nth-child(1) .pd,
.pS4_3 li:nth-child(4) .pd{ color: #204D9E;}
.pS4_3 li:nth-child(2) .img:before,
.pS4_3 li:nth-child(3) .img:before{ display: block;}
.pS4_3 li:nth-child(even) .wpd{ transform: translateY(-176px);}
.pS4_3 li:nth-child(4) .h3{ font-size: 24px;}
.pS4_3 .pd:hover{ transform: translateY(-5px);}
.pS4_4{ padding-top: 40px; width: 90%; border-top: 1px solid #f5f5f5;}
.pS4_4 .pd{ padding-left: 4em; position: relative;}
.pS4_4 .i{ width: 1em; height: 1em; font-size: 2.7em; position: absolute; left:0; top:0; color: #1FA3D8;}
.pS4_4 .p{ font-size: 1.2em; line-height: 1.5;}

.pS7{ padding: 140px 168px 240px 168px; background:url("../images/pS7_bg.jpg") no-repeat center center; background-size: cover; color: #fff;}
.pS7_1{ position: relative; margin-bottom:70px;}
.pS7_1 .pd{ position: relative;}
.pS7_1 .t{ line-height: 1.1; padding-left: 1.75em;}
.pS7_1 .t em{ display: block; font-size:54px; margin-bottom: 0.3em; position: relative; display: inline-block; font-weight: bold;}
.pS7_1 .t em:before{ content: ''; background: url("../images/icon-tit3.svg") no-repeat; background-size: contain; width: 0.7em; height: 1.1em; position: absolute; right: 100%; top: -0.4em;}
.pS7_1 .t strong{ font-size: 32px; display: block;}
.pS7_2{ margin-bottom: 220px;}
.pS7_2 ul{ position: relative; padding-top: 86px;}
.pS7_2 li{ display: flex; justify-content: flex-start;}
.pS7_2 .pd{ width: 300px; display: block; color: #fff; transition: 0.3s all; position: relative;}
.pS7_2 .text{ padding-top: 20px;}
.pS7_2 .h3{ font-size: 25px; line-height: 1.2; position: absolute; bottom: 100%; left: 0; margin-bottom: 20px;}
.pS7_2 .h3 strong{ display: block;}
.pS7_2 .h3 em{ display: block;}
.pS7_2 .em{}
.pS7_2 .p{ font-size: 14px}
.pS7_2 li:nth-child(1){ position: absolute; left: 0; top: 240px;}
.pS7_2 li:nth-child(1) .img{ margin-right: -22px; margin-top: -22px;}
.pS7_2 li:nth-child(2){ justify-content: flex-end; margin-bottom: 220px;}
.pS7_2 li:nth-child(2) .pd{ width: 600px;}
.pS7_2 li:nth-child(2) .img{ width: 300px; float: left;}
.pS7_2 li:nth-child(2) .text{ margin-left: 300px; padding-left: 30px;}
.pS7_2 li:nth-child(3){ justify-content: flex-end;}
.pS7_2 .pd:hover{ transform: translateY(-5px);}
.pS7_3{ margin-bottom: 80px;}
.pS7_3 .wpd{ position: relative;}
.pS7_3 .t{ font-size: 44px; position: absolute; left: 0; top: 0; width: 368px;}
.pS7_3 .c{ margin-left: 368px;}
.pS7_3 ul{ display: flex; margin: 0 -100px;}
.pS7_3 li{ display: flex; align-items: flex-end; }
.pS7_3 li:last-child .pd:before{ display: none;}
.pS7_3 .pd{ padding: 0 100px; position: relative; color: #fff;}
.pS7_3 .pd:before{ content: ''; position: absolute ; height: 80px; width: 1px; background: #fff; top: 50%; right: 0; transform: translateY(-50%);}
.pS7_3 .h3{ font-size: 32px; line-height: 1.2; margin-bottom: 0.25em;}
.pS7_3 .em{ font-size: 16px;}
.pS7_4{ margin-bottom: 60px;}
.pS7_5{ padding-top: 40px; width: 90%; border-top: 1px solid #fff;}
.pS7_5 .pd{ padding-left: 4em; position: relative;}
.pS7_5 .i{ width: 1em; height: 1em; font-size: 2.7em; position: absolute; left:0; top:0; color: #1FA3D8;}
.pS7_5 .p{ font-size: 1.2em; line-height: 1.5;}

/**/
.pS7{ padding: 7em 7.5% 12em 7.5%;}
.pS7_1{ margin-bottom:3.5em;}
.pS7_1 .t em{ font-size:2.7em; }
.pS7_1 .t strong{ font-size: 1.6em;}
.pS7_2{ margin-bottom: 11em;}
.pS7_2 ul{ padding-top: 4.3em;}
.pS7_2 .pd{ width: 15em;}
.pS7_2 .text{ padding-top: 1em;}
.pS7_2 .h3{ font-size: 1.25em;}
.pS7_2 .p{ font-size: 0.8em}
.pS7_2 li:nth-child(1){ top: 12em;}
.pS7_2 li:nth-child(1) .img{ margin-right: -1.1em;}
.pS7_2 li:nth-child(2){ margin-bottom: 11em;}
.pS7_2 li:nth-child(2) .pd{ width: 30em;}
.pS7_2 li:nth-child(2) .img{ width: 15em; }
.pS7_2 li:nth-child(2) .text{ margin-left: 15em; padding-left: 1.5em;}
.pS7_2 .pd:hover{ transform: translateY(-0.25em);}
.pS7_3{ margin-bottom: 4em;}
.pS7_3 .t{ font-size: 2.2em; width: 8.363636363636364em;}
.pS7_3 .c{ margin-left: 18.4em;}
.pS7_3 ul{ margin: 0 -5em;}
.pS7_3 .pd{ padding: 0 5em; }
.pS7_3 .pd:before{ height: 4em;}
.pS7_3 .h3{ font-size: 1.4em;}
.pS7_3 .em{ font-size: 0.8em;}
.pS7_4{ margin-bottom: 3em;}
.pS7_5{ padding-top: 2em;}





/**/
.pCrumbsA{font-size: 1em;}
.pType .li{ margin-bottom: 4em;}
.pTypeTit{ margin-bottom: 2em;padding-left: 1.2em;}
.pTypeTit:before{ width: 0.6em; height: 1.1em; border-radius: 0.3em;}
.pTypeTit strong{ font-size: 1.2em;}
.pTypeCon{ font-size: 1em;}
.pTypeCon .dd{ min-height: 2.5em;}
.pTypeCon .dd a{ padding: 0.5em;}
.pCrumbsB{font-size: 1em;}
/**/
.pListBox{ padding: 2.5em; border-radius: 1.25em;}
.pListBox .wpd:before{ left: 16.2em; }
.pListFl{ width: 16.2em; padding-right: 1.5em;}
.pListNavTit{ margin-bottom: 2em; padding-left: 1.2em;}
.pListNavTit:before{ width: 0.6em; height: 1.1em; border-radius: 0.3em;}
.pListNavTit strong{ font-size: 1.2em;}
.pListNavCon .dl{ margin-bottom: 1em;}
.pListNavCon .dt a{ font-size: 0.9em;}
.pListNavCon .dd{ padding: 1em 0 0.4em 0;}
.pListNavCon .dd a{ font-size: 0.9em;}
/**/
.pListFr{ min-height:30em; padding-left: 2em; width: calc(100% - 16.2em);}
.pListTable{ font-size: 0.9em;}
.pListHead .tr{ line-height: 1.333333333333333em; padding: 1em 0;}
.pListHead .td:nth-child(1){ width: 12.22222222222222em;}
.pListBody .pd{ line-height: 1.333333333333333em; padding: 1em 0;}
.pListBody .td:nth-child(1){ width: 12.22222222222222em;}
/**/
.pS1{ padding: 7em 7.5% 12em 7.5%;}
.pS1_1{ margin-bottom: 40em;}
.pS1_1 .t em{ font-size:2.7em;}
.pS1_1 .t strong{ font-size: 1.6em;}
.pS1_1 .c{ font-size: 1.2em;}
.pS1_2{ margin-bottom: 4em;}
.pS1_2 ul{ margin: 0 -2em;}
.pS1_2 .pd{ padding: 2em; margin: 0 2em; border-radius: 1.4em; }
.pS1_2 .i{ font-size: 4.6em; margin-bottom: 0.2em;}
.pS1_2 .h3{ font-size: 1.5em; margin-bottom: 0.6666666666666667em;}
.pS1_2 .p{ font-size: 1.2em; margin-bottom: 1.25em;}
.pS1_2 .em{ font-size: 0.8em;}
.pS1_2 li:nth-child(2){ top: -12em;}
.pS1_2 li:nth-child(3){ margin-top:12em;}
.pS1_2 li:nth-child(4){ margin-top:6em;}
.pS1_2 li:nth-child(5){ margin-top:13.5em;}
.pS1_2 .pd:hover{ transform: translateY(-0.25em);}
.pS1_3{ padding-top: 2em;}
/**/
.pS2{ padding: 7em 7.5% 12em 7.5%;}
.pS2_1{ width: 23em;}
.pS2_1 .t em{ font-size:2.7em;}
.pS2_1 .t strong{ font-size: 1.6em;}
.pS2_2{ margin-left: 23em; padding-left: 4em; margin-bottom: 4em;}
.pS2_2 ul{ margin: 0 -0.8em;}
.pS2_2 .pd{ margin: 0 0.8em; padding: 2em 2.8em 4em 2.8em;}
.pS2_2 .i{ font-size: 1.6em;}
.pS2_2 .em{ font-size: 1.3em;}
.pS2_2 .h3{ font-size: 1.3em;}
.pS2_2 .pd:hover{ transform: translateY(-0.25em);}
.pS2_3{ font-size: 1.3em; margin-bottom: 3.076923076923077em;}
.pS2_4{ margin-bottom: 4em;}
.pS2_4 ul{ margin: 0 -0.8em;}
.pS2_4 .pd{ margin: 0 0.8em; padding:2.5em 2em; height:20em; }
.pS2_4 .i{ font-size: 1.6em;}
.pS2_4 .em{ font-size: 1.3em;}
.pS2_4 .h3{ font-size: 0.8em;}
.pS2_4 .pd:hover{ transform: translateY(-0.25em);}
.pS2_5{ padding-top: 2em;}
/**/
.pS4{ padding: 7em 15.2em 12em 15.2em; }
.pS4_1{ margin-bottom: 4em;}
.pS4_1 .t em{ font-size:2.7em;}
.pS4_1 .t strong{ font-size: 1.6em;}
.pS4_2{ margin-bottom: 4em;}
.pS4_3{ padding-top: 8.8em; margin-bottom: 4em;}
.pS4_3 .img{ border-radius: 1.25em;}
.pS4_3 .text{ padding: 1.6em;}
.pS4_3 .i{ font-size: 1.6em;}
.pS4_3 .h3{ font-size: 2em;}
.pS4_3 .p{ font-size: 0.9em;}
.pS4_3 li:nth-child(even) .wpd{ transform: translateY(-8.8em);}
.pS4_3 li:nth-child(4) .h3{ font-size: 1.2em;}
.pS4_3 .pd:hover{ transform: translateY(-0.25em);}
.pS4_4{ padding-top: 2em;}

@media screen and (max-width:1680px){
.pS4{ padding: 7em 7.5% 12em 7.5%;}
}
@media screen and (max-width:1024px){
.pTypeCon .dd a{ width:33.3333%;}
.pListFl{ width: auto; float: none; padding: 20px; background:#E1E9EF; border-radius: 12px; margin-bottom: 20px;}
.pListNavTit{ margin-bottom: 1em;}
.pListNavCon .dd{ padding: 0.5em 0;}
.pListFr{ width: auto; padding: 0;}
.pListBox{ padding: 0px; background: none;}
.pListBox .wpd{ display: block;}
.pListBox .wpd:before{ display: none;}
.pListBody .td:nth-child(1){ width: 7em;}
.pS1{ padding: 60px 30px 100px 30px;}
.pS1_1{ margin-bottom: 40px; }
.pS1_1 .c{ position: relative; top: auto; left: auto; padding-top: 1em; }
.pS1_1 .t{ text-align: center;}
.pS1_1 .t em{ display: inline-block; margin-left: 0.7em;}
.pS1_1 .c{ padding-top: 20px; font-size: 14px;}
.pS1_2 ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.pS1_2 ul:before{ display: none;}
.pS1_2 li{ width: 33.3333%; margin-top: 0!important; margin-bottom: 20px;}
.pS1_2 li:nth-child(2){ position: relative; left: auto; top: auto;}
.pS1_2 .pd{ height: 100%; box-sizing: border-box; margin: 0 10px;}
.pS1_3{ width: auto;}
.pS2{padding: 60px 30px 100px 30px;}
.pS2_4 ul{ margin: 0 -10px;}
.pS2_4 .pd{ margin: 0 10px;}
.pS4{ padding: 60px 30px 100px 30px;}

.pS7{padding: 60px 30px 100px 30px;}
.pS7_3 .t{ font-size: 24px; width: 160px;}
.pS7_3 .c{ margin-left: 160px;}
.pS7_3 ul{ margin: 0 -30px;}
.pS7_3 .pd{ padding: 0 30px;}
.pS7_3 .h3{ font-size: 16px;}
.pS7_3 .em{ font-size: 12px;}
}
@media screen and (max-width:980px){
.pTypeCon{ font-size: 12px;}
.pTypeCon .npd{ padding-left: 25%;}
.pTypeCon .dd a{ width: 50%;}
.pTypeCon .dt{ width: 25%;}
.pTypeCon .dd a{ padding: 1em 0.5em;}
.pS1_1 .t em{ font-size: 30px; }
.pS1_1 .t strong{ font-size: 18px;}
.pS1_2 li{ width: 50%;}
.pS1_2 .pd{ padding: 20px; border-radius: 12px;}
.pS1_2 .h3{ font-size: 18px;}
.pS1_2 .p{ font-size: 14px;}
.pS1_2 .em{ font-size: 12px;}
.pS1_3 .p{ font-size: 14px;}
.pS2_1{ width: auto; float: none; margin-bottom: 40px;}
.pS2_1 .t{ text-align: center;}
.pS2_1 .t em{ font-size: 30px; display: inline-block; text-align: left;}
.pS2_1 .t strong{ text-align: left;}
.pS2_2{ margin: 0px; padding-left: 0px; margin-bottom: 60px;}
.pS2_4{ margin-bottom: 40px;}
.pS2_4 ul{ flex-wrap: wrap;}
.pS2_4 li{ width: 50%; margin-bottom: 20px;}
.pS2_4 .em{ margin-bottom: 60px;}
.pS2_4 .pd{ height: 100%; box-sizing: border-box; text-align: left;}
.pS2_5{ width: auto;}
.pS4_1{ margin-bottom: 40px;}
.pS4_1 .t em{ font-size: 30px;}
.pS4_1 .t strong{ font-size: 18px;}
.pS4_2{ font-size: 14px; margin-bottom: 40px;}
.pS4_3{ margin-bottom: 40px;}
.pS4_4 .p{ font-size: 14px;}


.pS7_1 .t em{ font-size: 30px; display:inline-block; }
.pS7_1 .t strong{ font-size: 18px;}
.pS7_3 .t{ float: none; position: relative; left: auto; top: auto; width: auto; text-align: center; margin-bottom: 30px;}
.pS7_3 .c{ margin: 0px;}
}
@media screen and (max-width:640px){
.pTypeCon .npd{ padding-left: 35%;}
.pTypeCon .dd a{ width: 100%;}
.pTypeCon .dt{ width: 35%;}
.pS1_2 ul{ display: block; margin: 0;}
.pS1_2 li{ width:auto; float: none;}
.pS1_2 li:last-child{ margin-bottom: 0;}
.pS1_2 .pd{ height: auto; margin: 0;}
.pS2_2 ul{ display: block; margin: 0;}
.pS2_2 li{ float: none; width: auto; margin-bottom:20px;}
.pS2_2 li:last-child{ margin-bottom: 0;}
.pS2_2 .pd{ margin: 0;}
.pS2_4 ul{ display: block;}
.pS2_4 li{ width: auto; float: none; float: none;}
.pS2_2 .pd{ padding: 20px;}
.pS2_2 .h3{ font-size: 14px;}
.pS2_2 .em{ text-align: left; margin-right: 32px; font-size: 18px;}
.pS2_2 .i{ font-size: 1em;}
.pS2_3{ font-size: 14px;}
.pS2_4 .pd{ padding: 20px;}
.pS2_4 .em{ font-size: 18px; text-align: left;}
.pS2_4 .h3{ font-size: 14px;}
.pS2_4 .i{ font-size: 1em;}
.pS2_5 .p{ font-size: 14px;}
.pS4_3{ padding-top: 0px;}
.pS4_3 ul{ display: block;}
.pS4_3 li{ width: auto; float: none; margin-bottom: 20px;}
.pS4_3 li:nth-child(even) .wpd{ transform: translateY(0);}
.pS4_3 li:last-child{ margin-bottom: 0px;}
.pS4_3 .img{ border-radius: 12px;}
.pS4_3 .h3{ font-size: 18px;}
.pS4_3 .p{ font-size: 12px;}
.pS4_3 .p br{ display: none; text-align: justify;}
.pS4_4{ width: auto;}


.pS7{ width: auto;background-position: top center; background-size: 100% auto; background-color: #00041A;}
.pS7_2{ margin-bottom: 60px;}
.pS7_2 ul{ padding-top: 0px;}
.pS7_2 li:nth-child(1){ position: relative; top: auto; left: auto;}
.pS7_2 li:nth-child(1) .img{ margin-right: -7%; margin-top: -7%;}
.pS7_2 li:nth-child(2),
.pS7_2 li{display: block; margin:0 0 40px 0; float: none;}
.pS7_2 .pd,
.pS7_2 li:nth-child(2) .pd{ width: auto;}
.pS7_2 .img,
.pS7_2 li:nth-child(2) .img{ width: auto; float: none;}
.pS7_2 li:nth-child(2) .text{ margin: 0px; padding: 0px;}
.pS7_2 .h3{ position: relative; bottom: auto; left: auto; font-size: 18px;}
.pS7_2 li:nth-child(2) .text{ padding-top: 20px;}
.pS7_2 li:last-child{ margin-bottom: 0;}
.pS7_2 .p{ font-size: 14px;}
.pS7_3{ margin-bottom: 60px;}
.pS7_3 ul{ display: block; margin: 0px;}
.pS7_3 li{ display: block;}
.pS7_3 li:last-child .pd:before{ display: block;}
.pS7_3 .pd:before{ width: 4em; height: 1px; top: auto; bottom: 0; left: 0; margin-left: 0; right: auto; transform: translateY(0);}
.pS7_4{ font-size: 14px;}
.pS7_5{ width: auto;}
.pS7_5 .p{ font-size: 14px;}
}
@media screen and (max-width:480px){
.pS1,
.pS2,
.pS4,
.pS7{ padding-left: 7.2463768115942vw;  padding-right: 7.2463768115942vw;}
}