@charset "utf-8";

body{ overflow-x:hidden;}

body{ color:#54565A; height:auto; box-sizing:border-box; font-size:16px; line-height: 1.4; padding-top: 136px;}

.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:#54565A; text-decoration:none;}

a:hover{ text-decoration:none; color:#1063b2;}

i,em{ font-style:normal;}



.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: 0px; top: 0px; right: 0px; bottom: 0px; 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: #1063b2; background: #fff; border-radius: 50%; text-align: center; transform: translateX(-50%);}



/*淡入 向上 循环*/

.FmovefadeInDown,

.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}

@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}

.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}

@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}

.Frotation360{animation:Frotation360 2s linear infinite;}

@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}

.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}

@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}

.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}

@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}







.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}

.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}

.menu-link:hover,

.menu-link:focus {}

.menu-link span {position: relative;display: block;margin-top:12px;}

.menu-link span,

.menu-link span:before,

.menu-link span:after {background-color: #000;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}

.menu-link span{transition:none;}

.menu-link span:before,

.menu-link span:after {position: absolute;top: -8px;content: " ";}

.menu-link span:after {top:8px;}

/*.menu-link.active{ background:#1063b2; border-radius: 50%;}*/

.menu-link.active span {background: transparent;}

.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}

.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}

.menu-link.active em{ display:none;}



.wp{ position: relative; width: 1280px; margin: 0 auto;}



.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; border-bottom:1px solid #D9D8D6; position: fixed; padding: 48px 0 0 0; background: #fff;}

