*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none;  
    font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans; font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,p{ display: block;}
img { display: block;}
li {list-style: none;}
a {text-decoration: none;  }
body,html {height: 100%;width: 100%;font-size: 10px;}
 

input{ -webkit-appearance:none; } 

 

 


 
 
/* 字体 */

@font-face {
    /* 思源黑体 - Regular */
    font-family: 'sourceHanSansCNRegular';
    src: url('../../style/font/SourceHanSansCN-Regular.otf');
    src: url('../../style/font/SourceHanSansCN-Regular.otf') format('truetype');
}
@font-face {
    /* 思源黑体 - Medium */
    font-family: 'SourceHanSansCNMedium';
    src: url('../../style/font/SourceHanSansCN-Medium.otf');
    src: url('../../style/font/SourceHanSansCN-Medium.otf') format('truetype');
}
@font-face {
    /* 思源黑体 - Bold */
    font-family: 'SourceHanSansCNBold';
    src: url('../../style/font/SourceHanSansCN-Bold.otf');
    src: url('../../style/font/SourceHanSansCN-Bold.otf') format('truetype');
}

@font-face {
    /* Century Gothic - Bold */
    font-family: 'centuryGothicBold';
    src: url('../../style/font/Century-Gothic-Bold.ttf');
    src: url('../../style/font/Century-Gothic-Bold.ttf#iefix') format('truetype');
}




   

 
/* more */
.more{ width: 136px; height: 38px; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(67deg, #0e89cc, #1f55a3); border-radius: 2em; color: #fff; font-size: 16px; transition: all .2s;  }
.more:hover{ background: #fff; color: #1559b9; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);}




.icenter { width:1260px; margin:0 auto; }
 


*:focus{ outline:none; }







 

.mgheader{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%;  }
.mgheader:after{ content: ""; background:#fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;  }
.mgheader .dh{ display: flex; align-items: center; justify-content: space-between; height: 70px;}
.mgheader .dh .logo{}
.mgheader .dh .logo img{ display: block; width: auto; height:58px; }
.mgheader .dh .mgnav{ display: flex; }
.mgheader .dh .mgnav dl{ position: relative;}
.mgheader .dh .mgnav dl dd{}
.mgheader .dh .mgnav dl dd a{ display: flex; height: 70px; justify-content: center; align-items: center; font-size: 18px; color: #111; padding: 0 16px; position: relative;  }
.mgheader .dh .mgnav dl dd a::after{  content: ""; background-image: linear-gradient(67deg, #0e89cc, #1f55a3); position: absolute; bottom: 0px; left: 0%; width: 0%; height: 2px; transition: all .3s; }
.mgheader .dh .mgnav dl dt{    position: absolute; width: 180px; height: auto;  top: 70px; left: 0; opacity: 0; visibility: hidden; transition: all .1s; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); border-radius: 0px 0px 4px 4px; padding:2px 20px; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); }
.mgheader .dh .mgnav dl dt a{ display: block; color: #000; font-size: 16px; margin: 24px 0;}
.mgheader .dh .mgnav dl:hover dd a{ background: rgba(255, 255, 255, 0.35); color:#1559b9; }
.mgheader .dh .mgnav dl:hover dd a:after{  width: 100%;  }
.mgheader .dh .mgnav dl:hover dt{ opacity: 1; visibility: visible; }
.mgheader .dh .mgnav dl dt a:hover{ color:#1559b9;}

.mgheader .dh .rh{ display: flex; align-items: center;}
.mgheader .dh .rh .da{ display: flex; }
.mgheader .dh .rh .da a{ display: block; color: #111; font-size: 16px; margin-right: 16px; }
.mgheader .dh .rh .da a:hover{ color:#1559b9; }
.mgheader .dh .rh .ca{cursor: pointer;}
.mgheader .dh .rh .ca img{ display: block; width: 22px; }
.mgheader .dh .rh .ca .capic2{ display: none;}
.mgheader .dh .rh .on .capic1{ display: none;}
.mgheader .dh .rh .on .capic2{ display: block;}
.mgheader .dh .rh .searchtag{ background: rgba(255, 255, 255, 0.5); box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); backdrop-filter: blur(10px); position: fixed; top: 70px; left: 0; width: 100%; z-index: 999;display: none; }
.mgheader .dh .rh .searchtag form{ display: block; width:1000px; overflow: hidden; position: relative; margin: 30px auto;  border-radius: 4px; }
.mgheader .dh .rh .searchtag form input{display: block; width: 100%; height: 50px; border: 0; color: #fff; padding-left: 20px; font-size: 16px; background-image: linear-gradient(67deg, #0e89cc, #1f55a3);}
.mgheader .dh .rh .searchtag form .fa{ cursor: pointer; display: block; border: 0; background: none; top: 0; right: 0; position: absolute; width: 50px; height: 50px; font-size: 20px; color: #fff;}
 

input:-moz-placeholder,textarea:-moz-placeholder {color: #ccc;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}






 

.banner{position: relative; width: 100%; display: block;  background: #fff; overflow: hidden; height: calc(100% - 70px); margin-top: 70px;}

.inbanner_Swiper{ position: relative; z-index: 9; height: 100%; overflow: hidden; display: block;  }
.inbanner_Swiper .swiper-slide .bg,.inbanner_Swiper .swiper-slide video{display: block; width: 100%; height: 100%; position: relative; object-fit: cover;}
.inbanner_Swiper .swiper-slide:after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.3;}
.inbanner_Swiper .txt{position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);}
.inbanner_Swiper .txt dd{overflow: hidden; margin: 0; padding: 0;}



.inbanner_Swiper .swiper-slide-active .bg {opacity: 1;transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
.inbanner_Swiper .swiper-slide-active .bg{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.inbanner_Swiper .swiper-slide .bg { transition: all .2s;animation-duration:3s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;}


 
.banner .inbanner_Swiper .swiper-slide .txt h3{display: block; color: #fff; font-size:60px; font-weight: bold; line-height:60px; }
.banner .inbanner_Swiper .swiper-slide .txt h4{display: block; color: #fff; font-size: 26px; line-height: 30px; margin:36px 0 0; }
.banner .inbanner_Swiper .swiper-slide .txt .line{ background-image: linear-gradient(67deg, #0e89cc, #1f55a3); display: block; width: 160px; height: 2px; margin-top: 36px;}

.banner .inbanner_Swiper .swiper-slide .txt h3{position: relative; opacity: 0; top: 150px; transition: all 1.2s;}
.banner .inbanner_Swiper .swiper-slide .txt .line{position: relative; opacity: 0; top: 150px; transition: all 1.2s;}
.banner .inbanner_Swiper .swiper-slide .txt h4{position: relative; opacity: 0; top: 150px; transition: all 1.4s;}
.banner .inbanner_Swiper .swiper-slide .txt h5{position: relative; opacity: 0; top: 150px; transition: all 1.6s;}
.banner .inbanner_Swiper .swiper-slide-active .txt h3,.banner .inbanner_Swiper .swiper-slide-active .txt h4,.banner .inbanner_Swiper .swiper-slide-active .txt h5,.banner .inbanner_Swiper .swiper-slide-active .txt .line{opacity: 1; top: 0;  }

.banner .inbanner_lfrh{position: absolute; width: 40px; height: 40px; top: 50%; left: 20px; z-index: 9999; color: #fff; font-size: 32px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; opacity: 0.2;}
.banner .inbanner_next{left:auto; right:30px; }
.banner .inbanner_lfrh:hover{ opacity:1; }
 

.banner .inbanner_Swiper .inswiperpagination{ position: absolute; bottom: 40px; z-index: 9999; left: 0; text-align: center; width: 100%; }
.banner .inbanner_Swiper .inswiperpagination span{ background: #fff;  cursor: pointer; width: 16px; height: 16px; margin: 0 6px; opacity: 0.5; }
.banner .inbanner_Swiper .inswiperpagination .swiper-pagination-bullet-active{  background-image: linear-gradient(67deg, #0e89cc, #1f55a3); opacity: 1;  }

 



.incompany{ background: url(../img/incompanybg.jpg); background-size: cover; display: block; overflow: hidden; position: relative; padding: 100px 0; }
.incompany .icont{ display: flex; justify-content: space-between; }
.incompany .icont .lf{ display: block; overflow: hidden; width: 42%;}
.incompany .icont .lf h3{ display: block; color: #333; font-size: 36px; font-weight: bold; }
.incompany .icont .lf .line{ background-image: linear-gradient(67deg, #0e89cc, #1f55a3); display: block; width: 60px; height: 2px; margin: 30px 0; }
.incompany .icont .lf h4{ display: block; color: #333; font-size: 18px; text-align: justify; line-height: 32px; }
.incompany .icont .lf .more{ margin-top: 30px; }
.incompany .icont .rh{ display: block;   width: 48%;}
.incompany .icont .rh dd{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); border-radius: 10px; padding: 30px; width: 48%; float: left; margin: 0 4% 4% 0; }
.incompany .icont .rh dd:nth-child(2n),.incompany .icont .rh dd:nth-child(3n){    background: #004ba0;}
.incompany .icont .rh dd:nth-child(2n){ float: right; float: right; margin: 10% 0 4% 0; }
.incompany .icont .rh dd:nth-child(4n){  background: #fff; margin-top: 0;}
.incompany .icont .rh dd p{}
.incompany .icont .rh dd p strong{ -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; font-size: 60px; line-height: 60px; font-family: centuryGothicBold;}
.incompany .icont .rh dd p span{ -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; font-size: 24px;  }
.incompany .icont .rh dd .text{ display: block; color: #333; font-size: 18px; margin: 20px 0; }
.incompany .icont .rh dd img{ display: block; float: right; width: auto; height: 70px; }

.incompany .icont .rh dd:nth-child(2) img,.incompany .icont .rh dd:nth-child(3) img{ filter: brightness(0) invert(1);}
.incompany .icont .rh dd:nth-child(2) p strong,.incompany .icont .rh dd:nth-child(3) p strong,.incompany .icont .rh dd:nth-child(2) p span,.incompany .icont .rh dd:nth-child(3) p span,.incompany .icont .rh dd:nth-child(2) .text,.incompany .icont .rh dd:nth-child(3) .text{ color: #fff; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: initial; background-image: initial;}









.inpro{ display: block;   padding: 100px 0; position: relative; }
.inpro .tt{ display: flex; justify-content: space-between; align-items: center; }
.inpro .tt span{ display: block; color: #333; font-size: 36px; font-weight: bold; }
.inpro .tt .more{}
.inpro .inaa{ position: relative; overflow: hidden;  border-bottom: 1px solid #ddd; margin: 30px auto; }
.inpro .inaa a{ display: block; float: left; color: #666; font-size: 18px; padding-bottom: 20px; margin: 0 50px 0 0; font-weight: bold; position: relative; cursor:pointer; }
.inpro .inaa a:after{ content: ""; position: absolute; width: 100%; height: 2px; background-image: linear-gradient(67deg, #0e89cc, #1f55a3); bottom: 0; left: 0; opacity: 0; }
.inpro .inaa .active,.inpro .inaa a:hover{color: #1f55a3;}
.inpro .inaa .active:after{opacity: 1;}
.inpro .inbb{}
.inpro .inbb dl{ display: none;  }
.inpro .inbb dl:nth-child(1){ display: block;  }
.inpro .inbb dl dd{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px; }
.inpro .inbb dl dd a{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px; margin-bottom: 30px; position: relative; font-size: 16px; color: #333;transition: all .3s; }
.inpro .inbb dl dd a:hover{  background: #1f55a3;  color: #fff;  }
.inpro .inbb dl dd a::after{  content: ""; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #fff; top: 10px; left: 10px; }







 

 

.inesd{ display: block; overflow: hidden; position: relative; background: url(../img/inesd.jpg); background-size: cover;     height: calc(100% - 100px);}
.inesd .txt{ transform: translate(-50%, 0%); position: absolute; top: 50px; left: 50%;z-index: 9;  }
.inesd .txt strong{ display: block; color: #fff; text-align: center; font-size: 36px; margin-bottom: 20px; }
.inesd .txt span{ display: block; text-align: justify; color: #fff; font-size: 16px; line-height: 26px; }
.inesd .itemlist{display: flex; justify-content: space-between; align-items: stretch; position: relative; height: 100%; }
.inesd .itemlist li{ display: block; overflow: hidden;  position: relative; width: 25%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.inesd .itemlist li::before{ content: ""; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(6px);  position: absolute; width: 1px; height: 100%; top: 0; left: 0;}
.inesd .itemlist li p{ position: relative; z-index: 3;}
.inesd .itemlist li p img{display: block; margin: 0 auto 10px; width: auto; height: 74px;}
.inesd .itemlist li span{ display: block; text-align: center; color: #fff; font-size: 20px; font-weight: bold;position: relative; z-index: 3; }
.inesd .itemlist li:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(6px); display: block; opacity: 0; transition: all 0.36s;}
.inesd .itemlist li:hover:after{  opacity: 1;  }
.inesd .ma{ width: 260px; height: 44px; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(67deg, #0e89cc, #1f55a3); border-radius: 2em; color: #fff; font-size: 16px; transition: all .2s; position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, 0%); z-index: 9;  transition: all 0.36s;}
.inesd .ma:hover{ background:#fff; color: #1f55a3; }
 



 
/* index06 */
.index06 {padding: 120px 0 100px; position: relative; overflow: hidden; background: url(../img/sy_ywbj1.jpg) 100%; background-size: cover;}
.index06 .icenter {position: relative;}
.index06 .title {position: absolute;top: -60px;left: 0px;      width: 100%;  z-index: 1;}
.index06 .title .com_h3 {color: #fff;margin-bottom: 40px;font-size: 50px;font-weight: bold; }
.index06 .title  h4{font-size: 20px;      width: 40%; color: #fff;}
.index06 .title .more{ position: absolute; top: 0; right: 0;}
.index06 .num {position: absolute;bottom: 80px;left: 0px;}
.index06 .num  span {font-size: 20px;margin-bottom: 5px;font-weight: normal;color: #fff;}  
.index06 .num  h4 {    font-size: 24px; font-family: 'alibb'; display: flex; align-items: flex-end; margin-bottom: 22px; line-height: 150px;} 
.index06 .num  h4 strong{font-size: 150px;font-weight: bold;margin-right:5px; color: #0050d0;      font-family: centuryGothicBold;} 
.index06 .num  h4 i {line-height: 35px;color: #0050d0;}
.index06 .num h5 {font-size: 24px;font-weight: bold;color:#0050d0;margin-bottom: 10px;}
.index06 .num h6 {font-size: 16px;color: #fff;}
.index06 .map {    width: 86%; margin-left: 14%; height: 618px; position: relative;     z-index: 10; }
.index06 .map .ditu  {position: absolute;right: 0px;bottom: 0px;}
.index06 .map .ditu img {width: 100%; transition: 0s;   opacity: 0.4;}
.index06 .map .ditu.active img {opacity: 1;}
.ditu2 {z-index: 3;}
.mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;z-index: 10;}
.mapicon:hover {z-index: 20;opacity: 1!important;}
.mapicon:hover .detail{display:flex;}
.mapicon .detail { display: none; width: 400px; position: absolute; top: -162px; left: -174px; background-color: rgba(255, 255, 255, 0.85); justify-content: space-between; align-items: center; padding: 15px; border-radius: 6px; } 
.mapicon .detail .imgbox {width: 155px;}
.mapicon .detail .imgbox img { width: 100%; height: 92px;}
.mapicon .detail .text {width: 178px;}
.mapicon .detail .text  h4 {    font-size: 18px; color: #cd161d; font-weight: bold; margin-bottom: 6px;}
.mapicon .detail .text  p {font-size: 14px; line-height: 20px; color: #333333;}
.mapicon img{     display: block; width: auto; height: auto;}


.index06 .map .hide {position: absolute;    z-index: 4; background-color: transparent;  border-radius: 50%;}
.index06 .map .hide1 { width: 147px; height: 127px;right: 100px; bottom: 50px; }
.index06 .map .hide2 { width: 216px; height: 150px; top: 40%; left: 68%;}
.index06 .map .hide3 { width: 405px; height: 113px; top: 20%; left: 65%;} 
.index06 .map .hide4 { width: 237px; height: 169px; top: 15%; left: 45%;} 
.index06 .map .hide5 { width: 244px; height: 259px; top: 43%; left: 44%;} 
.index06 .map .hide6 { width: 358px; height: 296px; top: 7%; left: 4%;} 
.index06 .map .hide7 { width: 166px; height: 256px; top: 58%; left: 25%;} 
.index06 .map .hide8 { width: 79px; height: 130px; top: 40%; left: 62.5%;} 
.index06 .map .hide9 { width: 150px; height: 167px; top: -1%; left: 31%;;} 

 
 

 

    
.innews{ display: block;  margin: 100px auto 30px; position: relative;}
.innews .tt{display: flex; justify-content: space-between; color: #333; font-size: 36px; font-weight: bold; margin-bottom: 50px; }
.innews .tt .more{}
.innews .innews_Swiper{ display: block; overflow: hidden; position: relative;}
.innews .innews_Swiper a{}
.innews .innews_Swiper a p{display: block;overflow: hidden; border-radius: 10px; margin-bottom: 20px; }
.innews .innews_Swiper a p img{display: block; width: 100%; transition: all .3s; }
.innews .innews_Swiper a .txt{}
.innews .innews_Swiper a .txt strong{ color: #333; font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; min-height: 60px;}
.innews .innews_Swiper a .txt span{ display: block; color: #666; font-size: 14px; }
.innews .innews_Swiper a .txt .rt{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; font-size: 18px; font-weight: bold; margin-top: 20px; display: inline-block;}

.innews .innews_Swiper a:hover p img{   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.innews .innews_Swiper a:hover .txt strong{ color:#1559b9; }
.innews .innews_Swiper a:hover .txt span{ color:#1559b9;  }

.innews_Swiper_pagination{ display: block; overflow: hidden; margin: 40px auto 100px; text-align: center; position: relative; }
.innews_Swiper_pagination span{ width: 12px; height: 12px; margin: 0 5px; background: #ddd; opacity: 1;}
.innews_Swiper_pagination .swiper-pagination-bullet-active{ background: #1559b9; }
 

 
 



 

.footer{ display: block; overflow: hidden; width: 100%; position: relative; background: #000; padding: 80px 0 40px;}

.footer .fta{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
.footer .fta .ftlogo{}
.footer .fta .ftlogo img{ width: auto; height: 58px;}
.footer .fta .shares_search{}
.footer .fta .shares_search .ss_fx{ float: left; display: flex; align-items: center; position: relative;}
.footer .fta .shares_search .ss_fx dd{ margin-left: 20px;}
.footer .fta .shares_search .ss_fx dd a{ cursor:pointer; background: #444; display: flex; width: 40px; height: 40px; border-radius: 50%; position: relative; justify-content: center; align-items: center;}
.footer .fta .shares_search .ss_fx dd a img{display: block; width: auto; height: 26px; filter: brightness(0) invert(1); }
.footer .fta .shares_search .ss_fx dd:hover a{ background-image: linear-gradient(67deg, #0e89cc, #1f55a3); }
.footer .fta .shares_search .ss_fx dd .cc{ display: none; }
.footer .fta .shares_search .ss_fx dd .cc p{}
.footer .fta .shares_search .ss_fx dd .cc p img{}
.footer .fta .shares_search .ss_fx dd .cc p font{}

 

.footer .ftlist{ display: flex; justify-content: space-between; align-items: flex-start; margin: 60px auto; }
.footer .ftlist li{}
.footer .ftlist li span{ }
.footer .ftlist li span a{font-size:20px; color: #ddd; font-weight: bold;}
.footer .ftlist li dd{}
.footer .ftlist li dd a{ display: block; color: #999; font-size: 16px; margin: 15px 0;}
.footer .ftlist li span a:hover,.footer .ftlist li dd a:hover{ color:#1559b9; }

.footer .ftbot{ border-top: 1px solid #383838; padding-top: 30px; display: flex; justify-content: space-between; align-items: flex-start; }
.footer .ftbot .lf{ display: flex;}
.footer .ftbot .lf span,.footer .ftbot .lf a{display: block; color: #999; font-size: 14px;}
.footer .ftbot .lf a{ margin-left: 20px; }
.footer .ftbot .lf a:hover{color:#1559b9;}
.footer .ftbot .rh{}
.footer .ftbot .rh a{ display: flex; justify-content: space-between; align-items: center; background: #222; width: 120px; padding: 10px 20px; border-radius: 2em;}
.footer .ftbot .rh a .tt,.footer .ftbot .rh a .fa{ color: #999; font-size: 12px;}
.footer .ftbot .rh a:hover{  }
 
    




 

.web_banner{ display: block; overflow: hidden; position: relative; margin-top: 70px; }
.web_banner img{ display: block; width: 100%; animation: mysacle 4s ease both; }
.web_banner .txt{position: absolute; top: 50%; left: 50%; z-index: 9; color: #fff; font-size: 36px; transform: translate(-50%, -50%);}
@keyframes mysacle {0% {transform: scale(1.15);}}

.webtt{}
.webtt .bt{}
.webtt .bt .t{ display: block; color: #333; font-size: 36px; font-weight: bold;}
.webtt .bt .lines{ background-image: linear-gradient(67deg, #0e89cc, #1f55a3); display: block; width: 80px; height: 2px; margin: 20px 0 0 0; }


.contact_one{ display: block; position: relative; margin: 50px auto; }
.contact_one .c_item{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 50px; margin: 50px 0; }
.contact_one .c_item dl{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 40px; margin-bottom: 50px; }
.contact_one .c_item dl i{ color: #1f55a3; font-style: inherit; border: 1px solid #1f55a3; border-radius: 2em; padding: 2px 20px; font-size: 14px; }
.contact_one .c_item dl strong{ display: block; color: #333; font-size: 26px; margin: 24px 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; }
.contact_one .c_item dl p{ display: block; color: #333; font-size: 16px; line-height: 26px; }

 

.congtact_two{ display: block; overflow: hidden; position: relative; padding: 50px 0; background: #fafafa;}

.screen-reader-response{ display: none; }

.congtact_two .wpcf7-form{ display: block; position: relative; margin: 30px 0; }
.congtact_two .wpcf7-form .c_two{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 30px; }
.congtact_two .wpcf7-form .c_two dd{ display: block; position: relative; margin-bottom: 20px; }
.congtact_two .wpcf7-form .c_two dd font{ display: block; color: #333; font-size: 16px; margin: 0 0 5px 0; }
.congtact_two .wpcf7-form .c_two dd input,.congtact_two .wpcf7-form .c_two dd textarea{ display: block; width: 100%; height: 40px; border: 1px solid #ddd; font-size: 14px; padding-left: 20px; color: #333; }
.congtact_two .wpcf7-form .c_two dd span{ position: relative; display: block; }
.congtact_two .wpcf7-form .c_two dd span span{ position: absolute; top: 0; right: 20px; color: #f00; line-height: 40px; font-size: 14px; }
.congtact_two .wpcf7-form .c_two dd textarea{ height: 160px; padding-top: 20px; }

.congtact_two .wpcf7-form .c_one{ display: block; }
.congtact_two .wpcf7-form .more{margin: 30px auto; border: 0; cursor: pointer; font-size:16px; width: 150px;}

.wpcf7-response-output,.wpcf7-validation-errors{ display: block; text-align: center; color: #f00; font-size: 16px; margin: 30px 0; }
 


 
 
.jobbot{ display: block; overflow: hidden; margin-bottom: 100px;}
.jobbot h3{ display: block; color: #333; font-weight: bold; font-size: 36px; margin: 0 0 20px 0; }
.jobbot dl{display: flex; align-items: flex-start; justify-content: space-between;}
.jobbot dd{display: flex; align-items: flex-start; justify-content: space-between;}
.jobbot dd p{ display: block; color: #333; font-size: 16px; line-height: 32px; }
.jobbot dd .ewm:nth-child(2){margin-left: 300px;}
.jobbot dd .ewm{  display: flex; align-items: center; margin-left: 30px; flex-direction: column; }
.jobbot dd .ewm img{ display: block; border: 1px solid #ddd; width: auto; height: 130px; }
.jobbot dd .ewm span{ display: block; color: #333; font-size: 14px; margin:0 0 0 10px;  }
.jobbot dt{display: block; overflow: hidden; margin-bottom: 100px;}
.jobbot dt h4{ display: block; color: #333; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
.jobbot dt h5{ display: flex; }
.jobbot dt h5 a{ width: 136px; height: 36px; border: 1px solid #1f55a3; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 2em; font-size: 14px; color: #1f55a3;    margin: 0 10px 0 0; }
.jobbot dt h5 a:hover{  background: #1f55a3; color: #fff;  }
 

.joblist{ margin: 50px auto 50px; border-bottom: 1px solid #ddd; padding-bottom: 50px; }
.joblist li{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px; margin-bottom: 30px;}
.joblist li .ta{ cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.joblist li .ta .lf{}
.joblist li .ta .lf h3{ display: block; color: #333; font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.joblist li .ta .lf dd{}
.joblist li .ta .lf dd p{ display: block; float: left; margin: 0 50px 0 0; display: flex;  }
.joblist li .ta .lf dd p span,.joblist li .ta .lf dd p font{ display: block; color: #666; font-size: 16px; }
.joblist li .ta .lf dd p font{  color: #333;  }
.joblist li .ta .rh{}
.joblist li .ta .rh .fa{ color: #333; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; background: #eee; border-radius: 2em; transition: all .3s; }
.joblist li .on .rh .fa{ transform: rotate(90deg);background: #1f55a3; color: #fff;  }
.joblist li .on .lf dd p font,.joblist li .on .lf dd p span,.joblist li .on .lf h3{ color:#1f55a3; }


.joblist li .tb{ display:none; border-top: 1px solid #1f55a3; padding-top: 30px; margin-top: 20px;}
.joblist li .tb dt{}
.joblist li .tb dt p{display: block; overflow: hidden; margin-bottom: 20px;}
.joblist li .tb dt p span{ display: block; color: #333; font-weight: bold; font-size: 18px; margin-bottom: 16px;}
.joblist li .tb dt p font{display: block; color: #333; font-size: 14px; line-height: 24px;}
 




 

.webtags{ display: block; overflow: hidden; margin: 30px auto; }
.webtags a{ display: block; float: left; background: #d2deee; margin: 0 30px 0 0; padding: 8px 36px; font-size: 18px; border-radius: 2em; color: #1f55a3; transition: all .1s; }
.webtags .active,.webtags a:hover{ background-image: linear-gradient(67deg, #0e89cc, #1f55a3); color: #fff; }
 



 

.info_list{ display: block;   margin: 50px auto; position: relative; }
.info_list dl{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px; }
.info_list dl a{ background: #fff; box-shadow:0px 0px 18px 4px rgba(0, 0, 0, .08); display: block; overflow: hidden; padding: 30px; border-radius: 10px; margin-bottom:30px; transition: all .3s;  }
.info_list dl a:hover{box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, .1);}
.info_list dl a strong{ display: block; color: #333; font-size:20px; }
.info_list dl a span{display: block; color: #666; margin: 20px 0; font-size: 14px; }
.info_list dl a .p{ display: flex; align-items: center; }
.info_list dl a .p .t{ -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; display: block; font-size: 16px; font-weight: bold;}
.info_list dl a .p .fa{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; display: block; font-size: 16px; font-weight: bold; margin: 0 0 0 5px; }
.info_list dl a:hover strong,.info_list dl a:hover span{ color:#1f55a3; }
 
 
.pageprolist{    padding: 50px 0;}	
 
 

 
.newslist{ margin: 50px auto; display: block; }
.newslist dl{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px; }
.newslist dl a{ margin-bottom:50px; }
.newslist dl a p{display: block;overflow: hidden; border-radius: 10px; margin-bottom: 20px; }
.newslist dl a p img{display: block; width: 100%; transition: all .3s; }
.newslist dl a .txt{}
.newslist dl a .txt strong{ color: #333; font-size: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px;  }
.newslist dl a .txt span{ display: block; color: #666; font-size: 14px; }
.newslist dl a .txt .rt{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #0e89cc); font-style: inherit; font-size: 18px; font-weight: bold; margin-top: 20px; display: inline-block;}

.newslist dl a:hover p img{   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.newslist dl a:hover .txt strong{ color:#1559b9; }
.newslist dl a:hover .txt span{ color:#1559b9;  }

 
 
.page_about4_one{ display: block; overflow: hidden; margin: 50px auto; }
.page_about4_one h3{ display: block; color: #1559b9; font-size: 36px; font-weight: bold; margin: 0 0 20px 0; }
.page_about4_one h4{ display: block; color: #333; font-size: 16px; line-height: 26px; }

.page_about4_two{}
.page_about4_two dl{ border-top: 1px solid #bbcbe6; padding: 40px 0; display: flex; align-items: flex-start; justify-content: space-between;}
.page_about4_two dl p{ width: 136px; height: 136px; display: flex; justify-content: center; align-items: center; background: #e8eef7; border-radius: 50%; transition: all .3s;  }
.page_about4_two dl p img{ display: block; width: auto; height: 80px; }
.page_about4_two dl dd{ display: block;  width: calc(30% - 90px);}
.page_about4_two dl dd span{display: block; color: #333; font-size: 24px; font-weight: bold; margin-top: 36px;}
.page_about4_two dl dd font{ display: block; color: #333; font-size: 24px; }
.page_about4_two dl dt{  display: block; color: #333; font-size: 16px; line-height: 26px; width: calc(70% - 90px); text-align: justify; }

.page_about4_two dl:hover dd span,.page_about4_two dl:hover dd font{ color: #1559b9; }
.page_about4_two dl:hover p{ background: #1559b9; }
.page_about4_two dl:hover p img{ filter: brightness(0) invert(1); }
 


 

.histroylist{ position: relative; display: block; overflow: hidden; margin: 50px auto 100px; }
.histroylist dl{  display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 0px; }
.histroylist dl dd{}
.histroylist dl dd strong{ color: #1e54ac; display: block; font-size: 50px; font-family: centuryGothicBold;}
.histroylist dl dd p{ display: flex; align-items: center; justify-content: space-between; }
.histroylist dl dd p span{ background: #1559b9; color: #fff; padding: 30px; border-radius: 10px; font-size: 16px; width: 70%; display: block; }
.histroylist dl dd p font{display: block; width: 30%; height: 1px; background: #1559b9;}
.histroylist .line{ position: absolute; top: 24px; left: 50%; width: 1px; height: 100%; background: #1559b9;}
.histroylist dt{  margin: 0 auto; position: relative; content: ""; background: #e8eef7; width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.histroylist dt:before{   content: ""; display: block; background: #1559b9; width: 12px; height: 12px; border-radius: 50%; }

.histroylist dl dd:nth-child(2n) p{display: flex; flex-direction: row-reverse;}
.histroylist dl dd:nth-child(2n) p span,.histroylist dl dd:nth-child(3) p span{ background: #e8eef7; color: #1559b9;}
.histroylist dl dd:nth-child(4) p span{ background: #1559b9; color: #fff; padding: 30px; border-radius: 10px; font-size: 16px; width: 70%; display: block; }
.histroylist dl dd:nth-child(2n) strong{ margin-left: 30%; }

.histroylist dl dd:nth-child(2n){ margin-top: 80px; }

 
 

.about2_list{ display: block;   margin: 50px auto; position: relative; }
.about2_list dl{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;}
.about2_list dl dd{margin-bottom:40px; }
.about2_list dl dd p{background: #fff; box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, .1); padding: 10px;}
.about2_list dl dd p img{ display: block; width: 100%; }
.about2_list dl dd span{ display: block; text-align: center; color: #333; font-size: 18px; margin: 20px 0 0 0; font-weight: bold; }

 





 
.pageabout1{    background: #fff;}	
 
.about1_lc{background: #f1f8fe; padding: 100px 0; display: block; overflow: hidden;}
.about1_lc h3{display: block; color: #1559b9; font-size: 36px; font-weight: bold; margin-bottom: 30px; }
.about1_lc .ict{ display: block; position: relative; overflow: hidden;  }
.about1_lc .ict:after{ content:""; content: ""; position: absolute; width: 100%; height: 1px; background: #999; top: 20px; opacity: 0.4;}
.about1_lc .abfzSwiper{ position: relative;  width: calc(100% - 100px); display: block; overflow: hidden; margin: 0 auto; }
.about1_lc .abfzSwiper .swiper-slide{}
.about1_lc .abfzSwiper .swiper-slide p{ display: block; width: 20px; height: 20px; border: 1px solid #666; border-radius: 50%; margin: 10px auto 0; position: relative;}
.about1_lc .abfzSwiper .swiper-slide p:after{  content: ""; display: block; background: #666; width: 8px; height: 8px; border-radius: 50%; margin: 5px;  } 
.about1_lc .abfzSwiper .swiper-slide strong{     font-family: centuryGothicBold; color: #1559b9; font-size: 36px; text-align: center; display: block; height: 80px; line-height: 80px;}
.about1_lc .abfzSwiper .swiper-slide span{ display: block; border: 1px solid #fff;  background: #f9fdff; padding: 20px; color: #1559b9; font-size: 16px; text-align: center; }
.about1_lc .abfzSwiper .swiper-slide:hover span{  background: #1559b9;color:#fff;  }
.about1_lc .ict .abfzSwiper_pagination{text-align: center; margin: 30px 0 0 0;}
.about1_lc .ict .abfzSwiper_pagination span{ opacity: 0.5; background: #333; margin: 0 3px;}
.about1_lc .ict .abfzSwiper_pagination .swiper-pagination-bullet-active{  opacity:1; background: #1559b9; }
.about1_lc .ict .fa{ position: absolute; width: 40px; background: #fff; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 30px; color: #1559b9; top: 0; left: 0; cursor:pointer; z-index: 999; }
.about1_lc .ict .abfzSwiper_b_next{ left: auto; right: 0; }
 
.inbot{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 40px; overflow: hidden; margin: 100px auto;}
.inbot a{display: block; overflow: hidden; border: 1px solid #eee; position: relative;}
.inbot a img{display: block; width: 100%; transition: all .3s;}
.inbot a:hover img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.inbot a dd{position: absolute; z-index: 3; top: 50%; left: 5%; transform: translate(0%, -50%);}
.inbot a dd span{display: block; color: #333; font-size: 32px; font-weight: bold; margin-bottom: 30px; position: relative;}
.inbot a:hover dd span{ color:#1559b9; }
.inbot a dd span:after{  content: ""; display: block; background: #1559b9; width: 50px; height: 2px;     margin-top: 10px;}
.inbot a dd .morea{ width: 120px; height: 36px; background: #1559b9; border-radius: 2em; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; }
 
 



 
.mbx{ margin-top: 70px; border-bottom: 1px solid #eee; padding: 20px 0; }
.mbx .icenter{ display: flex; align-items: center; }
.mbx a,.mbx .fa,.mbx span{display: block; color: #666; font-size: 14px;}
.mbx .fa{ margin:0 5px;}
.mbx a:hover{  color: #1e54ac; }

.proshowtt{ overflow: hidden; margin: 50px auto; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px; }
.proshowtt span{ display: block; color: #333; font-size: 30px; }
.proshowtt a{}

.proshowbottom{ display: block; overflow: hidden; border-top: 1px solid #eee; }
.proshowbottom .inpro{ padding: 50px 0; }
.proshowbottom .inpro .tt span{ display: block; margin-bottom: 30px; font-weight: normal; }

.proicon{ display: flex; justify-content: space-between; align-items: flex-start; }
.proicon .fl{ width: 49%; }
.proicon .fl dd{ display: block; overflow: hidden; margin-bottom: 40px; }
.proicon .fl dd .t{ display: block; color: #333; font-size: 16px; position: relative; }
.proicon .fl dd .t:after{  content: ""; height: 2px; background-image: linear-gradient(67deg, #0e89cc, #1f55a3); display: block; width: 70px; margin-top: 5px;  }
.proicon .fl dd p{ display: block; color: #1559b9; font-size: 16px; margin-top: 10px; }
.proicon .fl dd img{ display: block; width: auto; max-width: 90%;    margin-top: 10px; }
 


 
.newsshowbottom{ display: block; overflow: hidden; padding: 0; border-top: 1px solid #eee; margin-top: 50px; }
.newsshowbottom dt{display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px 0;}
.newsshowbottom dt h3{ display: block; color: #333; font-weight: bold; font-size: 32px;}
.newsshowbottom dt .more{}

.newslr{ margin: 50px auto;  overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.newslr a{ width: 110px; height: 32px; display: flex; align-items: center; justify-content: space-around; background: #e8eef6; border-radius: 2em;  padding: 0 10px; }
.newslr a .fa{ display: block; color: #1559b9; font-size: 16px; }
.newslr a span{ display: block; color: #1559b9; font-size: 16px; }
.newslr a:hover{ background:#1559b9;  }
.newslr a:hover span,.newslr a:hover .fa{ color:#fff;  }

.newsttpage{ display: block; overflow: hidden; padding: 30px 0; border-bottom: 1px solid #eee; }
.newsttpage .icenter{}
.newsttpage .icenter h3{ display: block; color: #333; font-size: 36px; margin-bottom: 10px; }
.newsttpage .icenter h4{}
.newsttpage .icenter h4 span{ display: block; float: left; color: #333; font-size: 14px; margin: 0 20px 0 0; }

.newsshowcc{ margin: 50px auto; font-size: 16px; color: #333; line-height: 28px; min-height: 400px; }
.newsshowcc h1{font-size: 42px;margin-bottom: 10px;}
.newsshowcc h2{font-size: 31px;margin-bottom: 10px;}
.newsshowcc h3{font-size: 26px;margin-bottom: 10px;}
.newsshowcc h4{font-size: 22px;margin-bottom: 10px;} 
.newsshowcc h5{font-size: 18px;margin-bottom: 10px;}
.newsshowcc h6{font-size: 16px;margin-bottom: 10px;}
.newsshowcc img{width: auto; border-radius: 10px;  display: block; height: auto; margin: 0 auto; }
.newsshowcc .aligncenter{    margin: 0 auto;}
.newsshowcc p{ margin:0; padding:0; }
.newsshowcc a{ color: #1559b9; }
 
 



.screen-reader-text{ display: none; }
.fy{ margin: 50px auto; }
.nav-links{ display: flex; justify-content: center; align-items: center; }
.nav-links span,.nav-links a{ width: 36px; height: 36px; background: #f5f5f5; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: 0 5px; color: #1559b9; font-size: 14px; }
.nav-links .current,.nav-links span:hover,.nav-links a:hover{ background: #1559b9; color: #fff; }



 

.sr_form{    margin: 100px auto;}
.sr_form h3{ display: block; color: #1f55a3; font-family: centuryGothicBold; text-align: center; font-size: 36px; margin: 0 0 20px 0; }
.sr_form form{display: block; overflow: hidden; position: relative;}
.sr_form form input{display: block; width: 100%; height: 50px; border: 1px solid #ddd; padding: 0 0 0 20px; font-size: 14px; color: #333;}
.sr_form form button{position: absolute; width: 50px; height: 50px; top: 0; right: 0; background: #1f55a3; border: 1px solid #1f55a3; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.sr_form .tt{margin: 20px auto; text-align: center; color: #666; font-size: 16px;}
.sr_form .tt span{ color: #1f55a3; font-size: 18px;}
.nodata{text-align: center; color: #f00; font-size: 16px; min-height: 300px;}

.s_list{display: block; overflow: hidden; margin: 0 auto 50px;}
.s_list .st{ display: block; color: #333; font-size: 24px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; }
.s_list .psnewslist{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px; }
.s_list .psnewslist a{ display: block; border: 1px solid #eee; padding: 24px; margin-bottom: 30px; }
.s_list .psnewslist a span{display: block; color: #333; font-size: 18px;}
.s_list .psnewslist a font{display: block; color: #666; font-size: 14px; margin-top: 10px; }
.s_list .psnewslist a:hover{ border: 1px solid #1f55a3;}
.s_list .psnewslist a:hover span,.s_list .psnewslist a:hover font{ color: #1f55a3; }
 

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



}