

body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:Source; line-height:1;font-weight: normal;letter-spacing: 0;}
body{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

.tips{
  position: fixed;
  /*display: none;*/
  right: 27px;
  top: 37%;
  z-index: 99;
}
.tips ul li{
  width: 60px;
  background-color: #B50513;
  border-radius: 50%;
  height: 60px;
  position: relative;
}
.tips ul li:not(:first-of-type){
  margin-top: 55px;
}
.tips ul li:nth-of-type(2){
    background-color: #4DB9A9;
}
.tips ul li:nth-of-type(3){
    background-color: #F39800;
}
.tips ul li a{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tips ul li a img{
  max-width: 50%;
  filter: invert(1);
}
.tips ul li .tip-img{
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  transform: translateY(-50%) scale(0,0);
  transform-origin: right center;
  opacity: 0;
  transition: 0.5s;
  padding: 15px 10px;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.tips ul li:hover .tip-img{
    transform: translateY(-50%) scale(1,1);
    opacity: 1;
}
.tips ul li .tip-img::after{
  display: block;
  content: '';
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #FFFFFF;
  border-right: 7px solid right;
}
.tips ul li .tip-img .ibg{
  display: flex;
}
.tips ul li .tip-img .ib{
  height: 100px;
}
.tips ul li .tip-img .ib img{
  height: 100%;
  padding: 0 7px;
}
.tips ul li .tip-img .ib:not(:last-of-type){
    border-right: 1px solid #dddddd;
}
.tips ul li .tip-img p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 7px;
}

/*IE*/
.web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}

/* headerwrap */
.headerwrap{width: 100%;position: fixed;top: 0;z-index: 11;left: 0;box-sizing: border-box;transition: all .3s;}
.center{width: 1600px;}
.header{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;z-index: 1;}
.header .logo{display: block;}
.header .logo img{width: auto;height: 58px;filter: brightness(0) invert(1);}
/* header-r */
.header-r{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.nav{display: flex;display: -webkit-flex;}
.nav>li{margin-right: 50px;position: relative;}
.nav>li:last-child{margin-right: 0;}
.nav>li>a{font-size: 16px;color: #fff;line-height: 110px;transition: all .3s;}
.nav>li:hover>a{color:#043074!important;}
/* navdwon */
.navdwon{width: auto;position: absolute;background-color: #fff;padding: 10px 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);left: 50%;opacity: 0;visibility: hidden;transition: all .3s;box-shadow: 0px 4px 3px 3px rgba(0,0,0,0.05);}
.navdwon a{display: block;line-height: 34px;font-size: 16px;color: #222222;white-space: nowrap;min-width: 180px;text-align: center;}
.header .nav>li:hover .navdwon{opacity: 1;visibility: visible;}
.navdwon a{box-sizing: border-box;padding: 0 12px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.navdwon a img{height: 18px;filter:brightness(0) opacity(0.8);}

.navdwon .item{position: relative;}
.navdwon .item:hover>a,.navdwonthere a:hover{background-color:#043074;color: #fff!important;}
.navdwon .item:hover>a img{filter:brightness(0) invert(1);}
/*navdwonthere*/
.navdwonthere{background-color: #fff;position: absolute;left: 100%;opacity:0;visibility:hidden;top:0;border-left:1px solid #fff;box-shadow: 0px 4px 3px 3px rgba(0,0,0,0.05);}
.navdwon .item:hover .navdwonthere{opacity:1;visibility: visible;}


/* meunwrap */
.meunwrap{width: 100%;background-color: #fff;padding: 40px 0;opacity: 0;visibility: hidden;transition: all .3s;transform: translateY(-100%);z-index: -1;position: absolute;}
.meunlist{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.meunlist li h3 a{font-size: 18px;color: #222;font-weight: bold;}
.meunlist li strong{display: block;width: 24px;height: 2px;background-color: #2E5077;margin: 20px 0;}
.meunlist li .list a{font-size: 16px;color: #222;line-height: 36px;display: block;font-weight: 300;opacity: 0.6;}
.meunlist li .list a:hover{opacity: 1;}

.headerwrap.is-open .meunwrap{transform: none;opacity: 1;visibility: visible;}



.header-r .h-rr{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-left: 150px;}
.header-r .search{display: block;margin-right: 40px;}
.header-r .search img{filter: invert(1);}
.header-r .language{position: relative;}
.header-r .language p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #ffffff;line-height: 50px;}
.header-r .language p img{height: 22px;filter: brightness(0) invert(1);}
.header-r .language p img.img01{margin-right: 8px;}
.header-r .language p img.img02{margin-left: 10px;}
.header-r .language .languagedown{width: 120px;position: absolute;background-color: #fff;left: 0;box-sizing: border-box;padding: 15px;filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2));opacity: 0;visibility: hidden;}
.header-r .language .languagedown a{font-size: 16px;color: #222;}
.header-r .language .languagedown::before{content: '';display: block;border: 5px solid transparent;border-bottom-color: #fff;position: absolute;left: 5px;top: -10px;}
.header-r .language:hover .languagedown{opacity: 1;visibility: visible;}
.header-r .language .languagedown a:hover{color: #02226A;}

.header-r .hamburger{display: block;position: relative;top: 0;margin-left: 60px;height: 24px;cursor: pointer;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{height: 2px;background-color: #fff;}
.hamburger.is-closed .hamb-middle{margin-top: -1px;}
.hamburger.is-closed .hamb-top{top: 0;}
.hamburger.is-closed .hamb-bottom{bottom: 0;}

.headerwrap.is-open .header,.headerwrap:hover .header{background-color: #fff;border-bottom-color: #E5E5E5;transition-delay: .3s;}
.headerwrap.is-open .navdwon{display: none;}
.headerwrap.div2_1,.headerwrap:hover,.headerwrap.is-open{background-color: #fff;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
.headerwrap.div2_1 .header .logo img,.headerwrap:hover .header .logo img,.headerwrap.is-open .header .logo img{filter: none;}
.headerwrap.div2_1 .nav li a,.headerwrap:hover .nav li a,.headerwrap.is-open .nav li a{color: #222222;}
.headerwrap.div2_1 .header-r .search img,.headerwrap.div2_1 .header-r .language p img,.headerwrap:hover .header-r .search img,.headerwrap:hover .header-r .language p img,.headerwrap.is-open .header-r .search img,.headerwrap.is-open .language p img{filter: none;}
.headerwrap.div2_1 .header-r .language p,.headerwrap:hover .header-r .language p,.headerwrap.is-open .header-r .language p{color: #222;}
.headerwrap.div2_1 .hamburger.is-closed .hamb-top, .headerwrap.div2_1 .hamburger.is-closed .hamb-middle, .headerwrap.div2_1 .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom,.headerwrap:hover .hamburger.is-closed .hamb-top,.headerwrap:hover .hamburger.is-closed .hamb-middle,.headerwrap:hover .hamburger.is-closed .hamb-bottom,.headerwrap.is-open .hamburger.is-closed .hamb-top,.headerwrap.is-open.hamburger.is-closed .hamb-middle,.headerwrap.is-open.hamburger.is-closed .hamb-bottom{background-color: #222;}
.headerwrap.div2_1 .nav>li>a{line-height: 90px;}

/* seadershow */
.seadershow {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;background-color: rgba(0, 0, 0, 0.6);display: none;backdrop-filter: blur(10px);}
.seaderbox {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.seader {position: relative;width: 65%;}
.seader form {width: 100%;height: 80px;border: 5px solid #8c8c8c;border-radius: 8px;overflow: hidden;background-color: #fff;display: flex;display: -webkit-flex;}
.seader form input {display: block;width: 80%;height: 100%;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #666666;font-family: var(--font-family);}
.seader form button {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 20%;border: none;outline: none;background-color: #053074;font-size: 18px;color: #ffffff;cursor: pointer;font-family: var(--font-family);}
.seader form button img {display: block;width: auto;filter: invert(1);margin-right: 20px;}
.seader .close {display: block;position: absolute;right: -60px;top: -80px;}
.seader .close img {display: block;filter: invert(1);}

.sidebar-nav{display: none;}



/* bannerwrap */
.bannerwrap{position: relative;overflow:hidden;}
.bannerwrap .swiper-slide{width: 100%;position: relative;}
.bannerwrap .bg{width: 100%;height:100%;object-fit:cover;}
.bannerwrap .swiper-slide .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;}
.bannerwrap .swiper-slide .text img{margin: auto;margin-bottom: 60px;}
.bannerwrap .swiper-slide .text h3{font-size: 30px;color: #FFFFFF;margin-bottom: 20px;}
.bannerwrap .swiper-slide .text p{font-size: 24px;color: #ffffff;}
.bannerwrap .swiper-slide video{width: 100%;height: 100%;object-fit: cover;display:block;}
.bannerwrap .swiper-banner{z-index: 0;}
.bannerwrap .fac{position: absolute;z-index:1;width:50px;height:50px;display:flex;-webkit-display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;border:1px solid #ffffff;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:50%;background:none;}
.bannerwrap .fac img{max-width:30%;max-height:30%;}
.bannerwrap .fac.i-button-prev{left:calc((100% - 1600px)/2);}
.bannerwrap .fac.i-button-next{right:calc((100% - 1600px)/2);}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.index01-top{margin: 80px auto;}
.index01-top p{font-size: 18px;color: #222222;line-height: 30px;}
.index01{width: 100%;position: relative;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;padding: 100px 0;}
.index01 .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 0;}
.index01 .text{width: 840px;background-color: rgba(255,255,255,0.9);padding: 60px 90px;box-sizing: border-box;position: relative;z-index: 1;}
.index01 .text h3{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index01 .text p{font-size: 16px;color: #222222;line-height: 24px;}
.index01 .text ul{margin-top: 40px;}
.index01 .text h4{font-size: 18px;color: #222222;line-height: 24px;font-weight: bold;}
.index01 .text ul li{box-sizing: border-box;position: relative;padding-left: 70px;margin-bottom: 20px;}
.index01 .text ul li img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);max-width: 60%;}

/* index02 */
.index02{margin: 120px auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.index02 li{text-align: center;width: calc(100% / 3);}
.index02 li .imgbox{width: 90px;height: 90px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;margin-bottom: 10px;}
.index02 li .imgbox img{max-width: 100%;max-height: 100%;margin-bottom: 30px;}
.index02 li p{font-size: 30px;color: #222222;}

/* index03wrap */
.index03wrap{width: 100%;background-color: #F8F8F8;padding: 80px 0;}
.index03{margin: auto;}
.index03wrap h3{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.index03wrap h4{font-size: 16px;color: #222222;line-height: 30px;}
/* center02 */
.center02{width: 1200px;}
.index04{margin: 120px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.index04 .li{width: calc((100% - 120px)/2);box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;border-left: 3px solid #069DA3;box-sizing: border-box;margin-bottom: 100px;}
.index04 .li .imgbox{width: 210px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;height: 100px;align-items: center;-webkit-align-items: center;}
.index04 .li .imgbox img{max-width: 70%;max-height: 100%;}
.index04 .li .text{width: calc(100% - 210px);}
.index04 .li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.index04 .li .text h4{font-size: 16px;color: #222222;line-height: 24px;}

/* index05wrap */
.index05wrap{width: 100%;position: relative;padding-bottom: 120px;}
.index05wrap::before{content: '';display: block;width: 100%;height: calc(100% - 120px);position: absolute;left: 0;bottom: 0;z-index: 0;background: linear-gradient(60deg, #CDD9DE 0%, #F4F9FD 100%);}
.index05{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-end;-webkit-align-items: flex-end;position: relative;z-index: 1;}
.index05 .imgbox{width: 50%;overflow: hidden;}
.index05 .imgbox img{width: 100%;}
.index05 .text{width: 50%;box-sizing: border-box;padding-left: 100px;margin-bottom: 50px;}
.index05 .text h3{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.index05 .text h4{font-size: 16px;color: #222222;line-height: 30px;margin-bottom: 70px;}
.more{width: 180px;height: 50px;background-color: #4486B7;border-radius: 25px;text-align: center;font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;transition: all .3s;}
.index05 .text .more:hover{background-color: #055590;}

/* index06wrap */
.index06wrap{width: 100%;height: 560px;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.index06wrap .map{position: absolute!important;width: 100%;height: 100%;z-index: 0;}
.index06wrap .text{
    width: 450px;
    background:rgba(39, 85, 119, 0.9);
    border-radius: 50%;
    box-sizing: border-box;
    padding: 60px;
    text-align: center;
    transform: translateX(230px);
}
.index06wrap .text h3{font-size: 18px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.index06wrap .text p{font-size: 18px;color: #FFFFFF;line-height: 26px;}
/* index07 */
.index07{width: 100%;}
.index07 .bg{width: 100%;}


/* footerwrap */
.footerwrap{width: 100%;position: relative;background-color: #262626;}
/* footer */
.footer{margin: auto;border-bottom: 1px solid rgba(255,255,255,0.2);text-align: center;padding: 60px 0;position: relative;}
.footer .f-logo{display: inline-block;margin: auto;margin-bottom: 60px;}
.footer p{font-size: 22px;color: #FFFFFF;}
/* record */
.record{margin: auto;padding: 30px 0 60px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.record a,.record p{font-size: 20px;color: #FFFFFF;}
/* f-fx */
.f-fx{position: absolute;right: 0;bottom: 60px;}
.f-fx a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 60px;height: 60px;border-radius: 50%;margin-bottom: 55px;transition: all .3s;}
.f-fx a>img{filter: invert(1);max-width:50%;max-height:50%;}
.f-fx a:nth-of-type(1){background-color: #B50513;}
.f-fx a:nth-of-type(2){background-color: #4DB9A9;}
.f-fx a:nth-of-type(3){background-color: #F39800;margin-bottom:0;}
.f-fx a .ewmshow{width: 120px;height: 120px;background-color: #fff;position: absolute;right: 70px;box-sizing: border-box;padding: 10px;opacity: 0;visibility: hidden;transition: all .3s;}
.f-fx a .ewmshow::before{content: '';display: block;border: 5px solid transparent;border-left-color: #fff;position: absolute;right: -10px;top: 50%;}
.f-fx a .ewmshow img{width: 100%;height: 100%;object-fit: cover;}
.f-fx a:hover .ewmshow{opacity: 1;visibility: visible;}
.f-fx a:hover{box-shadow: 1px 3px 6px 3px rgba(0,0,0,0.6);}

/* a-banner */
.a-banner::after{
    display: block;
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(226,2241,253,1));
    z-index: 1;
}
.a-banner.mdsb::after{
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,1));
}
.a-banner.ll::after{
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(254,251,247,1));
}
.a-banner{position: relative;overflow: hidden;}
.a-banner .bg-swiper{width:100%;margin:0;}
.a-banner .bg{width: 100%;}
.a-banner .text{position: absolute;z-index:5;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;padding-top: 110px;}
.a-banner .text h3{font-size: 48px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.a-banner .text h4{font-size: 18px;color: #FFFFFF;}
/* center03 */
.center03{width: 1400px;}
.mbx{position: absolute;z-index:5;bottom: 30px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;}
.mbx a,.mbx i{font-size: 16px;color: #333333;}
.mbx i{margin: 0 10px;}
/* about01 */
.about01{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;display: flex;display: -webkit-flex;margin: 70px 0 140px;align-items: flex-start;-webkit-align-items: flex-start;}
.about01-l{width: 50%;box-sizing: border-box;padding-left: calc((100% - 1400px)/2);padding-right: 70px;margin-top: 70px;}
.about01-l h3{font-size: 40px;color: #222222;font-weight: bold;line-height: 66px;margin-bottom: 30px;}
.about01-l h4,.about01-l p{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 60px;}
.about01-l .more{background-color: #055590;transition: all .3s;}
.about01-l .more:hover{background-color: #4486B7;}
.about01-r{width: 50%;border-top-left-radius: 104px;}
.about01-r img{width: 100%;}

/* belief01wrap */
.belief01wrap{margin: 100px auto;}
.belief01-top h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.belief01-top h4{font-size: 18px;color: #222222;line-height: 30px;}
.belief01-top{margin-bottom: 60px;}
.belief01{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.belief01 li{width: calc((100% - 140px)/3);text-align: center;margin-bottom: 100px;margin-right: 70px;}
.belief01 li:nth-of-type(3n){margin-right: 0;}
.belief01 li .imgbox{width: 120px;height: 120px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;margin-bottom: 30px;}
.belief01 li .imgbox img{max-width: 100%;max-height: 100%;}
.belief01 li p{font-size: 36px;color: #222222;}

/* belief02 */
.belief02{margin: 100px auto 150px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.belief02 .item{width: calc((100% - 80px)/3);background: #F5F5F5;padding: 50px 40px 60px;box-sizing: border-box;transition: all .5s;position: relative;z-index: 0;}
.belief02 .item::before{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(-48deg, #09F3CD, #02226A);position: absolute;left: 0;top: 0;z-index: -1;opacity: 0;transition: all .5s;}
.belief02 .item h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.belief02 .item strong{display: block;width: 26px;height: 2px;background-color: #0392AF;margin-bottom: 30px;}
.belief02 .item h4{font-size: 16px;color: #666666;line-height: 24px;}
.belief02 .item:hover::before{opacity: 1;}
.belief02 .item:hover h3,.belief02 .item:hover h4{color: #fff;}
.belief02 .item:hover strong{background-color: #fff;}

/* core01wrap */
.core01wrap{margin: 100px auto 160px;}
.core01-top{width: 100%;}
.core01-top h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.core01-top h4{font-size: 18px;color: #222222;line-height: 30px;}
/* core01 */
.core01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-top: 60px;}
.core01 .core01item{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;background-color: #F5F5F5;margin-bottom: 40px;box-sizing: border-box;}
.core01 .core01item .imgbox img{width: 100%;border-radius:50%;}
.core01 .core01item.one{width: 100%;padding: 100px 140px 140px;}
.core01 .core01item.one .imgbox{width: 506px;height: 506px;overflow: hidden;border-radius: 50%;background-color: #DCDCDC;}
.core01 .core01item.one .text{width: calc(100% - 620px);text-align: center;}
.core01 .core01item.one .text h3{font-size: 62px;color: #053074;font-weight: bold;margin-bottom: 50px;}
.core01 .core01item.one .text p{font-size: 32px;color: #444444;margin-bottom: 50px;}
.core01 .core01item.one .text .more{width: 289px;height: 74px;border-radius: 18px;border: 1px solid #043074;background-color: transparent;font-size: 28px;color: #053074;margin: auto;}
.core01 .core01item.two{width: calc((100% - 40px)/2);padding: 80px 70px;}
.core01 .core01item.two .imgbox{width: 246px;height: 246px;border-radius: 50%;background-color: #DCDCDC;}
.core01 .core01item.two .text{width: calc(100% - 250px);text-align: center;}
.core01 .core01item.two .text h3{font-size: 30px;color: #053074;font-weight: bold;margin-bottom: 30px;}
.core01 .core01item.two .text p{font-size: 16px;color: #444444;line-height: 24px;margin-bottom: 30px;}
.core01 .core01item.two .text .more{width: 140px;height: 36px;border-radius: 18px;border: 1px solid #043074;background-color: transparent;color: #043074;margin: auto;}

.core01 .core01item .text .more:hover{background-color: #043074;color: #fff;}

/* core01-bot */
.core01-bot{width: 100%;text-align: center;margin-top: 40px;}
.core01-bot p{font-size: 18px;color: #222222;line-height: 46px;}
.core01-bot h3{font-size: 24px;color: #222222;font-weight: bold;line-height: 46px;}


/* coreinfo01 */
.coreinfo01{margin: 100px auto;}
.coreinfo01 .top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 80px;}
.coreinfo01 .top .imgbox{width: 200px;height: 200px;background-color: #DCDCDC;border-radius: 50%;overflow:hidden;}
.coreinfo01 .top .imgbox img{width:100% !important;height:100% !important;object-fit:cover;}
.coreinfo01 .top .text{max-width: calc(100% - 270px);margin-left: 70px;}
.coreinfo01 .top .text h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.coreinfo01 .top .text p{font-size: 16px;color: #444444;}
.coreinfo01 .info,.coreinfo01 .info p{font-size: 16px;color: #444444;line-height: 24px;}

.newbox{
   margin: 0 auto;
   width: max-content;
   max-width: 100%;
   position: relative;
}
.newbox .rw{
   width: 400px;
   position: relative;
   z-index: 1;
   border-radius: 50%;
}
.newbox .content{
    width: 500px;
    margin-left: 230px;
    margin-top: -60px;
    padding: 70px 25px 50px 25px;
    /*border: 5px solid #747474;*/
    position: relative;
}
.newbox .content p,
.newbox .content span{
   line-height: 24px;
}
.newbox .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.4;
}
.newbox .content .caoly{
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    top: -70px;
    right: 25px;
}
/* coreinfo02 */
.coreinfo02{width: 100%;display: flex;display: -webkit-flex;margin-top: 200px;}
.coreinfo02 .arrow{width: 50%;padding: 60px 160px;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;box-sizing: border-box;background-color: #F5F5F5;position:relative;z-index:1;}
.coreinfo02 .arrow img{height: 24px;transition:0.5s;}
.coreinfo02 .arrow p{font-size: 30px;color: #444444;text-align: center;line-height: 30px;width: calc(100% - 30px);transition:0.5s;}
.coreinfo02 .arrow p span{font-size: 14px;display: block;transition:0.5s;}
.coreinfo02 .arrow:last-child{background-color: rgba(4,48,116,0.3);}
.coreinfo02 .arrow:last-child p{color: #fff;}
.coreinfo02 .arrow:first-child img{filter: brightness(0.2);}

.coreinfo02 .arrow::before{
   display: block;
   content: '';
   width: 0;
   height: 100%;
   background-color: #043074;
   transition: 0.6s;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
}
.coreinfo02 .arrow:first-child::before{
    left: unset;
    right: 0;
}
.coreinfo02 .arrow:first-child:hover p,
.coreinfo02 .arrow:first-child:hover span{
    color: #fff;
}
.coreinfo02 .arrow:first-child:hover img{
    filter: unset;
}
.coreinfo02 .arrow:hover::before{
   width: 100%;
}
/* involvedwrap */
.involvedwrap.mdsb{
  background-color: #fefbf7;
}
.involvedwrap{background: #EAF4FC;padding: 100px 0;overflow: hidden;box-sizing: border-box;}
.involved{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;}
.involved-l{width: calc(100% - 440px);}
/* involved01 */
.involved01{width: 100%;margin-bottom: 60px;}
.involved01 .tl{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 70px;}
.involved01 .tl>p{font-size: 16px;color: #222;margin-top: 40px;}
.involved01 .info p{font-size: 16px;color: #222222;line-height: 30px;margin-bottom: 30px;}
.involved01 .info p strong{line-height: 30px;}
.involved01 .info p img{display: inline-block;line-height: 30px;vertical-align: sub;margin-right: 10px;}

/* involved-r */
.involved-r{width: 380px;box-sizing: border-box;padding: 30px 40px;background-color: #DEEAF2;}
.involved-r h3{box-sizing: border-box;padding-left: 10px;border-left: 5px solid #043074;font-size: 18px;color: #053074;line-height: 24px;margin-bottom: 30px;}
.involved-r ul{}
.involved-r ul li{display: flex;display: -webkit-flex;margin-bottom: 20px;}
.involved-r ul li p{font-size: 16px;color: #666666;width: 60px;line-height: 26px;}
.involved-r ul li h4{font-size: 16px;color: #444444;line-height: 26px;width: calc(100% - 60px);font-weight: bold;}
.involved-r .more{width: 100%;height: 36px;background-color: #043074;margin-top: 40px;}
.involved-r .more:hover{background-color: #02226A;}

/* involved02 */
.involved02{width: 100%;}
.involved02 .tl{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 30px;}
.involved02 .tl img{margin-right: 10px;}
.involved02 .tl h3{font-size: 24px;color: #222222;font-weight: bold;}
.involved02min{width: 100%;}
.swiper-involved02 .swiper-slide{background-color: #DEEAF2;box-sizing: border-box;padding:40px 50px;} 
.swiper-involved02 .swiper-slide h4,.swiper-involved02 .swiper-slide p{font-size: 14px;color: #666666;line-height: 30px;}
.swiper-involved02 .swiper-slide p{text-align: right;margin-top: 30px;}
.involved02-pagination{position: relative;display: flex;display: -webkit-flex;margin-top: 40px;}
.involved02-pagination .swiper-pagination-bullet{width: 20px;height: 20px;background: #043074;border-radius: 50%;transform: scale(0.4);transition: all .3s;margin-right: 6px;}
.involved02-pagination .swiper-pagination-bullet-active{transform: scale(1);}

/* involvedfour */
.involvedfour{width: 100%;margin-bottom: 100px;}
.involvedfour h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 60px;text-align: center;}
.involvedfour h4,.involvedfour p{font-size: 16px;color: #222222;line-height: 30px;}
.involvedfour video{display: block;width: 100%;height:auto;margin:15px auto;max-width:100%;}
.involvedfour img{margin:15px auto;max-width:100%;}

.ccct{
  margin: 0 auto;
  width: 1130px;
}
.ccct .more{
    margin: auto;
    width: 300px;
    height: 60px;
    background: #043074;
    border-radius: 30px;
}
.ccct h3{
    font-size: 40px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 60px;
    text-align: center;
}
.clc-content{
  margin-bottom: 100px;
}
.clc-content P{
  /*font-family: Source Han Sans CN;*/
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  padding-left: 79px;
}
.clc-content h4{
    font-size: 20px;
    color: #222222;
    padding-left: 79px;
    line-height: 30px;
}
.clc-content p:not(:first-of-type){
  margin-top: 20px;
}
.clc-content .zs{
  width: 100%;
  margin: 53px 0 84px 0;
  background: url('../images/clc1.png') no-repeat center / cover;
}
.clc-content .zs .mide{
  width: calc(100% - 80px - 79px);
  padding: 85px 80px 85px 79px;
  display: flex;
  align-items: flex-start;
}
.clc-content .zs .mide img{
  width: 330px;
  margin-top: 65px;
}
.clc-content .zs .mide .wz{
  width: calc(100% - 330px - 73px - 73px);
  padding: 60px 73px 20px 73px;
  background-color: #FFFFFF;
  /*min-height: 580px;*/
}
.clc-content .zs .mide .wz h3{
  /*font-family: Source Han Sans CN;*/
  font-weight: 800;
  font-size: 24px;
  color: #222222;
  line-height: 30px;
}
.clc-content .zs .mide .wz p{
  padding: 0;
  /*font-family: Source Han Sans CN;*/
  font-weight: 400;
  font-size: 20px;
  color: #222222;
  line-height: 32px;
  margin-top: 0;
}
.clc-content .zs .mide .wz p:not(:first-of-type){
  margin-top: 18px;
}
.clc-content .zs .mide .wz p span{
  font-size: 24px;
}
/* resource01wrap */
.resource01wrap{margin: 100px auto;}
.resource01-top{width: 100%;text-align: center;margin-bottom: 60px;}
.resource01-top h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.resource01-top h4{font-size: 18px;color: #222222;line-height: 30px;}
/* resource01 */
.resource01{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 100px;}
.resource01 .item{width: calc((100% - 40px)/2);position: relative;margin-bottom: 60px;}
.resource01 .item .imgbox{width: 100%;overflow: hidden;border-radius: 10px;height: 280px;margin-bottom: 30px;}
.resource01 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.resource01 .item:hover .imgbox img{transform: scale(1.1);}
.resource01 .item .text{text-align: center;}
.resource01 .item .text h3{font-size: 20px;color: #053074;margin-bottom: 20px;}
.resource01 .item .text p{font-size: 16px;color: #444444;margin-bottom: 30px;}
.resource01 .item .text .links{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.resource01 .item .text .links .more{width: 140px;height: 36px;border-radius: 18px;border: 1px solid #043074;background-color: transparent;color: #043074;margin-right: 10px;}
.resource01 .item .text .links .more img{height: 20px;margin-right: 10px;}
.resource01 .item .text .links .more:last-child{margin-right: 0;}
.resource01 .item .text .links .more:hover{background-color: #043074;color: #fff;}
.resource01 .item .text .links .more:hover img{filter: brightness(0) invert(1);}

/* news-page */
.n-page{margin:auto;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:40px;height:40px;background:transparent;border: 1px solid #EAEAEA;margin-right: 6px;padding: 0;background-color: transparent;border-radius: 4px;min-width: auto;}
.part  .el-pagination .btn-next{width:40px;height:40px;background:transparent;border: 1px solid #EAEAEA;padding: 0;background-color: transparent;border-radius: 4px;min-width: auto;}
/* .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:14px;content:"<";color: #888888;}
 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:14px;content:">";color: #888888;} */
/* .part  .el-pagination .btn-quickprev{width:40px;height:40px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:40px;height:40px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;} */
.part  .el-pagination .btn-quicknext:before{content:""}
.part .el-pagination__jump{margin-left: 10px;}
.part .el-pagination__editor.el-input{width: 60px;}
.part .el-pagination__editor.el-input .el-input__inner{height: 40px;}
 /* .part  .el-pagination__jump{display:none!important;} */
.el-pager{display: flex;display: -webkit-flex;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 40px;height: 40px;background-color: transparent;margin-right: 6px;line-height: 38px;border-radius: 4px;border: 1px solid #EAEAEA;box-sizing: border-box;min-width: auto;font-size: 12px;font-weight: normal;}
.el-pager li.active{background-color: #043074;color: #fff;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{margin-top:0;text-align:center;background-color:transparent;display:flex;display:-webkit-flex;align-items:center;-webkti-align-items:center;justify-content:center;-wbekit-justify-content:center;}
.part .el-pagination .btn-quicknext:before,.part .el-pagination .btn-quickprev:before{content:'...';width:auto;height:auto;position:relative;background-color:transparent;}
.el-pager li.active+li{border-left: 1px solid #EAEAEA;}
.el-pager li.active:hover{color: #fff;}

.involvedfour .more{margin: auto;width: 300px;height: 60px;background: #043074;border-radius: 30px;margin-top: 180px;}

/* contactwrap */
.contactwrap{margin: 100px auto 150px;}
.contact-top{width: 100%;}
.contact-top h3{font-size: 40px;font-weight: bold;margin-bottom: 40px;color: #222222;}
.contact-top h4{font-size: 18px;color: #222222;line-height: 30px;}
/* contact */
.contact{margin-top: 100px;}
.contact-form{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.contact-form .item{width: calc((100% - 120px)/2);margin-bottom: 40px;}
.contact-form .item p{font-size: 16px;color: #222222;line-height: 30px;}
.contact-form .item p span{color: #F60707;}
.contact-form .item input,.contact-form .item select{background-color: transparent;border: none;outline: none;border-bottom: 1px solid #E5E5E5;width: 100%;height: 60px;font-size: 16px;color: #666666;}
.contact-form .item textarea{background-color: transparent;border: none;outline: none;border-bottom: 1px solid #E5E5E5;width: 100%;height: 120px;font-size: 16px;color: #666666;resize: none;padding-top: 20px;box-sizing: border-box;}
.contact-form .item.textareaitem{width: 100%;}
.contact-form .more{width: 465px;height: 50px;background: #043074;border-radius: 25px;border: none;margin: auto;margin-top: 30px;}
.contact-form .more:hover{background-color: #055590;}



@media (max-width: 1680px) {
	.center{width: 1300px;}
	.nav>li>a{line-height: 100px;}
	.about01-l{padding-left: calc((100% - 1300px)/2);}
	.center03{width: 1300px;}
	
	.bannerwrap .fac.i-button-prev{left:calc((100% - 1300px)/2);}
.bannerwrap .fac.i-button-next{right:calc((100% - 1300px)/2);}
     
     /*.clc-content P{*/
     /*    padding-left: 89px;*/
     /*}*/
     /*.clc-content .zs .mide{*/
     /*    width: calc(100% - 89px - 90px);*/
     /*    padding: 65px 90px 84px 89px;*/
     /*}*/
     /*.clc-content .zs .mide img{*/
     /*    width: 527px;*/
     /*}*/
     /*.clc-content .zs .mide .wz{*/
     /*    width: calc(100% - 527px - 72px - 70px);*/
     /*    padding: 75px 70px 25px 72px;*/
     /*    background-color: #FFFFFF;*/
     /*    min-height: 560px;*/
     /*}*/
	
}

@media (max-width: 1400px) {
	.center,.center03{width: 1200px;}
	.about01-l{padding-left: calc((100% - 1200px)/2);}
	
	.involved01 .tl{font-size: 36px;}
	.a-banner .text h3{font-size: 40px;}
	.nav>li>a{line-height: 90px;}
	.a-banner .text{padding-top: 90px;}
	.index05 .text{padding-left: 80px;}
	.index05wrap::before{height: calc(100% - 80px);}
	
	.bannerwrap .fac.i-button-prev{left:calc((100% - 1200px)/2);}
.bannerwrap .fac.i-button-next{right:calc((100% - 1200px)/2);}
.about01-l{
    margin-top: 50px;
}
	
     /*.clc-content P{*/
     /*    padding-left: 79px;*/
     /*}*/
     /*.clc-content .zs{*/
     /*    margin: 49px 0 74px 0;*/
     /*}*/
     /*.clc-content .zs .mide{*/
     /*    width: calc(100% - 79px - 80px);*/
     /*    padding: 60px 80px 74px 79px;*/
     /*}*/
     /*.clc-content .zs .mide img{*/
     /*    width: 490px;*/
     /*}*/
     /*.clc-content .zs .mide .wz{*/
     /*    width: calc(100% - 490px - 62px - 60px);*/
     /*    padding: 69px 60px 25px 62px;*/
     /*    background-color: #FFFFFF;*/
     /*    min-height: 530px;*/
     /*}*/
     /*.clc-content p:not(:first-of-type){*/
     /*    margin-top: 18px;*/
     /*}*/
	
}

@media (max-width: 1300px) {
    .center,.center03,.center02{width: 1100px;}
    .about01-l{padding-left: calc((100% - 1100px)/2);}
    
	.involved01 .tl{font-size: 34px;}
	.a-banner .text h3{font-size: 38px;}
	.nav>li>a{line-height: 88px;}
	.a-banner .text{padding-top: 70px;}
	.index05 .text{padding-left: 60px;}
	
	.bannerwrap .fac.i-button-prev{left:calc((100% - 1100px)/2);}
.bannerwrap .fac.i-button-next{right:calc((100% - 1100px)/2);}
.about01-l{
    margin-top: 40px;
}

     /*.clc-content P{*/
     /*    padding-left: 65px;*/
     /*}*/
     /*.clc-content .zs{*/
     /*    margin: 44px 0 66px 0;*/
     /*}*/
     /*.clc-content .zs .mide{*/
     /*    width: calc(100% - 65px - 70px);*/
     /*    padding: 55px 70px 66px 65px;*/
     /*}*/
     /*.clc-content .zs .mide img{*/
     /*    width: 440px;*/
     /*}*/
     /*.clc-content .zs .mide .wz{*/
     /*    width: calc(100% - 440px - 50px - 50px);*/
     /*    padding: 60px 50px 25px 50px;*/
     /*    background-color: #FFFFFF;*/
     /*    min-height: 500px;*/
     /*}*/
     /*.clc-content p:not(:first-of-type){*/
     /*    margin-top: 17px;*/
     /*}*/
}