.header:before{ content: ''; position:absolute; left: 0px; top: 0px; right: 0px; height: 48px; background: #F8f8f8;}



.logo{ position:absolute; left:0px; top:50%; transform:translateY(-50%);font-size:32px; line-height: 1;}

.logo img{ height:auto; width:100px; display: block;}





.tNav{ position: absolute; top: -48px; right: 0px; padding: 0;}

.tNav .i{ display: none; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; font-size:16px; color: #54565A; text-align: center;}

.tNav.active .i:before{ content:"\e80c";}

.tNav ul{ display: flex;}

.tNav li{ position: relative;}

.tNav .t{}

.tNav .t a{ font-size: 16px; height: 48px; line-height: 48px; text-transform: uppercase;font-weight: bold;}

.tNav .t a span{}

.tNav .t a i{ margin-left: 0.2em}

.tNav .c{ display: none; position: absolute; top: 100%; z-index: 2; left: 50%; margin-left: -70px; width: 140px; padding-top: 5px;}

.tNav .pd{ box-shadow: 0px 2px 5px #adb5bd;background-color: #fafafa;padding: 3px 10px; border-radius: 15px; text-align: center;}

.tNav .c a{ margin: 0 0.5em; position: relative;}

.tNav .c a:before{ content: ''; position: absolute; top: 50%; right: -0.5em; height: 12px; margin-top: -6px; width: 1px; background: rgba(84,86,90,0.75);}

.tNav .c a:last-child:before{ display: none;}

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



.tSearch{position: absolute; right: -6px; top: 50%; margin-top: -16px; z-index: 2;}

.tSearch .i{ display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; font-size:16px; color: #54565A; text-align: center; cursor: pointer;}

.tSearch .i:after{ content: ''; width: 1px; height: 16px; position: absolute; right: 40px; top: 50%; margin-top: -8px; background: rgba(84,86,90,0.75);}

.tSearch.active .i:before{ content:"\e80c";}

.tSearch .box{width: 320px; position: absolute; right: 0px; top: 44px; display: none;}

.tSearch .pd{ position: relative;}

.tSearch .t{ }

.tSearch .c{ }

.ipt_t1{ background:#fff; border:1px solid #ccc; color:#1063b2; box-shadow: 0 0 3px rgba(0,0,0,0.3); width:100%; padding:0 15px; border-radius:6px !important; font-size:14px; height:32px; box-sizing:border-box; display:block; padding: 0 52px 0 15px;}

.ipt_t1:focus{box-shadow:0 0 10px rgba(16,99,178,1);border:1px solid #1063b2;}

.ipt_b1{ width:32px; text-align:center; font-size:16px; height:32px; color:#54565A; background:none; border:none;  box-sizing: border-box; padding: 0px; position: absolute; right: 0px; top: 50%; margin-top: -16px;}

.ipt_b1:after{ content: ''; width: 1px; height: 16px; position: absolute; right: 40px; top: 50%; margin-top: -8px; background: rgba(84,86,90,0.75);}



.header{ transition: 0.3s all;}

.body_fix .menu{ padding: 12px 0;}

.body_fix .header{ top: -48px; padding-bottom: 0px;}

.body_fix .tSearch .box{ top: 56px;}





.proSearch{}

.proSearch .tSearch{ position: static; right: auto; top: auto; margin: 0px;}

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





.menu{ text-align: right; margin: 0 48px 0 150px; padding: 20px 0; position: relative;}

.menu:before{ display: none; content: ''; width: 1px; height: 16px; position: absolute; right: -2px; top: 50%; margin-top: -8px; background: rgba(84,86,90,0.75);}

.menu ul{ display: inline-block; vertical-align: bottom; position: relative;}

.menu li{ float: left; position: relative; margin: 0 5px;}

.menu .h3{ position: relative;}

.menu .h3 a{ display: block; color: #54565A; height:48px; line-height: 48px; font-size: 16px; position: relative; padding: 0 10px; text-transform: uppercase;}

.menu .h3 a:before{ content: ''; position: absolute; height: 1px; left: 0px; right: 0px; background:#f7b614; background-size: 100% auto; bottom: -2px; opacity: 0; transition: 0.3s all;}

.menu .h3 strong{ font-weight: bold;}

.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: 280px; margin-left: -140px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;  padding:10px 0 0 0;}

.menu .box .npd{background: #FAFAFA; border-radius: 15px; box-shadow: 0px 2px 5px #adb5bd; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 10px 0;}

.menu .box a{ font-size: 14px; line-height: 1.2; display: block; text-align: left; color:#54565A; width: 100%; padding: 10px 15px; box-sizing: border-box; position: relative; overflow: hidden;}

.menu .box a:before{ content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 6px; background: #edb943; opacity: 0; transition: 0.3s all;}

.menu .box a:hover{ color:#edb943;}

.menu .box a:hover:before{ opacity: 1;}

.menu li:hover .h3 a{ color:#54565A; background-color: #fafafa;}

.menu li:hover .h3 a:before,

.menu li.curr .h3 a:before{ opacity: 1;}

.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}













.iBanner{ position: relative; z-index: 4; overflow: hidden;}

.iBanner:before{ content: ''; position: absolute; bottom: 0px; border-radius: 50%;height: 60px;transform: translate(0,50%);background: #f7b614;left: -3%;right: -3%; z-index: 2; display: none;}

.iBanner .swiperDots{ display:none; bottom:40px;}

.iBanner .pd{ display: block; background: #fff;}

.iBanner .img{ width: 50%;}

.iBanner .img img{ height:450px; width:50vw; object-fit: cover; object-position: bottom center; float: right;}

.iBanner .text{ position: absolute; left: 50%; top: 0px; right: 0px; bottom: 0px; color: #54595F; display: flex; justify-content: center; align-items: center;}

.iBanner .npd{ padding: 0 0 0 75px;}

.iBanner .text .h3{ font-size:35px; line-height: 1.2; margin-bottom: 5px;}

.iBanner .text .em{ font-size: 18px; margin-bottom: 1em;}

.iBanner .text .em strong{ font-weight: normal; color: #1063b2; line-height: 1.5; margin-bottom: 1em;}

.iBanner .text .p{ margin-bottom: 20px;}

.iBanner .text .m{}





.iBanner .swiperArrow{ display: block;}

.iBanner .swiperPrev{ }

.iBanner .swiperNext{ right: 50%; margin-right: 50px;}

.iBanner .swiperDots{ display: block; right: 50%;}



.iBannerB{ position: relative; z-index: 4; overflow: hidden;}

.iBannerB:before{ content: ''; position: absolute; bottom: 0px; border-radius: 50%;height: 60px;transform: translate(0,50%);background: #f7b614;left: -3%;right: -3%; z-index: 2; display: none;}

.iBannerB .swiperDots{ display:none; bottom:40px;}

.iBannerB .pd{ display: block; background: #fff;}

.iBannerB .img{ width: 100%; position: relative; overflow: hidden;}

/*.iBannerB .img:before{ content: ''; position:absolute; left: 0; top: 0; right: 30%; bottom: 0; background-image: linear-gradient(to right,rgba(16,99,178,1),rgba(16,99,178,0));}*/

.iBannerB .img:before{ content: ''; position:absolute; left: 0; top: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.3);}

.iBannerB .img img{ height:calc(100vh - 136px); width:100%; object-fit: cover;}

.iBannerB .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 10%; color: #fff; display: flex; align-items: center;}

.iBannerB .npd{ padding: 0;}

.iBannerB .text .h3{ text-shadow: 1px 1px 0px #000; font-size:48px; line-height: 1.2; margin-bottom: 1em; max-width: 70%; font-weight: bold;}

.iBannerB .text .em{ font-size: 18px; margin-bottom: 1em;}

.iBannerB .text .em strong{ font-weight: normal; color: #1063b2; line-height: 1.5; margin-bottom: 1em;}

.iBannerB .text .p{ margin-bottom: 20px;}

.iBannerB .text .m{}

.iBannerB .swiperArrow{ display: block;}

.iBannerB .swiperDots{ display: block;}



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

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



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

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

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







.pageNext{ position: absolute; top: 140px; right: 7.8125%; cursor: pointer; z-index: 3;}

.pageNext a{ display: block; color: #fff;}

.pageNext i{ display: block; height: 2em; width: 2em; line-height: 2em; margin: 0 auto; border: 1px solid #fff; font-size: 16px; color: #fff; border-radius: 50%; text-align: center;}

.pageNext span{ display: block; line-height: 1; padding-top: 0.5em; font-size: 14px;}

.pageNext a:hover i{ background: #1063b2; color: #fff; border-color: #1063b2;}



.more1{ letter-spacing: 1.3px; color: #54565A; font-size: 14px; letter-spacing: 1.3px; color: #54565A; text-transform: uppercase; padding: 8px 25px; transition: .2s background ease-in, .2s color ease-in;border-radius: 24px; display: inline-block;font-weight: bold; background:transparent; border: 2px solid #edb943;}

.more1:hover{ background: #edb943; color: #fff;}

.more1_2{ color: #fff; border-color: #fff;}

.more1_2:hover{ background: #edb943; border-color: #edb943; color: #fff;}



.more2{ font-size: 14px; letter-spacing: 1.3px; color: #fff; letter-spacing: 1.3px; text-transform: uppercase; padding: 8px 25px; transition: .2s background ease-in, .2s color ease-in;border-radius: 24px; display: inline-block;font-weight: bold; background:#edb943; font-weight: 600;}

.more2:hover{ background: #1063b2; color: #fff;}





.tit1{ }

.tit1 strong{}

.tit1 em{}

.tit1 a{}







.iMain{ background:no-repeat center center; background-size:cover; padding: 60px 0; position: relative; overflow: hidden;}

.iMain1{}

.iMain1:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(16, 99, 178, 0.5);}

.iAbout{ color: #fff;}

.iAbout .text{ text-align: center; padding: 0 30px;}

.iAbout .h2{ font-size: 18px; font-weight: 600; line-height: 1.5; margin-bottom: 5px;}

.iAbout .h3{ font-size: 32px; line-height: 1.2; margin-bottom: 20px;}

.iAbout .h3 strong{ font-weight: bold;}

.iAbout .p{ margin-bottom: 0px;}



.iMain2{ background: #f5f5f5;}

.iMain2_1{}

.iPro{ display: flex; position: relative;}

.iProTab{ padding-left: 16px; width: 30%; box-sizing: border-box;}

.iProTab .t{ margin-bottom: 20px;}

.iProTab .t strong{ font-size: 28px; line-height: 1.2; font-weight: bold; color: #1063b2;}

.iProTab .t p{ display: none;}

.iProTab .c{ position: relative;}



.proList{ position: relative; height: 142px; overflow-y: auto;}

.proList:before{ content: ''; position: absolute; left: 10px; width: 2px; background: #D9D8D6; top: 0px; bottom: 0px;}

.proList li{ padding-left: 30px; margin-bottom: 8px; position: relative;}

.proList li:last-child{ margin-bottom: 0px;}

.proList li a:before{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: #edb943; border: 2px solid #FBFBFB; position: absolute; left: 6px;

top: 5px; opacity: 0; transition: .25s all; box-sizing: border-box;}

.proList li a{ display: block; height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.proList li.curr a{ font-weight: 600; color: #edb943;}

.proList li.curr a:before{ opacity: 1;}



.proCurr{ padding: 10px 20px; border: 2px solid #D9D8D6;margin-bottom: 30px; border-radius: 25px; position: relative; display: none;}

.proCurr i{ position: absolute; line-height: 1; right: 20px; top: 50%; margin-top: -0.5em;}

.iProM{ position: absolute; left: 0px; bottom: 0px;}





.iProCon{ width: 80%; height: 252px;}

.iProCon .swiper{ height: 100%;}

.iProCon .swiper-wrapper{ height: 100%;}

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

.iProCon .pd{ background: #fff; border-top: 5px solid #1063b2; padding: 30px; position: relative;}

.iProCon .img{ width: atuo; float: left; margin-right:20px;}

.iProCon .img img{/*aspect-ratio: 480/680; object-fit: cover;*/}

.iProCon .text{ margin-left: 132px; padding-left: 20px;}

.iProCon .h3{text-transform: uppercase; letter-spacing: 1.25px; margin-bottom: 5px; font-size: 18px; line-height: 1.4; min-height: 1.4em; color: #1063b2; font-weight: bold;}

.iProCon .em{ color: #333; font-size: 16px; line-height: 1.2em; height: 2.4em; margin-bottom: 1em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}

.iProCon .p{ color: #666; line-height: 1.4em;height:2.8em; margin-bottom: 1em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}

.iProCon .m{}





.iMain3{}

.tit1{ line-height: 1.2; margin-bottom: 30px; position: relative;}

.tit1 strong{font-size: 28px; color: #1063b2; font-weight: bold;}

.more2_2{ position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}

.iApplications{}

.iApplications ul{ display: flex; margin: 0 -15px; flex-wrap: wrap;}

.iApplications li{ width: 25%; margin-bottom: 20px;}

.iApplications .pd{ margin: 0 15px; display: block; background: #f5f5f5; transition: 0.3s all; border-radius: 8px; overflow: hidden;}

.iApplications .img{}

.iApplications .img img{ aspect-ratio: 640/480; object-fit: cover;}

.iApplications .text{ text-align: center; padding: 10px 0;}

.iApplications .h3{ height: 1.5em; line-height: 1.5; overflow: hidden;}

.iApplications .pd:hover{ transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}



.iApplicationsM{ position:absolute; right: 0px;top: 0px;}



.iMain4{ background: #f5f5f5;}

.iMain4_1{}





.iMain5{ position: relative; padding: 0px !important; background: #f5f5f5;}

.iMain5:before{ content: ''; position: absolute; bottom: 0px; border-radius: 50%;height: 60px;transform: translate(0,50%);background: #f7b614;left: -3%;right: -3%; z-index: 2; display: none;}

.iMain5_1{}

.iSustainable .pd{ display: block; }

.iSustainable .img{ width: 100%; overflow: hidden;}

.iSustainable .img img{ height:389px; width:100%; object-fit: cover; object-position: bottom center; float: right;}

.iSustainable .text{ position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; color: #fff; display: flex; align-items: center;}

.iSustainable .npd{ padding: 0;}

.iSustainable .text .h3{ font-size:48px; font-weight: 600; line-height: 1.2; text-shadow: 1px 1px 0px #000; margin-bottom: 20px;}

.iSustainable .text .p{ margin-bottom: 20px;}

.iSustainable .text .m{}







.footer{ color: #54565A; background: #f5f5f5; padding: 40px 0;}

.footer a{color: #54565A;}

.footer a:hover{ color:#000;}





.tit2{ font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}

.fTop{ display: flex; margin: 0 -15px; margin-bottom: 40px; justify-content: space-between;}

.fTop .li{ }

.fTop .pd{ margin: 0 15px;}

.fTop .fLogo{ max-width: 33.3333%;}

.fLogo .img{ font-size: 51px; margin-bottom:10px;}

.fLogo .img img{ height: 1em; width: auto; display: block;}

.fLogo .text{ margin-bottom: 15px;}

.fLogo .h3{ font-weight: bold; line-height: 1.2; margin-bottom: 10px; letter-spacing: 0.2em; font-size: 14px; display: none;}

.fLogo .ewm{ width: 100px;}

.fLogo .ewm img{ width: 100%; height: auto; display: block;}

.fTop .fContact{ max-width: 33.3333%;}

.fContact .p{ line-height: 1.4;}

.fContact .p p{ margin-bottom: 0.4em;}

.fContact .p p:last-child{ margin-bottom: 0px;}

.fFollow{ }

.fFollowList{}

.fNav{ }

.fNavList{}

.fNavList li{ margin-bottom: 10px;}

.fNavList li:last-child{ margin-bottom: 0px;}

.fNavList a{ display: block; line-height: 1.2;}

.fNavList li.curr a{ font-weight: bold;}

.fCon{ margin-bottom: 5px; border-top: 1px solid rgba(0,0,0,0.1); padding-top:15px;}

.fMenu{ text-align: right; font-size: 10px;}

.fMenu ul{ display: inline-block;}

.fMenu li{ display: inline-block; padding: 0 5px; position: relative;}

.fMenu li:before{ content:''; position: absolute; right: -1px; width: 1px; height: 8px; top: 50%; margin-top: -4px; background:rgba(0,0,0,0.1);}

.fMenu li:last-child{ padding-right: 0px;}

.fMenu li:last-child:before{ display: none;}

.fMenu a{ display: block;}

.fBottom{ color:#999; border-top: 1px solid rgba(0,0,0,0.1); padding-top:15px;}

.fCopy{ text-align: right; font-size: 10px;}







/*视频*/

.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}

.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}

.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}

.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}



.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}

.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}

.video_box .img_cut{ background:#000;}

.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}

.video_box i:hover{ background: #802C19;}

.video_box video{ width:100%; height:auto; display:block;}

.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}

.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}

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

.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}

.video_box video{ height:auto;}

}

/*搜索*/

.iMainSearch1{ padding:200px 0 60px 0;}

.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #1063b2; padding-left:14px; margin-bottom:24px;}

.search_tit span{ color:#1063b2; margin-left:0.5em;}

.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}

.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:#1063b2; 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: 20px 0 30px 0; min-height: 20vh;}

.search_list .h3{ font-size:14px;}

}





.backTop{ position: fixed; right: 20px; bottom: 100px; width: 48px; height: 48px; background: #ccf0ff; color: #333; border-radius: 8px; cursor: pointer; text-align: center; line-height: 48px; z-index: 10; font-size: 24px;}

.backTop:hover{ background: #1063b2; color: #fff;}







/*分页*/

.fpage{ text-align:center; padding:30px 0 0 0; font-size:20px;}

.fpage ul{ display:inline-block; vertical-align:bottom;}

.fpage li{ padding:0 0.25em; float:left;}

.fpage .disabled{}

.fpage a{}

.fpage a,

.fpage span{height: 32px;line-height: 30px;display: block;border-radius:3px;color: #fff;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: rgba(255,255,255,0.5); border: 1px solid #d9d9d9; color: #333;}



.fpage .active a,

.fpage .active span{ background:#1063b2; color:#fff; border-color:#1063b2;}



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

.fpage li{ padding: 0 3px;}

.fpage a,

.fpage span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}



}







.pBanner{}

.pBanner .pd{ position: relative;}

.pBanner .img{ overflow: hidden; position: relative;}

.pBanner .img:before{ content: ''; position:absolute; left: 0; top: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.4);}

.pBanner .img img{ height: auto; width: 100%; object-fit: cover;}

.pBanner .text{ position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px;}

.pBanner .text .wp{ height: 100%; display: flex; align-items: center;}

.pBanner .h3{ font-size: 48px; text-shadow: 1px 1px 0px #000; line-height: 1.2; color: #fff; font-weight: bold; margin-bottom: 0.25em;}

.pBanner .p{ font-size: 18px; text-shadow: 1px 1px 0px #000; line-height: 1.2; color: #fff; visibility: hidden; opacity: 0; pointer-events: none; display: none;}

.pBanner .em{ font-size: 18px; text-shadow: 1px 1px 0px #000; line-height: 1.2; color: #fff; position: absolute; left: 0px; bottom: 20px; line-height: 20px;}





.crumbs{ background: #f8f8f8; padding: 15px 0;}

.crumbs .wp{ display: flex; justify-content: flex-end;}

.crumbsList{ font-size: 16px; line-height:20px; display: flex;}

.crumbsList a{ display: block; /*max-width: 10em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/}

.crumbsList em{ display: block; margin: 0 0.5em;}

.crumbsList strong{ font-weight: normal; display:block;/* max-width: 10em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/}



.crumbs_2{ position: absolute; right: 0px; left: 0px; bottom: 5px; text-shadow: 1px 1px 0px #000; background: none; color: #fff;}

.crumbs_2 .wp{ justify-content: flex-end;}

.crumbs_2 .crumbsList a{ color: #fff;}





.nApp{ padding: 30px 0 60px 0;}

.nApp .wp{}

.nApp .nwp{ display: flex; margin: 0 -15px;}

.nAppFl{ width: 25%; box-sizing: border-box; padding:0 15px;}

.nAppCon{ width: 50%; box-sizing: border-box; padding:0 15px;}

.nAppFr{ width: 25%; box-sizing: border-box; padding:0 15px;}



.nApp_b .nAppFl{ display: none;}

.nApp_b .nAppCon{ width: 75%;}



.psticky{ position: sticky; top: 68px;}



.subNav{}

.subNav ul{ border-right: 1px solid #dee2e6;}

.subNav li{ border-bottom: 1px solid #dee2e6;}

.subNav a{ display: block; padding: 10px 10px 10px 20px; font-size: 16px; line-height: 1.4; position: relative;}

.subNav a:before{ content: ''; position: absolute; right: -1px; top: 0px; bottom: -1px; width: 0px; transition: 0.3s width; background: #edb943;}

.subNav a[href="javascript:;"]{ pointer-events: none; cursor: not-allowed;}

/*.subNav li:hover a,*/

.subNav li.curr a{ font-weight: bold;}

/*.subNav li:hover a:before,*/

.subNav li.curr a:before{ width: 10px;}



.infoB{ margin-bottom: 30px; line-height: 1.5; font-size: 16px;}

.infoB img{ max-width: 100%; display: inline-block;}

.infoB p{ margin-bottom: 1em;}

.infoB p:last-child{ margin-bottom: 0em;}

.infoB strong{ color: #1063b2; font-weight: bold;}

.infoB em{ font-style: italic;}

.infoB h3{ font-weight: bold; font-size: 1.25em;}



.tableA table{ border: 1px solid #fff; border-collapse: collapse; width: 100%;}

.tableA td{ border: 1px solid #fff; padding: 0.5em; min-width: 6em; font-size: 14px; background: #e9ecf6;}

.tableA tr:nth-child(even) td{ background: #cfd6ec;}

.tableA tr:first-child td{ background: #4874cb; color: #fff; font-size: 1.125em;}

.tableA a{ font-weight: bold; text-decoration: underline;}



.tableB table{ border: 1px solid #fff; border-collapse: collapse; width: 100%;}

.tableB td{ border: 1px solid #fff; padding: 0.5em; min-width: 6em; font-size: 12px; background: #e9ecf6;}

.tableB td:nth-last-child(3){ background: #cfd6ec; color: #000;}

.tableB tr:first-child td{ background: #4874cb; color: #fff;}



.cultureA{ margin-bottom: 30px;}

.cultureA ul{ display: flex; flex-direction: column; margin: 0 -15px;}

.cultureA li{ width: 100%; margin-bottom: 30px;}

.cultureA li:last-child{ margin-bottom: 0px;}

.cultureA .pd{ display: block; margin: 0 15px;}

.cultureA .img{ font-size: 64px; line-height: 1;}

.cultureA .text{ padding: 10px 0 0 0;}

.cultureA .h3{  padding-bottom: 1em;}

.cultureA .h3 strong{font-size: 18px; font-weight: bold; padding-bottom: 0.25em; position: relative;display: inline-block;}

.cultureA .h3 strong:before{ content: ''; height: 2px; position: absolute; left: 0px; bottom: 0px; right: 0px; background:#edb943;}

.cultureA .p{}



.videoA{}

.videoA video{ width: 100%; height: auto; display: block;}



.rContact{ margin-bottom: 30px;}

.tit3{ font-size: 24px; font-weight:bold; margin-bottom: 10px;}



.more3{ font-size: 14px; letter-spacing: 1.3px; color: #fff; letter-spacing: 1.3px; text-transform: uppercase; padding: 10px 26px; transition: .2s background ease-in, .2s color ease-in;border-radius: 24px; display: inline-block;font-weight: 400; background:#edb943; font-weight: 600;}

.more3:hover{ background: #1063b2; color: #fff;}





.rContactB{ margin-bottom: 30px;}

.rContactB .pd{ display: block;}

.rContactB .img{}

.rContactB .text{ background: #1063b2; padding: 20px; color: #fff; text-align: center; border-radius: 0 0 25px 25px;}

.rContactB .h3{ font-size: 22px; margin-bottom: 1em;}

.rContactB .m{}



.rListA{}

.rListA li{ margin-bottom: 20px;}

.rListA .pd{ display: block; position: relative; padding: 15px; background: #F8F8F8; border-radius: 6px;}

.rListA .img{ width: 65px;position: absolute; left: 15px; top: 15px;}

.rListA .img img{ height: 65px; width: 65px; display: block;}

.rListA .text{ margin-left: 65px; padding-left: 10px;}

.rListA .h3{ font-size: 14px; font-weight: bold; color: #54565A; line-height: 1.4; height: 2.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

.rListA .m{ padding-top: 8px;}

.rListA .m em{ display: inline-block; position: relative; color: #edb943;}

.rListA .m span{ font-size: 12px; font-weight: bold; display: block; line-height: 1.2;}

.rListA .m i{ font-size: 1em; transform: scale(0.75); position: absolute; left: 100%; line-height: 1; top: 50%; margin: -0.45em 0 0 0.5em;}





.tit4{ font-size: 24px; font-weight: bold; line-height: 1.2; margin-bottom: 0.5em;}

.tit4 strong,

.tit4 h1{ font-weight: bold;}

.tit4 h1{ font-size: 1.5em;}

.qualityA{}

.qualityAList{ }

.qualityAList li{ margin-bottom: 10px;}

.qualityAList li:last-child{ margin-bottom: 0px;}

.qualityAList .pd{ position: relative; display: block;}

.qualityAList .img{ width: 200px; float: left;}

.qualityAList .text{ padding:0 0 0 60px; margin: 0 0 0 200px;}

.qualityAList .h3{ font-size: 40px;}

.qualityAList .p{ font-size: 16px; line-height: 1.2;}

.qualityAList .p p{ position: relative;}

.qualityAList .p p:before{ content: ''; position: absolute; top: 5px; left: -15px; width: 6px; height: 6px; background: #54565a; border-radius: 50%;}

.qualityAList li:nth-child(even) .img{ float: right;}

.qualityAList li:nth-child(even) .text{ padding:0 60px 0 0; margin:0 200px 0 0;}







.more3_2{ background: #fff; color: #1063b2;}

.more3_2:hover{ background: #edb943; color: #fff;}



.proListA li{ margin-bottom: 30px;}

.proListA li:last-child{ margin-bottom: 0px;}

.proListA .pd{ background: #f5f5f5; padding: 30px; position: relative; border-radius: 12px;}

.proListA .img{ width: 132px; float: left;}

.proListA .img img{ aspect-ratio: 480/680; object-fit: cover;}

.proListA .text{ margin-left: 132px; padding-left: 20px;}

.proListA .h3{text-transform: uppercase; letter-spacing: 1.25px; margin-bottom: 5px; font-size: 18px; line-height: 1.4em; min-height: 1.4em; color: #1063b2; font-weight: bold; }

.proListA .em{ color: #333; font-size: 16px; line-height: 1.2em; min-height: 1.2em; margin-bottom: 1em; }

.proListA .p{ color: #666; margin-bottom: 20px; line-height: 1.4em; min-height: 1.4em; margin-bottom: 1em;}

.proListA .m{}



.footer-ad{ background: #1063b2; padding: 60px 0; }

.advertisement{}

.advertisement .text{ color: #fff; text-align: center;}

.advertisement .h3{}

.advertisement .h3{ font-size: 32px; line-height: 1.2; margin-bottom: 20px;}

.advertisement .h3 strong{ font-weight: normal;}

.advertisement .m{}



.iApplications_2{}

.iApplications_2 li{ width: 50%;}



.appListA{}

.appListA li{ position: relative; margin-bottom: 0.5em; padding-left: 1em;}

.appListA li:last-child{ margin-bottom: 0px;}

.appListA li:before{ content: ''; position: absolute; top: 5px; left: 0px; width: 6px; height: 6px; background: #54565a; border-radius: 50%;}



.sustainabilityA{}

.sustainabilityA ul{ margin: 0 -15px; display:flex;}

.sustainabilityA li{ width: 33.3333%;}

.sustainabilityA .pd{ margin: 0 15px;}

.sustainabilityA .img{ width: 72px; margin: 0 auto 20px auto;}

.sustainabilityA .img img{ border-radius: 50%;}

.sustainabilityA .text{ text-align: center;}





.newsA{}

.newsA ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}

.newsA li{ width: 25%; margin-bottom: 20px;}

.newsA .pd{ display: block; margin: 0 10px; transition: 0.6s;}

.newsA .img{ margin-bottom: 10px;}

.newsA .img img{ border-radius: 12px; aspect-ratio: 640/426; object-fit: cover;}

.newsA .text{}

.newsA .h3{ font-size:16px; line-height: 1.4; font-weight: bold; color: #000; height: 1.4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.newsA .em{ font-size: 12px; line-height: 1.2; color: #999; margin-bottom: 5px;}

.newsA .p{ font-size: 14px; line-height: 1.4; color: #666; height: 2.8em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

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

.newsA .pd:hover .h3{ color: #1063b2;}

.newsA_1 li{ width: 25%;}

.newsA_2 li{ width: 50%;}



.newsHead{ display: flex; justify-content: space-between; margin-bottom:30px;}

.newsSearch{ width: 100%;}

.newsSearch .pd{ display: block; position: relative;}

.newsSelect{ width: 30%;}



.ipt_t2{ background:#fff; border:1px solid #ccc; color:#1063b2; width:100%; border-radius:6px !important; font-size:16px; height:42px; box-sizing:border-box; display:block; padding: 0 52px 0 15px;}

.ipt_b2{ width:32px; text-align:center; font-size:16px; height:32px; color:#54565A; background:none; border:none;  box-sizing: border-box; padding: 0px; position: absolute; right: 0px; top: 50%; margin-top: -16px;}

.ipt_s2{ background:#fff; border:1px solid #ccc; color:#1063b2; width:100%; padding:0 15px; border-radius:6px !important; font-size:16px; height:42px; box-sizing:border-box; display:block;}



.ipt_t2:focus,

.ipt_s2:focus{box-shadow:0 0 10px rgba(16,99,178,1);border:1px solid #1063b2;}





.infoA{}

.infoAbox{ padding: 20px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 10px;}

.infoAtit{ text-align: center; margin-bottom: 36px; }

.infoAtit h1{ font-size: 1.5em; line-height: 1.2; font-weight: bold;}

.infoAtit p{ padding-top: 1em; color: #666;}

.infoAcon{ }

.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline;}

.infoAcon strong{ }

.infoAbtn{ position: relative;}

.infoAbtnList{}

.infoAbtnList ul{ margin-right: -120px;}

.infoAbtnList li{ width: 50%; float: left;}

.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; position: relative; padding: 0 15px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}

.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #2662a7; font-weight: bold;}

.infoAbtnList .pd a{ color: #666; display: block; padding-left: 2.75em; height: 48px; line-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.infoAbtnList .pd:hover{ background: #2662a7; color: #fff;}

.infoAbtnList .pd:hover i,

.infoAbtnList .pd:hover span,

.infoAbtnList .pd:hover a{ color: #fff;}

.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}

.infoAbtnM{ position: absolute; left: 50%; top: 0px; width: 100px; text-align: center; margin-left: -50px;}

.infoAbtnM a{ color: #2662a7; font-weight: bold; display: block; height: 48px; line-height: 48px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}

.infoAbtnM a:hover{ background: #2662a7; color: #fff;}







.msg{font-size:14px;}

.msg .npd{margin-right:-10px}

.msg dl{margin-bottom:2em;width:100%;float:left;padding-right:10px;box-sizing:border-box}

.msg dl.w50{width:50%}

.msg em{color:#F00}

.msg dt{line-height:1;margin-bottom:10px}

.msg dt span{color:#edb943;font-weight:bold}

.msg dd{}

.msg .p1{ margin-bottom: 1em; color: #999;}

.ipt_list1 ul{margin:0 -5px; display: flex; flex-wrap: wrap;}

.ipt_list1 li{width:25%;margin-bottom:10px;}

.ipt_list1 .npd{display:block;cursor:pointer;background:#f6f9fe;border:1px solid #f6f9fe;border-radius:8px; margin: 0 5px;}

.ipt_list1 .npd span{display:block;text-align:center;height:40px;line-height:40px}

.ipt_list1 li:hover .npd{border:1px solid #1063b2}

.ipt_list1 li.curr .npd{background:#1063b2;color:#fff;border:1px solid #1063b2}

.ipt_c3{display:none}

.ipt_r3{display:none}

.ipt_t3{width:100%;height:44px;border:1px solid #ccc;border-radius:8px;padding:0 15px;font-size:1em;box-sizing:border-box;background:#fff}

.ipt_text3{width:100%;height:7.5em;line-height:1.5;border:1px solid #ccc;border-radius:8px;padding:10px 15px;font-size:1em;box-sizing:border-box;background:#fff;max-width:100%;min-width:100%}

.ipt_s3{ background:#fff; border:1px solid #ccc; color:#1063b2; width:100%; padding:0 40px 0 15px; border-radius:6px !important; font-size:16px; height:42px; box-sizing:border-box; display:block;}

.ipt_t3:focus,.ipt_text3:focus,.ipt_s3:focus{box-shadow:0 0 10px rgba(16,99,178,1);border:1px solid #1063b2;}

.ipt_b3{height:60px;line-height:60px;font-size:1.25em;background:#edb943;color:#fff;display:block;box-sizing:border-box;width:100%;border:none;border-radius:8px}





.policy{ margin-bottom: 30px;}

.policyList{}

.policyList ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}

.policyList li{ width: 50%; margin-bottom: 20px;}

.policyList .pd{ margin: 0 10px; padding: 20px; background: #f8f8f8; height: 100%; box-sizing: border-box; border-radius: 12px;}

.policyList .h3{ font-size: 24px; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.5em; position: relative;}

.policyList .h3:before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 2em; background: #edb943;}

.policyList .p{}



.proSeries{ margin-bottom: 30px;}

.proSeriesList{}

.proSeriesList ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}

.proSeriesList li{ width: 100%; margin-bottom: 20px;}

.proSeriesList .pd{ margin: 0 10px; padding: 20px; background: #f8f8f8; height: 100%; box-sizing: border-box; border-radius: 12px;}

.proSeriesList .h3{ font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.5em; position: relative;}

.proSeriesList .h3:before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 2em; background: #edb943;}

.proSeriesList .p{}

.proSeriesList .p p{ padding-left: 12px; position: relative; margin-bottom: 0.5em;}

.proSeriesList .p p:last-child{ margin-bottom: 0;}

.proSeriesList .p p:before{ content: ''; position: absolute; left: 0px; top: 0.5em; border-radius: 50%; width: 6px; height: 6px; background:#54565A;}



.infoC{ background: #cfd6ec; padding: 20px 30px; margin-bottom: 30px; border-radius: 24px;}

.infoC .h3{ font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.5em; position: relative;}

.infoC .h3:before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 2em; background: #edb943;}





.footer-lx{ background: #f5f5f5;}

.footer-lx .npd{ display: flex; justify-content:center; align-items: center; padding: 20px;}

.footer-lx .h3{ font-size: 24px; font-weight: bold; margin-right: 3em;}





.infoD{ background: #edb943; padding: 20px 30px; margin-bottom: 30px; border-radius: 24px; color: #fff;}

.infoD .h3{ font-size: 1.125em;}

.infoD .em{ font-size: 1.5em; margin-bottom: 1em;}

.infoD .em{ font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.5em; position: relative;}

.infoD .em:before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 2em; background: #fff;}

.infoD .p{}



.traitListA li{ margin-bottom: 30px;}

.traitListA li:last-child{ margin-bottom: 0px;}

.traitListA .pd{ background: #f5f5f5; padding: 30px; position: relative; border-radius: 12px;}

.traitListA .img{ width: 132px; float: left;}

.traitListA .img img{ aspect-ratio: 480/680; object-fit: cover;}

.traitListA .text{ margin-left: 132px; padding-left: 20px;}

.traitListA .em{ color: #1063b2; font-size: 16px; line-height: 1.2em; min-height: 1.2em; margin-bottom: 0.25em; }

.traitListA .h3{text-transform: uppercase; letter-spacing: 1.25px; margin-bottom: 1em; font-size: 18px; line-height: 1.4em; min-height: 1.4em; color:#edb943; font-weight: bold; }

.traitListA .p{ color: #666; line-height: 1.4em; min-height: 1.4em;}

.traitListA .p p{ padding-left: 12px; position: relative; margin-bottom: 0.5em;}

.traitListA .p p:last-child{ margin-bottom: 0;}

.traitListA .p p:before{ content: ''; position: absolute; left: 0px; top: 0.5em; border-radius: 50%; width: 4px; height: 4px; background:#54565A;}

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



}

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





}

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

}

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

.wp{ width: 1180px;}

}

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

.wp{ width: 1100px;}

body{ min-width: 1200px;}



}

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

}

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

body{ padding-top:60px; min-width:inherit; font-size: 14px;}

.wp{ margin:0 6%; width: auto;}

.logo{ font-size: 30px;}

.logo .img1{ display: none;}

.logo .img2{ display: block;}



.tLanguage{ left: auto; top: 50%; right:80px; margin-top: -16px; transform: none;}

.tLanguage .i{ display: block;}

.tLanguage .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #1063b2;}

.tLanguage .box a{ color: #1063b2;}



.tNav{ left: auto; top: 50%; right:80px; margin-top: -16px; transform: none;}

.tNav .i{ display: block; color: #000;}

.tNav .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #1063b2;}

.tNav ul{ justify-content: center;}

.tNav .pd{ box-shadow: none; padding: 0px; background: none; border-radius: 0px;}

.tNav .t{ display: none;}

.tNav .c{ display: block; position: relative; top: auto; left: auto; margin: 0px; width: auto; padding: 0px;}



.tSearch{ right: 35px; top: 50%;}

.tSearch .i{ display:block; color: #000;}

.tSearch .i:after{ background: #000; height: 20px; margin-top: -10px; right: 38px;}

.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; box-sizing: border-box; background:#e8eeff; padding:30px 6%; display:none; width: auto; font-size: 24px;}

.ipt_t1{ background: #fff; color: #1063b2;}

.proSearch .tSearch .box{ background: #fff;}



.menu-link{ display: block;}

.menu-link em{ font-size:14px;}

.header{ background: rgba(255,255,255,1); position: fixed; padding: 0px;}

.header:before{ display: none;}

.header .wp{ height:60px;}

.menu{ position:fixed; top:0px; bottom:0px; z-index:2; margin: 0px; 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: 0px; padding:0px;}

.menu li:hover .h3 a,

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

.menu .h3{ padding: 0px; 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 .h3 a:before{ width: 4em; left: 50%; margin-left: -2em; border-bottom: 1px dashed rgba(255,255,255,0.5); height: 0px; background: no-repeat; bottom: 0px; opacity: 1;}

.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;}



/*新菜单*/

.menu{ width: 200px; background: rgba(0,0,0,0.8); background-size: 100% 100%;}

.menu .h3 a{ color: #fff; padding: 0px; text-align: center;}

.menu .h3 span,

.menu .h3 i{ display: none;}





.menu.active{ right:0px;}

.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin: 0px; transform: none; opacity: 1; visibility: visible; padding: 0px; padding: 15px 0;}

.menu .box .npd{ flex-wrap: wrap;}

.menu .box a{ padding:5px 0; margin: 0px; width: 50%;}

.menu .box a:before{ display: none;}





.iBanner .npd{ padding-left: 50px;}

.iBanner .text .h3{ font-size: 32px;}



.iBannerB .img img{ height: auto;}

.iBannerB .text .h3{ max-width: none;}

.iProTab{ padding-left: 0px;}



.iAbout .text{ padding: 0px;}









/*内页*/

.pBanner .img img{ height: 300px;}

.pBanner .text{ left: 6%; right: 6%; }

.pBanner .text .wp{ width: 100%; margin: 0px !important;}

.pBanner .npd{ padding-bottom: 30px;}

.pBanner .h3{ font-size: 36px;}

.pBanner .p{ font-size:24px;}

.pBanner .em{ font-size: 12px; bottom: 10px;}





/*.crumbsList a{ max-width: 8em;}

.crumbsList strong{ max-width: 8em; }*/

.crumbsList{ flex-wrap: wrap;}

.crumbs_2{ position: relative; left: auto; bottom: auto; right: auto; background: #f8f8f8; padding: 15px 0; display: block; color: #54565A; text-shadow:none;}

.crumbs_2 .crumbsList a{ color: #54565A;}



.nApp .nwp{ display: block; margin: 0px;}

.nApp_b .nAppFl,

.nAppFl{ width: auto; padding: 0px; margin-bottom: 30px;}

.nApp_b .nAppCon,

.nAppCon{ width: auto; padding: 0px; margin-bottom: 30px;}

.nAppFr{ width: auto; padding: 0px;}



.infoB{ font-size: 14px;}

}

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

.iBanner .img{ width: auto;}

.iBanner .img img{ height: 525px; width: 100%;}

.iBanner .text{ left: 0px; text-align: center; color: #fff;}

.iBanner .text .em strong{ color: #fff;}

.iBanner .npd{ padding: 30px 60px; }

.iBanner .wp{ margin: 0px !important;}

.iBanner .more1{ color: #fff; border-color: #fff;}

.iBanner .more1:hover{ border-color: #edb943;}

.iBanner .swiperArrow{ font-size: 12px;}

.iBanner .swiperNext{ right: 10px; margin-right: 0px;}

.iBanner .swiperPrev{ left: 10px;}

.iBanner .swiperDots{ right: 10px; bottom: 20px;}





.iBannerB .swiperArrow{ font-size: 12px;}

.iBannerB .swiperPrev{ left: 10px;}

.iBannerB .swiperNext{ right: 10px;}

.iBannerB .swiperDots{ bottom: 20px;}

.iBannerB .text .h3{ font-size: 32px;}



.iPro{ display: block; padding-bottom:0px;}

.iProTab{ width: auto; margin-bottom: 30px;}

.iProTab .t strong{ display: block; margin-bottom: 10px;}

.iProTab .t p{ display: block;}

.iProTab .c{}

.proList{ display: none; height: auto;}

.proList li{ padding: 0 30px;}

.proList li a:before{ display: none;}

.iProTab .wpd{ position: absolute; left: 0px; top: 100%; right: 0px; display: block; }

.iProCon{ width: auto; }

.proCurr{ display: block; cursor: pointer;}

.iProCon{ height: auto;}

.iProM{ position: relative; left: auto; bottom: auto; padding-top: 30px; text-align: center;}





.iApplications ul{ margin: 0 -5px;}

.iApplications li{ width: 33.3333%; margin-bottom: 10px;}

.iApplications .pd{ margin: 0 5px;}

.iApplicationsM{ position: relative; right: auto; top: auto; padding-top: 20px; text-align: center;}



.iMain5 .wp{ margin: 0px !important;}

.iSustainable .img{ width: auto; float: none;}

.iSustainable .img img{ height: 320px; width: 100%; float: none;}

.iSustainable .text{ text-align: center;}

.iSustainable .text .wp{ width: 100%; box-sizing: border-box;}

/*.iSustainable .text{ position: relative; left: auto; top: auto; right: auto; bottom: auto;}*/

.iSustainable .text .h3{ font-size: 32px;}

.iSustainable .npd{ padding: 30px 6%;}



.fTop{ flex-wrap: wrap; margin: 0px; padding-bottom: 30px;}

.fTop .li{ margin-bottom: 30px; width: 100%;}

.fTop .li:last-child{ margin-bottom: 0px;}

.fTop .fLogo{ max-width: none;}

.fTop .fContact{ max-width: none;}

.fTop .pd{ margin: 0px;}

.fLogo .pd{ padding-left: 100px; padding-top: 4px;}

.fLogo .ewm{ position: absolute; left: 0px; top: 0px; width: 80px;}

.fLogo .text{ margin-bottom: 0px;}



.fTop .fFollow{ width: 100%;}

.fTop .fNav{ width: 100%;}

.fNavList{}

.fNavList ul{ display: flex; flex-wrap: wrap;}

.fNavList li{ width: 33.3333%;}



.newsA_1 li{ width: 50%;}







}

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



/*内页*/

.policyList ul{ display: block;}

.policyList li{ width: auto;}

.policyList .pd{ margin: 0px;}

.qualityAList li{ margin-bottom: 20px;}

.qualityAList li:last-child{ margin-bottom: 0px;}

.qualityAList .img{ width: 120px;}

.qualityAList .text{ margin: 0 0 0 120px; padding: 0 0 0 30px;}

.qualityAList li:nth-child(even) .text{ margin:0 120px 0 0; padding:0 30px 0 0;}

.qualityAList .h3{ font-size: 32px; line-height: 1.2;}



.infoAbtnList{ margin-bottom: 10px;}

.infoAbtnList ul{ margin: 0px;}

.infoAbtnList li{ width: auto; float: none; margin-bottom: 5px;}

.infoAbtnList li:last-child{ margin-bottom: 0px;}

.infoAbtnList .pd{ margin: 0px;}

.infoAbtnM{ position: relative; left: auto; top: auto; width: auto; margin: 0px;}



.msg dl.w50{ width: 100%;}

.ipt_t3{ height: 36px; font-size: 12px;}

.ipt_s3{ height: 36px; font-size: 12px;}

.ipt_b3{ height: 48px; line-height: 48px;}

.ipt_list1 li{ width: 100%;}





}

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

.iApplications li{ width: 50%;}

.iAbout .h3 strong br{ display: none;}



.iSustainable .img img{ height:240px;}







}

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

body{ font-size: 12px;}

.iBanner .text .h3{ font-size: 24px;}



.iBannerB .text{ text-align: center; justify-content: center;}

.iBannerB .text .h3{ font-size: 22px;}

.iBannerB .swiperDots{ bottom: 15px;}



.iAbout .h3{ font-size: 24px;}

.iSustainable .text .h3{ font-size: 24px;}



.iProCon .pd{ padding: 20px;}

.iProCon .em{ font-size: 12px; line-height: 1.2; min-height: 1.2em; max-height: 2.4em;}

.iProCon .text{ padding-left: 10px;}



.tableA td{ font-size: 12px;}



.proListA .pd{ padding: 20px;}

}

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

.iBannerB .text .h3{ font-size: 20px;}

.iBannerB .swiperDots{ bottom: 10px;}



.more1,

.more2{ font-size: 10px;}



.iProCon .img{ width: 110px;}

.iProCon .text{ margin-left: 110px;}

.iProCon .p{ font-size: 10px;}



.more1{ padding: 6px 20px;}

.more2{ padding: 6px 20px;}



.proListA .pd{ padding: 15px;}

}

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

.iBannerB .text .h3{ font-size:16px;}

.more1,

.more2{ font-size: 8px;}

}



img {

  display: block;

  max-width: 100%;

  width:auto;

  height: auto;

  outline: none;

}

.wp-flex{ display:flex;

justify-content: space-around !important;

flex-wrap: wrap !important;

}

.col{ width:33.33333333333333%; margin-bottom:10px;}

.col-4{ width:24.4% !important; margin:0 0.3%;}

.col img{ max-width:100%; margin-top:10px; margin-bottom:10px;}
.col-4 p{ margin-bottom:10px;}
.frimg{ float:right; width:40%; margin-left:10px; margin-top:10px;}

.frimg img{ max-width:100%;}



.text-center{ text-align:center;}

.fs-12{ font-size:12px;}

.w1620{width:84.375%;max-width: 1280px;margin: 0 auto;}

.ser-warp1{position: relative;}

.ser-warp1 .mes{/*top: 281px;*/}

.ser-warp1 .mes .width50{width: 50%;box-sizing: border-box;padding-right: 100px;}

.ser-warp1 .mes .nytitn{margin-bottom: 90px;}

.ser-warp1 .mes .sum{line-height: 22px;color: #666;}

.ser-warp1 .box{height: 650px;width: 50%;box-sizing: border-box;}

.ser-warp1 .box.le{background: #f4f2f5;}

.ser-warp1 .ri{position: relative;text-align: center;}

.ser-warp1 .ri .contr{position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);}

.ser-warp1 .ri .contr .mn{position: relative;width: 23px;height: 23px;margin-bottom: 42px;border-radius: 100%;cursor: pointer;}

.ser-warp1 .ri .contr .mn:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); box-sizing:content-box;width:100%;height: 100%;border:1px solid #fff;border-radius: 100%;transition: all .5s;content: ""}

.ser-warp1 .ri .contr .mn:last-child{margin-bottom: 0;}

.ser-warp1 .ri .contr .mn.mn1{background: #ffcd00;}

.ser-warp1 .ri .contr .mn.mn2{background: #5da254;}

.ser-warp1 .ri .contr .mn.mn3{background: #b7ce0d;}

.ser-warp1 .ri .contr .mn.mn4{background: #e21823;}

.ser-warp1 .ri .contr .mn.mn5{background: #f28e16;}

.ser-warp1 .ri .contr .mn.mn6{background: #2faf9f;}

.ser-warp1 .ri .contr .mn.mn7{background: #8d4ddd;}

.ser-warp1 .ri .contr .mn.on:after{border-width: 8px;}

.ser-warp1 .ri .main{display: flex;flex-flow: column;align-items: center;justify-content: center;height: 100%;}

.ser-warp1 .ri .main .imgbox{position: relative;display: inline-block;width: 84px;height: 220px;border-radius: 100px;background: #5da254;}

.ser-warp1 .ri .main .imgbox .img2{position: absolute;right: -98px;bottom: -12px;max-width: unset;}

.ser-warp1 .ri .main .line{ margin: 130px auto 0; cursor: url(/static/images/tb7.svg) 0 38, auto;;}



/*过渡*/

.trans{transition: all .5s;}

.dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);}

.dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);}

.cz {

  z-index: 22;

}

.mflex {

  display: flex;

  flex-wrap: wrap;

}

.ser-warp2 .sizebox {

  padding: 50px 0 100px;

}

.ser-warp2 .sizebox .mn img {

  display: block;

  max-width: 100%;

  height: auto;

  outline: none;

}

.ser-warp2 .sizebox .mn{position: relative;width: 115px;height: 115px;border-radius: 100%;}

.ser-warp2 .sizebox .mn .circle{bottom: 25px;}

.ser-warp2 .sizebox .mn .circle .img2{position: absolute;bottom: 0;left: 0;opacity: 0;}

.ser-warp2 .sizebox .mn .tit{bottom: -40px;line-height: 1em;color: #000;}

.ser-warp2 .sizebox .mn .bg{width: 100%;height: 100%;border-radius: 100%;background: #f4f2f5;}

.ser-warp2 .sizebox .mn:nth-child(2) .circle img{zoom:.95;}

.ser-warp2 .sizebox .mn:nth-child(3) .circle img{zoom:.9;}

.ser-warp2 .sizebox .mn:nth-child(4) .circle img{zoom:.85;}

.ser-warp2 .sizebox .mn:nth-child(5) .circle img{zoom:.8;}

.ser-warp2 .sizebox .mn:nth-child(6) .circle img{zoom:.75;}

.ser-warp2 .sizebox .mn:nth-child(7) .circle img{zoom:.7;}

.ser-warp2 .sizebox .mn:nth-child(8) .circle img{zoom:.65;}

.ser-warp2 .sizebox .mn:nth-child(9) .circle img{zoom:.6;}

.ser-warp2 .sizebox .mn:nth-child(10) .circle img{zoom:.55;}

.ser-warp2 .sizebox .mn:hover .bg{width: 128px;height: 128px;box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #5da254;}

.ser-warp2 .sizebox .mn:hover .circle .img1{opacity: 0;}

.ser-warp2 .sizebox .mn:hover .circle .img2{opacity: 1;}

@media (max-width: 1550px) {

	 .w1620 {

    width: 94%;

  }

.ser-warp1 .box{height: 600px;}

.ser-warp1 .box.le .mes{top: 50%;transform: translate(-50%,-50%);}

.ser-warp1 .mes .nytitn{margin-bottom: 50px;}

.ser-warp1 .ri .contr{top: 50%;transform: translate(-50%,-50%);}

.ser-warp1 .ri .contr .mn{margin-bottom: 30px;}

.ser-warp1 .ri{padding: 20px;}

.ser-warp1 .ri .main{height: 100%;justify-content: center;}

.ser-warp1 .ri .main .line{margin: 80px auto 0;}

.ser-warp2 .sizebox .mn{width: 90px;height: 90px;}

.ser-warp2 .sizebox .mn:hover .bg{width: 100px;height: 100px;}

.ser-warp2 .sizebox .mn .circle{bottom: 15px;}

}

@media (max-width: 1240px) {

	.ser-warp1 .mes .nytitn{margin-bottom: 30px;}

.ser-warp1 .mes .sum{line-height: 20px;}

.ser-warp1 .box{height: 400px;}

.ser-warp1 .ri .contr .mn{width: 15px;height: 15px;margin-bottom: 20px;}

.ser-warp1 .ri .contr .mn.on:after{border-width: 4px;}

.ser-warp1 .ri .main .imgbox {width: 50px;height: auto;}

.ser-warp1 .ri .main .line{margin: 30px auto 0}

  .ser-warp2 .sizebox {

    padding: 30px 0 50px;

  }

  .ser-warp2 .sizebox .mn {

    zoom: .75;

  }

  .ser-warp2 .sizebox .mn .tit {

    bottom: -30px;

  }

}

@media (max-width: 768px) {

 .ser-warp1 .box{height: auto;}

.ser-warp1 .box.le{width: 100%;padding: 60px 0 40px;}

.ser-warp1 .box.le .mes{position: static;transform: unset;}

.ser-warp1 .mes .width50{width: 100%;padding: 0;}

.ser-warp1 .ri{width: 100%;padding: 30px 20px 60px;}

.ser-warp1 .ri .contr{left: 0;top: -7.5px;transform: unset; width: 100%; display: flex;justify-content: center;}

.ser-warp1 .ri .contr .mn{margin: 0 10px;}

  .ser-warp2 .sizebox {

    justify-content: flex-start;

    padding: 30px 0 10px;

  }

  .ser-warp2 .sizebox .mn {

    margin-right: 10px;

    margin-bottom: 50px;

  }

}