*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; font-family:Microsoft YaHei;}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#333;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#324476;box-shadow:inset 1px 1px 0 #324476,inset 0 -1px 0 #324476;}
@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}

@font-face {
  font-family: 'iconfont';  /* Project id 4406337 */
  src: url('//at.alicdn.com/t/c/font_4406337_iwzew5r8mz.woff2?t=1705020955502') format('woff2'),
       url('//at.alicdn.com/t/c/font_4406337_iwzew5r8mz.woff?t=1705020955502') format('woff'),
       url('//at.alicdn.com/t/c/font_4406337_iwzew5r8mz.ttf?t=1705020955502') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gya{margin:0 auto; max-width: 94%;min-width: 1200px;}
.gyb {
  max-width: 1500px;
  margin: 0 auto;
  position: relative;
}
.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.top50{height:50px;width: 100%;margin: 0 auto;}
.top10{height:10px;width: 100%;margin: 0 auto;}

.fw_tit{text-align: center;}
.fw_tit>div{display: flex;align-items: center;justify-content: center;margin-bottom:15px;}
.fw_tit>div>p{font-size: 14px;color: #ccc;margin:0 10px; text-transform: uppercase;}
.fw_tit b{display: block;color: #333;font-size: 38px;margin-top: 3px;}
.fw_tit em{font-size: 18px; font-style: normal; color: #999; margin-top:15px;}

.fw_titb{text-align: center;}
.fw_titb>div{display: flex;align-items: center;justify-content: center;margin-bottom:15px;}
.fw_titb>div>p{font-size: 14px;color: rgba(255,255,255,0.5);margin:0 10px; text-transform: uppercase;}
.fw_dib{width: 8px;height: 8px;background: #009b4d;border-radius: 100%;}
.fw_dib:nth-child(1){margin-right: 5px;}
.fw_dib:nth-child(4){margin-right: 5px;}
.fw_titb b{display: block;color: #fff;font-size: 40px;margin-top: 3px;}
.fw_titb em{font-size: 18px; font-style: normal; color: rgba(255,255,255,0.8); margin-top:15px;}

em, .em,i{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;}

/* layout */
body.on{overflow:hidden; height:100%;}
.header{height:100px;}
#wrap{position:relative; width:100%; min-width:1300px; margin:0 auto;}
#gnb{width:100%; max-width:1920px; margin:0 auto; z-index:1000;}
#content{width:100%; min-width:1140px; padding:100px 0 160px;}

/* header */
.header .header_inner{position:relative; z-index:1000; width:100%; min-width:1200px; height:100px; margin:0 auto; background-color:#fff; box-sizing:border-box;}
.header[data-fixed="fixed"] .header_inner{position:fixed; left:0; top:0; background:#fff; border-bottom:1px solid #ccc;}
.header .gnb_dim{overflow:hidden; position:absolute; left:0; top:100px; width:100%; background:#f3f3f3;}
.header .gnb_dim:after{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; content:"";}
.header h6{overflow:hidden; position:absolute; left:0; top:20px; width:276px; margin-left:30px; display: flex;}
.header h6 img{width: 80px;}
.header h6 a{display:block; width:100%; padding-top:68px; font-size:31px;}
.header .utill_area{position:absolute; right:0; top:0; width:170px; z-index:1000;}
.header h6 a b{font-size:13px; font-weight: 100; margin-left:18px; letter-spacing:8px; color: #000;}
.header h6 p {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0px;
    padding-left: 10px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    color: #222;
flex-direction: column;
letter-spacing:6px;
}
.header h6 span{font-size: 12px;color: #999; letter-spacing:0px;line-height: 14px;}

.nav_btn > a{position: relative; display: block; float: left; margin-left: 10px; width: 36px; height: 36px;}
.nav_btn > a.nav_btn_ewm > img{display: none; position: absolute; left: 50%; width: 120px; height: 120px; margin-left: -60px; top: 40px; z-index: 34343434;}
.nav_btn > a.nav_btn_search form{position: absolute;right:-1px;height: 36px;line-height: 36px;z-index: 335; width: 210px; top:0;display: none;}
.nav_btn > a.nav_btn_search form input#infoname{border: 0 none; height: 36px; line-height: 36px; background:#f5f5f5; width: 150px; padding: 0 40px 0 20px; font-size:14px; color: #343434; border-radius: 60px; box-sizing: content-box;}
.nav_btn > a.nav_btn_search form #search-bg{width: 100%;height: 36px;line-height: 36px;}
.nav_btn > a.nav_btn_search form .submit{position: absolute;right:1px;width: 36px;height: 36px;border: 0 none;background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240110/20240110141324_537665091.png) no-repeat center;z-index: 33333;
cursor: pointer;}
.nav_btn > .nav_btn4{margin-left: 20px;}
.nav_btn > a > i{width: 36px;height: 36px;display: block;}
.nav_btn:after{content: ''; clear: both; display: block;}
.nav_btn{float: right; height: 36px; padding:32px 20% 31px 0;}
.nav_btn1 > i{background:url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240110/20240110141324_537665091.png) no-repeat center;border-radius: 50%;}
.nav_btn2 > i{background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240110/20240110141324_537665091.png) no-repeat center;}

.gnb ul:after{display:block; clear:both; content:""; }
.gnb .gnb_list{max-width:1050px; margin:0 auto;}
.gnb .gnb_list > li{float:left; width:auto; margin-left:3.2%;}
.gnb li:first-child{margin-left:0;}
.gnb li .tit{display:inline-block; position:relative; line-height:100px; font-size:17px; letter-spacing:0px;}
.gnb .titp{ color:#0b3485; font-weight:bold;font-size: 16px;}
.gnb li .tit:after{opacity:0; position:absolute; left:50%; bottom:0; width:0; height:0; background:#0b3485; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); transition:width .4s ease-in-out; -webkit-transition:width .4s ease-in-out; -moz-transition:width .4s ease-in-out; content:"";}
.gnb li.on .tit:after,
.gnb li.active .tit:after{opacity:1; width:100%; height:3px; content:"";}
.gnb li.active a{color: #0b3485;}
.gnb li.active .tit:after{transition:none; content:"";}
.gnb .depth2_wrap{overflow:hidden; position:absolute; left:0; top:100px; z-index:9991000; width:100%; height:0; -webkit-transition:0.3s height ease-in-out; transition:0.3s height ease-in-out; -moz-transition:0.3s height ease-in-out; background:#f3f3f3;}
.gnb .depth2_wrap .gnb_inner{width:836px;padding:42px 0 50px 0; margin:0 auto; box-sizing:border-box; opacity:0;}
.gnb .on .gnb_inner{opacity:1; -webkit-transition:.3s opacity ease-in-out; transition:.3s opacity ease-in-out; -moz-transition:.3s opacity ease-in-out;}

.idx_title{ text-align:center;}
.gnb .depth1_list{width:1500px; margin:0 auto;}
.l13{ padding-left:21px;}
.gnb .depth1_list > li{position:relative; float:left; margin-left:42px; padding-left:42px; height:100%; text-align:left;}
.gnb .depth1_list > li:before{position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd; content:""; opacity: 0;}
.gnb .on .depth1_list > li:before{opacity: 1;-webkit-transition:.6s opacity ease-in-out; transition:.6s opacity ease-in-out; -moz-transition:.6s opacity ease-in-out;}
.gnb .depth1_list > li:first-child{margin-left:0; padding-left:0;}
.gnb .depth1_list > li:first-child:before{display:none; content:"";}
.gnb .depth1_list > li > a{display:block; font-weight:600; letter-spacing:-0px; color:#0b3485; font-size:18px;margin-bottom:15px;}
.gnb .depth2_area{}
.gnb .depth2_area .depth2_list{float:left; width:auto; margin-right:40px;}
.gnb .depth2_area .depth2_list.last{margin-right:0;}

.gnb .depth2_list li{margin-top:15px;}

.depth1_list li.customer a{margin-bottom:20px;}
.depth1_list li.customer a:last-child{margin-bottom:0;}

.gnb li.company .depth1_list{height:180px; padding-left:182px;}
.gnb li.newsroom .depth1_list{max-width:680px; height:auto;}
.gnb li.customer .depth1_list{max-width:770px; height:auto; }
.gnb li.sustainability .depth1_list{width:500px; padding-left:309px;}

.gnb .depth2_list li a{display:block; font-size:15px; color:#000; padding: 1% 0; width: 160px;text-align: center;line-height: 30px;background:#fff;box-shadow: 2px 0px 6px 2px rgba(0, 0, 0, 0.1);}
.gnb .gnb_btn_area{overflow:hidden; width:810px; margin:0 auto; padding-top:30px;}
.gnb .gnb_btn_area a{position:relative; float:left; width:350px; height:78px; margin-left:22px; padding:16px 20px; background:#fff; border:1px solid #e2e2e2;  border-radius:5px; box-sizing:border-box;}
.gnb .gnb_btn_area a:first-child{margin-left:0;}
.gnb .gnb_btn_area a:after{position:absolute; right:25px; top:50%; width:10px; height:17px; margin-top:-8px; background:url(../images/btn_arrow_ico_l.png) 0 0 no-repeat; content:"";}
.gnb .gnb_btn_area strong{display:block; margin-bottom:7px; font-size:18px; font-weight:600; line-height:1em; color:#333;}
.gnb .gnb_btn_area p{font-size:14px;}

.gnb_list li.on .depth1_list{display:block;}
.gnb_list li.on .gnb_inner{opacity:1; z-index:100;}

/* gnb online museum banner */
.gnb li.company .gnb_btn_area{margin-left:-30px;}
.gnb li.company .gnb_btn_area a{width:780px; height:auto;}
.gnb li.company .gnb_btn_area a strong{font-size:18px; font-weight:600; color:#043285; margin-bottom:9px;}
.gnb li.company .gnb_btn_area a p{max-width:90%; word-break:keep-all;}

.header .utill_menu{ margin-right:22px;}
.header .utill_menu:after{display:block; clear:both; content:"";}
.header .utill_menu .utill_menu_inner{position:relative; float: right; width:70px;}
.header .utill_menu_inner > a{position:relative; display:block; padding:38px 0; height:100px; padding-left:15px; box-sizing:border-box; font-size:15px; text-align:center; color:#333; letter-spacing:0; background:url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240113/20240113085320_529240434.jpg) 0 40px no-repeat;line-height:22px;}
.header .utill_menu_inner > a.btn_inq{text-indent:-9999px; background:url() center 49% no-repeat; }
.header .utill_menu_inner > a:after{position:absolute; left:0; top:43px; margin-top:-1px; width:20px; height:19px;  content:"";}
.header .utill_menu_inner:first-child > a:after{display:none; content:"";}
.header .utill_menu_inner ul{display:none; position:absolute; left:0; top:100px; width:100%; height:auto; border:1px solid #e2e2e2; background:#fff;}
.header .utill_menu_inner ul:after{position:absolute; left:0; top:-4px; width:100%; height:4px; background:#043285; content:"";}
.header .utill_menu_inner.on ul{display:block;}
.header .utill_sns{padding:15px 0;}
.header .utill_sns li{overflow:hidden; margin-top:12px;}
.header .utill_sns li:first-child{margin-top:0;}
.header .utill_sns li a{display:block; width:30px; height:30px; margin:0 auto; border-radius:100%; background-color:#ededed; background-image:url(../images/utill_sns_ico.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; font-size:0;}
.header .utill_sns li.youtube a{background-position:-30px 0;}
.header .utill_sns li.blog a{background-position:-60px 0;}
.header .utill_sns li.naver a{background-position:-90px 0;}
.header .utill_sns li.linkedin a{background-position:-120px 0;}
.header .utill_lang{padding:20px 0;}
.header .utill_lang li{margin-top:20px; text-align:center;}
.header .utill_lang li a{font-size:15px; color:#333; letter-spacing:0; line-height:1em;}
.header .utill_lang li:first-child{margin-top:0;}

.header .srch_pop_btn{overflow:hidden; position:absolute; right:0; top:0; z-index:1100; width:60px; height:100px; background-color:#043285; background-image:url(../images/btn_srch_ico.png); background-size:22px 21px; background-repeat:no-repeat; background-position:50% 50%;
font-size:0; text-indent:-9999px;}
.header .srch_area{display:none; position:fixed; left:0; top:0px; z-index:1000; width:100%; height:310px; background:rgba(0,0,0,.6);}
.header .srch_area.on{display:block;}
.header .srch_close_btn{overflow:hidden; position:absolute; right:0; top:0;width:60px; height:100px; background:#043285 url(../images/srch_pop_close.png) center center no-repeat; font-size:0; text-indent:-9999px;}
.header .srch_cont_wrap{position:absolute; left:0; top:100px; width:100%; max-width:1920px; height:200px; background:url() 0 0 no-repeat; background-size:cover;}
.header .srch_area .srch_inner{width:718px; margin:0 auto; padding:38px 0 0 0;}
.header .srch_box{width:100%; background:#fff; }

.srch_btn_area{border-top:1px solid #7fa6d3; margin-top:20px; padding-top:20px; }

.header .srch_box fieldset{position:relative; width:100%; height:55px; background:#fff;}
.header .srch_box input[type="text"]{width:673px; height:40px; padding:0 0 0 20px; border:0 none; line-height:40px; box-sizing:border-box; border:none;}
.header .srch_box button{overflow:hidden; position:absolute; right:5px; top:50%; width:45px; height:45px; margin-top:-22px; background:url(../images/btn_srch_ico_l.png) 50% 50% no-repeat #333; background-size:22px 23px; text-indent:-9999px; font-size:0;}
.header .srch_btn_area a{margin-left:9px;}
.header .srch_btn_area a:first-child{margin-left:0;}
.header .srch_btn_area .btn_round{display:inline-block; min-width:140px; height:43px; line-height:45px; padding:0 20px; border-radius:5px; background:#eee; color:#000; box-sizing:border-box; text-align:center;}
.header .srch_btn_area .btn_round:after{display:inline-block; vertical-align:middle;  width:5px; height:9px; margin-left:8px; background:url() 0 50% no-repeat; background-size:5px 9px; content:"";}

.srch_dim{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.srch_dim.on{display:block;}

#srchBtn{ background:url() 50% 50% no-repeat #333; width:34px; height:34px; margin-top:3px;}
input {border: 0;}
.top77{ margin-top:45px;}

/* index */
.banner_box{position: relative;}
.index-swiper {width: 100%;height: 100%;position: relative;}
.index-swiper .index-pagination {position: absolute;right: 2%;bottom:7%;top: auto;width: auto;height: auto;transform: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet {background: none;width: 22px;height: 22px;border-radius: 0;position: relative;margin: 0px 0;}
.index-swiper .index-pagination span::after,.index-swiper .index-pagination span::before {content: '';border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-swiper .index-pagination span::after {width: 6px;height: 6px;background: #fff;}
.index-swiper .index-pagination span::before {width:20px;height: 20px;border: 1px solid #fff;opacity: 0;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before  {opacity: 1;}
.index-swiper .index-pagination::after {content: '';width: 20px;height: 30px;background: url('//memberpic.114my.com.cn/champion/uploadfile/image/20240113/20240113090030_1784411812.png');display: block;margin-top: 20px;}
body.black .index-swiper .index-pagination span::after{background: #000;}
body.black .index-swiper .index-pagination span::before {border: 1px solid #000;}

.index-banner-swiper {width: 100%;height: 100%;position: relative;background: #000;} 
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-item {position: relative;}
.index-banner-item .text{position: absolute;left: 9.5%;top: 50%;transform: translateY(-50%);z-index: 100;color: #fff;}
.index-banner-item .textx3{position: absolute;left: 34%;top: 33%;transform: translateY(-50%);z-index: 100;color: #fff;align-items: flex-start; display: flex; flex-direction: column; justify-content: center;}
.index-banner-item .textx3r{position: absolute;left: 34%;top: 33%;transform: translateY(-128%);z-index: 100;color: #fff;align-items: flex-start; display: flex; flex-direction: column; justify-content: center;}
.index-banner-swiper .title-1 strong,.index-banner-swiper .title-2 strong {font-weight:500;letter-spacing: 1px;line-height:5rem;}

.index-banner-swiper .title-1,
.index-banner-swiper .title-2,.index-banner-swiper .title-3,
.index-banner-swiper .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .title-1,
.index-banner-swiper .title-2,.index-banner-swiper .title-3,
.index-banner-swiper .more-2 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .title-1 {transition-delay: .2s; line-height: 3.3rem;}
.index-banner-swiper .title-11 {transition-delay: .2s; line-height: 2.3rem;}
.font64{font-size: 54px; font-weight: bold !important;}
.font65{font-size: 34px;color: rgba(255,255,255,0.8);text-shadow: 3px 3px 3px #060606;}
.font66{font-size: 1rem;color: rgba(255,255,255,1); width: 52%;display: flex; line-height: 2rem !IMPORTANT;margin-top:3%;}
.font655{font-size: 1.5rem;color:#fff; font-weight:normal;}
.font7{width:120px; height:120px; border-radius: 50%;border: 1px rgba(255,255,255,0.6) solid;float: left;justify-content: center;font-size:15px; padding:3% 3%;line-height:20px !important; margin-left:1%;text-align: center;margin-bottom:4%;margin-top:2%;}
.font7 i{font-size: 30px; line-height: 30px;text-align: center; margin-bottom:1%;}
.font666{font-size: 1.2rem;color: #fff; width: 52%;display: flex; line-height: 2rem !IMPORTANT;margin-top:1%;font-weight:normal;}
.font663{font-size: 1.2rem;color: #fff; width: 40%;display: flex; line-height: 2rem !IMPORTANT;margin-top:1%;}
.index-banner-swiper .title-2 {transition-delay: .4s;margin-top: -1%;}
.index-banner-swiper .title-12{text-align: center;width: 100%;margin: 0 auto;}
.index-banner-swiper .title-22 {transition-delay: .4s;margin-top: 1%; text-align: center;}
.index-banner-swiper .more-1  {transition-delay: .6s;}
.index-banner-swiper .more-2  {transition-delay: .6s;}
.index-banner-swiper .title-22 {transition-delay: .6s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .more-1  {transform: translateY(0px);opacity: 1;}
.index-banner-swiper .swiper-slide-active .more-2  {transform: translateY(0px);opacity: 1;}
.index-banner-swiper .title-22{transform: translateY(0px);opacity: 1;}

.more-1 {margin-top: 5%;}
.more-1 a {display: block;width: 220px;height: 48px;line-height:48px ;font-size: 16px;overflow: hidden;position: relative;text-align: center;border: 2px solid #fff;border-radius: 0px;}
.more-1 span {display: inline-block;vertical-align: middle;color: #fff;line-height:46px ;}
.more-1 a:hover {background: #fff;border: 2px solid #0b3485;}
.more-1 a:hover span {color: #0b3485;}

.more-2 {margin:0 auto;margin-top: 3%;}
.more-2 a {display: block;width: 220px;height: 48px;line-height:48px ;font-size: 16px;overflow: hidden;position: relative;text-align: center;border: 2px solid #fff;border-radius: 0px;}
.more-2 span {display: inline-block;vertical-align: middle;color: #fff;line-height:46px ;}
.more-2 a:hover {background: #fff;border: 2px solid #0b3485;}
.more-2 a:hover span {color: #0b3485;}
 
.banner-swiper-bottom {width: 50%;position: absolute;bottom: 5%;left: 50%;z-index: 11;text-align: center;transform: translateX(-50%);transition:all .4s ease;opacity:.5;}
.banner-swiper-bottom:hover {opacity:1;}
.index-banner-swiper .banner-pagination {z-index: 160;text-align: center;display: inline-block;vertical-align: middle;position: relative;margin: 0 10px;left: auto;top: auto;transform: none;right: auto;bottom: auto;width: 240px;height: 4px;}
.index-banner-swiper .banner-pagination span {width: 100%;height: 4px;border-radius: 4px;position: absolute;left: 0;top: 0;overflow: hidden;background: none;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {animation: bannerp 4000ms 1 ease forwards;}
.index-banner-swiper .banner-pagination span::after {content: '';width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.index-banner-swiper .banner-pagination span::before {content: '';width: 0;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: 1;z-index: 11;transition:all .4s ease;}
.index-banner-swiper .banner-prev,.index-banner-swiper .banner-next {display: inline-block;vertical-align: middle;position: relative;margin: 0 20px;left: auto;top: auto;transform: none;right: auto;bottom: auto;width: auto;height: auto;} 
.index-banner-swiper .banner-prev::after,.index-banner-swiper .banner-next::after {color: #fff;font-size: 16px;font-weight: 900;}
@keyframes bannerp{0%{width: 0;} 100%{width: 100%;}}

/* banner end */

/*Introduction*/
.all_title b {
    font-size: 22px;
    color: #444;
    font-weight: bold;
    margin-top: 5px;
    display: block;
letter-spacing: 9px;
}
.all_title em {
    font-size: 13px;
    font-weight: 100;
    color: #999;
    text-transform: capitalize;
margin-top: 8px;
display: block;
}
.int_bg{position: relative;overflow: hidden;margin-top:0%;}
.int_box{padding-top:0%; padding-bottom: 3%;margin-top:7%;}
.int_l{width: 648px; margin-bottom:10px;}
.int_top{padding-top:50px;}
.int_top em{}
.int_top b{}
.int_jj{padding-top:0%;}
.int_jj b{display: block;font-size:30px;color: #0b3485;vertical-align:top; position: relative;}
.int_jj b::after {
    position: absolute;
    content: "";
    width: 90px;
    height: 6px;
    background: #ccc;
    left: 0;
    top: calc(100% + 15px);
}
.int_jj p{line-height: 30px;color: #7e7e7e;margin-top: 30px;vertical-align:top;font-size: 15px;}
.char_txt {width: 700px; padding: 0px 0px;}
.char_txt ul { display:  flex;justify-content: space-around; flex-wrap: wrap; padding-top: 15px;}
.char_txt li {width:  350px; flex-direction:  column;align-items:  center; justify-content:  center;color:  #333; margin-top: 20px;}
.char_txt li i {font-size:28px; float: left; color: #fff; background: #0b3485; border-radius: 50%; width: 53px; height: 53px; line-height: 53px; text-align: center; font-weight:100;}
.char_txt li p { display:  flex;flex-direction:  column;align-items:  baseline; font-size:  13px; color:  #ccc; padding-left: 6%; padding-top:2%;}
.char_txt li p span { font-size:  20px;color:  #333;position:  relative;line-height:  24px; margin: 0 0 0px 0; font-weight: 100; height: 24px;}
.char_txt li p a{font-weight: normal; font-size:  20px;}
.char_txt li p span em { font-size:  23px;position:  relative;top: -6px; color: #333; line-height:52px; font-family: "Microsoft YaHei"; font-style: normal;}
.int_bnt{margin-top: 50px;}
.int_bnt a{width: 200px;height: 53px;border: 1px solid #0b3485;display: inline-block;color: #7e7e7e;line-height: 51px;text-align: center;  transition: all .5s;    letter-spacing: 4px; border-radius: 50px; font-size: 16px; background: #0b3485; color: #fff;box-shadow: 0px 0px 50px 0px rgba(11, 52, 133, 0.5); }
.int_bnt i {
    width: 1.3rem;
    height: 2.3rem;
    background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240109/20240109174408_742133363.png) center 22px no-repeat;
    margin-left: 1rem; display: inline-block;
}
.int_bnt a:hover{background: #0b3485;color: #fff;width: 300px; transition: all .5s; letter-spacing: 5px;}
.int_bnt a+a{margin-left: 10px;background: #081526;color: #fff;}
.int_img{height: 100%;position: absolute;top: 0px;right: 51%;margin-right: -961px;overflow: hidden;}
.int_img .video{position:absolute;bottom:0;left:0;}

.int_hon{margin-top:30px;}
.int_hon .tempWrap{width:100% !important;}
.int_hon tr{display:block;}
.int_hon td{display:inline-block;margin-right:30px;}
.int_hon td img{border:1px solid #f0f0f0;}
  /*视频*/
.spleft{ position:relative; width:917px; height:100%; background:url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240110/20240110152102_413379826.jpg) no-repeat center;  display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.spvidio{ display:inline-block; width:76px; height:76px; position:relative; margin-top:25px; margin-left:-13%;}
.spvidio span{width:76px; height:76px; background:url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240110/20240110152412_827664412.png) no-repeat center; display:block;z-index:33; position:relative; cursor:pointer;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:47%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:42%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:44%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.pulse2 {position: absolute;  top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #0b3485;box-shadow: 1px 1px 30px #0b3485; }
.pulse3 {position: absolute; top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite;background: #0b3485; animation-iteration-count: infinite;box-shadow: 1px 1px 30px #0b3485;}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
.spright{height: 100%;
    position: absolute;
    top: 0px;
    right: 51%;
    margin-right: -961px;
    overflow: hidden;}

.strength {
  height: 820px;
  overflow: hidden;
}

.strength .strength_right {
  width:90%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: ease .3s;
}

.strength .strength_right_box {
  width: 64%;
  float: right;
  margin-top: 20px;
  position: relative;
}

.strength .strength_right h5 {
  font-size: 42px;
  color: #333;
  position: relative;
  letter-spacing: 2px;
  line-height: 62px;
}

.strength .strength_right h5::after {
  position: absolute;
  content: "";
  width: 44px;
  height: 10px;
  background: #ccc;
  left: 0;
  top: calc(100% + 8px);
}

.strength .strength_right h5 i {
  position: absolute;
  left: 55px;
  top: calc(100% + 7px);
  color: #ccc;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  letter-spacing: 0px;
}

.strength .strength_right h5 span {
  color: #0b3485;
}

.strength .strength_right .t5{margin-top: 50px;}
.strength .strength_right p {
  font-size: 22px;
  color: #333;
  line-height: 32px;
}

/* banner end */
.pro_cbox{background:#fff;    padding: 4%;}
.pro_c{width: 100%; overflow: hidden; background-size: cover;padding:120px 0 70px 0;background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240111/20240111203236_2120094106.jpg) center top no-repeat;
    height: 1262px;}
.pro_cate table td b{font-size: 0;}
.pro_cate table td b a {
    font-size: 16px;
    font-weight: normal;
}
.pro_cate {margin-top: 45px;background: #f8f8f8; padding: 1%;}
.pro_cate table {
position:relative
}
.pro_cate table tbody{
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.pro_cate table tr{width:calc((100% - 60px) / 4)}
.pro_cate table tr td{width:100% !important;display: block;}
.pro_cate table tr #showtyepname{display: none;}
.pro_cate table tr td:first-child {text-align: center;}
.pro_cate table tr td:first-child a{color:#333;font-size: 16px;display: inline-block; line-height:66px;}
.pro_xq .divproduct_new_div { display: flex;flex-wrap: wrap;}
.pro_xq{display:none;}
.pro_xq { display: flex; justify-content: space-between;}

.pro_cp {width: 66.5%;}
.pro_xq .divproduct_new_div .divproduct_new_div_item+.divproduct_new_div_item {
    margin-left: 0.9%;
}
.pro_xq .divproduct_new_div_item:nth-child(4) {
    margin-left: 0!important;
}
.pro_xq .divproduct_new_div_item .product_div_item_pic{overflow:hidden;}
.pro_xq .divproduct_new_div_item .product_div_item_pic img {
    width: 100%;
}
.pro_xq .divproduct_new_div_item {position:relative}
.pro_xqcate {
    
    overflow: hidden;margin-top:40px;
}
.pro_xqcate .pro_xq+.pro_xq {
    display: none;
}

.pro_xq .divproduct_new_div_item{display:flex;flex-direction: column-reverse;width: 32.7%;overflow: hidden;}
.pro_xq .divproduct_new_div_item_title{
    background: rgba(11,52,133,0.82);
    height:73px;
    width: 100%;
    line-height: 73px;
position: relative;
    bottom: 0px;
    left: 0;
    z-index:3;
    transition: all .4s;padding-left: 18px;
}
.pro_xq .divproduct_new_div_item_title a {
line-height: 73px;
    font-size: 16px;
    color: #fff;
}
/*.pro_xq .divproduct_new_div_item:hover .divproduct_new_div_item_title{bottom:0;}*/
.pro_xq .divproduct_new_div_item .product_div_item_pic{position:relative;}
.pro_xq .divproduct_new_div_item .divproduct_new_div_item_title a:before{position:relative;}
.pro_xq .divproduct_new_div_item .divproduct_new_div_item_title a:before,.pro_xq .divproduct_new_div_item .product_div_item_pic:after{
  position: absolute;
}
.pro_xq .divproduct_new_div_item .product_div_item_pic:after{content: "";width: 100%;height: 100%;top: -100%;left: 0;background: rgba(17,18,23,.52);z-index:1;transition: all .5s;}
.pro_xq .divproduct_new_div_item .divproduct_new_div_item_title a:before{content: "+";width: 48px;height: 48px;border-radius: 100%;text-align: center;line-height: 45px;color: #fff;border:1px solid rgba(255,255,255,0.75);top: -600px;left: 50%;margin-left: -20px;margin-top: -20px;z-index: 2;font-size:32px; transition: all .5s;}
.pro_xq .divproduct_new_div_item:hover .product_div_item_pic:after{top:0;}
.pro_xq .divproduct_new_div_item:hover .divproduct_new_div_item_title a:before{top:-116px;}

.pro_cate table tr.on td:first-child{background:#0b3485;}
.pro_cate table tr.on td a{color:#fff!important;font-weight:bold;}

.cf_img {
    margin-top: 23px;
}
.cf_img table td table tr td {padding-left: 18px!important;}
.cf_img table td table tr td a:last-child{    display: block;
    background: #fff;
    border-top: 1px solid #eee;
    height: 50px;
    line-height: 42px;
    color: #8b8b8b;
    font-size: 14px;}

.pro_lc{width: 32.8%;position: relative;min-width: 345px;}
.pro_lc img{width: 100%;}
.pro_wwz{position: absolute;top: 10%;left: 16%;}
.pro_wwz>b{font-size: 30px;color: #333;line-height: 42px;font-weight:normal;}
.pro_lcp{font-size: 14px;line-height: 24px;color: rgba(0,0,0,0.43);padding-top: 22px;padding-right:26px;}
.pro_xq .divproduct_new_div_item:nth-child(1),.pro_xq .divproduct_new_div_item:nth-child(2),.pro_xq .divproduct_new_div_item:nth-child(3) {
    margin-bottom: 0.9%;
}
.pro_xq .divproduct_new_div_item_title a:after {
    content: "\e8f1";
    font-family: "iconfont";
    top: 1px;
    right: 20px;
    position: absolute;
    font-size: 18px;
color: #fff;
}

.case_call {transition: 0.5s;width: 100%;flex-shrink: 0; flex-shrink: 0;margin-top: 5%;}

.case_call .new_web_div2021 {display: flex; justify-content: space-between;flex-direction: column;}
.case_call .new_web_div2021 ul {width: 32.6%;display: flex;margin-top: 1%;}
.case_call .new_web_div2021 li+li{margin-left:3%;}
.case_call .new_web_div2021 li {width: 100%; position: relative;overflow: hidden;border-radius: 10px;flex-shrink: 0;}

.case_call .new_web_div2021 li  img {width: 100%;height: auto;border-radius: 10px;transition: all 0.2s;}
.case_call .new_web_div2021 li  img:hover{transform: scale(1.1);transition: all 0.2s;border-radius: 10px;}
.case_call .new_web_div2021 li  p  {position: absolute;bottom: 0;left: 0;width: 100%; height: 25%;background:linear-gradient(rgba(255,255,255,0.01),rgba(0,0,0,1));   border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; display: flex; align-items: center; justify-content: center;}
.case_call .new_web_div2021 li  p a {font-size: 15px; line-height: 24px;font-weight: lighter; color: #fff;}

.strength .strength_right_list {
  margin-top: 60px;
}

.strength .strength_r_l_content {
  height: 130px;
  padding-left: 51px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 120px;
}

.strength .strength_r_l_content span:nth-child(1) a:nth-child(1) {
  font-size: 40px;
  color: #009b4d;
  margin-right: 16px;
  float: left;
}

.strength .strength_r_l_content span:nth-child(1) a:nth-child(2) {
  float: left;
  margin-top: 20px;
}

.strength .strength_r_l_content span:nth-child(1) {
  font-size: 12px;
  color: #666;
  display: block;
  font-family: bahnschrift;
  overflow: hidden;
  margin-top: 10px;
}

.strength .strength_r_l_content span:nth-child(2) {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  display: block;
}


.strength .strength_left {
  width: 105%;
  float: left;
  height: 114px;
  margin-top: 20px;
  position: absolute;
  left: calc(-100% + 354px);
}

.strength .strength_left_content {
  float: right;
  width: 100%;
  position: relative;
  height: 160px;
  background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240113/20240113090528_1256894611.png) right center no-repeat;
  border-bottom: #dddddd 1px solid;
  transition: ease .3s;
}

.strength .strength_left_content_active {
  height: 215px;
  border-bottom: 1px solid #f3f3f3;
  background: #f3f3f3 url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240113/20240113090528_1256894611.png) calc(100% - 42px) center no-repeat;
  border-radius: 10px;
}

.strength .strength_left_content_img img{
  display: block;
}

.strength .strength_left_content_img{
  position: relative;
  float: left;
  top: 66px;
  transition: ease .3s;
font-size:38px;
color: #ccc;
}
.strength .strength_left_content:nth-child(1) .strength_left_content_img{font-size:36px;}
.strength .strength_left_content:nth-child(2) .strength_left_content_img{font-size:42px;}

.strength .strength_left_content_active .strength_left_content_img{
  top: 95px;
}

.strength .strength_left_content_img:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: ease .3s;
}



.strength_left_content_in {
  width: 354px;
  float: right;
}

.strength .strength_l_c_right {
  width: 270px;
  height: 56px;
  position: absolute;
  top: calc(50% - 28px);
  right: 0;
}
.strength .strength_l_c_right h5{font-size:26px;line-height: 46px;}
.strength .strength_l_c_right p{color: #ccc; line-height: 12px;font-size:12px;}

/* power-end */

/*产品应用*/
.app_bc{padding:70px 0 70px 0;background: #f8f8f8; width: 100%;}
.appli_call{margin-top:40px;}
.appli_call .new_web_div2021 {}
.appli_call .new_web_div2021 ul { display: flex;}
.appli_call .new_web_div2021 li {width: 33.3%;height: auto;overflow: hidden;position: relative;}
.appli_call .new_web_div2021 li:nth-child(2n) p {bottom: 0;}
.appli_call .new_web_div2021 li a {pointer-events: none;}
.appli_call .new_web_div2021 li>a{display: block;transform:}
.appli_call .new_web_div2021 li a img {width:100%;height:auto;transition: all linear 0.3s;}

.appli_call .new_web_div2021 li:hover a img{transform: scale(1.12, 1.12);}
.appli_call .new_web_div2021 li p {width:100%;height:50px;background:rgba(0,0,0,0.5);    display: flex; justify-content: center; align-items: center;padding-top: 0 !important;position: absolute; bottom: 0; left: 0;}
.appli_call .new_web_div2021 li:hover p{width:90%;bottom:calc((100% - 50px) / 2);left:5%;background:rgba(11,52,133,0.5);transition: all linear 0.3s;}
.appli_call .new_web_div2021 li:nth-child(2n):hover p{width:90%;top:calc((100% - 50px) / 2);left:5%;background:rgba(11,52,133,0.5);transition: all linear 0.3s;}
.appli_call .new_web_div2021 li p a {font-size:16px; color: #fff;}

/*adv*/
.ripple,.ripple:before,.ripple:after {transform:rotate(180deg);position: absolute;left: 50%;top: 50%;height: 68px;width: 68px;margin-left: -34px;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgb(255,255,255,0.64);box-shadow: rgba(135, 186, 57, 0.64);animation: ripple 3s infinite;margin-top: -34px;}
.ripple{font-size: 30px;color: #fff;width: 68px;height: 68px;border-radius: 100%;line-height: 65px;text-align: center;border: 3px solid #fff;margin-top: -12px;padding-left: -6px;}
.ripple:before {-webkit-animation-delay: .9s;animation-delay: .9s;content: "";position: absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay: .6s;animation-delay: .6s;content: "";position: absolute;right: 0;bottom: 0;}
.video_box2{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box2.cur{opacity:1;z-index:999;transition:600ms ease;}
.video2{width: 1044px;height: 518px;border: 10px solid rgba(0,0,0,0.5);position: fixed;top:-100%;left:50%;transform: translate(-50%, -50%);transition:600ms ease;}
.video_box2.cur .video2,.video_box2.cur .video_x2{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  }
}
.bil_bc{width: 100%;background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240111/20240111204131_894908564.jpg) no-repeat center; height: 604px;position: relative;     background-attachment: fixed;}
.bil_wz {
    text-align: center;
    padding-top: 100px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.bil_wz>b{display: block;font-size: 48px;color: #fff;}
.bil_wz>p{font-size: 16px;color: #fff;margin-top: 12px;line-height: 36px;}
/*sup*/
.ser_tit>p {font-size: 20px; color: #717375; line-height: 24px;margin: 10px 0 25px;}
.ser_tit>b {display: inline-block;position: relative;font-size: 42px;color: #0b3485;}
.sup_ca{padding: 80px;position: relative;box-shadow: 1px 1px 60px rgba(0,0,0,0.1);margin-bottom: 100px;background: #fff;}
.sup_c{padding: 70px 70px;position: relative;box-shadow: 1px 1px 60px rgba(0,0,0,0.1);margin-bottom: 70px;margin-top:-130px;background: #fff;}
.sup_c:after{position: absolute;content: "";width: 100%;height: 10px;background: linear-gradient(to left,#05389b,#0b3485);top: -10px;left: 0;}
.sup_lc{display: flex;justify-content: space-between;}
.sup_cc li{width: 28%;height: 124px;position: relative;background: #f2f2f4;overflow: hidden;transition: all .3s; justify-content: center;
    display: flex;}
.sup_cc li+li{margin-top: 1px;}
.sup_cc li.on{background: #0b3485;}
.sup_cc li:after{position: absolute;content: "";width: 119px;height: 119px;border-radius: 100%;background: rgba(0,0,0,0.1);top: -47px;left: -42px;}
.sup_cc li.on:after{background: rgba(255,255,255,0.1);}
.sup_cc li i{position: absolute;display: block;top: 12px;left: 12px;font-size: 36px;font-weight: bold; font-family: din;}
.sup_cc li.on i{color: #fff;}
.sup_cc li b{font-size: 23px;text-align: center; display: flex;justify-content: center; flex-direction: column;line-height:32px;}
.sup_cc li b span{display: block;font-size: 16px;color: #ccc; font-weight:normal;}
.sup_cc li.on b{color: #fff;}
.sup_rc{width: 75%;position: relative;}
.sup_item>b{display: block;position: relative;font-size: 32px;color: #333;margin-bottom: 16px; padding-left:8%;}
.sup_item>b:after{position: absolute;content: "";background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240113/20240113090640_543350807.png) no-repeat center;width: 51px;height: 51px;top: -17px;left: -17px;}
.sup_item>p{font-size: 16px;color: #666;line-height: 25px;width: 100%;}
.sup_item>p+p{margin-top: 4px;}
.sup_cc{position: relative;}
.sup_ic{position: absolute;width: 50%;padding: 2% 0 0 2%;background:rgba(255,255,255,0.96); border-bottom: 5px #0b3485solid;bottom: 0;right: 0; height: 210px;}
.sup_img img{width: 100%;}
.sup_img p{position: absolute;width: 100%;top: 0;right: 0;}
.sup_img{position: relative;width: 66.9%;}
@media screen and (max-width: 1400px){
.sup_img{position: relative;width: 74%;}
}
.sup_lc .ser_tit{width: 30%; padding-top:1%;}
.sup_img p+p{display: none;}
.sup_ic>div{position: absolute;width: 90%;}
.sup_ic>div+div{display: none;}

/*news*/
.news {padding: 70px 0%;position:relative;z-index: 5;background: #f8f8f8;}
.news_bg{width:100%;padding: 80px 0;    overflow: hidden;}
.news_t{text-align:left;float:left;}
.news_t dd:after{display:none;}
.news_t p {font-size: 36px;font-weight:bold;}
.news_t dd {font-size: 18px;color: #999;line-height: 30px;font-weight:100;margin-top: 5px;}
.news_a{width:auto;}
.news_a a{width:152px;height:46px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:20px;display: flex;align-items: center;justify-content: center;}
.news_a a.on{background: #0b3485;color:#fff;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center;}
.new_item{width: 100%; flex-shrink: 0;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 48.5%;
position: relative;padding:4%; background: #fff;}
.new_lc .news_div_item:hover img {    transform: scale(1.1);}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;transition: 0.5s;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {margin-top: 40px;position: relative;overflow: hidden;}
.new_ic>div {    display: flex; transition: 0.5s;}
.new_lc a.news_div_item_a {font-size: 18px;color: #333;position: relative;display: block;margin-top: 20px;}
.new_lc .news_div_item_body {font-size: 14px;color: #999;line-height: 26px;margin-top: 20px;
 height: 52px;overflow: hidden;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom:19%;left: 8%;}
.new_lc .news_div_item_date>div {font-size: 12px;color: #999;}
.new_lc .news_div_item_pic {}
.new_lc .news_div_item_pic a {overflow:hidden;    display: block;}
.new_lc .news_div_item_a:after {position: absolute;content: "read more +";font-size: 14px;color: rgb(34,34,34); bottom: -94px;left: 0;}
.new_rc .news_div_item {background: #fff;padding: 8% 7%;position: relative;}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:6px;background:#0b3485;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc .news_div_item:nth-child(n+4) {margin-top: 23px;}
.new_rc a.news_div_item_a {display: block;font-size: 18px;}
.new_rc .news_div_item_body {font-size: 15px;color: #999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px; line-height: 24px;}

.jec_c{display: flex;justify-content: space-between;}
.jec_c li{width: 100%;display: flex;align-items: center;box-shadow: 1px 1px 38px rgba(0,0,0,0.1);height: 126px;justify-content: center;border-radius: 0px;background: #fff; padding:0% 5%;}
.jec_c li span{font-size: 37px;color: #0b3485;position: relative;}
.jec_c li span:after{position: absolute;content: "";width: 28px;height: 28px;border-radius: 100%;background: rgba(11,52,133,0.3);top: -6px;right: 1px;}
.jec_c>li>div{margin-left: 22px;}
.jec_c>li>div>b{font-size: 24px;display: block;color: #222;font-weight: normal;}
.jec_c>li>div>p{font-size: 15px;line-height: 22px;font-weight: normal;margin-top: 3px;color: #999;}
.jec_bc{position: relative;margin-top: 0px;}

/*合作*/
.index-box4 {
    width: 100%;
    background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240111/20240111165833_2013613038.jpg) center top no-repeat;
padding: 90px 0 65px 0;
}

.index-box4 .idx_title .title {
    color: #fff;text-align: center;font-size: 22px;line-height:40px;
}

.index-box4 .idx_title .subtitle {
    color: #fff;text-align: center;font-size: 36px;
}

.coop_call {
    width: 1200px;
    margin: 40px auto 0;
}

.coop_call ul {
    display: flex !important;
margin-bottom: 15px;
}

.coop_call li {
    width: 25%;
    margin: 0 2% 0 0;background: #fff;
    padding: 0 1%;
    border-radius: 11px;
}
.coop_call li:nth-child(1){background: #010101;}

.coop_call li a {
    display: inline-block;
    width: 100%;
}
.coop_call ul:nth-child(2) li:first-child {
    display: none;
}
.coop_call li img {
    width: 100%;
    /*margin-bottom:25px;*/

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all .3s ease;
    filter: grayscale(0.5);
    /*opacity: .6;*/
}

.coop_call li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: initial;
    opacity: 1;
}

.ys_bg {
    background: #0a3f74 url() center center repeat-y;
    width: 100%;
}
/*link*/
.links {
    overflow: hidden;
    border-top: 10px #0b3485 solid;
    margin: 0 auto;
    padding: 20px 0;
background: #333;
}
.linksW {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.links_l {
    width: 100px;
}
.links_lm {
    font-size: 18px;
    line-height: 30px;
    font-weight: lighter;
 color: #fff;
}
.links_lm p {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
}
.links_lm p span {
    color: #0b3485;
}
.links_lm em {
    font-size: 14px;
    color: #999;
    letter-spacing: 5px;
    line-height: 16px;
}
.links_r {
    width: 93%;
    color: #666;
    padding-left: 30px;
}
.links_r a {
    font-size: 15px;
    color: #999 !important;
}
.linkTagcs li a {
    font-weight: lighter;
}

/*footer*/
.footer {display: flex;}
.footer_bg{width: 100%; color: #fff;background: #080808;position: relative;overflow:hidden;margin-top: 0px;padding-top: 0px;}
.fbt{border-top:10px solid #0b3485;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.bq_item li:before{content: '';position: absolute;width:1px;height: 25px;background: #0b3485;top:12px;left: -22px;}
.bq_item li+li{margin-left:13%;}
@media screen and (max-width: 1680px){
.bq_item li+li{margin-left:12%;}
}
@media screen and (max-width: 1440px){
.bq_item li+li{margin-left:11%;}
}
@media screen and (max-width: 1366px){
.bq_item li+li{margin-left:10%;}
}

.footer_w1 t{display: block;float: left;font-size: 24px;font-weight: bold;margin-right: 11px;}
.footer_w1 span{display: block;float: left;font-size: 20px;margin-top:3px;}

.bq_gzh li{width:130px;}
.footer_w{font-size: 14px; line-height: 34px; color: #999;}
.footer_w p{position:relative;}
.footer_w p:before{left:0;font-family: "iconfont";font-size: 16px;}
.bq_item li a{ display: block;font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.47);}
.bq_item li a:hover{color:#fff;}
.footer_t{ font-size: 20px !important; color: #fff !important;  line-height: 50px !important; position: relative;}
.footer li img{width:130px;}
.bq_gzh li p{text-align:center; color:#fff; line-height:30px; margin-bottom:10px;}

.copy{line-height: 30px; font-size: 14px;color: #999; margin-top:20px; padding-top: 10px;}
.copy a{font-size: 14px; color: #999;}
.copy a:hover{color: #0b3485;}

/*link*/
.link_bg{height: 120px;position: relative;margin-top: 0px; border-top: 1px #eee solid;}
.linkTagcs li a{font-size:14px;}
.links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(0,0,0,0.3);display:inline;height:80px;display: block;line-height:80px;}
.links_l{display: flex;align-items: center;}

.foo_icon{display: flex;justify-content: space-between;margin-bottom: 69px;}
.foo_icon li span{color:#fff;display: block;width: 38px;height: 38px;border-radius: 100%;background: #0b3485;display: flex;justify-content: center;align-items: center;position: relative;font-size: 22px;z-index:1;}
.foo_icon li span:after{content: '';position: absolute;width: 48px;height: 48px;border-radius: 100%;background: rgba(31,126,150,0.22);top: -5px;left: -5px;z-index:-1;}
.foo_icon li{display: flex;align-items: center;}
.foo_icon li div{margin-left: 13px;}
.foo_icon li div b{font-size: 16px;}
.bq_gzh{float: right;padding-top:7px;}
.bq_gzh li+li{margin-left: 44px!important}
.copy_bg{background: #101115;line-height: 24px;overflow:hidden;}
.copy_b{display: flex;justify-content: space-between; line-height: 24px;border-top: 1px solid rgba(255,255,255,0.1);}
.copy_bg div{color: #fff;padding:1% 0; line-height: 22px;font-size: 13px;}
.copy_b div:nth-child(1){width: 65%;}
.copy_b div:nth-child(2){position: relative;}
.copy_b div:nth-child(2):after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.copy_bg div a{color: #fff;font-size: 13px;}
.foo_icon li div p {margin-top: 3px;}
.cl {clear: both;}
.banq{width: 70%;padding:52px 0;}
.bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 20px;color: #fff;display: block;margin-bottom: 20px; font-weight: normal;}
.bq_ewm {display: flex;padding-top: 50px;position: relative;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 36px;color: #fff; }
.bq_ewm li:hover span{background: #000;border-color: #000;}
.ewm_cc {position: absolute;top: -50px;left: 13px;display: none;}
.ewm_cc img {width: 100px!important;}
.bq_r {width: 35%;padding:90px 0 0;padding-left: 80px;position: relative;background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240111/20240111173747_399775176.png) no-repeat -22px 54px;
margin-left: 5%;}
.bq_r:after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 14px;color:#ccc; line-height: 22px;}
.bq_ewm li+li {margin-left: 10px;}
.bq_item li:first-child {padding-left: 20px;}
.bq_item li:first-child:before {left: 0;}
@media screen and (max-width: 1460px){
  .bq_item li+li {margin-left: 11%;}
  .bq_r,.copy_b div:nth-child(2){padding-left:30px;}
}
@media screen and (max-width: 1320px){
  .bq_item li+li {margin-left: 10%;}
  .banq,.copy_b div:nth-child(1){width: 62%;}
  .bq_r,.copy_b div:nth-child(2){width: 38%;}
}



.iconfont img { display: block; width: 36px !important; height: 36px; border-radius: 100%; font-size: 14px; text-align: center; line-height: 36px; color: #fff;}


.albb {float: right;padding: 35px 0;}
.albb img{ width: 130px; height: auto;}