@charset "utf-8";
/* html{scroll-behavior: smooth;} */
body{ overflow-x:hidden;}
body{ color:#3D3D3D; height:auto; box-sizing:border-box; font-size:16px; line-height: 1.4; padding-top:134px;}
.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:#3D3D3D; text-decoration:none;}
a:hover{ text-decoration:none; color:#00B2E3;}
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: #00B2E3; 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: #083691;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:#00B2E3; border-radius: 50%;}*/
.menu-link.active span{background: transparent;}
.menu-link.active span:before{ background-color:#083691; transform: rotate(45deg); top:0;}
.menu-link.active span:after{ background-color:#083691; transform: rotate(-45deg); top:0;}
.menu-link.active em{ display:none;}
.wp{ position: relative; margin: 0 112px; box-sizing: border-box;}
.header{ position:fixed; left:0px; top:0px; right:0px; z-index:999; background: #F0F6FF; transition: 0.3s all; }


.logo{ position:absolute; top:50%; margin-top:-0.5em; font-size:70px; line-height: 1; z-index: 4; left:50%; transform: translateX(-50%);}
.logo img{ height:1em; width:auto; display: block;}
.tLanguage{ position: absolute; top: 50%; margin-top: -16px; right:0px; padding:0; z-index: 3;}
.tLanguage .i{ width: 1em; height: 1em; line-height: 1em; border-radius: 50%; font-size:32px; color: #083691; text-align: center; cursor: pointer;}
.tLanguage.active .i:before{ content:"\e80c";}
.tLanguage .box{ position: absolute; top: 100px; opacity:0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:10px 0; transition-delay: 0.2s; width: 6em; text-align: center; margin-left: -3em; left: 50%;}
.tLanguage .box a{ font-size: 14px; color: #979797; line-height: 1.4; display: block; text-align: center;}
.tLanguage .box a:hover{ color: #00B2E3;}

.tNav li:hover .c{ display: block; text-align: center;}

.menu{ text-align: center; position: relative; padding:0; z-index: 3; margin-right: 100px;}
.menu ul{ display: flex; justify-content: space-between;}
.menu li{ float: left; position: relative; margin: 0 60px;}
.menu li:nth-child(1){ display: none;}
.menu li:nth-child(3){ margin-right: 220px;}
.menu li:nth-child(4){ margin-left: 400px;}
.menu .h3{ position: relative;}
.menu .h3 a{ display: block; color: #7B9CD1; height:134px; line-height:134px; font-size: 18px; font-weight: bold;  position: relative; text-transform: uppercase;  transition: 0.4s all; white-space: nowrap;}
.menu .h3 a:after{ content:''; position: absolute;  width:0; height: 3px; background: #00B2E3; left: 50%; transform: translateX(0%); bottom:0; transition: 0.4s all; opacity: 0;}
.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: 50%; width: 240px; margin-left: -120px;  padding-top: 0px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;  padding:10px 0 0 0;}
.menu .box .npd{background: rgba(8,54,145,0.8); border-radius: 12px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-sizing: border-box; padding:20px 0;}
.menu .box a{ font-size: 16px; line-height: 1.75; display: block; text-align: center; color: rgba(255,255,255,0.85);}
.menu .box a:hover{ color: rgba(255,255,255,1);}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color:#083691;}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width: 100%; opacity: 1; left: 0;}
.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}

.pbody_fix .header{}
.pbody_fix .logo{ font-size: 40px;}
.pbody_fix .menu .h3 a{ height: 60px; line-height: 60px;}





.iBannerB{ position: relative; z-index: 4; background: #fff; padding-top: 170px; width: 100%; overflow: hidden;}
.iBannerB .swiper{ overflow: hidden; margin: 0 -76%;}
.iBannerB .pd{ display: block; background: #fff; margin: 0 15px; position: relative;}
.iBannerB .img{ width: 100%; position: relative; overflow: hidden; border-radius: 32px;}
.iBannerB .img img{ aspect-ratio: 1780/748; object-fit: cover;}
.iBannerB .text{ position: absolute; left:220px; right:220px; bottom:80px; top: 80px; color: #fff; display: flex; flex-direction: column; justify-content: space-between; z-index: 8; pointer-events: none;}
.iBannerB .t{ position: relative; padding-bottom: 30px; margin-right: 40%;}
.iBannerB .t:before{ content: ''; position: absolute; width: 104px; height: 6px; background: url('../images/line1.png') no-repeat; background-size: contain; bottom: 0; left: 0; display: none;}
.iBannerB .h3{ font-size: 72px ; line-height: 1; color: #083691; font-weight: bold; margin-bottom: 0.2222222222222222em;}
.iBannerB .p{ font-size: 72px; line-height: 1; color: #fff;}
.iBannerB .p em{}
.iBannerB .c{ font-size: 30px; display: flex; justify-content: flex-end;}
.iBannerB .em{ width: 24em;}


.iBannerB .swiperDots{ display: flex; left: 224px; top: 340px; bottom: auto; justify-content: flex-start; font-size: 20px;}
.iBannerB .swiperDots span{ background: #fff; border-color: #fff; width: 6px; height: 6px; margin: 0 2px;}
.iBannerB .swiperDots .swiper-pagination-bullet-active{ width: 80px;}

.iBannerB .swiperDots{ left: 11.2em; top: 17em; font-size: 1em;}
.iBannerB .swiperDots span{ width: 0.3em; height: 0.3em; margin: 0 0.1em;}
.iBannerB .swiperDots .swiper-pagination-bullet-active{ width: 4em;}

.toNext{ position: absolute; right: 240px; top: 75px; z-index: 9;}
.more2{ font-size: 1em;}
.more2 .mpd{ width: 5em; height: 5em; border-radius: 50%; background: #00B2E3; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; transition: 0.3s all; cursor: pointer;}
.more2 .mpd:before{ content: ''; border-radius: 50%; position: absolute; left: -0.5em; top: -0.5em; right: -0.5em; bottom: -0.5em; z-index: 2; background: rgba(0,178,227,0.6); transition: 0.3s all ease-in-out;}
.more2 .mpd:after{ content: ''; border-radius: 50%; position: absolute; left: -1em; top: -1em; right: -1em; bottom: -1em; z-index: 3; background: rgba(0,178,227,0.2); transition: 0.6s all ease-in-out;}
.more2 .mpd i{ display:block; line-height: 1; font-size: 3em; position: relative; z-index: 4;}
.more2 .mpd img{ width: 100%; height: auto; display: block;}
.more2:hover .mpd{ box-shadow: 0 0.15em 0.5em rgba(0,0,0,0.1); transform: translateY(-0.25em);}
.more2:hover .mpd:before{ left: 0; top: 0; right: 0; bottom: 0;}
.more2:hover .mpd:after{ left: 0; top: 0; right: 0; bottom: 0;}

.iMain{ background:no-repeat center center; background-size:cover; position: relative; overflow: hidden; width: 100%; padding: 110px 0;}
.iMain .wp{ z-index: 4;}
.iMain1{}

.titA{ display: flex; justify-content: flex-start; margin-bottom: 85px;}
.titA strong{ font-size: 72px; display: block; position: relative; line-height: 1; padding-bottom: 0.4166666666666667em; color: #083691;}
.titA strong i{ position: absolute; left: 0; bottom: 0; right: 0; height: 0.2916666666666667em; background: rgba(0,178,227,0.2);}
.titA strong i:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; z-index: 2; height:0.1944444444444444em; background: rgba(0,178,227,0.6);}
.titA strong i:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; z-index: 3; height:0.0972222222222222em; background: rgba(0,178,227,1);}
.titA_2{ justify-content: center;}
.titA_2 strong{ color: #fff;}
.titA_3{ margin-bottom: 40px;}
.titA_4{ margin-bottom: 0px; position: absolute; left: 0; top: 0; z-index: 2;}

.iProHead{ padding-top: 110px;}

.iPro{}
.iProList{ width: 2620px; position: relative;}
.iProList ul{ display: flex; margin: 0 -15px; transform: translateX(50vw);}
.iProList li{ width: 20%; position: relative; transform: translateZ(0);}
.iProList .pd{ display: block; margin: 0 15px; position: relative;}
.iProList .img{}
.iProList .img img{ aspect-ratio: 1/1; object-fit: cover;}
.iProList .text{ display: flex; position: absolute; align-items: center;}
.iProList .h3{ font-size: 27px; color: #D6D6D6; white-space: nowrap;}
.iProList .i{ font-size: 36px; color: #083691; line-height: 1; margin-left: 0.2777777777777778em; transition: 0.3s all;}
.iProList .pd:hover .i{ transform: rotate(-90deg);}
.iProList .pd:hover .h3{ color: #083691;}

.iProList li:nth-child(1) .text{ left: 0; bottom: 0; right: 0; text-align: center; justify-content: center;}
.iProList li:nth-child(2) .text{ left: 350px; top: 80px; flex-direction: column; align-items:self-start;}
.iProList li:nth-child(3) .text{ left: 0; bottom: 0; right: 0; text-align: center; justify-content: center;}
.iProList li:nth-child(4) .text{ left: 300px; top: 60px; flex-direction: column; align-items:self-start;}
.iProList li:nth-child(5) .text{ left: auto; bottom: 100px; right: 200px; justify-content: flex-end; flex-direction: row-reverse;}

.iProList li:nth-child(2) .text .i{ margin-left: 0; margin-top: 10px;}
.iProList li:nth-child(4) .text .i{ margin-left: 0; margin-top: 10px;}
.iProList li:nth-child(5) .text .i{ margin-left: 0; margin-right: 10px;}

.iProList li:nth-child(1){ padding-top:200px; z-index: 20;}
.iProList li:nth-child(2){ z-index: 16;}
.iProList li:nth-child(3){ padding-top: 250px; z-index: 20; transform: translateX(100px) translateZ(0);}
.iProList li:nth-child(4){ z-index: 24; transform: translateX(20px) translateZ(0);}
.iProList li:nth-child(5){ padding-top: 350px; z-index: 28; transform: translateX(-50px) translateZ(0);}

.iPro_text{ position: absolute; left: -70px; width: 100%; top: 176px; height: auto; transform: translateZ(0); pointer-events: none;}
.iPro_text1{ z-index: 18;}
.iPro_text2{ z-index: 15;}
.iPro_text3{ z-index: 20;}
.iPro_text4{ z-index: 26;}

.iPro_line{ position: absolute; left: 5.6em; bottom: 3em; right: 5.6em; height: 1px; background: #00B2E3; pointer-events: none; z-index: 10;}
.iPro_line span{ position: absolute; height: 7px; border-radius: 4px; position: absolute; top: 50%; margin-top: -3px; background: #083691; }


.iMain2{}
.iMain2::before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/iIndustries_bg_1.jpg") no-repeat center center; background-size: cover; z-index: 1;}
.iMain2::after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/iIndustries_bg_2.png") no-repeat center center; background-size: cover; z-index: 2;}

.iIndustry{ background: #000;}
.iIndustryTit{ padding:110px 0 500px 0; position: sticky; left: 0; top: 3em; right: 0;}
.iIndustryTit .wpd{ position: relative; z-index: 3;}
.iIndustryTit .c{ text-align: center; color: #fff;}
.iIndustryTit .em{ font-size: 54px; line-height: 1.1; font-weight: bold; margin-bottom: 0.2962962962962963em;}
.iIndustryTit .p{ font-size: 22px; line-height: 1.5; width: 50em; margin: 0 auto;}

.iIndustryTitBg1{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/iIndustries_bg_1.jpg") no-repeat center center; background-size: cover; z-index: 1;}
.iIndustryTitBg2{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/iIndustries_bg_2.png") no-repeat center center; background-size: cover; z-index: 2;}


.iMain3{ background:#000;}

.iIndustryList{ position: sticky; left: 0; top: 3em; right: 0; padding: 1em 0; z-index: 6; background: #000;}
.iIndustryList .wpd{ margin: 0 19em;}
.iIndustryList ul{ display: flex; flex-wrap: wrap; margin: 0 -30px;}
.iIndustryList li{ width: 33.3333%; padding: 30px 0;}
.iIndustryList .pd{ margin: 0 30px; display: block; border-radius: 16px; overflow: hidden; position: relative;}
.iIndustryList .img{ position: relative; }
.iIndustryList .text{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 30px; background: rgba(8,54,145,1); color: #fff; display: flex; align-items: center; justify-content: center; transition: 0.3s all;}
.iIndustryList .i{ position: absolute; left: 50%; top: 50%; font-size: 64px; width: 1em; height: 1em; line-height: 1em; margin: -0.5em 0 0 -0.5em; color: #00B2E3; z-index: 1; transition: 0.3s all;}
.iIndustryList .t{ font-size: 36px; font-weight: bold; display: block; position: relative; z-index: 2; text-align: center; transition: 0.3s all;}
.iIndustryList .pd:hover .text{ background: rgba(8,54,145,0); }
.iIndustryList .pd:hover .i{ top: 100%; transform: translateY(-2.222222222222222em); margin-top: -1em;}
.iIndustryList .pd:hover .t{ transform: translateY(-3em);}


.iMain4{ background-image: url('../images/bg3_1.jpg'); background-position: top center; overflow: hidden;}
.iMain4::before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/bg3_2.jpg") no-repeat center bottom; background-size: 100% auto; z-index: 1;}

.iAbout .titA{ margin-bottom: 2.5em;}

.iAbouHead{ color: #fff; margin-bottom: 80px; position: relative; z-index: 5;}
.iAbouHead .em{ font-size: 38px; color: #083691; line-height: 1.1; margin-bottom: 1em; font-weight: bold;}
.iAbouHead .t{ font-size: 20px; color: #083691; line-height: 1.1; margin-bottom: 2em; position: relative; display: flex;}
.iAbouHead .t .npd{ position: relative;}
.iAbouHead .t strong{ display: block; padding: 0.5454545454545455em 0.7727272727272727em; font-size: 2.2em; color: #083691; line-height: 1.1;}
.iAbouHead .t i{ width: 2.1em; height: 2.1em; position:absolute;}
.iAbouHead .t i::before,
.iAbouHead .t i::after{content: ''; position: absolute; left: 0; top: 0; background: #00b2e3;}
.iAbouHead .t i::before{ width: 100%; height: 0.5em;}
.iAbouHead .t i::after{ width: 0.5em; height: 100%;}
.iAbouHead .t .i1{ left: 0; top: 0;}
.iAbouHead .t .i2{ right: 0; bottom: 0;}
.iAbouHead .t .i2::before,
.iAbouHead .t .i2::after{ bottom: 0; right: 0; top: auto; left: auto;}

.iAbouHead .p{ font-size: 26px; color: #8C8C8C; line-height: 1.3; text-align: justify; word-break: break-all;}

.iAbouHead{}
.iAbouHead .pd{display: flex; flex-direction: row-reverse; margin-right: -5.6em;}
.iAbouHead .img{ width: 746px; margin-left: 120px; padding-top: 102px;}
.iAbouHead .text{ flex: 1;}

.iAboutNav{ position: absolute; right: 0; top: 214px; z-index: 5;}
.iAboutNav ul{}
.iAboutNav li{}
.iAboutNav .pd{ display: flex; justify-content: center; align-items: center; position: relative; background: #083691; color: #fff; height: 264px; width: 264px; text-align: center; border-radius: 50%;}
.iAboutNav .i{ font-size: 54px; line-height: 1; margin-bottom:0.2962962962962963em;}
.iAboutNav .em{ font-size: 30px; line-height: 1;}
.iAboutNav li:nth-child(2){ margin-top: -48px;}
.iAboutNav li:nth-child(2) .pd{ background: #66D1EE;}
.iAboutNav li:nth-child(3){ margin-top: -48px;}
.iAboutNav li:nth-child(3) .pd{ background: #CCF0F9; color: #083691;}

.iAbouList{ margin-left: 90px; background: #F5F5F5; padding-left: 42px; border-radius: 150px 0 0 150px; margin-bottom: 60px; position: relative;}
.iAbouList::after{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; background: #F5F5F5;}
.iAbouList::before{ content: ''; position: absolute; left: 0; right: -112px; bottom: 100%; background: url("../images/bg3_3.png") no-repeat right bottom; background-size: contain; z-index: 1; height: 154px; display: none;}
.iAbouList ul{ display: flex; position: relative; z-index: 2;}
.iAbouList li{ padding: 60px 0;}
.iAbouList .pd{ position: relative; padding: 0 80px; height: 100%;}
.iAbouList .pd:before{ content: ''; position: absolute; width: 1px; top: 0; bottom: 0; right: 0; background: #083691;}
.iAbouList li:last-child .pd:before{ display: none;}
.iAbouList .em{ font-size: 32px; color: #8C8C8C;}
.iAbouList .t{ color: #083691; display: flex; justify-content: center;}
.iAbouList .npd{ position: relative; display: flex;}
.iAbouList .t strong{ font-size: 120px; line-height: 1; font-weight: normal;}
.iAbouList .t em{ font-size: 32px; line-height: 1;}
.iAbouList .t span{ font-size: 64px; color: #8C8C8C; line-height: 1;}
.iAbouBottom{ font-size: 44px; color: #083691;}


.iMain5{}
.iMain5::after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/bg4_2.jpg") no-repeat center top; background-size: 100% auto; z-index: 1;}
.iMain5::before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/bg4_1.jpg") no-repeat center bottom; background-size: 100% auto; z-index: 1;}
.iContact{}
.iContactHead{ display: flex; justify-content: space-between; margin-bottom: 160px;}
.iContactHeadFl{ width: 754px; margin-right: 200px;}
.iContactHead .titA{ margin-bottom: 40px;}
.iContactHead .c{ font-size: 26px; line-height: 1.3; text-align: justify; word-break: break-all;}

.iContactHeadFr{ width: 740px;}

.iMsg{}
.iMsg .wpd{ background: #F0F6FF; border-radius: 24px; padding: 16px 0;}

.iMsgTit{ padding:40px;}
.iMsgTit .t{ font-size: 32px; line-height: 1.2; margin-bottom: 0.2em; color: #083691; font-weight: bold;}
.iMsgTit .c{ font-size: 18px; line-height: 1.2; color: #083691;}

.iMsgList{}
.iMsgList li{ padding: 24px 40px; border-bottom: 1px solid #ffffff;}
.iMsgList .pd{ position: relative; padding-left: 148px;}
.iMsgList .t{ font-size: 30px; width: 7.4em; position: absolute; left: 0; top: 0; color: #083691; line-height: 1.866666666666667em;}
.iMsgList .c{}

.ipt_t2{ height: 2.8em; width: 100%; box-sizing: border-box; background: #FFFFFF; color: #083691; padding: 0 1.5em; border: none; border-radius: 0.3em; transition: box-shadow 0.3s ease; font-size: 20px;}
.ipt_t2:focus{ outline:none; box-shadow: 0 0 0.5em rgba(8,54,145,1);}
.ipt_b2{ height: 1.454545454545455em; width: 6em; text-align: center; font-size: 44px; border: none; border-radius: 0.3181818181818182em; color: #fff; background: #083691; transition: 0.3s all;}
.ipt_b2:hover{ transform: translateY(-5px); background: #00B2E3;}


.iMsgBtn{ display: flex; justify-content: space-between; margin: 0 40px; padding: 24px 0;}
.iMsgBtn_fl{ margin-right: 30px;}
.iMsgBtn_fl label{ display: block; position: relative; padding-left: 26px; cursor: pointer;}
.iMsgBtn_fl i{ content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border:1px solid #00B2E3; border-radius: 50%;}
.iMsgBtn_fl input{ display: none;}
.iMsgBtn_fl i:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background: #00B2E3; border-radius: 50%; margin: -4px 0 0 -4px; opacity: 0;}
.iMsgBtn_fl li.curr i:before{ opacity: 1;}

.iMsgBtn_fl em{ color: #878787; font-size: 21px;}
.iMsgBtn_fl span{ color: #00B2E3;}
.iMsgBtn_fr{}
.iContact_Bottom{ margin-left: 200px; display: flex; justify-content: flex-end;}
.iContact_Bottom ul{ display: flex; margin: 0 -20px;}
.iContact_Bottom li{}
.iContact_Bottom .pd{display: flex; border: 1px solid #00B2E3; border-radius: 10px; margin: 0 15px; padding: 16px; align-items: center; height: 100%; box-sizing: border-box;}
.iContact_Bottom .pd p{ margin-bottom: 0.5em;}
.iContact_Bottom .pd p:last-child{ margin-bottom: 0;}
.iContact_Bottom .i{ font-size: 32px; margin-right: 0.3125em; color: #00B2E3;}
.iContact_Bottom .t{ font-size: 20px; color: #fff;}
.iContact_Bottom .t a{ color: #fff;}


.iMain6{}
.iNews{ display: flex;}
.iNews_fl{ width: 424px; margin-right: 76px; padding-top: 82px;}
.iNews_fl .img{ border-radius: 18px; overflow: hidden;}
.iNews_fl .img img{}
.iNews_fr{ flex: 1;}
.iNewsList ul{}
.iNewsList li{ padding: 50px 0 10px 0; border-bottom: 1px solid #D0DCEF;}
.iNewsList li:first-child{ padding-top: 0px;}
.iNewsList .pd{ display: flex; justify-content: space-between; align-items:center; line-height: 66px;}
.iNewsList .t{ font-size: 30px; line-height: 1.2; height: 1.2em; color: #3A3A3A; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iNewsList .em{ font-size: 22px; color: #878787; margin-left: 1em;}
.iNewsList .pd:hover .t{ color: #00B2E3; text-decoration: underline;}
.iNewsList .pd:hover .em{ color: #00B2E3; text-decoration: underline;}

.footer{ position: relative; z-index: 4; background: #083691;}

.fTop{ padding: 70px 0;}
.fTopCon{ display: flex; justify-content: space-between; align-items: center;}
.fLogo{ font-size: 82px; line-height: 1;}
.fLogo img{ height:1em; width:auto; display: block;}
.fLogo img.img1{ display: none;}
.fLogo img.img2{ display: block;}

.fTopConFr{ display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column;}
.fContact{ padding-top: 0.5em;}
.fContact ul{ display: flex; margin: 0 -0.5em;}
.fContact li{}
.fContact .pd{ display: block; border: 1px solid #4fafdd; color: #fff; margin: 0 0.5em; padding: 0.5em; border-radius: 0.3em; display: flex; align-items: center; height: 100%;}
.fContact .i{ font-size: 1em; line-height: 1; height: 1em; width: 1em; display: flex; justify-content: center; align-items: center; margin-right: 0.3em;}
.fContact .t{ font-size: 0.8em; line-height: 1;}
.fContact .pd p{ margin-bottom: 0.5em;}
.fContact .pd p:last-child{ margin-bottom: 0;}


.fNav{}
.fNav{}
.fNav ul{ display: flex; margin: 0 -46px;}
.fNav li{}
.fNav .pd{ color: #ffffff; font-weight: bold; margin: 0 2.555555555555556em; font-size: 18px;}
.fNav .pd:hover{ color: #00B2E3; text-decoration: underline;}
.fBottom{}
.fBottomCon{ display: flex; justify-content: space-between; align-items: center; background: #F0F6FF; color: #083691; padding:0 50px; margin: 0 -50px; border-radius: 40px 40px 0 0 ;}
.fCopy{}
.fLink{ height: 80px; line-height: 80px;}
.fLink ul{ margin: 0 -20px; display: flex;}
.fLink .pd{ color: #083691; margin: 0 20px;}
.fLink .pd:hover{ color: #00B2E3; text-decoration: underline;}



.home_body .fBottomCon{ background: #083691; color: #fff;}
.home_body .fNav .pd{ color: #083691;}
.home_body .fLink .pd{ color: #ffffff;}
.home_body .footer{ background: #F0F6FF;}
.home_body .fLogo img.img1{ display: block;}
.home_body .fLogo img.img2{ display: none;}


/*  */

.backTop{ position: absolute; right:0; top: 0px; z-index: 20; text-align: center; cursor: pointer; transition: 0.3s transform;}
.backTop i{ display: block; line-height: 1; font-size: 68px; margin-bottom: 16px; color: #00B2E3;}
.backTop span{ display: block; font-size: 25px; line-height: 1;}
.backTop:hover{ transform: translateY(-0.25em);}
.backTop:hover i{ color: #fff;}
.backTop:hover span{ color: #00B2E3;}
/*首页等比PC适配 */
/*  */
.logo{ font-size:3.5em;}
.tLanguage{ margin-top: -0.8em;}
.tLanguage .i{ font-size:1.6em;}
.tLanguage .box{ top: 5em; transform: translateY(-0.5em); padding:0.5em 0; }
.tLanguage .box a{ font-size: 0.7em;}
.menu{ margin-right: 5em;}
.menu li{ margin: 0 3em;}
.menu li:nth-child(3){ margin-right: 11em;}
.menu li:nth-child(4){ margin-left: 20em;}
.menu .h3 a{ height:7.444444444444444em; line-height:7.444444444444444em; font-size: 0.9em; }
.menu .h3 a:after{ height: 0.1666666666666667em;}
.menu .box{ width: 12em; margin-left: -6em; transform: translateY(0.5em); padding:0.5em 0 0 0;}
.menu .box .npd{ border-radius: 0.6em; box-shadow: 0 0.15em 0.25em rgba(0,0,0,0.2); padding:1em 0;}
.menu .box a{ font-size: 0.8em;}
.pbody_fix .logo{ font-size: 2em;}
.pbody_fix .menu .h3 a{ height: 3.333333333333333em; line-height: 3.333333333333333em;}
/*  */
body{ font-size: 1.04166666666667vw; padding-top: 6.7em;}
.wp{ margin: 0 5.6em;}
.iBannerB{  padding-top: 8.5em;}
.iBannerB .pd{ margin: 0 0.75em;}
.iBannerB .img{ border-radius: 1.6em;}
.iBannerB .text{ left:11em; right:11em; bottom:4em; top: 4em; }
.iBannerB .t{ padding-bottom: 1.5em;}
.iBannerB .t:before{ width: 5.2em; height: 0.3em; }
.iBannerB .h3{ font-size: 3.6em;}
.iBannerB .p{ font-size: 3.6em;}
.iBannerB .c{ font-size: 1.5em;}
.toNext{ right: 12em; top: 6em; }
.toNext .pd:hover{ transform: translateY(0.25em);}
/*  */
.iMain{  padding: 5.5em 0;}
.titA{ margin-bottom: 4.25em;}
.titA strong{ font-size: 3.6em;}
.titA_3{ margin-bottom: 2em;}
/*  */

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

/*  */
.iProHead{ padding-top: 5.5em;}
.iProList{ width: 131em;}
.iProList ul{ margin: 0 -0.75em;}
.iProList .pd{ margin: 0 0.75em;}
.iProList .h3{ font-size: 1.35em;}
.iProList .i{ font-size: 1.8em;}

.iProList li:nth-child(2) .text{ left: 17.5em; top: 4em; }
.iProList li:nth-child(4) .text{ left: 15em; top: 3em; }
.iProList li:nth-child(5) .text{ bottom: 5em; right: 10em; }

.iProList li:nth-child(2) .text .i{ margin-top: 0.5em;}
.iProList li:nth-child(4) .text .i{ margin-top: 0.5em;}
.iProList li:nth-child(5) .text .i{ margin-right: 0.5em;}

.iProList li:nth-child(1){ padding-top: 10em;}
.iProList li:nth-child(3){ padding-top: 12.5em; transform: translateX(5em) translateZ(0);}
.iProList li:nth-child(4){ transform: translateX(1em) translateZ(0);}
.iProList li:nth-child(5){ padding-top: 17.5em; transform: translateX(-2.5em) translateZ(0);}

.iPro_text{ left: -3.5em; top: 8.8em; }
.iPro_line span{ height: 0.35em; margin-top: -0.15em; }
/*  */
.iIndustryTit{ padding:5.5em 0 28em 0;}
.iIndustryTit .em{ font-size: 2.7em;}
.iIndustryTit .p{ font-size: 1.1em;}
.iIndustryList ul{ margin: 0 -1em;}
.iIndustryList li{ padding: 1em 0;}
.iIndustryList .pd{ margin: 0 1em; border-radius: 0.8em; }
.iIndustryList .text{ padding: 1.5em;}
.iIndustryList .i{ font-size: 3.2em; }
.iIndustryList .t{ font-size: 1.8em;}
/*  */
.iAbouHead{margin-bottom: 4em;}
.iAbouHead .img{ width: 37.3em; margin-left: 6em; padding-top: 5.1em;}
.iAbouHead .t{ font-size: 1em;}
.iAbouHead .em{ font-size: 1.9em;}
.iAbouHead .p{ font-size: 1.3em;}
.iAboutNav{ top: 10.7em;}
.iAboutNav .pd{ height: 13.2em; width: 13.2em; }
.iAboutNav .i{ font-size: 2.7em;}
.iAboutNav .em{ font-size: 1.5em;}
.iAboutNav li:nth-child(2){ margin-top: -2.4em;}
.iAboutNav li:nth-child(3){ margin-top: -2.4em;}
.iAbouList{ margin-left: 4.5em; padding-left: 2.1em; border-radius: 7.5em 0 0 7.5em; margin-bottom: 3em;}
.iAbouList::before{ right: -5.6em; height: 7.7em;}
.iAbouList li{ padding: 3em 0;}
.iAbouList .pd{ padding: 0 4em;}
.iAbouList .em{ font-size: 1.6em;}
.iAbouList .t strong{ font-size: 6em;}
.iAbouList .t em{ font-size: 1.6em;}
.iAbouList .t span{ font-size: 3.2em;}
.iAbouBottom{ font-size: 2.2em;}
/*  */
.iContactHead{ margin-bottom: 8em;}
.iContactHead .titA{ margin-bottom: 2em;}
.iContactHead .c{ font-size: 1.3em;}

.iContactHeadFl{ width: 37.7em; margin-right: 10em;}
.iContactHeadFr{ width: 37em;}

.iMsg{}
.iMsg .wpd{ border-radius: 1.2em; padding: 0.8em 0;}

.iMsgTit{ padding:2em;}
.iMsgTit .t{ font-size: 1.6em;}
.iMsgTit .c{ font-size: 0.9em;}

.iMsgList li{ padding: 1.2em 2em;}
.iMsgList .pd{ padding-left: 7.4em;}
.iMsgList .t{ font-size: 1.5em; }

.ipt_t2{ font-size: 1em;}
.ipt_b2{ font-size: 2.2em;}

.iMsgBtn{ margin: 0 2em; padding: 1.2em 0;}
.iMsgBtn_fl{ margin-right: 1.5em;}
.iMsgBtn_fl label{ padding-left: 1.3em; }
.iMsgBtn_fl i{ top: 0.2em; width: 0.8em; height: 0.8em;}
.iMsgBtn_fl i:before{ width: 0.4em; height: 0.4em; margin: -0.2em 0 0 -0.2em;}

.iMsgBtn_fl em{ font-size: 1.05em;}
.iContact_Bottom{ margin-left: 10em; }
.iContact_Bottom ul{ margin: 0 -1em;}
.iContact_Bottom .pd{ border-radius: 0.5em; margin: 0 0.75em; padding:1em; }
.iContact_Bottom .i{ font-size: 1.6em;}
.iContact_Bottom .t{ font-size: 1em;}
/*  */
.iNews_fl{ width: 21.2em; margin-right: 3.8em; padding-top: 4.1em;}
.iNews_fl .img{ border-radius: 0.9em;}
.iNewsList li{ padding: 2.5em 0 0.5em 0;}
.iNewsList .pd{ line-height: 3.3em;}
.iNewsList .t{ font-size: 1.5em;}
.iNewsList .em{ font-size: 1.1em;}
/*  */
.fTop{ padding: 3.5em 0;}
.fLogo{ font-size: 4.1em; }
.fNav ul{ margin: 0 -2.3em;}
.fNav .pd{ font-size: 0.9em;}
.fBottomCon{ padding:0 2.5em; margin: 0 -2.5em; border-radius: 2em 2em 0 0 ;}
.fLink{ height: 4em; line-height: 4em;}
.fLink ul{ margin: 0 -1em; }
.fLink .pd{ margin: 0 1em;}
/*  */
/*首页等比PC适配 结束*/


@media screen and (min-width:1025px){
.iPro{ height: 181.5em;}
.iPro_fixed{ position: sticky; top: 3em;}
.iIndustry{ height: 173.8em;}
}

/*视频*/
.play_btn{display: block;}

.video_bg{ position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9990; display:none;}
.video_box{ position:fixed; width:60em; height:auto; left:50%; top:50%; margin:-18em 0 0 -30em; z-index:9991; 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:0; top:0; right:0; bottom:0; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0;}
@media screen and (max-width:768px){
.video_box{ left:0; margin:0; top:0; height:auto; right:0; 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 #00B2E3; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#00B2E3; 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:#00B2E3; 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{ font-size:1em; display: flex; justify-content: center; padding: 2.5em 0;}
.fpage ul{ display: flex;}
.fpage li{ position: relative;}
.fpage li:last-child,
.fpage li:first-child{font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight: bold; background: rgba(8,54,145,0.1); border-radius: 0.5em; color: #083691; padding: 0; width: 2.25em; height: 2.25em; line-height: 2.25em; font-size: 1.2em; cursor: pointer; text-align: center; overflow: hidden; transition: 0.3s all;}

.fpage li:last-child:hover,
.fpage li:first-child:hover{ background:#083691; color: #fff;}

.fpage li:before{ position: absolute; left: 0 ; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; line-height: 1; pointer-events: none;}
.fpage li:first-child:before{content: "\eaf0";}
.fpage li:last-child:before{content: "\eaf4";}
.fpage li:first-child>*,
.fpage li:last-child>*{ opacity:0; padding:0; width: 100%; display: block;}
.fpage .disabled{}
.fpage a,
.fpage span{ font-size: 1.35em; font-weight: bold; line-height: 2em; height: 2em; width: 1.259259259259259em; text-align: center; display: block;}
.fpage .active a,
.fpage .active span{}



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

@media screen and (max-width:1680px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@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;}
.header .wpd{ padding: 0;}
.footer .wp{ margin: 0 30px; width: auto;}
.logo{ font-size: 40px;}
.tLanguage{ left: auto; top: 50%; left:0px; right: auto; margin-top: -16px; transform: none;}
.tLanguage .i{ display: block; width: 32px; height:32px; line-height: 32px; font-size: 24px;}
.tNav{ left: auto; top: 50%; right:72px; margin-top: -16px; transform: none;}
.tNav .i{ display: block; color: #fff; font-size: 24px; width:32px; height:32px; line-height:32px;}
.tNav .box{ display: none; position: fixed; left:0; top: 60px; right:0; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #00B2E3;}
.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;}
.embody .tLogon{color: #000;}
.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ background:#F0F6FF; position: fixed; padding:0; box-shadow: 0 0 6px rgba(0,0,0,0.2); left: 0; top: 0; right: 0; border-radius: 0;}
.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:60px; bottom:0; 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:0;}
.menu li:nth-child(3){ margin-right:0;}
.menu li:nth-child(4){ margin-left:0;}
.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:after,
.menu li.curr .h3 a:after{ width: 4em; margin-left: -2em; left: 50%;}
.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:0;}
.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{ font-size: 1.04166666666667vw;}

.iMain{ padding: 60px 0;}

.titA{}
.titA strong{ font-size: 48px;}
.iAbouHead{ margin:0 0 40px 0; width: auto;}
.iAboutNav{ position: relative; margin-bottom: 60px; display: flex; justify-content: center; top: auto;}
.iAboutNav ul{ display: flex; padding-right: 0px;}
.iAboutNav li{}
.iAboutNav li:nth-child(2),
.iAboutNav li:nth-child(3){ margin:0 0 0 -30px;}
.iAbouList{ border-radius: 7.5em; margin: 0 0 40px 0; padding: 0 2.1em;}
.iAbouList::before{ right: 0; background-position: center top; height: 40px;}
.iAbouList::after{ display: none;}
.iAbouList .t strong{ font-size: 4em;}
.iAbouList .t em{ font-size: 1em;}
.iAbouList .t span{ font-size: 2em;}
.iAbouBottom{ text-align: center;}
.iMsg{ justify-content: center;}
.iContactHead{ width: auto ; position: relative;}
.iContactHeadFl{ width: auto; flex: 1; margin-right: 2em;}
.iContactHeadFr{ width: 32em;}
.iContact_Bottom{ margin: 0px;}
.iContact_Bottom ul{ display: block; width: 32em; margin: 0;}
.iContact_Bottom li{ margin-bottom: 10px;}
.iContact_Bottom li:last-child{ margin-bottom: 0;}
.iContact_Bottom .pd{ margin: 0; height: auto; padding: 1em;}

.iAbouHead .pd{ margin-right: -30px;}


.iPro{ padding-bottom: 5.5em;}
.iPro_fixed{ margin: 0 30px;}
.iProList{ width: auto;}
.iProList ul{ flex-wrap: wrap; margin: 0 -10px; transform:none;}
.iProList li{ padding-top: 0 !important; width: 33.3333%; transform: none !important; margin-bottom: 20px;}
.iProList .pd{ margin: 0 10px;}
.iProList .text{ position: static;}
.iProList .i{ display: none;}
.iProList .h3{text-align: center; white-space: normal; font-size: 1em; height: 1.5em; line-height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iProList li:nth-child(n+5){ margin-bottom: 0;}


.iPro_line{ display: none;}
.iPro_text{ display: none;}


.iIndustryList .text,
.iIndustryList .pd:hover .text{ background: rgba(8,54,145,0); }
.iIndustryList .i,
.iIndustryList .pd:hover.i{ top: 100%; transform: translateY(-2.222222222222222em); margin-top: -1em;}
.iIndustryList .t,
.iIndustryList .pd:hover .t{ transform: translateY(-3em);}




.iIndustry{ margin: 0px;}

.iIndustryTit .wpd{ margin: 0 30px;}
.iIndustryTit{ position: relative; top: auto; left: auto; right: auto;}
.iIndustryList{ position: relative; top: auto; left: auto; right: auto; padding: 5.5em 0;}
.iIndustryList .wpd{ margin: 0 30px;}
/* 内页 */

}
@media screen and (max-width:980px){
.iIndustryList li{ width: 50%; padding: 10px 0;}
.iIndustryList .pd{ margin: 0 10px;}
.iIndustryTit .p{ width: auto;}
.iProList ul{ margin: 0 -15px;}
.iProList li{ width: 50%;}
.iProList .pd{ margin: 0 15px;}
.iProList .text{ display: block;}
.iIndustryTit .em{ font-size: 2em;}
.iAbouList{ display: flex; justify-content: center;}
.iAbouList .pd{ padding: 0 40px;}
.iAbouList .em{ font-size: 12px;}
.iAbouBottom{ font-size: 1.5em;}
.iContactHead{ display: block; margin: 0 0 40px 0;}
.iContactHeadFl{ margin: 0 0 40px 0;}
.iContactHeadFr{ width: auto;}
.iMsgList .pd{ padding-left: 0;}
.iMsgList .t{ position: static; width: auto; line-height: 1; margin-bottom: 0.5em;}
.iContact_Bottom{ display: block; padding-bottom: 240px;}
.iContact_Bottom ul{ width: auto;}
.iContact_Bottom .t{ color: #00B2E3;}
.iContact_Bottom .t a{ color: #00B2E3;}
.titA_4{ position: static;}
.iNews{ display: block;}
.iNews_fl{ width: auto; margin: 0 0 40px 0; padding: 0;}
.fTopCon{ display: block;}
.fLogo{ margin: 0 0 30px 0; display: flex; justify-content: center;}
.fNav{ display: flex; justify-content:center;}
.fNav ul{ margin: 0 -0.5em;}
.fNav .pd{ margin: 0 0.5555em; height: 2em; line-height: 2;}
.fCopy{ text-align: center; margin-bottom: 15px;}
.fBottom{ background: #F0F6FF; padding:40px 0;}

.iAbouHead .pd{ display: block; margin: 0;}
.iAbouHead .img{ width: auto; margin: 0 0 30px 0; padding: 0;}

.fBottomCon{ display:block; margin: 0; padding: 0; border-radius: 12px 12px 0 0; background: none; color: #083691;}
.fLink{ height: auto; line-height: inherit; justify-content: center; display:flex;}
.fLink ul{ margin: 0 -0.5em;}
.fLink .pd{ margin: 0 0.5em; color: #083691;}


.home_body .fBottom{ background: #083691; color: #fff;}
.home_body .fBottomCon{ background: none; color: #fff;}
.home_body .fLink .pd{ color: #fff;}

}

@media screen and (max-width:720px){
.titA{ margin-bottom: 40px;}
.titA strong{ font-size: 36px;}
.iIndustryTit{ padding: 5.5em 0;}
.iIndustryTit .em{ font-size: 1.5em;}
.iIndustryTit .p{ font-size: 1em;}

.iIndustryList .pd:hover .text,
.iIndustryList .text{ flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
.iIndustryList  .pd:hover .i,
.iIndustryList .i{ position: static; margin: 0; transform: none;}
.iIndustryList  .pd:hover .t,
.iIndustryList .t{ position: static; margin: 0; transform: none; font-size: 1em;}

.iAbouHead .em{ font-size: 1.5em;}
.iAbouHead .p{ font-size: 1em;}
.iAboutNav .pd{ width: 10em; height: 10em;}
.iAboutNav .i{ font-size: 2.5em;}
.iAboutNav .em{ font-size: 1em;}

.iAbouList ul{ margin: 0 -20px;}
.iAbouList li{ padding: 1.5em 0;}
.iAbouList .pd{ padding: 0px; margin: 0 20px;}
.iAbouList .pd:before{ display: none;}
.iAbouList .t strong{ font-size: 3em;}
.iAbouList .em{ font-size: 10px;}
.iAbouList .t em{ font-size: 10px;}
.iAbouList .t span{ font-size: 1.5em;}
.iAbouBottom{ font-size: 1em;}

.iContactHead .c{ font-size: 1em;}
.iMsgList .t{ font-size: 1em;}
.iMsgBtn_fl{ margin-right: 1em;}
.iMsgBtn_fl em{ font-size: 1em;}
.ipt_b2{ font-size: 18px ; width: auto; height: 2.5em; line-height: 2.5em; padding: 0 1em;}

.iContact_Bottom{ padding-bottom: 20vw;}
.iNews_fl .img{ border-radius: 12px;}
.iNewsList .t{ font-size:14px;}
.iNewsList .em{ font-size: 1em;}
.iNewsList .pd{ line-height: 3em;}
.iNewsList li{ padding: 1.5em 0 0.5em 0;}

.fNav{ text-align: center;}
.fNav ul{ flex-wrap: wrap;}
.fNav li{ width: 33.3333%;}
.fTopConFr{ display: block;}
.fContact ul{ display: block;}
.fContact li{ margin-bottom: 5px;}
.fContact li:last-child{ margin-bottom: 0;}


.iAbouHead .t strong{ font-size: 1.25em;}
.iAbouList{ border-radius: 1em;}
.iAbouList .em{ height: 2.4em; line-height: 1.2; margin-bottom: 8px;}
.iAbouList .t strong{ font-size: 2em;}

}
@media screen and (max-width:640px){
.iBannerB .swiper{ margin: 0 -92%;}
.iBannerB .img img{ aspect-ratio: 640/480;}
.iBannerB .text{ left: 30px; right: 30px;}
.iBannerB .swiperDots{ display: flex; bottom: 20px; justify-content: flex-start; left: 30px;}
.toNext{ right: 30px;}
/* 内页 */

}
@media screen and (max-width:480px){
.header .wp,
.wp{ margin: 0 6vw;}
.iBannerB .text{ left: 6vw; right: 6vw;}
.iBannerB .swiperDots{ bottom: 4vw; left: 6vw; top: auto;}
.iBannerB .swiperDots span{ border-color: #fff; width: 10px; height: 10px;}
.iBannerB .swiperDots .swiper-pagination-bullet-active{ border-color: #00B2E3; background: #00B2E3; width: 10px;}
.toNext{ right: 6vw; display: none;}

.iPro_fixed{ margin: 0 6vw;}
.iIndustryTit .wpd{ margin: 0 6vw;}
.iIndustryList .wpd{ margin: 0 6vw;}
}
@media screen and (max-width:413px){
/* 内页 */
}
@media screen and (max-width:374px){
/* 内页 */
}

/* 翻译 */
#translate{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.5); display: none;}

.ignore{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #444; z-index:999; display: none;}
.ignore .wp{ height: 100%;}
.ignoreList{ height: 100%; display: flex; align-items: center; position: relative;}
.ignoreList .i{ width: 32px; height: 32px; line-height: 32px; display: block; border-radius: 16px; background: #fff; color: #00B2E3; position: absolute; left: 50%; margin-left: -16px; bottom: 0px; text-align: center; cursor: pointer;}
.ignoreList .i:hover{ background: #00B2E3; color: #fff;}
.ignoreList .wpd{ position: relative; padding-bottom: 60px; width: 640px; margin: 0 auto; max-width: 100%;}
.ignoreList ul{ display: flex; flex-wrap:wrap;}
.ignoreList li{ width: 33.3333%;}
.ignoreList a{ color: #fff; height: 32px; line-height: 32px; display: block; text-align: center;; font-size: 1em;}
.ignoreList a:hover{ color: #00B2E3;}



/* 内页 */
.pAPP{}
.pAPPCon{}

.nBanner_products{ position: relative; z-index: 4;}
.nBanner_products .wpd{ display: block; position: relative;}
.nBanner_products .img{}
.nBanner_products .img img{ border-radius: 0 0 32px 32px; height:200px; width: 100%; object-fit: cover; object-position: center bottom;}
.nBanner_products .text{ position: absolute; left: 0; bottom: 30px; right: 0;}
.nBanner_products .wp{}
.nBanner_products .h3{ display: flex; justify-content: flex-start;}
.nBanner_products .h3 strong{ font-size: 72px; display: block; position: relative; line-height: 1; padding-bottom: 0.4166666666666667em; color: #fff;}
.nBanner_products .h3 strong i{ position: absolute; left: 0; bottom: 0; right: 0; height: 0.2916666666666667em; background: rgba(0,178,227,0.2);}
.nBanner_products .h3 strong i:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; z-index: 2; height:0.1944444444444444em; background: rgba(0,178,227,0.6);}
.nBanner_products .h3 strong i:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; z-index: 3; height:0.0972222222222222em; background: rgba(0,178,227,1);}



.pNav{ background: #fff;}
.pNav .wp{ margin: 0;}
.pNavList{}
.pNavList ul{ display: flex;}
.pNavList li{ width: 20%;}
.pNavList .pd{ display: block; position: relative; height: 3.571428571428571em; line-height: 3.571428571428571em; text-align: center; font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pNavList .pd:before{ content: ''; width: 1px; background: #F0F6FF; position: absolute; top: 0; bottom: 0; right: 0;}
.pNavList li.curr .pd{ font-weight: bold; color: #fff; background: #083691;}



.proTypeBanner{ background: #F0F6FF;}
.proTypeBanner .wpd{ position: relative; overflow: hidden; padding: 66px 0;}
.proTypeBanner .img{ position:absolute; width:480px; right: -112px; top: 50%; margin-top: -240px;}
.proTypeBanner .img img{ width: 100%; height: auto; display: block;}
.proTypeBanner .text{}
.proTypeBanner .npd{ width: 900px;}
.proTypeBanner .h3{ font-size: 100px; line-height: 1.2; margin-bottom: 0.1em; color: #083691; font-weight: bold;}
.proTypeBanner .p{ font-size: 16px; line-height: 1.2; text-align: justify; word-break: break-all;}




.pMain{ position: relative;}
.proMain1{ padding: 60px 0;}
.proList{}
.proList ul{ display: flex; flex-wrap: wrap; margin: 0 -12px; }
.proList li{ width: 25%; margin-bottom: 32px;}
.proList .pd{ display: block; margin: 0 12px; transition: 0.3s all; border-radius: 12px; border: 1px solid #EFEFEF; overflow: hidden; transition: 0.3s all; position: relative;}
.proList .img{ background: #EFEFEF;}
.proList .img img{ aspect-ratio: 1024/710; object-fit: contain;}
.proList .text{ padding: 16px 32px;}
.proList .h3{ font-weight: bold; margin-bottom: 0.3125em; font-size: 32px; line-height: 1.2; height: 1.2em; color: #083691; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: justify; word-break: break-all;}
.proList .em{ margin-bottom: 0.5714285714285714em; font-size: 28px; line-height: 1.2; height: 2.4em; color: #3D3D3D; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; word-break: break-all;}
.proList .p{ font-size: 21px; line-height: 1.2; height: 3.6em; color: #A8A8A8; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-align: justify; word-break: break-all;}
.proList .pd:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: translateY(-5px);}




.proInfoMain1{ padding: 40px 0 130px 0;}
.proInfoBtn{ margin-bottom: 30px;}
.proInfoBtn a{ display: flex; align-items: center; color: #083691;}
.proInfoBtn i{ font-size: 32px; line-height: 1;}
.proInfoBtn span{ font-size: 16px; line-height: 1; text-transform: uppercase;}
.proHead{}
.proHead .wpd{ display: flex;}
.proHeadFl{ width: 640px; margin-right: 40px; position: relative;}
.proHeadFl .pd{}
.proHeadFl .pd img{ width: 100%; height: auto; aspect-ratio: 1/1;}
.proHeadFl .swiperArrow{ display: block; background: none; border:none; font-size: 1.6em; color: #c9c9c9;}
.proHeadFl .swiperArrow:hover{ color: #00B2E3;}
.proHeadFl .swiperPrev{ left: 0;}
.proHeadFl .swiperPrev:before{ content:"\eb1a";}
.proHeadFl .swiperNext{ right: 0;}
.proHeadFl .swiperNext:before{ content:"\eb1b";}
.proHeadFl .swiperDots{ display: flex;}
.proHeadFr{ flex: 1; padding-top: 40px;}
.proHeadFr .h3{ font-size: 56px; line-height: 1.2; color: #083691;}
.proHeadFr .em{ font-size: 48px; line-height: 1.2; color: #3D3D3D; margin-bottom: 0.2em;}
.proHeadFr .p{ font-size: 20px; line-height: 1.2; color: #3D3D3D; margin-bottom: 4em;}
.proHeadFr .c{ font-size: 20px; line-height: 1.2; color: #A8A8A8; text-align: justify; word-break: break-all;}




.proInfoMain2{ padding: 70px 0; background: #F0F6FF; }
.proInfoMain2:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('../images/proInfoMain1_bg.jpg') no-repeat; background-size: 100% auto;}

.proParam{}
.proParamTit{ margin-bottom: 60px;}
.proParamTit strong{ font-size: 56px; color: #083691; font-weight: bold; display: block; line-height: 1.2; text-transform: uppercase;}
.proParamList{}
.proParamList ul{ display: flex; flex-wrap: wrap;}
.proParamList li{ width: 50%;}
.proParamList .pd{ display: flex; align-items: center;}
.proParamList .t{ width: 284px; margin-right: 10px; position: relative; box-sizing: border-box; padding-left: 20px; line-height: 1.2;}
.proParamList .t:before{ content: ''; position: absolute; width: 6px; height: 6px; background: #3D3D3D; border-radius: 50%; left: 0; top: 50%;margin-top: -3px;}
.proParamList .c{ flex: 1;}


.proParamList table{ width: 100%; border-collapse: collapse; color: #7F7F7F;}
.proParamList td{ padding: 1em 1em; box-sizing: border-box;}
.proParamList td:nth-child(odd){ color: #000; font-weight: bold;}


.proBtn{ position: fixed; right: 20px; top: 50%;}
.proBtn ul{}
.proBtn li{ margin-bottom: 8px;}
.proBtn li:last-child{ margin-bottom: 0;}
.proBtn .pd{ display: flex; background: #083691; border-radius: 35px; height: 70px; color: #fff; align-items: center; padding: 0 40px; transition: 0.3s all;}
.proBtn i{ line-height: 1; margin-right: 0.6em; font-size: 40px;}
.proBtn span{ line-height: 1; font-size: 18px;}
.proBtn .pd:hover{ transform: translateY(-5px); background: #00B2E3;}


.cartMsg{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9991; width: 900px; display: none;}
.cartMsg_bg{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(64,64,64,0.76); z-index: 9990; display: none;}
.cartMsgClose{ position: absolute; left: 100%; bottom: 100%; font-size: 44px; width: 1em; height: 1em; line-height: 1; color: #fff; cursor: pointer;}
.cartMsgClose:hover{ color: #00B2E3;}

.nBanner_select{}
.nBanner_select .wpd{ position: relative;}
.nBanner_select .img{}
.nBanner_select .img img{ height: 300px; width: 100%; object-fit:cover;}
.nBanner_select .text{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.nBanner_select .t{ font-size: 44px; line-height: 1.4; color: #083691; text-align: center; text-transform: uppercase; margin-bottom: 0.6818181818181818em;}
.pSearch{ width: 460px; margin: 0 auto;}
.pSearch .pd{ position: relative;}
.ipt_t1{ height: 2em; border: 1px solid #083691; border-radius: 1em; padding-left: 2.666666666666667em; font-size: 18px; box-sizing: border-box; width: 100%;}
.ipt_b1{ width: 2.4em; height: 1.8em; display: flex; line-height: 1; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%; margin-top: -0.9em; background: none; border: none; font-size: 20px; padding: 0; }




.pSelectMain1{}
.pSelectMain1 .wp{ width: auto ; margin: 0;}
.pSelectTab{}
.pSelectTab ul{ display: flex; }
.pSelectTab li{ width: 33.3333%;}
.pSelectTab .pd{ display: flex; justify-content: center; text-align: center; height: 56px; line-height: 56px; background: #E2E2E2; color: #FFF; border-radius: 16px 16px 0 0 ; position: relative; cursor: default;}
.pSelectTab li.active .pd{ cursor: pointer;}
.pSelectTab i{ width: 36px; height: 36px; position: absolute; left: 40px; top: 50%; margin-top: -16px; background: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.pSelectTab i em{ font-size: 28px; line-height: 1; font-weight: bold; display: block; position: relative; z-index: 2; color: #E2E2E2;}
.pSelectTab i:before{ content: ''; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; background: rgba(255,255,255,0.6); border-radius: 50%;}
.pSelectTab i::after{ content: ''; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; background: rgba(255,255,255,0.2); border-radius: 50%;}
.pSelectTab strong{ font-size: 28px; font-weight: normal; display: block;}
.pSelectTab span{ font-size: 28px; color: #083691; display: none; position:relative; padding: 0 0 0 0.5em; margin-left: 0.5em;}
.pSelectTab span:before{ content: ''; position: absolute; width: 0.2142857142857143em; height: 0.2142857142857143em; background: #083691; border-radius: 50%; background: #083691; left: 0; top: 50%; margin-top: -0.1071428571428571em; }



.pSelectTab li:first-child.curr span{ color: #fff;}
.pSelectTab li:first-child.curr a{ background: #083691;}
.pSelectTab li:first-child.curr span::before{ background: #fff;}

.pSelectTab li.curr a{ background: #00B2E3; color: #fff;}
.pSelectTab li.active span{ display: block;}


.pSelectCon{}
.pSelectCon .li{ display:none; }
.pSelectCon .li.curr{ display:block; }

.proType{ padding: 80px 0 0 0; height: 500px;}
.proTypeA{ background: #F0F6FF;}
.proTypeB{ background: rgba(0,178,227,0.13);}
.proType ul{ margin: 0 -30px; display: flex; justify-content: center;}
.proType li{ margin: 0 30px;}
.proType .pd{ display: block;}
.proType .i{ width: 126px; height: 126px; position: relative; margin: 0 auto 24px auto;}
.proType .i img{ width: 100%; height: auto; display:block; opacity: 1; transition: 0.3s all;}
.proType .i img.img2{ position: absolute; left: 0; top: 0; opacity: 0;}
.proType .t{ text-align: center; color: #083691;}
.proType .pd:hover .i img.img2{ opacity: 0;}
.proType .pd:hover .i img.img2{ opacity: 1;}

.proTypeB_btn{ display: flex; justify-content: center; padding-top: 64px;}
.proTypeB_btn a{ display: flex; align-items: center; color: #fff; height: 48px; background: #ABC1DD; padding: 0 1em; border-radius: 24px;}
.proTypeB_btn i{ font-size: 28px; line-height: 1; margin-right: 0.2em;}
.proTypeB_btn span{ font-size: 28px; line-height: 1; text-transform: uppercase; font-weight: normal;}
.proTypeB_btn a:hover{ background: #083691; color: #fff;}

.sPro{ display: flex; flex-direction: row-reverse; overflow: hidden;}
.sProFl{ flex: 1; padding: 32px; box-sizing: border-box;}
.sProFr{ width: 456px; border-radius: 48px 0 0 48px; background: #F0F6FF; padding:60px;}

.proLabel{ margin-bottom: 30px;}
.proLabel ul{ display: flex; flex-wrap: wrap; margin: 0 -5px;}
.proLabel li{ margin: 0 5px 5px 5px;}
.proLabel .pd{ display: flex; align-items: center; padding: 0 1em; height: 2em; line-height: 2; align-items: center; background: #f4f4f5; border: 1px solid #e9e9eb; font-size: 16px;}
.proLabel span{ display: block; }
.proLabel i{ display: block; width: 2em; height: 2em; text-align: center; line-height: 2em; border-radius: 50%; cursor: pointer; font-family:"iconfont" !important; font-size:0.75em; margin-left: 0.5em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.proLabel i::before{content: "\e80c"; }
.proLabel i:hover{ background: #083691; color: #fff;}

.pType{ margin-bottom: 40px;}
.pType:last-child{ margin-bottom: 0px;}
.pTypeTit{ margin-bottom: 20px;}
.pTypeTit strong{ font-size: 28px; color: #083691; display: block; line-height: 1.2; position: relative; padding-left: 0.3571428571428571em; position: relative;}
.pTypeTit strong:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top:-0.3571428571428571em; width: 0.1071428571428571em; height: 0.7142857142857143em; background: #00B2E3;}
.pTypeCon{}

.pTypeA{}
.pTypeA li{}
.pTypeA .pd{ font-size: 18px; color: #9AB7E2; line-height: 1.2em; padding: 0.5em 0; display: block;}
.pTypeA .pd:hover,
.pTypeA li.curr .pd{ color: #00B2E3;}

.pTypeB{}
.pTypeB ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.pTypeB li{}
.pTypeB .pd{ display: block;}
.pTypeB .i{ width: 50px; height: 62px; border-radius: 6px; position: relative; overflow: hidden;}
.pTypeB .i::before{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 20px 20px;border-color: transparent transparent #00B2E3 transparent; opacity: 0;}
.pTypeB .t{ color: #9AB7E2; font-size: 18px;}
.pTypeB li.curr .i{background: #083691;}
.pTypeB li.curr .i::before{ opacity: 1;}


.pTypeC{}
.pTypeC_slider{ padding: 28px 0;}
.pTypeC_runway{ position: relative;}
.pTypeC_bar{ height: 8px; background: #9AB7E2; border-radius: 4px; position: relative; cursor: pointer;}
.pTypeC_bar span{ height: 8px; left: 0; width: 50%; background: #00B2E3; border-radius: 4px; position: absolute;}
.pTypeC_btn{ position: absolute; width: 36px; height: 36px; top: 50%; margin: -18px 0 0 -18px; cursor: grab; z-index: 5; 
}
.pTypeC_btn span{position: absolute; left: 50%; bottom: 100%; margin-bottom: 8px; border-radius: 4px; background: #000; color: #fff; opacity: 0; padding: 0 1em; transform: translateX(-50%); text-align: center; white-space: nowrap;}
.pTypeC_btn::before{ content: ''; position: absolute; left: 50%; width: 4px; top:4px; bottom:4px; margin-left: -2px; background: #083691; border-radius: 2px;}
.pTypeC_btn:hover span{ opacity: 1;}
.pTypeC_btn:active{ cursor: grabbing;}

.pTypeC_btnA{ left: 0%; z-index: 5;}
.pTypeC_btnB{ left: 0%; z-index: 6;}

.pTypeC_marks{ position: absolute; left: 0; right: 0; top: 50%; pointer-events: none;}
.pTypeC_marks .p{ width: 8px; height: 8px; position: absolute; background: #fff; border-radius: 4px; top: 50%; margin: -4px 0 0 -4px;}
.pTypeC_marks .p span{ position: absolute; left: 50%; bottom: 100%; padding-bottom: 8px; width: 6em; margin-left: -3em; text-align: center; white-space: nowrap;}
.pTypeC_marks_min{ left: 0;}
.pTypeC_marks_start{ left: 20%;}
.pTypeC_marks_max{ left: 100%;}
.pTypeC_number{ display: flex; justify-content:center; text-align: center;}
.pTypeC_number .p{ width: 3.555555555555556em; height: 1.333333333333333em; font-size: 18px; color: #9AB7E2; border-radius: 0.2222222222222222em;}
.pTypeC_number_min{ background: #fff;}
.pTypeC_number_tit{ color: #9AB7E2; }
.pTypeC_number_max{ color: #9AB7E2; background: #fff;}



.pTypeD{}
.pTypeD_slider{ padding: 28px 0;}
.pTypeD_runway{ position: relative;}
.pTypeD_bar{ height: 8px; background: #9AB7E2; border-radius: 4px; position: relative; cursor: pointer;}
.pTypeD_bar span{ height: 8px; left: 0; width: 50%; background: #00B2E3; border-radius: 4px; position: absolute;}
.pTypeD_btn{ position: absolute; width: 36px; height: 36px; top: 50%; margin: -18px 0 0 -18px; cursor: grab; z-index: 5;}
.pTypeD_btn span{position: absolute; left: 50%; bottom: 100%; margin-bottom: 8px; background: #000; color: #fff; opacity: 0; padding: 0 1em; transform: translateX(-50%); text-align: center; white-space: nowrap;}
.pTypeD_btn::before{ content: ''; position: absolute; left: 50%; width: 4px; top: 4px; bottom: 4px; margin-left: -2px; background: #083691; border-radius: 2px;}
.pTypeD_btn:hover span{ opacity: 1;}
.pTypeD_btn:active{ cursor: grabbing;}
.pTypeD_btnA{ left: 20%;}
.pTypeD_btnB{ left: 40%;}
.pTypeD_marks{ position: absolute; left: 0; right: 0; top: 50%; pointer-events: none;}
.pTypeD_marks .p{ width: 8px; height: 8px; position: absolute; background: #fff; border-radius: 4px; top: 50%; margin:-4px 0 0 -4px;}
.pTypeD_marks .p span{ position: absolute; left: 50%; bottom: 100%; padding-bottom: 8px; width: 6em; margin-left: -3em; text-align: center; white-space: nowrap;}
.pTypeD_marks_min{ left: 0;}
.pTypeD_marks_start{ left: 20%;}
.pTypeD_marks_max{ left: 100%;}
.pTypeD_number{ display: flex; justify-content:center; text-align: center; flex-direction: column; align-items: center;}
.pTypeD_number .p{ width: 3.555555555555556em; height: 1.333333333333333em; font-size: 18px; color: #9AB7E2; border-radius: 0.2222222222222222em;}
.pTypeD_number_min{ background: #fff;}
.pTypeD_number_tit{ color: #9AB7E2; }
.pTypeD_number_max{ color: #9AB7E2; background: #fff;}


.nBanner_industry{ position: relative; padding-bottom: 176px; margin-bottom: 110px;}
.nBanner_industry .wpd{ position: relative; z-index: 2; margin: 0 56px;}
.nBanner_industry .img{ border-radius: 40px; overflow: hidden;}
.nBanner_industry .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center;}
.nBanner_industry .text .wp{ padding-top: 100px;}
.nBanner_industry .h3{}
.nBanner_industry .h3 strong{ font-size: 78px; line-height: 1.2; text-transform: uppercase; color: #fff; display: block;}
.nBanner_industry .em{ display: flex; justify-content: center}
.nBanner_industry .em em{ height: 1.4em; line-height: 1.4; font-size: 18px; padding: 0 1em; background: #083691; border-radius: 0.2222222222222222em; color: #fff;}
.visual{position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; overflow: hidden;}
.visual ul{ display: flex; gap: 60px; animation: bg_loop 30s linear infinite;}
.visual li{}
.visual li img{ width: auto; height: 330px; display: block;}
@keyframes bg_loop{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translate(-50%);
	}
}
.industryMain1{ padding:110px 0 0 0;}

.industry{}
.industry ul{}
.industry li{}
.industry .wpd{}
.industry .t{ display: block; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 0 112px; cursor: pointer;}
.industry .t .pd{ display: flex; position: relative; height: 62px; align-items: center;}
.industry .t span{ font-size: 28px; font-weight: bold; color: #083691; margin-right: 0.7142857142857143em;}
.industry .t strong{ font-size: 22px; font-weight: normal;}
.industry .t i{ position: absolute; right: 0; width: 36px; height: 36px; line-height: 1; display: flex; justify-content: center; align-items: center; text-align: center;font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; cursor: pointer; cursor: default;}
.industry .t i:before{ content: "\e604"; }
.industry .c{ background: url('../images/industry_bg.png') no-repeat bottom center; background-size: 100% auto; padding: 0 112px;}
.industry .c .pd{ display: flex; padding: 50px 0;}
.industry .c .img{ width: 716px; margin-right: 110px; border-radius: 18px; overflow: hidden;}
.industry .c .img img{ width: 100% ; height: auto ; object-fit: cover; aspect-ratio: 1024/442;}
.industry .c .text{ flex: 1; padding-top: 20px;}
.industry .c .h3{ margin-bottom: 40px; line-height: 1.2; display: flex; color: #083691; position: relative;}
.industry .c .h3 span{ font-size: 46px; font-weight: bold; margin-right: 0.5em;}
.industry .c .h3 strong{ font-size: 46px; font-weight: bold;}
.industry .c .h3 .i{ position: absolute; right: 0; top: 50%; margin-top: -25px; background-size: contain; cursor: pointer;}
.industry .c .h3 .more2{ font-size: 0.5em;}
.industry .c .p{ font-size: 20px; line-height: 1.4; color: #A8A8A8; text-align: justify; word-break: break-all;}


.industry li.curr .t i::before{ content: "\e606";}
/* .industry li.skrollable-between .t i::before{ content: "\e606";} */


.newsMain1{ padding: 110px 0;}
.newsMain1:before{ content: ''; z-index: 1; position: absolute; left: 0; top: -40px; right: 0; bottom: 0; background: url('../images/newsMain1_bg1.jpg') no-repeat top center; background-size: 100% auto;}
.newsMain1:after{ content: ''; z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('../images/newsMain1_bg2.jpg') no-repeat bottom center; background-size: 100% auto;}
.newsMain1 .wp{ z-index: 2;}
.newsListTit{ display: flex; margin-bottom: 60px;}
.newsListTit strong{ font-size: 50px; line-height: 1.2; color: #083691;}

.newsListHead{ margin-bottom: 160px;}
.newsListHead .wpd{ display: flex; flex-direction: row-reverse;}
.newsListHeadFl{ width: 916px; margin-left: 76px;}
/* .newsListHeadFl ul{ position: relative;}
.newsListHeadFl li:first-child{ position: relative;}
.newsListHeadFl li{ position: absolute; left: 0; top: 0; right: 0;}
.newsListHeadFl li.curr{ z-index: 2;} */
.newsListHeadFl .swiper{ margin: 0 -10px;}
.newsListHeadFl .pd{ position: relative; transition: 0.3s all; margin: 0 10px; display: block;}
.newsListHeadFl .img{ border-radius: 28px; position: relative; overflow: hidden;}
.newsListHeadFl .img:before{ content: ''; position: absolute; height: 70%; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));}
.newsListHeadFl .img img{ aspect-ratio: 1024/620; object-fit: cover; width: 100%; height: auto;}
.newsListHeadFl .text{ position: absolute; left: 50px; bottom: 40px; right: 50px;}
.newsListHeadFl .h3{ font-size: 30px; line-height: 1.3; max-height: 2.6em; color: #fff; margin-right: 4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newsListHeadFl .em{ position: absolute ; right: 0; bottom: 0; font-size: 20px; color: #fff;}
.newsListHeadFl .pd:hover{ transform: translateY(-5px);}

.newsListHeadFr{}
.newsListHeadFr ul{}
.newsListHeadFr li{ border-bottom: 1px solid #E8E8E8; padding: 64px 0 20px 0;}
.newsListHeadFr .pd{ display: block; position: relative; transition: 0.3s all;}
.newsListHeadFr .h3{ font-size: 30px; line-height: 1.3; max-height: 2.6em; color: #000; margin-right: 4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newsListHeadFr .em{ position: absolute ; right: 0; bottom: 0; font-size: 16px; color: #00B2E3;}

.newsListHeadFr .pd:hover{ transform: translateY(-5px);}

.newsList{}
.newsList ul{}
.newsList li{ padding: 40px 0; border-bottom: 1px solid #E5E5E5;}
.newsList .pd{ display: flex; flex-direction: row-reverse; transition: 0.3s all;}
.newsList .img{ width: 436px; margin-left: 100px; border-radius: 18px; overflow: hidden;}
.newsList .img img{ aspect-ratio: 1024/490; object-fit: cover; width: 100%; height: auto;}
.newsList .text{ flex: 1; padding: 40px 0 0 0; position: relative;}
.newsList .h3{ font-size: 36px; line-height: 1.3; max-height: 2.6em; color: #000; font-weight: bold; margin-right: 3.333333333333333em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-left: 6.388888888888889em;}
.newsList .em{ position: absolute; left: 0; top: 40px; color: #00B2E3; width: 184px;}
.newsList .em em{ font-size: 36px; line-height: 1.2; margin-bottom: 0.3333333333333333em; display: block; position: relative;}
.newsList .em em:before{ content: ''; position: absolute; width: 1.388888888888889em; height: 1px; right: 0; top: 50%; background: #757575;}
.newsList .em span{ font-size: 20px; line-height: 1.2; display: block;}
.newsList .pd:hover{ transform: translateY(-5px);}
.newsList .pd:hover .h3{ color: #083691;}


.newsInfoMain1{ padding: 50px 0 116px 0; background: url('../images/newsInfoMain1_bg.jpg') no-repeat center bottom; background-size: 100% auto;}
.newsInfoBtn{}

.newsInfoBtn{ display: flex; margin-bottom: 40px;}
.newsInfoBtn a{ display: flex; align-items: center; color: #fff; height: 48px; background: #ABC1DD; padding: 0 1em; border-radius: 24px;}
.newsInfoBtn i{ font-size: 28px; line-height: 1; margin-right: 0.2em;}
.newsInfoBtn span{ font-size: 28px; line-height: 1; text-transform: uppercase; font-weight: normal;}
.newsInfoBtn a:hover{ background: #083691; color: #fff;}

.newsInfo{ margin: 0 100px;}
.newsInfoHead{ margin-bottom: 60px;}
.newsInfoHead h1{ font-size: 44px; font-weight: bold; color: #000; line-height: 1.3; margin-bottom: 1.136363636363636em;}
.newsInfoHead .em{ font-size: 22px; color: #00B2E3;}
.newsInfoHead .em span{ margin-right: 50px;}
.newsInfoHead .em span:last-child{ margin-right: 0px;}
.newsInfoCon{ border-radius: 40px; padding: 66px; background: #fff; border:2px solid #E5E5E5; margin-bottom: 60px;}
.newsInfoLine{ margin: 0 100px; display: flex; overflow: hidden; justify-content: center; margin-bottom: 60px;}
.newsInfoLine strong{ display: block; position: relative; width: 120px; text-align: center; font-weight: normal; color: #fff;}
.newsInfoLine strong:before{ content: ''; position: absolute; height: 1px; width: 100vw; right: 100%; top: 50%; background: #fff;}
.newsInfoLine strong:after{ content: ''; position: absolute; height: 1px; width: 100vw; left: 100%; top: 50%; background: #fff;}
.newsInfoPgae{ margin: 0 100px; background: #F0F6FF; border-radius: 32px; position: relative;}
.newsInfoPgae:before{ content: ''; position: absolute; width: 2px; left: 50%; top: 0; bottom: 0; background: #fff; margin-left: -1px;}
.newsInfoPgae ul{ display: flex;}
.newsInfoPgae li{ width: 50%;}
.newsInfoPgae .pd{ padding: 0 28px; display: flex; color: #7B9CD1;}
.newsInfoPgae .m{ display: flex; align-items: center; margin: 0 26px 0 0;}
.newsInfoPgae .m i{ font-size: 28px; line-height: 1;}
.newsInfoPgae .m span{ font-size: 26px; font-weight: bold; line-height: 1; white-space: nowrap;}
.newsInfoPgae .t{ font-size: 18px; height: 4.444444444444444em; line-height: 4.444444444444444em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsInfoPgae li:nth-child(even) .pd{ flex-direction: row-reverse;}
.newsInfoPgae li:nth-child(even) .m{ flex-direction: row-reverse; margin: 0 0 0 26px;}


.contactMain1{ background: url('../images/contactMain1_bg.jpg') no-repeat center top; background-size: 100% auto; padding: 50px 0 0 0;}
.contactMain1_1{ margin-bottom: 60px;}
.about{ background: #fff; padding:60px 70px; border-radius: 50px;}
.aboutHead{ display: flex; flex-direction: row-reverse; margin-bottom: 60px;}
.aboutHeadFr{ padding: 0 0 76px 190px; width: 640px; position: relative;}
.aboutHeadFr .wpd{ position: relative;}
.aboutHeadFr .img1{ position: relative; border-radius: 20px; overflow: hidden;}
.aboutHeadFr .img1 img{ width: 100%; height: auto; display: block;}
.aboutHeadFr .img1 i{ width: 1em; height: 1em; font-size: 100px; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; line-height: 1; color: #F0F6FF;}
.aboutHeadFr .img2{ position: absolute; left: -190px; bottom: -76px; width: 338px; border:4px solid #fff; border-radius: 12px; box-sizing: border-box; overflow: hidden;}
.aboutHeadFr .img2 img{ width: 100%; height: auto; display: block;}
.aboutHeadFr .text{ position: absolute; left: 36px; right: 36px; bottom: 36px; text-align: center; color: #F0F6FF; display: flex; justify-content: center; align-items: center; pointer-events: none;}
.aboutHeadFr .text strong{ font-size: 22px; line-height: 1; font-weight: normal;}
.aboutHeadFr .text i{ font-size: 60px; line-height: 1;}
.aboutHeadFl{ flex: 1;}
.aboutHeadFl .t{ margin-bottom: 120px;}
.aboutHeadFl .t i{ line-height: 1; display: block; font-size: 76px; margin-bottom: 0.3289473684210526em;}
.aboutHeadFl .t i img{ height: 1em; width: auto; display: block;}
.aboutHeadFl .t em{ font-size: 26px; color: #083691;}
.aboutHeadFl .em{ font-size: 40px; color: #083691; font-weight: bold; position: relative; line-height: 1; width: 16em;}
.aboutHeadFl .em:before,
.aboutHeadFl .em:after{content: ''; width: 1.1em; height: 1.2em; position: absolute; background: no-repeat center center; background-size: contain;}
.aboutHeadFl .em:before{ left: 0; top: 0; background-image: url('../images/aboutHead_1.png');}
.aboutHeadFl .em:after{ right: 0; bottom: 0; background-image: url('../images/aboutHead_2.png');}
.aboutHeadFl .em .pd{ padding: 1em; color: #083691;}

.aboutCon{}
.aboutConFl{ flex: 1; font-size: 20px; line-height: 1.5; text-align: justify; word-break: break-all; padding-top: 1.5em;}
.aboutConFr{ width: 330px; margin-left: 220px;}
.aboutConFr ul{}
.aboutConFr li{ margin-bottom: 50px;}
.aboutConFr li:last-child{ margin-bottom: 0px;}
.aboutConFr .pd{ display: flex;}
.aboutConFr .t{ font-size: 84px; line-height: 1; color: #00B2E3; margin-right: 0.1428571428571429em;}
.aboutConFr .c{ flex: 1; padding-top: 10px;}
.aboutConFr .i{ color: #00B2E3; line-height: 1; font-size: 26px; margin-bottom: 0.2307692307692308em;}
.aboutConFr .p{ font-size: 14px; color: #515151;}

.aboutConTop{ font-size: 20px; line-height: 1.5; text-align: justify; word-break: break-all; color: #515151; margin-bottom: 1em;}
.aboutConTop p{ margin-bottom: 1em;}
.aboutConTop strong{ color: #083691; font-weight: normal;}
.aboutConTop p:last-child{ margin-bottom: 0;}
.aboutConBottom{}
.aboutConBottom ul{ display: flex; justify-content: space-between;}
.aboutConBottom li{ position: relative;}
.aboutConBottom li:before{ content: ''; position: absolute; right: -170px; height: 70px; width: 4px; background: #c1c1c1; top: 50%; margin-top: -35px;}
.aboutConBottom .pd{ display: flex;}
.aboutConBottom .t{ font-size: 84px; color: #00b2e3; line-height: 1;}
.aboutConBottom .c{}
.aboutConBottom .i{ font-size: 24px; color: #00b2e3; line-height: 2;}
.aboutConBottom .p{ font-size: 18px; color: #515151; line-height: 1.2;}

.aboutConBottom li:last-child:before{ display: none;}
.aboutConBottom li:last-child .p{ width: 8em;}

.contactMain1_3{ position: relative; width: 100vw; left: 50%; margin-left: -50vw;}
.contactMain1_3 img{width: 100%; height: auto; display: block;}


.contactMain1_2{}
.philosophyList{}
.philosophyList ul{ display: flex; margin: 0 -20px;}
.philosophyList li{ width: 25%;}
.philosophyList .pd{ margin: 0 20px; padding: 40px; background: #F0F6FF; border-radius: 20px;}
.philosophyList .t{ display: flex; align-items: center;}
.philosophyList .t i{ font-size:54px; color: #00B2E3; width: 1em; line-height: 1;}
.philosophyList .t strong{ font-size:34px; color: #000;}
.philosophyList .c{ font-size: 20px; color: #515151; line-height: 1.4; text-align: justify; word-break: break-all;}

.philosophyList li:nth-child(1){ width: 50%;}
.philosophyList li:nth-child(1) .pd{ display: flex;}
.philosophyList li:nth-child(1) .t{ flex-direction: row-reverse; margin-right: 80px;}

.philosophyList li:nth-child(2){ }
.philosophyList li:nth-child(2) .pd{}
.philosophyList li:nth-child(2) .t{ display: flex; justify-content: space-between; margin-bottom: 40px;}
.philosophyList li:nth-child(2) .t strong{ width: 3em; margin-right: 1em;}

.philosophyList li:nth-child(3){ }
.philosophyList li:nth-child(3) .pd{}
.philosophyList li:nth-child(3) .t{ display: flex; justify-content: space-between; margin-bottom: 50px;}
.philosophyList li:nth-child(3) .t strong{ width: 3em; margin-right: 1em;}
.philosophyList li:nth-child(3) .t i{ transform: translateY(0.75em);}

.contactMain2{ background: url('../images/contactMain2_bg.png') no-repeat center top; background-size: 100% auto; padding: 80px 0 160px 0; position: relative; z-index: 2; overflow: hidden;}
.contactMain2:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: url('../images/contactMain3_bg.png') no-repeat center bottom; background-size: 100% auto;}
.contactMain2 .wp{ z-index: 2;}

.contactMain2_1{ margin-bottom: 500px; position: relative; z-index: 5;}

.culture{ display: flex; justify-content: space-between;}
.cultureFl{}
.cultureFr{ width: 830px;}
.cultureFr .t{ font-size: 44px; color: #083691; line-height: 1.2; margin-bottom: 1.363636363636364em; padding-right: 2.181818181818182em; position: relative;}
.cultureFr .t::before{ content: ''; position: absolute; right: 0; bottom: 0; width: 1.659090909090909em; height: 1.272727272727273em; background: url('../images/cultureFr_bg.png') no-repeat; background-size: contain;}
.cultureFr .c{ font-size: 20px; line-height: 1.4; color: #515151; margin-bottom: 3em; text-align: justify; word-break: break-all;}
.cultureFr .i{}
.cultureFr .i img{ width: 100%; height: auto; display: block;}

.contactMain2_2{ margin: 0 -112px; position: relative; z-index: 2;}
.honors{ position: relative; padding-top: 200px;}
.honors .wpd{ display: block; position: relative;}
.honorsFl{ width: 1400px;}
.honorsFl img{ width: 100%; height: auto; display:block;}
.honorsFr{ position: absolute; right: 112px; top: 240px;}
.honorsTit{ text-align: right; margin-bottom: 90px; width: 560px;}
.honorsTit strong{ font-size: 72px; display: block; line-height: 1; color: #083691;}
.honorsCon{ display: flex; justify-content: flex-end; margin-bottom: 30px;}
.honorsCon .pd{ display: flex; width:300px; align-items: center;}
.honorsCon .t{ font-size: 84px; line-height: 1; color: #00B2E3; margin-right: 0.1428571428571429em;}
.honorsCon .c{ flex: 1; padding-top: 10px;}
.honorsCon .i{ color: #00B2E3; line-height: 1; font-size: 26px; margin-bottom: 0.2307692307692308em;}
.honorsCon .p{ font-size: 20px; color: #515151;}
.honorsBottom{ display: flex; justify-content: flex-end;}
.honorsBottom .pd{ width: 300px;}

.honorsTitb{ position: absolute; left: 5.6em; top: 0; z-index: 2;}
.honorsTitb .pd{ display: flex;}
.honorsTitb .t{ width: 700px;}
.honorsTitb .c{ font-size: 24px; color: #515151;}
.honorsTitb .h3{ line-height: 1.1; width: 24em; margin-bottom: 2em;}
.honorsTitb .p{}

.contactMain4{ position: relative; z-index: 2; overflow: hidden;}
.contactMain4 img{ width: 100vw; height: auto; display: block; position: relative; left: 50%; margin-left: -50vw;}

.contactMain3{ padding: 90px 0 60px 0; position: relative;}
.contactMain3:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: url('../images/contactMain4_bg2.jpg') no-repeat bottom center; background-size: 100% auto;}
.contactMain3:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: -440px; background: url('../images/contactMain4_bg1.jpg') no-repeat top center; background-size: 100% auto;}
.contactMain3 .wp{ position: relative; z-index: 2;}
.contactMain3_1{ margin-bottom: 100px;}
.contact{}
.contactTit{ font-size: 30px; line-height: 1.4; color: #083691; text-align: center; margin-bottom: 1.666666666666667em;}
.contactCon{}
.contactCon ul{ display: flex; margin: 0 -20px;}
.contactCon li{ width: 33.3333%; height: ;}
.contactCon .pd{ margin: 0 20px; display: block; text-align: center; background: #F0F6FF; padding: 16px; border-radius: 16px; height: 100%;}
.contactCon .i{ font-size: 72px; line-height: 1; color: #083691; margin-bottom: 0.1388888888888889em;}
.contactCon .t{ font-size: 20px; line-height: 1.2; min-height: 2.4em; color: #083691;}
.contactCon .pd p{ margin-bottom: 0.5em;}
.contactCon .pd p:last-child{ margin-bottom: 0;}

.contactMain3_2{}
.msg{ display: flex; justify-content: space-between;}
.msgFl{ width: 50%; width: 640px;}
.msgFl .pd{ border: 1px solid #F0F6FF; padding: 32px; background: #fff; border-radius: 320px; position: relative;}
.msgFl .img1{ width: 100%; height: auto; border-radius: 288px; overflow: hidden;}
.msgFl .img1 img{ width: 100%; height: auto; aspect-ratio: 640/1024; object-fit: cover;}
.msgFl .img2{ position: absolute; right: -70px; top: 78px; width: 234px;}
.msgFl .img2 img{ width: 100%; height: auto; display: block;}
.msgFl .img3{ position: absolute; left: -30px; bottom: 88px; width: 378px;}
.msgFl .img3 img{ width: 100%; height: auto; display: block;}
.msgFr{ width: 50%;}
.msgFr .wpd{ margin-right: -112px; height: 100%; padding-right: 112px; background: #F0F6FF; border-radius: 50px 0 0 50px;}
.msgFr .npd{ padding: 70px 130px;}
.msgForm{}
.msgForm li{ border-bottom: 1px solid #FFFFFF;}
.msgForm .pd{ display: flex; align-items: center;}
.msgForm .t{ width: 6.692307692307692em; line-height: 3.307692307692308em; font-size: 26px; color: #083691;}
.msgForm .c{ flex: 1;}
.msgForm li.w100{ border-bottom: none; padding: 40px 0;}
.msgForm li.w100 .pd{ flex-direction: column; align-items: normal;}
.msgForm li.w100 .t{ width: 100%;}
.ipt_t3{ height: 86px; width: 100%; box-sizing: border-box; font-size: 20px; background: #fff; border:none; padding:0 1em; border-radius: 0.5em;}
.ipt_t3:focus{ outline:none;}
.ipt_text3{ height: 86px; width: 100%; box-sizing: border-box; font-size: 20px; background: #fff; height: 190px; padding: 0.5em 1em; resize: none; border:none; border-radius: 20px;}
.ipt_text3:focus{ outline:none;}
.ipt_b3{ height: 56px; width: 392px; text-align: center; font-size: 30px; border: none; border-radius: 28px; color: #fff; background: #083691; transition: 0.3s all;}
.ipt_b3:hover{ transform: translateY(-5px); background: #00B2E3;}



/* 内页 PC适配 */
.nBanner_products .img img{border-radius: 0 0 1.6em 1.6em;height: 10em;}
.nBanner_products .text{bottom: 1.5em;}
.nBanner_products .h3 strong{font-size: 3.6em;}
.pNavList .pd{font-size: 1.4em;}
.pNavList .pd:before{width: 0.05em;}
.proTypeBanner .wpd{padding: 3.3em 0;}
.proTypeBanner .img{width: 24em;right: -5.6em;margin-top: -12em;}
.proTypeBanner .npd{width: 45em;}
.proTypeBanner .h3{font-size: 5em;}
.proTypeBanner .p{font-size: 0.8em;}
.proMain1{padding: 3em 0;}
.proList ul{margin: 0 -0.6em;}
.proList li{margin-bottom: 1.6em;}
.proList .pd{margin: 0 0.6em;border-radius: 0.6em;border: 0.05em solid #EFEFEF;}
.proList .text{padding: 0.8em 1.6em;}
.proList .h3{font-size: 1.6em;}
.proList .em{font-size: 1.4em;}
.proList .p{font-size: 1.05em;}
.proList .pd:hover{box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);transform: translateY(-0.25em);}
.proInfoMain1{padding: 2em 0 6.5em 0;}
.proInfoBtn{margin-bottom: 1.5em;}
.proInfoBtn i{font-size: 1.6em;}
.proInfoBtn span{font-size: 0.8em;}
.proHeadFl{width: 32em;margin-right: 2em;}
.proHeadFr{flex: 1;padding-top: 2em;}
.proHeadFr .h3{font-size: 2.8em;}
.proHeadFr .em{font-size: 2.4em;}
.proHeadFr .p{font-size: 1em;}
.proHeadFr .c{font-size: 1em;}
.proInfoMain2{padding: 3.5em 0;}
.proParamTit{margin-bottom: 3em;}
.proParamTit strong{font-size: 2.8em;}
.proParamList .t{width: 14.2em;margin-right: 0.5em;padding-left: 1em;}
.proParamList .t:before{width: 0.3em;height: 0.3em;margin-top: -0.15em;}
.proBtn{ right: 1em;}
.proBtn li{margin-bottom: 0.4em;}
.proBtn .pd{border-radius: 1.75em;height: 3.5em;padding: 0 2em;}
.proBtn i{font-size: 2em;}
.proBtn span{font-size: 0.9em;}
/*  */
.cartMsg{width: 45em;}
.cartMsgClose{font-size: 2.2em;}
.nBanner_select .img img{height: 15em;}
.nBanner_select .t{font-size: 2.2em;}
.pSearch{width: 23em;}
.ipt_t1{font-size: 0.9em;}
.ipt_b1{font-size: 1em;}
.pSelectTab .pd{height: 2.8em;line-height: 2.8em;border-radius: 0.8em 0.8em 0 0;}
.pSelectTab i{width: 1.8em;height: 1.8em;left: 2em;margin-top: -0.8em;}
.pSelectTab i em{font-size: 1.4em;}
.pSelectTab i:before{left: -0.25em;top: -0.25em;right: -0.25em;bottom: -0.25em;}
.pSelectTab i::after{left: -0.5em;top: -0.5em;right: -0.5em;bottom: -0.5em;}
.pSelectTab strong{font-size: 1.4em;}
.pSelectTab span{font-size: 1.4em;}
.proType{padding: 4em 0 0 0;height: 25em;}
.proType ul{margin: 0 -1.5em;}
.proType li{margin: 0 1.5em;}
.proType .i{width: 6.3em;height: 6.3em;margin: 0 auto 1.2em auto;}
.proTypeB_btn{padding-top: 3.2em;}
.proTypeB_btn a{height: 2.4em;border-radius: 1.2em;}
.proTypeB_btn i{font-size: 1.4em;}
.proTypeB_btn span{font-size: 1.4em;}
.sProFl{padding: 1.6em;}
.sProFr{width: 22.8em;border-radius: 2.4em 0 0 2.4em;padding: 3em;}
.proLabel{margin-bottom: 1.5em;}
.proLabel ul{margin: 0 -0.25em;}
.proLabel li{margin: 0 0.25em 0.25em 0.25em;}
.proLabel .pd{border: 0.05em solid #e9e9eb;font-size: 0.8em;}
.pType{margin-bottom: 2em;}
.pTypeTit{margin-bottom: 1em;}
.pTypeTit strong{font-size: 1.4em;}
.pTypeA .pd{font-size: 0.9em;}
.pTypeB .i{width: 2.5em;height: 3.1em;border-radius: 0.3em;}
.pTypeB .i::before{border-width: 0 0 1em 1em;}
.pTypeB .t{font-size: 0.9em;}
.pTypeC_slider{padding: 1.4em 0;}
.pTypeC_bar{height: 0.4em;border-radius: 0.2em;}
.pTypeC_bar span{height: 0.4em;border-radius: 0.2em;}
.pTypeC_btn{width: 1.8em;height: 1.8em;margin: -0.9em 0 0 -0.9em;}
.pTypeC_btn span{margin-bottom: 0.4em;border-radius: 0.2em;}
.pTypeC_btn::before{width: 0.2em;top: 0.2em;bottom: 0.2em;margin-left: -0.1em;border-radius: 0.1em;}
.pTypeC_marks .p{width: 0.4em;height: 0.4em;border-radius: 0.2em;margin: -0.2em 0 0 -0.2em;}
.pTypeC_marks .p span{padding-bottom: 0.4em;}
.pTypeC_number .p{font-size: 0.9em;}
.pTypeD_slider{padding: 1.4em 0;}
.pTypeD_bar{height: 0.4em;border-radius: 0.2em;}
.pTypeD_bar span{height: 0.4em;border-radius: 0.2em;}
.pTypeD_btn{width: 1.8em;height: 1.8em;margin: -0.9em 0 0 -0.9em;}
.pTypeD_btn span{margin-bottom: 0.4em;}
.pTypeD_btn::before{width: 0.2em;top: 0.2em;bottom: 0.2em;margin-left: -0.1em;border-radius: 0.1em;}
.pTypeD_marks .p{width: 0.4em;height: 0.4em;border-radius: 0.2em;margin: -0.2em 0 0 -0.2em;}
.pTypeD_marks .p span{padding-bottom: 0.4em;}
.pTypeD_number .p{font-size: 0.9em;}
/*  */
.nBanner_industry{padding-bottom: 8.8em; margin-bottom: 5.5em;}
.nBanner_industry .wpd{margin: 0 2.8em;}
.nBanner_industry .img{border-radius: 2em;}
.nBanner_industry .text .wp{padding-top: 5em;}
.nBanner_industry .h3 strong{font-size: 3.9em;}
.nBanner_industry .em em{font-size: 0.9em;}
.visual ul{gap: 3em;}
.visual li img{height: 16.5em;}
.industryMain1{padding: 5.5em 0 0 0;}
.industry .t{border-top: 0.05em solid #E5E5E5;border-bottom: 0.05em solid #E5E5E5;padding: 0 5.6em;}
.industry .t .pd{height: 3.1em;}
.industry .t span{font-size: 1.4em;}
.industry .t strong{font-size: 1.1em;}
.industry .t i{width: 1.8em;height: 1.8em;}
.industry .c{padding: 0 5.6em;}
.industry .c .pd{padding: 2.5em 0;}
.industry .c .img{width: 35.8em;margin-right: 5.5em;border-radius: 0.9em;}
.industry .c .text{padding-top: 1em;}
.industry .c .h3{margin-bottom: 2em;}
.industry .c .h3 span{font-size: 2.3em;}
.industry .c .h3 strong{font-size: 2.3em;}
.industry .c .h3 .i{margin-top: -1.25em;}
.industry .c .p{font-size: 1em;}
/*  */
.newsMain1{padding: 5.5em 0;}
.newsMain1:before{top: -2em;}
.newsListTit{margin-bottom: 3em;}
.newsListTit strong{font-size: 2.5em;}
.newsListHead{margin-bottom: 8em;}
.newsListHeadFl{width: 45.8em;margin-left: 3.8em;}
.newsListHeadFl .img{border-radius: 1.4em;}
.newsListHeadFl .text{left: 2.5em;bottom: 2em;right: 2.5em;}
.newsListHeadFl .h3{font-size: 1.5em;}
.newsListHeadFl .em{font-size: 1em;}
.newsListHeadFl .pd:hover{transform: translateY(-0.25em);}
.newsListHeadFr li{border-bottom: 0.05em solid #E8E8E8;padding: 3.2em 0 1em 0;}
.newsListHeadFr .h3{font-size: 1.5em;}
.newsListHeadFr .em{font-size: 0.8em;}
.newsListHeadFr .pd:hover{transform: translateY(-0.25em);}
.newsList li{padding: 2em 0;border-bottom: 0.05em solid #E5E5E5;}
.newsList .img{width: 21.8em;margin-left: 5em;border-radius: 0.9em;}
.newsList .text{padding: 2em 0 0 0;}
.newsList .h3{font-size: 1.8em;}
.newsList .em{top: 2em;width: 9.2em;}
.newsList .em em{font-size: 1.8em;}
.newsList .em em:before{height: 0.05em;}
.newsList .em span{font-size: 1em;}
.newsList .pd:hover{transform: translateY(-0.25em);}
/*  */
.newsInfoMain1{padding: 2.5em 0 5.8em 0;}
.newsInfoBtn{margin-bottom: 2em;}
.newsInfoBtn a{height: 2.4em;border-radius: 1.2em;}
.newsInfoBtn i{font-size: 1.4em;}
.newsInfoBtn span{font-size: 1.4em;}
.newsInfo{margin: 0 5em;}
.newsInfoHead{margin-bottom: 3em;}
.newsInfoHead h1{font-size: 2.2em;}
.newsInfoHead .em{font-size: 1.1em;}
.newsInfoHead .em span{margin-right: 2.5em;}
.newsInfoCon{border-radius: 2em;padding: 3.3em;border: 0.1em solid #E5E5E5;margin-bottom: 3em;}
.newsInfoLine{margin: 0 5em;margin-bottom: 3em;}
.newsInfoLine strong{width: 6em;}
.newsInfoLine strong:before{height: 0.05em;}
.newsInfoLine strong:after{height: 0.05em;}
.newsInfoPgae{margin: 0 5em;border-radius: 1.6em;}
.newsInfoPgae:before{width: 0.1em;margin-left: -0.05em;}
.newsInfoPgae .pd{padding: 0 1.4em;}
.newsInfoPgae .m{margin: 0 1.3em 0 0;}
.newsInfoPgae .m i{font-size: 1.4em;}
.newsInfoPgae .m span{font-size: 1.3em;}
.newsInfoPgae .t{font-size: 0.9em;}
.newsInfoPgae li:nth-child(even) .m{margin: 0 0 0 1.3em;}
/*  */
.contactMain1{padding: 2.5em 0 0 0;}
.contactMain1_1{margin-bottom: 3em;}
.about{padding: 3em 3.5em;border-radius: 2.5em;}
.aboutHead{margin-bottom: 3em;}
.aboutHeadFr{padding: 0 0 3.8em 9.5em;width: 32em;}
.aboutHeadFr .img1{border-radius: 1em;}
.aboutHeadFr .img1 i{font-size: 5em;}
.aboutHeadFr .img2{left: -9.5em;bottom: -3.8em;width: 16.9em;border: 0.2em solid #fff;border-radius: 0.6em;}
.aboutHeadFr .text{left: 1.8em;right: 1.8em;bottom: 1.8em;}
.aboutHeadFr .text strong{font-size: 1.1em;}
.aboutHeadFr .text i{font-size: 3em;}
.aboutHeadFl .t{margin-bottom: 6em;}
.aboutHeadFl .t i{font-size: 3.8em;}
.aboutHeadFl .t em{font-size: 1.3em;}
.aboutHeadFl .em{font-size: 2em;}
.aboutConFl{font-size: 1em;}
.aboutConFr{width: 16.5em;margin-left: 11em;}
.aboutConFr li{margin-bottom: 2.5em;}
.aboutConFr .t{font-size: 4.2em;}
.aboutConFr .c{padding-top: 0.5em;}
.aboutConFr .i{font-size: 1.3em;}
.aboutConFr .p{font-size: 0.7em;}

.aboutConTop{ font-size: 1em; }
.aboutConBottom li:before{ right: -8.5em; height: 3.5em; width: 0.2em; margin-top: -1.75em;}
.aboutConBottom .t{ font-size: 4.2em;}
.aboutConBottom .i{ font-size: 1.2em;}
.aboutConBottom .p{ font-size: 0.9em;}

.honors{ padding-top: 10em;}
.honorsTitb .t{ width: 35em;}
.honorsTitb .c{ font-size: 1.2em;}
.honorsFr{ top: 12em;}


/*  */
.philosophyList ul{margin: 0 -1em;}
.philosophyList .pd{margin: 0 1em;padding: 2em;border-radius: 1em;}
.philosophyList .t i{font-size: 2.7em;}
.philosophyList .t strong{font-size: 1.7em;}
.philosophyList .c{font-size: 1em;}
.philosophyList li:nth-child(1) .t{margin-right: 4em;}
.philosophyList li:nth-child(2) .t{margin-bottom: 2em;}
.philosophyList li:nth-child(3) .t{margin-bottom: 2.5em;}
/*  */
.contactMain2{padding: 4em 0 8em 0;}
.contactMain2_1{margin-bottom: 25em;}
.cultureFr{width: 41.5em;}
.cultureFr .t{font-size: 2.2em;}
.cultureFr .c{font-size: 1em;}
.contactMain2_2{margin: 0 -5.6em;}
.honors .img{width: 70em;}
.honorsFl{ width: 70em;}
.honorsFr{right: 5.6em;}
.honorsTit{margin-bottom: 4.5em;width: 28em;}
.honorsTit strong{font-size: 3.6em;}
.honorsCon{margin-bottom: 1.5em;}
.honorsCon .pd{width: 15em;}
.honorsCon .t{font-size: 4.2em;}
.honorsCon .c{padding-top: 0.5em;}
.honorsCon .i{font-size: 1.3em;}
.honorsCon .p{font-size: 1em;}
.honorsBottom .pd{width: 15em;}
/*  */
.contactMain3{padding: 4.5em 0 3em 0;}
.contactMain3:after{top: -22em;}
.contactMain3_1{margin-bottom: 5em;}
.contactTit{font-size: 1.5em;}
.contactCon ul{margin: 0 -1em;}
.contactCon .pd{margin: 0 1em;padding: 0.8em;border-radius: 0.8em;}
.contactCon .i{font-size: 3.6em;}
.contactCon .t{font-size: 1em;}
.msgFl{width: 50%;width: 32em;}
.msgFl .pd{border: 0.05em solid #F0F6FF;padding: 1.6em;border-radius: 16em;}
.msgFl .img1{border-radius: 14.4em;}
.msgFl .img2{right: -3.5em;top: 3.9em;width: 11.7em;}
.msgFl .img3{left: -1.5em;bottom: 4.4em;width: 18.9em;}
.msgFr .wpd{margin-right: -5.6em;padding-right: 5.6em;border-radius: 2.5em 0 0 2.5em;}
.msgFr .npd{padding: 3.5em 6.5em;}
.msgForm li{border-bottom: 0.05em solid #FFFFFF;}
.msgForm .t{font-size: 1.3em;}
.msgForm li.w100{padding: 2em 0;}
.ipt_t3{height: 2.8em;font-size: 1em;}
.ipt_text3{height: 4.3em;font-size: 1em;height: 9.5em;border-radius: 1em;}
.ipt_b3{height: 2.8em;width: 19.6em;font-size: 1.5em;border-radius: 1.4em;}
.ipt_b3:hover{transform: translateY(-0.25em);}
/* 内页PC结束 */


@media screen and (min-width:1025px){

/* 行业效果 */
.industry{ height: 2844px; height: 144em;}
.industry li{ overflow: hidden; height: 24em;}
.industry .wpd{ height: 24em;}
.industry .c{ height:20.8em ;}
.industry_fixed{ position: sticky; left: 0; top: 3em; right: 0;}
}
@media screen and (max-width:1024px){
/* 内页 */
.pNavList .pd{ font-size: 1em;}
.proTypeBanner .h3{ font-size: 3em;}
.proList li{ width: 33.3333%;}
.proTypeBanner .npd{ width: auto; margin-right: 270px;}
.proList .h3{ font-size: 16px;}
.proList .em{ font-size: 14px;}
.proList .p{ font-size: 12px;}

.proHeadFl{ width: 300px; height: 100%;}
.proHeadFl .swiperDots{ bottom: 0;}
.proHeadFr .h3{ font-size: 2em;}
.proHeadFr .em{ font-size: 1.25em;}
.proHeadFr .p{ margin-bottom: 2em;}
.proParamList ul{ display: block;}
.proParamList li{ width: auto;}
.proParamTit{ margin-bottom: 2em;}
.proParamTit strong{ font-size: 2em;}

.sProFr{ width: 180px; padding: 10px; border-radius: 6px 0 0 6px;}
.pTypeD_marks .p span,
.pTypeC_marks .p span{ font-size: 10px;}
.pTypeTit strong{ font-size: 1.25em;}
.pTypeCon{ margin: 0 10px;}
.pTypeC_bar span,
.pTypeC_bar{ height: 12px;}
.pTypeC_marks .p{ width: 12px; height: 12px; border-radius: 6px; margin: -6px 0 0 -6px;}

.pTypeD_bar span,
.pTypeD_bar{ height: 12px;}
.pTypeD_marks .p{ width: 12px; height: 12px; border-radius: 6px; margin: -6px 0 0 -6px;}

.nBanner_industry{ padding-bottom: 6em;}
.visual li img{ height: 10em;}
.industry .c .img{ width: 40%; margin-right: 40px;}
.industry .c .img img{ aspect-ratio: 640/400;}
.industry .c .h3{ margin-bottom: 1em;}
.industry .c .h3 span{ font-size: 1.5em;}
.industry .c .h3 strong{ font-size: 1.5em;}
.industry .c .h3 .i{ margin-top: -1em;}
.industry .c .h3 .i .more2{ font-size: 0.4em;}

.newsListHead{ margin-bottom: 60px;}
.newsListHead .wpd{align-items: center;}
.newsListHeadFl{ width: 50%;}
.newsListHeadFr li{ padding: 1em 0;}
.newsListHeadFr .h3{ font-size: 16px;}
.newsListHeadFr .em{ font-size: 10px;}
.newsListHeadFl .h3{ font-size: 16px;}
.newsListHeadFl .em{ font-size: 10px;}
.newsList .img{ width: 300px; margin-left: 40px;}
.newsList .h3{ font-size: 16px; margin: 0 0 15px 0;}
.newsList .em{ position: static;}

.newsInfo{ margin: 0;}
.newsInfoCon{ padding: 1em; border-radius: 6px;}
.newsInfoLine{ margin: 0 1em;margin-bottom: 3em;}
.newsInfoPgae{ margin: 0 1em;}

/* .aboutHead{ display: block;}
.aboutHeadFr{ width: auto; padding: 0; margin:  0 0 40px 0;} */

.about{ padding: 2em;}
.aboutHead{ margin-bottom: 40px;}
.aboutHeadFr{ padding: 0px; margin-left: 40px;}
.aboutHeadFr .img2{ display: none;}
.aboutHeadFl .em{}
.aboutHeadFl .t{ margin-bottom: 40px;}
.aboutConFr{ margin-left: 40px;}
.honorsFl{ width: auto; margin-right: 320px;}
.philosophyList ul{ display: block;}
.philosophyList li{ width:auto !important; margin-bottom: 20px;}
.philosophyList li:nth-child(1) .pd{ display: block;}
.philosophyList li:nth-child(1) .t{ margin-right: 0; justify-content: space-between;flex-direction:row;}
.msgFl{ width: 40%;}
.msgFl .img1{ border-radius: 12px;}
.msgFl .img2{ font-size: 10px;}
.msgFl .img3{ font-size: 10px;}
.msgFr .wpd{ margin: 0px; padding: 0px; border-radius: 12px;}
.msgFr .npd{ padding: 2em;}
.ipt_b3{ width: 100%;}
/* 行业效果 */
.industry .t{ padding: 0 30px;}
.industry .c{ padding: 0 30px;}
.industry .c{ display: none;}
.pTypeC_btn,
.pTypeD_btn{  user-select: none; cursor: grab;}


.contactMain2_1{ margin-bottom: 10em;}
}
@media screen and (max-width:980px){
/* 内页 */
.nBanner_products .h3 strong{ font-size: 2.5em;}
.pNavList ul{ flex-wrap: wrap;}
.pNavList li{ width: 33.3333%; border-bottom: 1px solid #F0F6FF;}
.pNavList .pd{ padding: 0 0.5em;}
.proTypeBanner .npd{ margin-right: 100px;}
.proTypeBanner .img{ right: -8em; font-size: 10px;}
.proTypeBanner .h3{ font-size: 2em;}
.proList ul{ margin: 0 -3px;}
.proList li{ width: 50%; margin-bottom: 10px;}
.proList .pd{ margin: 0 3px;}
.proList .text{ padding: 5px 10px;}
.pSelectTab i{ font-size: 0.75em;}
.pSelectTab strong{ font-size: 1em;}
.pSelectTab span{ font-size: 1em;}

.nBanner_industry .wpd{ margin: 0;}
.nBanner_industry .img{ border-radius: 0;}
.nBanner_industry .img img{ aspect-ratio: 640/320; object-fit: cover;}
.nBanner_industry .text{ display: flex; justify-content: center; align-items: center;}
.nBanner_industry .text .wp{ padding-top: 0;}
.nBanner_industry .h3 strong{ font-size: 3em; margin-bottom: 0.2em;}
.nBanner_industry .em em{ font-size: 1em; height: 2em; line-height: 2em;}

.aboutHead{ display: block;}
.aboutHeadFr{ width: auto; margin: 0 0 40px 0;}
.aboutHeadFl .t i{ font-size: 2em;}
.aboutHeadFl .em{ width: auto;}
.aboutHeadFl .em:before, .aboutHeadFl .em:after{ display: none;}
.aboutHeadFl .em .pd{ padding: 0px;}
.aboutCon{ display: block; margin-bottom: 30px; padding: 0;}
.aboutConFl{ padding: 0px; margin: 0 0 40px 0;}
.aboutConFr{ width: auto; margin: 0px;}

.culture{ display: block;}
.cultureFr{ width:auto;}

.contactMain2{}
.contactMain2_1{ margin-bottom: 80px;}
.honorsTit{ width: auto; text-align: left; margin: 0 0 40px 0;}
.contactMain2_2{ margin: 0;}
.honorsCon{ justify-content: flex-start;}
.honorsCon .pd{ width: auto;}
.honorsBottom{ justify-content: flex-start;}
.honorsBottom .pd{ width: auto;}
.honorsFl{ margin: 0;}
.honorsFr{ position: relative; right:auto; top: auto; margin-bottom: 30px;}
.msg{ display: block;}
.msgFl{ width: auto; margin-bottom: 40px;}
.msgFl .pd{ padding: 0;}
.msgFl .img2{ right:10px;}
.msgFl .img3{ left: 10px;}
.msgFl .img1 img{ aspect-ratio: 640/400; object-position: top center;}
.msgFr{ width: auto;}

.aboutConBottom li:before{ display: none;}
.honorsTitb{ position: relative; left: auto; top: auto;}
.honorsTitb .t{ width: auto;}
.honorsTitb .pd{ display: block;}
.honors{ padding-top: 2em;}


}
@media screen and (max-width:720px){
/* 内页 */
.proHead .wpd{ display: block;}
.proHeadFl{ width:auto; margin-right: 0;}
.proBtn{ position: static; padding: 50px 0; margin: 0 30px;}
.proParamList li{ margin-bottom: 10px;}
.proParamList .t{ width: auto; margin: 0;}
.proParamList .pd{ display: block;}
.cartMsg{ left: 0; top:0; margin: 0; transform: none; width: auto; right: 0; bottom: 0; background: #F0F6FF;}
.cartMsgClose{ right: 10px; top: 10px; color: #083691; left: auto; bottom: auto;}
/* .pSelectTab ul{ display: block;}
.pSelectTab li{ width: 100%;}
.pSelectTab .pd{ border-radius: 0;} */
.pSelectTab .pd{ flex-direction: column; height: auto; line-height: 1; padding: 1em; height: 100%; box-sizing: border-box;}
.pSelectTab i{ position: relative; top: auto; left: auto; margin: 0 auto 10px auto;}
.proType{ height: auto; min-height: 8em; padding: 4em 6vw;}
.proType ul{ flex-wrap: wrap; margin: 0 10px;}
.proType li{ margin: 0 0 30px 0;}
.proType .pd{ margin: 0 10px;}
.proType .i{ width: 4em; height: 4em;}

.sProFl{ padding: 1em;}
.sProFl .proList li{ width: 100%;}
.proLabel .pd{height: auto; line-height: 1.2; padding: 5px;}
.pSelectTab span{ display: block; margin:5px 0 0 0; padding: 0;}
.pSelectTab span:before{ display: none;}

.fpage{ font-size: 0.5em;}
.industry .c .pd{ display: block;}
.industry .c .img{ width: auto; margin-right: 0;}
.industry .c .img img{aspect-ratio: 1024/442;}
.nBanner_industry .h3 strong{ font-size: 1.5em;}

.newsListHead .wpd{ display: block;}
.newsListHeadFl{ width: auto; margin: 0 0 30px 0;}
.newsListHeadFl .text{ left: 20px; bottom: 20px; right: 20px;}
.newsList .img{ width: 160px; margin-left: 15px;}
.newsList .img img{ height: 100%; object-fit: cover;}
.newsList .text{ padding: 0;}
.newsList .h3{ text-align: justify; word-break: break-all;}

.newsInfoHead h1{ font-size: 1.5em;}
.newsInfoHead .em span{ margin-right: 1em;}
.newsInfoLine{ margin: 0 0 2em 0;}
.newsInfoPgae{ margin: 0; border-radius: 6px;}
.newsInfoPgae:before{ height: 1px; width: auto; left: 0; right: 0; bottom:auto; top: 50%;}
.newsInfoPgae ul{ display: block;}
.newsInfoPgae li{ width: auto;}
}
@media screen and (max-width:640px){
/* 内页 */
.about{ padding: 1em; border-radius: 1em;}
.aboutHeadFl .t{ margin-bottom: 1em;}
.aboutHeadFl .t em{ font-size: 1em;}
.aboutHeadFl .em{ font-size: 1.25em;}
.aboutHeadFl .em br{ display: none;}

.culture{ padding-top: 200px;}
.contactCon ul{ display: block;}
.contactCon li{ width:auto; margin-bottom: 15px;}
.contactCon li:last-child{ margin-bottom: 0px;}
.msgFl .img2{ top: 10px;}
.msgFl .img3{ bottom: 10px;}
.msgForm .pd{ display: block;}
.msgForm .t{ width: auto; height: auto; line-height: 1; margin-bottom: 10px; font-size: 1em;}
.ipt_t3{ background: #fff; height: 40px;}
.msgForm li{ margin-bottom: 20px;}
.msgForm li.w100{ padding: 20px 0;}

.aboutConBottom .pd{ position: relative;}
.aboutConBottom .t{ font-size: 2.5em;}
.aboutConBottom .p{ position: absolute ; left: 0; top: 100%;}
.honorsTitb .h3{ width: auto;}
}
@media screen and (max-width:480px){
/* 内页 */
.proType li{ width: 33.3333%;}
.nBanner_industry{ padding-bottom: 4em;}
.visual li img{ height: 6em;}

.industry .t{ padding: 0 6vw;}
.industry .c{ padding: 0 6vw;}
.proBtn{ margin: 0 6vw;}
}
@media screen and (max-width:413px){
/* 内页 */

}
@media screen and (max-width:374px){
/* 内页 */

}


.proInfoMain3{ padding: 70px 0;}

.ipt_t4{ height: 2.8em; width: 100%; box-sizing: border-box; background: #F0F6FF; color: #083691; padding: 0 1.5em; border: none; border-radius: 0.3em; transition: box-shadow 0.3s ease; font-size: 1em;}
.ipt_t4:focus{ outline:none; box-shadow: 0 0 0.5em rgba(8,54,145,1);}
.ipt_b4{ height: 1.454545454545455em; width: 6em; text-align: center; font-size: 2.2em; border: none; border-radius: 0.3181818181818182em; color: #fff; background: #083691; transition: 0.3s all;}
.ipt_b4:hover{ transform: translateY(-5px); background: #00B2E3;}

.pFormList{ }
.pFormList ul{  display: flex; flex-wrap: wrap; margin: 0 -10px;}
.pFormList li{ margin-bottom: 30px;  width: 100%;}
.pFormList li.w33{}
.pFormList li.w33 .t{ margin-right: 66.6666%;}
.pFormList .pd{ margin: 0 10px;}
.pFormList .t{ border-bottom: 1px solid #00B2E3; padding-bottom: 16px; margin-bottom: 16px; display: flex; align-items: center; line-height:1;}
.pFormList .t i{ font-size: 24px; color: #00B2E3; text-align: center; margin-right: 0.5em;}
.pFormList .t strong{ display: block; color: #000;}
.pFormList .c{}

.msgTitB{ font-size: 2em; line-height: 1.2; padding-top: 2em;}

.danxuan{ display: flex;/*  flex-direction: column; */ flex-wrap: wrap; gap: 20px;}
.danxuan label{  cursor: pointer; display: flex; align-items: center;/*  width: 33.3333%; margin-bottom: 5px; */}
.danxuan input{ display: block;}
.danxuan span{ display: block; margin-left: 0.5em; font-size: 1em;}
.danxuan i{ color: #00B2E3; margin-right: 0.5em;}


.proHeadFr .m{ padding-top: 32px; display: flex;}
.proHeadFr .m a{ display: flex; background: #083691; border-radius: 35px; height: 70px; min-width: 8em; color: #fff; align-items: center; padding: 0 40px; transition: 0.3s all;}
.proHeadFr .m i{ line-height: 1; margin-right: 0.6em; font-size: 40px;}
.proHeadFr .m span{ line-height: 1; font-size: 18px;}
.proHeadFr .m a:hover{ transform: translateY(-5px); background: #00B2E3;}

.dingwei{position: relative;}
.dingwei a{ position: absolute; top: -150px;}

.proList .m{ display: flex; padding-bottom: 20px; position: absolute; right: 32px; top: 20px;}
.proList .m a{ background: #083691; color: #fff; font-size: 1em; height: 2em; padding: 0 1em; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 1em;}
.proList .m a:hover{ background: #00B2E3; color: #fff;}


/* 新增适配 */
.proHeadFr .m{ padding-top: 1.6em;}
.proHeadFr .m a{border-radius: 1.75em;height: 3.5em;padding: 0 2em;}
.proHeadFr .m i{font-size: 2em;}
.proHeadFr .m span{font-size: 0.9em; }
.dingwei a{ top: -7.5em;}
.proList .m{ right: 1.6em; top: 1em;}


@media screen and (max-width:720px){
.proParamList table{ font-size: 10px; height: auto !important;}
.proParamList tr{ height: auto !important;}
.proParamList td{ padding: 0.25em; min-width: 2em;word-wrap: break-word; box-sizing: border-box; height: auto !important;}
.pFormList li.w33{ width: 100%;}
.pFormList li.w33 .t{ margin-right: 0;}
}