*{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: 'Noto Sans SC'; font-weight: normal;}
html{ background-color:#fdfdfd; }
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; } 

 

 


 

 

 
/* more */
.more:hover { border-color: #1E53A4; background-color: transparent; }
.more { border-radius: 5rem; background-color: #1E53A4; border: 1px solid #1E53A4; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width: 120px; height:36px; display: flex; align-items: center; justify-content: center; }
.more > .span { vertical-align: middle; font-size: 14px; color: #fff; }
.more:hover > .span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.more::after, .more > .span {text-transform: capitalize; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.more:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.more::after { color: #1E53A4; font-size: 14px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

.icenter { width:80%; margin:0 auto; }
 


*:focus{ outline:none; }



 
.webtt{}
.webtt h3{ display: block; color: #333; font-weight: bold; font-size: 36px; }
.webtt .line{background-image: linear-gradient(0deg, #1B1C80, #00AFEC); display: block; width:70px; height: 2px; margin-top: 10px;}
.webtt h4{ display: block; color: #333; font-size: 16px; margin-top: 10px; }




 

.mgheader{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%;  }
.mgheader:after{ content: ""; background: rgba(255, 255, 255, 0.5); box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); backdrop-filter: blur(10px); 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:40px; }
.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 2rem; position: relative;  }
.mgheader .dh .mgnav dl dd a::after{  content: ""; background-image: linear-gradient(0deg, #1B1C80, #00AFEC); 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:#1E53A4; }
.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:#1E53A4;}

.mgheader .dh .rh{ display: flex; align-items: center;}
.mgheader .dh .rh .da{ display: flex; align-items: center;     margin-right: 30px;  }
.mgheader .dh .rh .da a{ display: block; color: #444; font-size: 16px; }
.mgheader .dh .rh .da i{ display: block; width: 1px; height: 16px; background: #999; margin: 0 15px; }
.mgheader .dh .rh .da a:hover{ color:#1E53A4; }
.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(0deg, #1B1C80, #00AFEC);}
.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;}
 

 
.mgheader .dh .mgnav dl .propicnav{ position: absolute; width: 540px; 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 0px 2px 0; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);  display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.mgheader .dh .mgnav dl:hover .propicnav{ opacity: 1; visibility: visible; }
.mgheader .dh .mgnav dl .propicnav .lf{ width: 35%;   }
.mgheader .dh .mgnav dl .propicnav .lf a{display: block; color: #111; font-size: 16px; margin: 5px 0; padding: 8px 0 8px 20px;}
.mgheader .dh .mgnav dl .propicnav .lf .active{ color: #1E53A4; background: #fff; }
.mgheader .dh .mgnav dl .propicnav .rh{  width: 65%; background: #fff; padding: 16px 0; display: flex; align-content: flex-start; align-items: center;  justify-content: center;}
.mgheader .dh .mgnav dl .propicnav .rh a{ display: none; }
.mgheader .dh .mgnav dl .propicnav .rh a:nth-child(1){ display: block; }
.mgheader .dh .mgnav dl .propicnav .rh a img{ display: block;width: 100%;margin: 0 auto;}

 




.banner{position: relative; width: 100%; display: block; height: 100%; background: #fff; overflow: hidden; }

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

 
 
.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(0deg, #1B1C80, #00AFEC); 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: 12px; height: 12px; margin: 0 5px; opacity: 0.5; }
.banner .inbanner_Swiper .inswiperpagination .swiper-pagination-bullet-active{  background: #1E53A4; opacity: 1;  }

 



.number{display: flex; justify-content: space-between;}
.number dd{display: flex ; flex-direction: column; align-items: center;}
.number dd p{display: flex;    align-items: center;}
.number dd p span{ font-size: 60px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; display: block; line-height: 60px; font-weight: bold; font-family: 'Noto Sans SC';}
.number dd p i{font-size: 36px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #236eb7); font-style: inherit; display: block; font-weight: bold; font-family: 'Noto Sans SC'; margin: 15px 10px 0 5px;;}
.number dd p font{ font-size: 36px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0e89cc, #1f55a3 50%, #236eb7); font-style: inherit; display: block;  font-weight: bold; font-family: 'Noto Sans SC';}
.number dd strong{display: block; font-weight: normal; font-size: 16px; color: #333; text-align: center; }

.incompany{ display: block; overflow: hidden; position: relative;     margin-bottom: -100px; }
.incompany .icone{  display: flex; flex-direction: row-reverse; align-items: stretch;  }
.incompany .icone .txt{display: block; width: 40%; padding: 100px 5% 200px; }
.incompany .icone dd{ display: block; overflow: hidden; margin-top: 30px; }
.incompany .icone dd span{ color: #1E53A4; font-size: 20px; font-weight: bold; margin-bottom: 20px; display: block; }
.incompany .icone dd font{ display: block; color: #333; font-size: 14px; line-height: 24px; }
.incompany .icone dd .more{ margin-top: 20px; }
.incompany .icone .pic{ display: block; width: 60%; position: relative;}
.incompany .icone .pic img{ display: block; width: 100%; position: absolute; height: 100%; top: 0; left: 0; object-fit: cover;}

.incompany .ictwo{ display: flex; align-items: stretch; position: relative; top: -100px; border-bottom: 1px solid #eee;  }
.incompany .ictwo .number{ width: 60%; padding: 200px 0% 100px;  display: flex ; justify-content: space-evenly; align-items: center; }
.incompany .ictwo .pic{ display: block; width: 40%;position: relative; }
.incompany .ictwo .pic img{  display: block; width: 100%; position: absolute; height: 100%; top: 0; left: 0; object-fit: cover;}
 







 


.inapp{display: block; overflow: hidden; margin: 100px auto;position: relative; background: #F6F7F8; padding: 60px 0; margin-bottom: 0; margin-top: 0;}
.inapp .webtt{position: relative; margin-bottom: 30px;}
.inapp .webtt .more{ position: absolute; top: 0; right: 0; }
.inapp .inapp_Swiper{  display: block; overflow: hidden; margin: 0 auto; }
.inapp .inapp_Swiper .swiper-wrapper{}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide{ display: block; overflow: hidden; position: relative; border-radius: 30px 0px 30px 0px; height: 460px; transition: all .4s;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:hover{ width: 500px !important;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:after{  position: absolute; bottom: -100%; margin-bottom: 100px; left: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px);width: 100%; height: 100%; content: "";  }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:before{  position: absolute; bottom: -100%; left: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px);width: 100%; height: 100%; content: ""; opacity: 0;  transition: all .4s;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:hover:after{ opacity: 0;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:hover:before{ bottom:0%; opacity: 1; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon{ overflow: hidden; position: absolute; z-index: 9; bottom: 0; left: 50%; height: 100px; width: 100%; display: flex; transform: translate(-50%, 0%); align-items: center; justify-content: center;opacity: 1; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon p{ position: relative; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon p .img{ position: absolute; width: 60%; top: 50%; left: 20%; transform: translate(0%, -50%); z-index: 9;filter: brightness(0) invert(1); }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon p .tb{  position: relative; display: block; width: auto; margin: 0 auto; height: 60px; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon span{ display:block; color: #fff; text-align:center; font-size:22px; margin: 0 0 0 20px;  }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:hover .icon{ opacity: 0;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt{ position: absolute; width: 400px; top: 80px; left: 50%; transform: translate(-50%, 0%); transition: all .3s; z-index: 9;opacity: 0;visibility: hidden;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt span{display: block; color: #fff; font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .more{margin: 20px auto 0;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .more:hover{ border-color: #fff; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .more:hover:after{ color:#fff;  }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb{display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb p{    position: relative;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb p .img{ position: absolute; width: 60%; top: 50%; left: 20%; transform: translate(0%, -50%); z-index: 9; filter: brightness(0) invert(1);}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb p .tb{ position: relative; display: block; width: auto; margin: 0 auto; height: 60px;}
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb span{ display: block; color: #fff; text-align: center; font-size: 22px; margin: 0 0 0 20px;}


.inapp .inapp_Swiper .swiper-wrapper .swiper-slide:hover .txt{opacity: 1;visibility: visible; }

.inapp .lr{ display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 50px 0 0 0; }
.inapp .fa{ cursor: pointer; width: 40px; height: 40px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 20px; color: #999; position: absolute; top: 50%; left: 10%;    margin-left: -70px; z-index: 9999999;}
.inapp .fa:hover{ border: 1px solid #1E53A4;  color: #1E53A4; }
.inapp .inapp_next{ left:auto; right:10%; margin-left: auto; margin-right:-70px;}
.inapp .lr .inapppagination{margin: 0 16px; display: block; text-align: center;}
.inapp .lr .inapppagination span{ width: 12px; height: 12px; opacity: 1; background: #ddd; margin: 0 5px; }
.inapp .lr .inapppagination .swiper-pagination-bullet-active{ background: #1E53A4;  }

 





 

.newsinfo{ display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden; margin-bottom: 24px; }
.newsinfo p{display: block; overflow: hidden; border-radius: 10px; width: 32%;}
.newsinfo p img{ display: block; width: 100%; transition: all .3s;  }
.newsinfo:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.newsinfo dl{ width: 64%;}
.newsinfo dl strong{ display: block; color: #333; font-size: 20px; }
.newsinfo:hover dl strong,.newsinfo:hover dl span{color: #1E53A4;}
.newsinfo dl span{display: block; color: #666; font-size: 14px; margin: 16px 0;}
.newsinfo dl .nt{ display: flex; align-items: center; position: relative; padding-bottom: 4px;  width: 86px;}
.newsinfo dl .nt .t{ display: block; color: #1E53A4; font-size: 16px;}
.newsinfo dl .nt .fa{ display: block; color: #1E53A4; font-size: 16px; margin-left: 10px; transition: all .3s; left: 0; position: relative; }
.newsinfo:hover dl .nt .fa{ left: 5px;}
.newsinfo dl .nt:hover .t,.newsinfo dl .nt:hover .fa{}
.newsinfo dl .nt::after{  content: ""; position: absolute; width: 0%; height: 1px; background: #1E53A4; left: 0; bottom: 0; transition: all .3s; }
.newsinfo:hover dl .nt::after{ width: 100%; }


.innews{background: #F6F7F8; padding: 60px 0; display: block; overflow: hidden; }
.innews .webtt{ position: relative;}
.innews .webtt .more{position: absolute; top: 0; right: 0;} 

.innews .i_n_a_list{ margin: 50px auto 0; display: flex ; position: relative; overflow: hidden; justify-content: space-between;}
.innews .i_n_a_list .lf{ display: block; overflow: hidden; width: 40%; }
.innews .i_n_a_list .lf .newsinfo{ display: block; margin-bottom: 0; }
.innews .i_n_a_list .lf .newsinfo p{ width: 100%; margin-bottom: 40px; }
.innews .i_n_a_list .lf .newsinfo dl{ width: 100%;}

.innews .i_n_a_list .rh{ display: block; overflow: hidden; width: 60%;  padding-left:30px; position: absolute; top: 0; right: 0; height: 100%;}
.innews .i_n_a_list .rh .newsinfo{  position: relative; height: 100%;  margin-bottom: 0;}
.innews .i_n_a_list .rh .newsinfo p{ position: relative; height: 100%;}
.innews .i_n_a_list .rh .newsinfo p img{ position: relative; height: 100%; object-fit: cover;}
.innews .i_n_a_list .rh .innews_swiper{ height: 100%; overflow: hidden; position: relative; padding-right: 10px; }
.innews .i_n_a_list .rh .innews_swiper .newsinfo dl{ padding-right: 30px;}
.innews .i_n_a_list .rh .innews_swiper .swiper-slide{    }
.innews .i_n_a_list .rh .newsscrollbar{ position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; cursor:pointer; }
.innews .i_n_a_list .rh .newsscrollbar .swiper-scrollbar-drag{ width: 7px; background: linear-gradient(#0e89cc, #1f55a3) !important; border-radius: 4px 4px 4px 4px; z-index: 33;}
.innews .i_n_a_list .rh .newsscrollbar:after{ content: ""; position: absolute; top: 0; left: 50%; background-color: #E6E6E6; width: 3px; height: 100%; border-radius: 2px;}
 








 

.inpicsolutions{ display: block; overflow: hidden; position: relative;  background: #fff; }
.inpicsolutions .lf{ background: url(/style/img/index4_back.png?v=2) no-repeat center center; position: absolute;top:0; left: 0; width: 36%; padding: 0 6%; height: 100%; background-size: 100% 100% !important; }
.inpicsolutions .lf .tab_tt{ transform: translate(0%, -50%); position: absolute; top: 50%; left: 20%; display: flex; flex-direction: column; width: 60%; z-index: 9; }
.inpicsolutions .lf .tab_tt a{ display: flex; align-items: center; justify-content: flex-start; margin: 16px 0; cursor:pointer; }
.inpicsolutions .lf .tab_tt a p{ width: 70px; height: 70px; overflow: hidden; border-radius: 50%; display: block;    transition: all .6s;  border: 1px solid rgba(255, 255, 255, .3);  position: relative; }
.inpicsolutions .lf .tab_tt a p img{ position: absolute; top: 50%; left: 50%; width: auto; height:auto; filter: brightness(0) invert(1);   max-height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.inpicsolutions .lf .tab_tt .active p .ic1,.inpicsolutions .lf .tab_tt a p .ic2{  display: none;}
.inpicsolutions .lf .tab_tt a p .ic2{ max-width:86%; }
.inpicsolutions .lf .tab_tt a p .ic1{ height: 40px; opacity: 0.7; }
.inpicsolutions .lf .tab_tt .active p .ic2{  display: block; filter: none;}
.inpicsolutions .lf .tab_tt .active p{ background: #fff;}
.inpicsolutions .lf .tab_tt .active{}
.inpicsolutions .lf .tab_tt a span{ display: block; color: #fff; font-size: 20px;   margin: 0 0 0 20px; opacity: 0.5; transition: all .3s; }
.inpicsolutions .lf .tab_tt .active span{  opacity: 1;  font-size: 24px; margin: 0 0 0 30px;  }
.inpicsolutions .lf .tab_tt .active p{   -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3); }
.inpicsolutions .rh{  position: relative; width: 64%; padding: 50px 0 50px 0; margin-left: 36%;  }
.inpicsolutions .rh .swiper-slide{ opacity: 0 !important;}
.inpicsolutions .rh .swiper-slide-active{ opacity: 1 !important;}
.inpicsolutions .rh .swiper-slide .st{ display: flex; justify-content: space-between; width: 100%; overflow: hidden; padding: 0 10% 0 0; margin: 30px 0; }
.inpicsolutions .rh .swiper-slide .st strong{ color: #1E53A4; display: block; font-size: 36px; font-weight: normal;}
.inpicsolutions .rh .swiper-slide .st .more{}
.inpicsolutions .rh .swiper-slide font{ display: block; color: #333; font-size: 16px; width: 100%; padding: 0 10% 0 0; border-top: 1px solid #eee; padding-top: 20px; }
.inpicsolutions .rh .swiper-slide .pic{position: relative; margin: 50px auto;padding-right: 10%;}
.inpicsolutions .rh .swiper-slide .pic img{ display: block; width: auto; max-width: 100%; margin: 0 auto; position: relative; z-index: 3;  transition: all 1.6s; bottom:-50px;opacity: 0; }
.inpicsolutions .rh .swiper-slide .pic .bgtext{font-family: 'Noto Sans SC'; position: absolute; font-size: 170px; top: 50%; left: 0%; transform: translate(0%, -50%); width: 1000px; text-align: left; opacity: 0.1; z-index: 1;}

.inpicsolutions .rh .swiper-slide-active .pic img{  bottom:0px;opacity: 1;  }
.inpicsolutions .rh .swiper-slide .pic a{display: block; color: #333; font-size: 24px;}
.inpicsolutions .rh .swiper-slide .pic a:hover{ color: #1E53A4;}







 
.inparter{ display: block; overflow: hidden; position: relative; margin-bottom: 100px; }
.inlogo{ display: block; overflow: hidden; width:98%; position: relative; margin: 50px auto 50px;}
.inlogo .la{ overflow: visible;white-space: nowrap; height: 100px; margin-bottom: 20px;position: relative;}
.inlogo .la dl{ -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards; animation: kf-client-wall-1 50s linear 0s infinite forwards;    position: absolute; top:0; left:0; height: 100%;}
.inlogo .la dl dd{ position: relative; height: 100%; margin: 0 30px; overflow: hidden; border-radius: 10px; display: inline-block;  }
.inlogo .la dl dd img{ display: block;width: 100%;height:auto;}
@keyframes kf-client-wall-1 { 
    0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 
    100% { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } }
.inlogo .gd2 dl{    -webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-2 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-2 50s linear 0s infinite forwards; -o-animation: kf-client-wall-2 50s linear 0s infinite forwards; animation: kf-client-wall-2 50s linear 0s infinite forwards; position: absolute; top:0; left:0; height: 100%;}
@keyframes kf-client-wall-2 { 
    0% { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } 
    100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.inlogo  .logo_bg{position: absolute; top: 0; right: -10px; z-index: 3; width: 20%; height: 100%; opacity: 0.8; }
.inlogo  .logo_bg2{ right:auto; left:-10px; transform: rotate(-180deg); }
















 

.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: 40px;}
.footer .fta .shares_search{}
.footer .fta .shares_search .ss_fx{ float: left; margin-right: 50px; display: flex; align-items: center; position: relative;}
.footer .fta .shares_search .ss_fx dd{ position: relative;   margin-right: 12px;}
.footer .fta .shares_search .ss_fx dd a{ cursor:pointer; background: #5c5c5c; display: flex; width: 36px; height: 36px; 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(0);}
.footer .fta .shares_search .ss_fx dd:hover a img{ filter: brightness(0) invert(1); }
.footer .fta .shares_search .ss_fx dd:hover a{     background-image:linear-gradient(0deg, #1B1C80, #00AFEC); }
.footer .fta .shares_search .ss_fx dd .cc{ display: none;  position: absolute; top: 36px; padding: 18px;      overflow: hidden; left: 50%; transform: translate(-50%, 0%); }
.footer .fta .shares_search .ss_fx dd:hover .cc{ display: block; }
.footer .fta .shares_search .ss_fx dd .cc:after{content: ""; background: #fff; backdrop-filter: blur(5px); border-radius: 4px; position: absolute; width: 100%; height: calc(100% - 6px); top: 6px; left: 0;}
.footer .fta .shares_search .ss_fx dd .cc:before{ content: ""; display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; width: 6px; margin: 0 auto; position: absolute; top: 0;    left: 50%;transform: translate(-50%, 0%); }
.footer .fta .shares_search .ss_fx dd .cc p{ position: relative; z-index: 3; display: flex ; flex-direction: column; align-items: center;    background: #fff; }
.footer .fta .shares_search .ss_fx dd .cc p img{    display: block;width: auto;height: 120px; }
.footer .fta .shares_search .ss_fx dd .cc p font{     color: #333;   font-size: 12px; margin-top: 5px;}

.footer .fta .shares_search .ss_form{ display: block; overflow: hidden; width: 280px; position: relative; }
.footer .fta .shares_search .ss_form input{ display: block; width: 100%; height: 40px; background: #2d2d2d; border: 0; border-radius: 4px; padding-left: 20px; color: #fff; font-size: 14px;}
.footer .fta .shares_search .ss_form .fa{cursor: pointer; display: block; width: 40px; height: 40px; border: 0; background: none; color: #fff; top: 0; right: 0; position: absolute; font-size: 16px;}

.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:18px; color: #ddd; font-weight: bold;}
.footer .ftlist li dd{}
.footer .ftlist li dd a{ display: block; color: #616167; font-size: 16px; margin: 15px 0;}
.footer .ftlist li span a:hover,.footer .ftlist li dd a:hover{ color:#1E53A4; }

.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: #616167; font-size: 16px;}
.footer .ftbot .lf a{ margin-left: 20px;font-size: 14px; }
.footer .ftbot .lf a:hover{color:#1E53A4;}
.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: #616167; font-size: 12px;}
.footer .ftbot .rh a:hover{  }
 
    
 

.ftcontact{}
.ftcontact p{display: block; overflow: hidden; margin: 15px 0; display: flex; align-items: flex-start; }
.ftcontact p i{ width: 24px; height: 24px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0.5; margin-right: 10px;  }
.ftcontact p i img{filter: brightness(0) invert(1); display: block; width: auto; height: 14px;}
.ftcontact p a{ display: block; color: #fff; font-size: 14px; max-width: 280px; font-size: 14px; line-height: 20px;   opacity: 0.5;}

 






 
.webbanner{ display: block; overflow: hidden; position: relative; margin-top: 0; }
.webbanner img{ display: block; width: 100%;   }
.webbanner .txt{position: absolute; top: 50%; left: 50%; z-index: 9;transform: translate(-50%, -50%);}
.webbanner .txt span{  color: #fff; font-size: 36px;     font-weight: bold;}
 

 
/* map */
#dituContent_x{    width: 100%; height: 450px;} 
.iw_poi_title {color: rgb(79, 138, 240); font-weight: bold; overflow: hidden;}
.iw_poi_content {font: 13px arial, sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word}
.dot {    box-shadow: 5px 0px 24px rgb(102 102 102 / 20%); width:350px; height:136px; background-color: #fff;    position: relative; top: -30px; display: flex; flex-direction: column; padding: 20px; align-items: flex-start; font-size: 13px; color: #333;}
.dot{}
.dot strong{font-size: 14px; color: #333;}
.dot::after { position: absolute; content: ""; bottom: -32px; left: 50%; transform: translateX(-50%);-webkit-clip-path: polygon(40% 0px, 62% 0%, 55% 100%);   clip-path: polygon(40% 0px, 62% 0%, 55% 100%); width: 92px; height: 36px; background-color: #fff;}
.infoBox img {display: none;}
.infoBox .img {display: block;}
.con02{ position: relative;     margin: 50px auto; z-index: 1;}
 
 
 

.bt{}
.bt .t{display: block; color: #333; font-size: 36px; font-weight: bold;}
.bt .lines{ background-image: linear-gradient(0deg, #1B1C80, #00AFEC); display: block; width: 80px; height: 2px; margin-top: 12px;} 
.bt .x{display: block; color: #333; font-size: 16px; margin-top:10px; }

.congtact_two{ display: block; overflow: hidden; position: relative; padding: 50px 0; background: #fafafa;}
.congtact_two .cf{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 50px; }
.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,.congtact_two .wpcf7-form .c_two dd select{ 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: 12px; }
.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; color: #fff; }
.congtact_two .wpcf7-form .more:hover{color: #fff; background: #14419b; }
.wpcf7-response-output,.wpcf7-validation-errors{ display: block; text-align: center; color: #f00; font-size: 16px; margin: 30px 0; }
 
 
.yzm2025{display: flex; justify-content: flex-start; align-items: center; margin-top: 30px; }
.yzm2025 .t1{ display: block; color: #333; font-size: 16px; margin-right: 10px; }
.yzm2025 p{ display: flex; align-items: center; justify-content: flex-start; }
.yzm2025 p img{}
.yzm2025 p span{ display: flex; align-items: center; }
.yzm2025 p span input{ display: block; background: #fff; border: 1px solid #ddd; height: 40px; width: 200px; color: #333; font-size: 14px; padding-left: 10px; }
.yzm2025 p span span{display: block; text-align: center; color: #f00; font-size: 14px; margin: 0 0 0 10px;}



 
.abhistroy{ background-image: linear-gradient(67deg, #eef3fa, #cbdbe8); display: block; overflow: hidden; padding: 50px 0; }
.abhistroy .list{}
.abhistroy .list h3{display: block; color: #333; font-size: 36px; font-weight: bold;}
.abhistroy .list h4{ display: block; color: #333; font-size: 16px; margin-top: 10px; }
.abhistroy .list .abfz_Swiper{display: block; overflow: hidden; margin: 50px auto;}
.abhistroy .list .abfz_Swiper .swiper-slide{ background: #e8eff5; display: block; overflow: hidden; }
.abhistroy .list .abfz_Swiper .swiper-slide:hover{ background: #1e54ac;  }
.abhistroy .list .abfz_Swiper .swiper-slide p{ color: #1e54ac; text-align: center; margin:10px; font-size: 18px; min-height: 180px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; border: 1px solid #acc1e0; padding: 10px;  }
.abhistroy .list .abfz_Swiper .swiper-slide:hover p{ color: #fff;border: 1px solid #fff; }
.abhistroy .list .abfz_Swiper .swiper-slide p:after{ content:""; }
.fzlcpagination{ display: flex; justify-content: center; align-items: center; }
.fzlcpagination span{ background: #1e54ac; width: 12px; height: 12px; margin: 0 5px; }

.abcompany{ display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #ddd; padding: 50px 0;  }
.abcompany .lf{ -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; width: 50%; font-size: 36px; font-weight: bold;}
.abcompany .rh{display: block; width: 50%; font-size: 16px; color: #333; line-height: 26px; text-align: justify; }
.abcompanynum{ margin: 50px auto; }
 
.abtech{ display: block; overflow: hidden; margin: 50px auto; }
.abtech .pic{ display: block; overflow: hidden; }
.abtech .pic img{ display: block; width: 100%; animation: mysacle 4s ease both; }
.abtech .tables_th{display: block; overflow: hidden; margin: 0px 0 50px;}
.abtech .tables_th h3{ position: relative;bottom: -40px;  font-size:36px; font-weight: bold; }
.abtech .tables_th .taa{display: block; overflow: hidden; margin: 0 0 40px 44%; width: 56%; position: relative; z-index: 9; }
.abtech .tables_th .taa a{ float: left; font-size: 22px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-right: 50px; cursor: pointer; }
.abtech .tables_th .taa .active,.abtech .tables_th .taa a:hover{ color: #1E53A4; border-bottom: 1px solid #1E53A4; }
.abtech .tables_th .tbb{display: block; overflow: hidden;}
.abtech .tables_th .tbb dl{ display: none;}
.abtech .tables_th .tbb dl:nth-child(1){display: block; }
.abtech .tables_th .tbb dl i{ display: block; width: 40%; overflow: hidden; float: left; }
.abtech .tables_th .tbb dl i img{ display: block; width: 100%; transition: all .3s; }
.abtech .tables_th .tbb dl i:hover img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.abtech .tables_th .tbb dl dd{ display: block; width: 56%; font-size: 16px; color: #333; line-height: 26px; float: right; }
 
.ab02 { padding:100px 0; overflow: hidden;    position: relative; }
.ab02 h3{display: block; font-size: 36px; color: #333; font-weight: bold; margin: 0 auto 30px; position: relative; z-index: 3;}
.ab02 .mid { position: relative; margin: 40px auto 40px; overflow: hidden;}
.ab02 .mid .swiper-slide-thumb-active .num span { color: #1E53A4; }
.ab02 .mid .num { position: relative; display: block;   cursor: pointer;}
.ab02 .mid .num .dot {  position: relative; margin: 0 auto; display: block; overflow: hidden; width: 50px; height: 50px; box-shadow: initial; top: auto; background: none; padding: 0;}
.ab02 .mid .num .dot:before{ content: ""; background: #1E53A4; display: block; position: absolute; width: 30px; height: 30px; border-radius: 50%; opacity: 0.2; top: 50%; left: 50%; margin: -15px;}
.ab02 .mid .num .dot:after{ content: ""; background: #1E53A4; display: block; position: absolute; width: 16px; height: 16px; border-radius: 50%; opacity: 1; top: 50%; left: 50%; margin: -8px; transform: initial;clip-path: none;     -webkit-clip-path: initial;}
.ab02 .mid .num .dot:before,.ab02 .mid .num .dot:after{ background: #ccc;}
.ab02 .mid .swiper-slide-thumb-active .num .dot:before,.ab02 .mid .swiper-slide-thumb-active .num .dot:after{ background: #1E53A4;}
.ab02 .mid .num span { font-size:26px; line-height: 1; color: #666; margin: 0; display: block; text-align: center; font-family: 'Noto Sans SC'; }
.ab02 .bot .swiper-slide .box {  margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.ab02 .bot .swiper-slide .box i{ display: block; overflow: hidden; width: 40%; }
.ab02 .bot .swiper-slide .box i img{ display: block; width: 100%; }
.ab02 .bot .swiper-slide .box dl{ display: block; overflow: hidden; width: 56%; }
.ab02 .bot .swiper-slide .box dl p{ font-size: 60px;line-height: 60px; padding-bottom: 20px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; font-family: 'Noto Sans SC'; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.ab02 .bot .swiper-slide .box dl dd{ display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 16px; }
.ab02 .bot .swiper-slide .box dl dd span{  font-size: 20px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; font-family: 'Noto Sans SC';}
.ab02 .bot .swiper-slide .box dl dd font{ width: calc(100% - 60px); display: block; font-size: 16px; color: #333; }

.ab01Swiper_2{position: relative; z-index: 3;}

.tolr{position: relative; z-index: 3; display: flex; justify-content: center; align-items: center;}
.tolr .fa{font-size: 20px; color: #1E53A4; width: 40px; height: 40px; border: 1px solid #1E53A4; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 10px; cursor: pointer;}
.tolr .fa:hover{ background: #1E53A4; color:#fff; }

.ab2swiper_agination{position: absolute; width: 100%; height:1px; background: #eee; top: 24px; left: 0; z-index: 1; border-radius: 2em; overflow: hidden;}
.ab2swiper_agination span{background: #1E53A4 !important;}

.ab01Swiper_1{  overflow: hidden;   }

 

 
.webcattt{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0; margin: 30px auto; display: block; overflow: hidden; }
.webcattt a{display: block; overflow: hidden; float: left; position: relative; color: #333; font-size: 18px; margin: 0 80px 0 0; padding-bottom: 2px; }
.webcattt a:after{ content: ""; background: #1E53A4; position: absolute; width: 0%; height: 1px; bottom: 0; left: 0; transition: all .3s;  }
.webcattt .active,.webcattt a:hover{ color:#1E53A4; }
.webcattt .active:after,.webcattt a:hover:after{ width:100%; }


.newslist{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px; margin: 50px auto; }
.newslist dl{display: block; background: #fff; margin-bottom: 30px;}
.newslist dl a{ overflow: hidden; position: relative;display: block;  }
.newslist dl a .pic{display: block; overflow: hidden; position: relative;}
.newslist dl a .pic:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(17, 17, 17, .35); -webkit-transition: background .3s; transition: background .3s; }
.newslist dl a:hover .pic:after{ background-color: rgba(17, 17, 17, .6);}
.newslist dl a .pic img{display: block; width: 100%; transition: all .6s; }
.newslist dl a:hover .pic img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.newslist dl a .text{ position: absolute; top: 30px; color: #fff; left: 30px; width: calc(100% - 60px); font-size: 18px; font-weight: bold; z-index: 3; }
.newslist dl a .ndata{ padding: 20px; display: flex; justify-content: space-between; align-items: center; }
.newslist dl a .ndata strong{ font-size: 60px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; display: block; line-height: 60px; font-weight: bold; font-family: 'Noto Sans SC'; }
.newslist dl a .ndata span{ display: block; color: #333; text-align: right; font-size: 16px; }

.newslisttop{display: block; overflow: hidden;}
.newslisttop dl a .pic{ width: 50%; margin: 0 0 0 50%; }
.newslisttop dl a .text{ width: calc(50% - 60px); color: #333; }
.newslisttop dl a .text strong{ display: block; font-size: 26px; margin: 0 0 16px 0; }
.newslisttop dl a .text span{  font-weight: normal; font-size: 16px;}
.newslisttop dl a:hover .text strong,.newslisttop dl a:hover .text span{ color:#1E53A4; }
.newslisttop dl a .ndata{ position: absolute; width: calc(50% - 60px); left: 30px; bottom: 30px; }


.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: #1E53A4; font-size: 14px; }
.nav-links .current,.nav-links span:hover,.nav-links a:hover{ background: #1E53A4; color: #fff; }




 

.sfotwareshow{ padding: 0 0 50px;  display: block; overflow: hidden; }
.sfotwareshow .webtt{ margin: 50px auto;}
.sfotwareshow .ict60{ width: 70%; }
.sfotwareshow .ict80{ width: 90%; }
.sfotwareshow .sofrlist{margin: 50px auto; display: block; overflow: hidden;}
.sfotwareshow .sofrlist dl{ background: #f5f6f8; position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.sfotwareshow .sofrlist dl:nth-child(2n){ background: #fff; display: flex; flex-direction: row-reverse;}
.sfotwareshow .sofrlist dl p{display: block; width: 50%;}
.sfotwareshow .sofrlist dl p img{display: block; width: 100%;}
.sfotwareshow .sofrlist dl dd{ display: block; width: 50%; padding: 50px; }
.sfotwareshow .sofrlist dl dd strong{display: block; color: #333; font-size: 24px; margin-bottom: 20px;}
.sfotwareshow .sofrlist dl dd span{display: block; color: #333; font-size: 16px;}
 




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

.newsshowtt{ display: block; overflow: hidden; padding: 30px 0; position: relative; margin-bottom: 50px; border-bottom: 1px solid #eee; }
.newsshowtt .icenter{ display: flex; justify-content: space-between; align-items: flex-start; }
.newsshowtt .icenter .lf{ display: block; color: #333; font-size: 32px; width: calc(100% - 180px);}
.newsshowtt .icenter .rh{ display: flex; justify-content: space-between; width: 145px; align-items: center;}
.newsshowtt .icenter .rh strong{font-size: 60px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; display: block; line-height: 60px; font-weight: bold; font-family: 'Noto Sans SC';}
.newsshowtt .icenter .rh span{display: block; color: #333; text-align: right; font-size: 16px;}

.newsshowicontent{ display: flex; justify-content: space-between; align-items: flex-start;     margin-bottom: 50px;}
.newsshowicontent .newsshowcc{ display: block;     overflow: hidden; width: 68%;}
.newsshowicontent  .newslist{ display: block; width: 26%; margin: 0; }

.newsshowcc{  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; max-width: 100%; border-radius: 2px;  display: block; height: auto; margin: 0 auto; }
.newsshowcc .aligncenter{    margin: 0 auto;}
.newsshowcc p{ margin:0; padding:0; }
.newsshowcc a{ color: #1E53A4; }
.newslr{ margin: 50px auto 100px;  overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.newslr dl{ width:68%; 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: #1E53A4; font-size: 16px; }
.newslr a span{ display: block; color: #1E53A4; font-size: 16px; }
.newslr a:hover{ background:#1E53A4;  }
.newslr a:hover span,.newslr a:hover .fa{ color:#fff;  }
 


 

.networkglobal{     padding: 0; }
 
.network_item{ margin:50px auto; display: block; }
.network_item dl{ display: block;  margin-bottom: 30px;}
.network_item dl h3{display: block; color: #333; font-weight: bold; font-size: 26px; margin-bottom: 20px; }
.network_item dl dd{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 16px; }
.network_item dl dd p{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: block; overflow: hidden; padding:16px; margin-bottom: 16px; }
.network_item dl dd p strong{ font-size: 18px; color: #1E53A4; margin-bottom: 10px; display: block; }
.network_item dl dd p span{display: block; color: #333; font-size: 14px;}
.gcjd{ margin: 50px auto; display: block; }
.gcjd h3{display: block; color: #333; font-weight: bold; font-size: 36px; margin-bottom: 20px;}
.gcjd dl{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; }
.gcjd dl dd{ margin-bottom:40px;}
.gcjd dl dd p{display: block; overflow: hidden;}
.gcjd dl dd p img{ display: block; width: 100%; transition: all .6s; }
.gcjd dl dd:hover p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.gcjd dl dd span{display: block; font-size: 18px; text-align: center; margin: 16px 0;}




 
.pageorder{  display: block; overflow: hidden; position: relative; width: 100%; padding: 170px 0 100px; }
.pageorder .bg{ display: block; width: 100%; animation: mysacle 4s ease both; position: absolute; height: 100%; object-fit: cover; top: 0; left: 0; }
.pageorder .ict{ position: relative; z-index: 9; }
.pageorder .ict .item{  background: rgba(255, 255, 255, 0.98); box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: inline-block; padding: 50px; border-radius: 10px; width: auto; min-width: 680px;  }
.pageorder .ict .item h3{}
.pageorder .ict .item h3 strong{ display: block; font-size: 36px; }
.pageorder .ict .item h3 span{ display: block; color: #333; font-size: 16px; margin-top: 12px; }
.pageorder .ict dl{display: flex; justify-content: space-between; align-items:center; margin: 50px 0;}
.pageorder .ict dl .lf{ width: 230px; }
.pageorder .ict dl .lf img{ display: block; width: 100%;}
.pageorder .ict dl .rh{ display: block; width: calc(100% - 250px);}
.pageorder .ict dl .rh h4{}
.pageorder .ict dl .rh h4 span{display: block; color: #333;   font-size: 26px;}
.pageorder .ict dl .rh h4 font{ display: block; color: #333; font-size: 16px; margin: 16px 0; }
.pageorder .ict dl .rh h5{ color: #1E53A4; font-size: 16px; margin: 20px 0; }
.pageorder .ict h6{ font-size: 12px; color: #666;}
 

 

.dowlist{ display: block; margin: 50px auto; }
.dowlist dl{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; }
.dowlist dl a{ box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: block; background: #fff; padding: 20px; margin: 0 0 20px 0; display: flex; align-items: center; justify-content: space-between;}
.dowlist dl a p{}
.dowlist dl a p span{display: block; color: #333; font-size: 18px;}
.dowlist dl a p font{display: block; color: #666; font-size: 14px; margin-top: 5px;}
.dowlist dl a .fa{ display: block; color: #333; font-size: 26px;}
.dowlist dl a:hover{ background-image: linear-gradient(0deg, #1B1C80, #00AFEC); }
.dowlist dl a:hover span,.dowlist dl a:hover font,.dowlist dl a:hover .fa{ color:#fff; }
 





 
.pageorder_tech{ max-height: none; padding: 100px 0; }
.pageorder_tech .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.pageorder_tech .ict{ position: relative; top: auto; left: auto; margin:0px auto; transform: initial; }
.pageorder_tech .ict .item{ min-width: 100%; }
.pageorder_tech .ict dl .rh{ display: block; width: calc(100% - 600px); }
.pageorder_tech .ict dl h6{ display: block; width: 300px; }
.pageorder_tech .ict dl{ margin: 20px 0 0; }


.pagetech{  margin:50px auto; }
.pagetech .dowcontact{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0; }
.pagetech .dowcontact a{ background-image: linear-gradient(0deg, #1B1C80, #00AFEC); display: block; overflow: hidden; width: 49%; border-radius: 10px; padding: 20px; display: flex; align-items: center; justify-content: space-between; }
.pagetech .dowcontact a p{}
.pagetech .dowcontact a p span{ display: block; color: #fff; font-size: 26px;}
.pagetech .dowcontact a p font{ display: block; color: #fff; font-size: 14px; }
.pagetech .dowcontact a img{}

.pagetech .dowcontact a:nth-child(1){ opacity: 0.8; width: 32%;}
.pagetech .dowcontact a:nth-child(2){ opacity: 0.8; width: 66%;}
.pagetech .dowcontact a:hover{    opacity: 1;}


.pagetech .dowicon{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0 30px; }
.pagetech .dowicon a{ box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); background: #fff; display: flex; align-items: center; flex-direction: column; padding: 30px 0; border-radius: 10px; }
.pagetech .dowicon a img{ filter: brightness(0) invert(0); }
.pagetech .dowicon a span{ display: block; color: #333; font-size: 18px; margin-top: 5px;  }
.pagetech .dowicon a:hover span{ color:#fff; }
.pagetech .dowicon a:hover img{ filter: brightness(0) invert(1);}
.pagetech .dowicon a:hover{  background-image: linear-gradient(0deg, #1B1C80, #00AFEC); }
 
 
.pageapplication{ margin: 50px auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; }
.pageapplication a{ display: block; margin-bottom: 40px; }
.pageapplication a i{ display: block; overflow: hidden; max-height: 360px;  }
.pageapplication a i img{ display: block; width: 100%; transition: all .3s; }
.pageapplication a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.pageapplication a dd{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding: 16px 0; }
.pageapplication a dd span{ display: block; color: #333; font-size: 20px; }
.pageapplication a dd p{ display: flex; justify-content: space-between; align-items: center; }
.pageapplication a dd p .jj{ width: 30px; height: 30px; color: #1E53A4; border: 1px solid #1E53A4; border-radius: 50%; display: flex; justify-content: center; align-items: center; opacity: 0.9; }
.pageapplication a dd p i{ color: #1E53A4; font-style: inherit; font-size: 14px; margin-left: 5px; }
.pageapplication a:hover dd span{ color: #1E53A4;}
 


 




 
.inglobal{ padding: 60px 0 0; display: block; overflow: hidden; position: relative; }
.inglobal .webtt{position: relative; margin-bottom: 0;}
.inglobal .contentglobal{ position: relative; }
.inglobal .contentglobal .maps{display: block; width: 100%; opacity:1;}
.inglobal .contentglobal .nationgroup{}
.inglobal .contentglobal .nationgroup .item{ position: absolute; }
.inglobal .contentglobal .nationgroup .item span{ display:block; height:12px; width:12px;  background:#0060ff; border:2px solid #1E53A4; border-radius:50%; margin:0 auto; position:relative; z-index: 9; }
.inglobal .contentglobal .nationgroup .item span:after{ animation: warn 1.8s ease-out 0s infinite; border-radius:50%; content:""; width: 36px; height: 36px; left: 50%; margin-left: -18px; margin-top: -18px; position: absolute; top: 50%;  background-color: #314faa; }
.inglobal .contentglobal .nationgroup .item:nth-child(3n) span:after{ animation: warn 2s ease-out 0s infinite; }
.inglobal .contentglobal .nationgroup .item span:before{ content:"";  height: 14px; margin-left: -7px; margin-top: -7px; width: 14px; position: relative; z-index: 9; }
.inglobal .contentglobal .nationgroup .item span i{}
.inglobal .contentglobal .nationgroup .item font{ display: block; color: #333; font-size: 12px; text-align: center; position: relative; z-index: 9; font-family: sourceHanSansCNRegular; }

.inglobal .contentglobal .nationgroup .item .red{  background:#f00;  border:2px solid #b60000; }
.inglobal .contentglobal .nationgroup .item .red:after{ background: #8e0000; } 

@keyframes warn { 0% {opacity: 0.5;transform: scale(.5)} 30% {opacity: 0.5} to {opacity: 0;transform: scale(1.4)} }
 

  

.inglobal .contentglobal .nationgroup .item .bot{ position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0%);       opacity: 0;visibility: hidden;}
.inglobal .contentglobal .nationgroup .item:hover .bot{  opacity: 1; visibility: visible;  }
.inglobal .contentglobal .nationgroup .item .bot img{display: block; width: auto; height: 24px; border: 1px solid #ccc;  margin: 0 auto;}
.inglobal .contentglobal .nationgroup .item .bot .iett{ display: block; font-size: 12px; width: 70px; text-align: center; font-weight: bold; color: #1E53A4;}
.inglobal .contentglobal .nationgroup .item .bot:after{ content:"";display: block; width: 1px; height: 0; background:#245eb7; margin: 0 auto;transition: all .3s; }
.inglobal .contentglobal .nationgroup .item:hover .bot:after{  height: 120px;}
.inglobal .contentglobal .nationgroup .item:hover font{ opacity: 0;}

.inglobal .contentglobal .nationgroup .cr .bot .iett{ color: #fff; }

.inglobal .contentglobal .nationgroup .cn .bot:after{ background:#b60000; }
.inglobal .contentglobal .nationgroup .cn .bot .iett{ color:#b60000; } 

.mapnum{}
.mapnum .number{width: 60%; margin: 0 auto;}

 

.app_pro_newsbot{ display: block; }
.app_pro_newsbot h4{ display: block; color: #333; font-size: 36px; font-weight: bold; margin-bottom: 30px; }
.app_pro_newsbot .n_b_list{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; }

.app_form{ background: #fff; }
.app_form .cf{ background: none; padding: 0; box-shadow: inherit;}
.app_form .wpcf7-form{ margin: 0; }
.app_form .wpcf7-form .more{ margin-bottom: 0; }


.apppro{     margin: 50px auto; }
.app_p_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; margin-top: 20px; }

.pro_aa{ display: block;     margin-bottom: 40px; }
.pro_aa i{ background: #fff; display: block; overflow: hidden; }
.pro_aa i img{ display: block; width: 70%; margin: 20px auto; transition: all .3s; }
.pro_aa:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.pro_aa .text{ display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 18px; }
.pro_aa .text strong{ display: block; color: #333; font-size: 24px; font-weight: normal; }
.pro_aa:hover .text strong{ color: #1E53A4;  }
.pro_aa .text span{ display: block; color: #666; font-size: 14px; margin: 12px 0; }
.pro_aa p{ display: flex; align-items: center; }
.pro_aa p .jj{ width: 30px; height: 30px; color: #1E53A4; border: 1px solid #1E53A4; border-radius: 50%; display: flex; justify-content: center; align-items: center; opacity: 0.9; }
.pro_aa p font{ color: #1E53A4; font-style: inherit; font-size: 14px; margin-left: 5px; }



.app_material{ margin: 80px auto; display: block; }
.app_material dl{  display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 40px; margin-top: 30px;  }
.app_material dl dd{ display: block; overflow: hidden; border-top: 1px solid #ddd; }
.app_material dl dd strong{display: block; color: #333; font-size: 22px; margin: 20px 0;}
.app_material dl dd span{display: block; color: #333; font-size: 16px;}



.app_light_item{ display: block; background: #fbfbfb; padding: 50px 0;}
.app_light_item .a_l_list{ }
.app_light_item .a_l_list dl{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0 30px; margin-top: 30px; }
.app_light_item .a_l_list dl dd{}
.app_light_item .a_l_list dl dd i{ background: #1E53A4; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-style: inherit; color: #fff; border-radius: 50%;   font-size: 14px; position: relative; z-index: 3;}
.app_light_item .a_l_list dl dd p{  padding: 0; position: relative; }
.app_light_item .a_l_list dl dd p img{ display: block; margin:20px auto 20px; width: auto; height: 50px; }
.app_light_item .a_l_list dl dd p span{ display: block; text-align: left; color: #333; font-size: 20px; font-weight: bold; }
.app_light_item .a_l_list dl dd p font{ display: block; color: #666; font-size: 14px; margin: 20px 0; line-height: 24px; }
.app_light_item .a_l_list dl dd .icon{ display: flex; align-items: center; justify-content: flex-start;    margin-bottom: 20px; }
.app_light_item .a_l_list dl dd .icon .po{ width: 90px; height: 90px; background: #fff; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: center;margin: 0 0 0 -12px; z-index: 1; }
.app_light_item .a_l_list dl dd .icon .po img{display: block; width: auto; height: 40px;}
.app_light_item .a_l_list dl dd .icon .fa{ display: block; color: #ddd; font-size: 18px;margin-left: 20px; }



.app_caselist{ margin: 50px auto; position: relative;}
.app_caselist .webtt{    margin-bottom: 30px;}
.app_caselist .webtt .fa{ cursor: pointer; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #fdfdfd; border-radius: 50%; font-size: 16px; color: #999; border: 1px solid #eee; position: absolute; top: 0; right: 0;}
.app_caselist .webtt .inapp_prev{ right:50px;}
.app_caselist .webtt .fa:hover{ color: #1E53A4; border: 1px solid #1E53A4; }
.app_caselist .inapp_Swiper{display: block; overflow: hidden; }
.app_caselist .inapp_Swiper .swiper-slide{}
.app_caselist .inapp_Swiper .swiper-slide p{ display: block; overflow: hidden; border-radius: 10px; }
.app_caselist .inapp_Swiper .swiper-slide p img{ display: block; width: 100%; transition: all .3s; }
.app_caselist .inapp_Swiper .swiper-slide p:hover img{    -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.app_caselist .app_caselist_pagination{ display: block; text-align: center; margin: 20px auto; }
.app_caselist .app_caselist_pagination span{width: 12px; height: 12px; margin: 0 5px; }
.app_caselist .app_caselist_pagination .swiper-pagination-bullet-active{    background-image: linear-gradient(0deg, #1B1C80, #00AFEC);}


.app_top{ display: block; overflow: hidden; padding: 50px 0; background: #fff;}
.app_top .text{  display: flex; justify-content: space-between; align-items: flex-start; }
.app_top .text p{ display: block; color: #333; font-size: 24px; width: calc(100% - 400px); }
.app_top .text dd{    display: flex;}
.app_top .text dd a{ background-image: linear-gradient(0deg, #1B1C80, #00AFEC); padding: 8px 18px; display: flex; align-items: center; justify-content: space-between; border-radius: 2em; transition: all .3s; margin-left: 20px;}
.app_top .text dd a img{ display: block; width: auto; height: 24px; margin-right: 20px;}
.app_top .text dd a span{ display: block; color: #fff; font-size: 14px;}
.app_top .text dd a:hover{ opacity: 0.8; }

.app_top .appicons{ display: flex; justify-content: space-between; margin:50px auto;  }
.app_top .appicons dd{}
.app_top .appicons dd i{ background-image: linear-gradient(0deg, #1B1C80, #00AFEC); display: block; width: 80px; height: 80px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.app_top .appicons dd i img{ display: block; width: auto; height: 50px; margin: 0 auto; }
.app_top .appicons dd span{ display: block; text-align: center; font-size: 18px; margin: 10px 0;}

 
 
.procat_tt{ margin: 30px auto 80px; display: block; }
.procat_tt .t_one{ overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.procat_tt .t_one:after{ content: ""; position: absolute; width: 100%; height: 1px; background: #eee; bottom: 0; left: 0; }
.procat_tt .t_one a{ display: block; color: #333;   padding: 16px 0; font-size: 14px; margin: 0 16px; position: relative; z-index: 3;  }
.procat_tt .t_one a:after{ content: ""; position: absolute; width: 0%; height: 1px; bottom: 0; left: 0; background: #1E53A4; }
.procat_tt .t_one .active,.procat_tt .t_one a:hover{ color: #1E53A4; }
.procat_tt .t_one .active:after,.procat_tt .t_one a:hover:after{  width: 100%; }
.procat_tt .t_one_bot{margin-top:16px}
.procat_tt .t_one_bot:after{ display:none; }
.procat_tt .t_one_bot a{ padding: 5px 0; margin: 16px 16px 0 16px; color:#999;}
 



 

.proshowpic{ display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 30px 0; }
.proshowpic .proshowpic_Swiper{ overflow: hidden; position: relative;  }
.proshowpic .proshowpic_Swiper .swiper-slide{}
.proshowpic .proshowpic_Swiper .swiper-slide a{ display: flex; flex-direction: column; align-items: center; }
.proshowpic .proshowpic_Swiper .swiper-slide a img{ display: block; width: auto; height: 42px; margin: 0 auto 4px; }
.proshowpic .proshowpic_Swiper .swiper-slide a span{ display: block; position: relative; font-size: 14px; color: #666; padding: 2px 0; }
.proshowpic .proshowpic_Swiper .swiper-slide a span:after{ content: ""; position: absolute; width:0%; height: 1px; bottom: 0; left: 0; background: #1E53A4; }
.proshowpic .proshowpic_Swiper .swiper-slide-active a span:after{ width: 100%;}
.proshowpic .proshowpic_Swiper .swiper-slide-active a span,.proshowpic .proshowpic_Swiper .swiper-slide a:hover span{ color:#1E53A4; }
.proshowpic .proshowpic_Swiper .fa{ position: absolute; top: 50%; left: 0; color: #333; font-size: 26px; font-weight: bold; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-top: -20px; cursor: pointer; z-index: 9;}
.proshowpic .proshowpic_Swiper .proshowpic_next{ right: 0; left: auto; }

.proshowpic .proshowpic_Swiper .swiper-button-disabled{  display: none; }

 

.pronumber{ padding: 50px 0; overflow: hidden;  }
.pronumber .webtt{}
.pronumber .protables{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 0px; margin: 30px 0; border-top: 1px solid #ddd; }
.pronumber .protables p{display: flex; justify-content: space-between; align-items: stretch; border-bottom: 1px solid #ddd; }
.pronumber .protables p span{display: block; width: 30%; background: #efefef; padding:10px 20px; font-size: 16px; color: #333;}
.pronumber .protables p font{display: block; width: 70%; background: #fff; padding: 10px 20px; font-size: 16px; color: #333;}
.pronumber .text{}
.pronumber .text h3{display: block; color: #333; font-size: 16px; font-weight: bold; margin: 0 0 10px 0;}
.pronumber .text h4{ display: block; color: #666; font-size: 14px; }

 
.prosoft{ padding: 50px 0; display: block; }
.prosoft .webtt{ margin: 0 0 20px 0; }
.prosoft .s_list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 60px; }
.prosoft .s_list dd{}
.prosoft .s_list dd i{}
.prosoft .s_list dd i img{}
.prosoft .s_list dd span{ display: block; color: #333; margin: 16px 0; font-size: 18px; font-weight: bold; }
.prosoft .s_list dd font{ display: block; color: #333; font-size: 14px; text-align: justify;    line-height: 24px; }

 

 

.protop{display: block; margin: 50px auto;}
.protop .lf{ display: block; float: left; width: 46%;}
.protop .lf h3{display: block; margin-bottom: 30px;}
.protop .lf strong{ display: block; color: #333; font-size: 36px; font-weight: normal; margin-bottom: 10px;    font-family: 'Noto Sans SC'; }
.protop .lf font{ display: block; color: #333; font-size: 14px; }
.protop .lf .protop_Swiper{ display: block; overflow: hidden; overflow: hidden; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); background: #fff; position: relative;}
.protop .lf .protop_Swiper .swiper-slide{}
.protop .lf .protop_Swiper .swiper-slide img{ display: block; width: auto; max-width: 100%; margin: 100px auto;}
.protop .lf .protop_Swiper .protop_Swiper_pagination{ text-align: center; margin: 20px 0; }
.protop .lf .protop_Swiper .protop_Swiper_pagination span{ width: 10px; height: 10px; background: #eee; opacity: 1;}
.protop .lf .protop_Swiper .protop_Swiper_pagination .swiper-pagination-bullet-active{ background-image: linear-gradient(0deg, #1B1C80, #00AFEC); }
.protop .lf .protop_Swiper .fa{position: absolute; top: 50%; left: 20px; width: 36px; height: 36px; z-index: 999999; color: #ccc; display: block; font-size: 18px; border: 1px solid #eee; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center;     transform: translate(0%, -50%);}
.protop .lf .protop_Swiper .protop_Swiper_next{ left: auto; right: 20px; }
.protop .lf .protop_Swiper .fa:hover{ color: #1E53A4; border: 1px solid #1E53A4; }
.protop .lf .protop_Swiper .swiper-button-disabled{ display:none; }
.protop .rh{ display: block; float: right; width: 49%; margin-top: 50px; } 
.protop .rh .text{ display: block; overflow: hidden; margin-bottom: 30px; }
.protop .rh .text strong,.protop .rh .protags strong{display: block; color: #333; font-size: 14px; margin-bottom: 5px;}
.protop .rh .text p{display: block; color: #666; font-size: 14px; line-height: 24px; }
.protop .rh .hrefpdf{}
.protop .rh .hrefpdf a{ display: block; color: #1E53A4; border: 1px solid #1E53A4; float: left; padding: 5px 20px; border-radius: 2em; margin: 0 20px 0 0; font-size: 14px; }
.protop .rh .hrefpdf a:hover{ background:#1E53A4;  color: #fff;  }
.protop .rh .protags{display: block; margin-bottom: 30px; position: relative; }
.protop .rh .protags strong{margin-bottom:20px}
.protop .rh .protags dd{display: flex; align-items: center;}
.protop .rh .protags dd p{ display: flex; align-items: center; width: 16.6666%; justify-content: center; flex-direction: column; }
.protop .rh .protags dd p span{ font-size: 26px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #1B1C80 0%, #00AFEC); font-style: inherit; display: block; line-height: 26px; font-weight: bold; font-family: 'Noto Sans SC'; }
.protop .rh .protags dd p font{display: block; color: #666; font-size: 12px; margin-top: 5px;}

.protop .rh .protags_icon dd p img{ display: block; width: auto; height: 26px;}
.protop .rh .protags_icon .paa{ cursor:pointer; width: 26px; height: 26px; border: 1px solid #1E53A4;  border-radius: 50%; position: absolute; top: 0; right: 0;  display: flex; align-items: center; justify-content: center;  }
.protop .rh .protags_icon .paa span,.protop .rh .protags_icon .paa font{color: #1E53A4; font-size: 16px;}
.protop .rh .protags_icon .paa font{ display: none;  }
.protop .rh .protags_icon .pbb{ display: none; margin-top:20px; }
 


 

.weblrshare{ bottom: 120px;position: fixed;right: 0;z-index: 99;display: flex; flex-direction: column; align-items: flex-end;}
.weblrshare dl{cursor:pointer; position: relative; }
.weblrshare dl a{ position: relative; background-image: linear-gradient(0deg, #1B1C80, #00AFEC); overflow: hidden; display: flex; align-items: center; height: 42px; width: 42px; border-bottom: 1px solid #ddd; transition: all .2s;}
.weblrshare dl:nth-child(1) a{}
.weblrshare dl a img{display: block; width: 20px; height: auto; margin: 0 12px; }
.weblrshare dl a span{ display: block; color: #fff; font-size: 14px; top: 0; position: absolute; right: 20px; line-height: 40px; opacity: 0; visibility: hidden; }
.weblrshare dl .txt,.weblrshare dl .ewm{  opacity: 0; visibility: hidden; } 
.weblrshare dl:hover a{ width:120px;}
.weblrshare dl:hover a span{ opacity: 1; visibility: visible; }

.weblrshare dl .ewm{ position: absolute; top: 0; right: 40px; display: flex; align-items: center; justify-content: space-around; padding: 10px; transition: all .2s;}
.weblrshare dl .ewm:after,.weblrshare dl .txt:after{ content: "";position: absolute;width: calc(100% - 10px);height: 100%;background: #fff;top: 0;right: 10px;    box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); }
.weblrshare dl .ewm:before,.weblrshare dl .txt:before{ content:""; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; width: 10px; position: absolute; top: 12px; right: 0;    z-index: 33; }
.weblrshare dl .ewm p{ position: relative; z-index: 3; margin: 0 6px;}
.weblrshare dl .ewm p img{ display: block;width: auto; height: 76px;}
.weblrshare dl .ewm p font{ display: block;color: #333;text-align: center;font-size: 12px;margin: 2px 0 0 0;}
.weblrshare dl:hover .ewm{opacity: 1; visibility: visible; right:120px;}

.weblrshare dl .txt{position: absolute; top: 0; right: 40px; display: flex; align-items: center; justify-content: space-around; padding: 10px; transition: all .2s;}
.weblrshare dl .txt span{ display: block; color: #1E53A4; position: relative; z-index: 3; width: 136px; font-size: 16px; text-align: center; }
.weblrshare dl:hover .txt{opacity: 1; visibility: visible;right:120px;}
  










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

.more{    zoom: 0.8;}

.icenter{ width:90%; }

.abcompany .lf,.abtech .tables_th h3,.bt .t,.webbanner .txt span,.abhistroy .list h3,.ab02 h3,.pageorder .ict .item h3 strong,.webtt h3,.app_pro_newsbot h4{ font-size:30px; }
.pagetech .dowcontact a p span,.network_item dl h3,.gcjd h3{font-size:24px;}
.abhistroy .list .abfz_Swiper .swiper-slide p{ font-size:16px; }
.mgheader .dh .mgnav dl dd a,.pagetech .dowicon a span,.network_item dl dd p strong,.dowlist dl a p span{ font-size:16px;}
.mgheader .dh .rh .da a,.mgheader .dh .mgnav dl dt a,.abcompany .rh,.congtact_two .wpcf7-form .c_two dd font,.abhistroy .list h4,.bt .x,.webtt h4,.pageorder .ict dl .rh h4 font,.pageorder .ict dl .rh h5,.pageorder .ict .item h3 span,.gcjd dl dd span,.inpicsolutions .rh .swiper-slide font,.app_top .appicons dd span,.app_material dl dd span,.footer .ftlist li dd a{ font-size:14px; }
.pagetech .dowcontact a p font,.network_item dl dd p span,.dowlist dl a p font,.pro_aa .text span,.prosoft .s_list dd font,.footer .ftbot .lf span, .footer .ftbot .lf a{ font-size:12px; }
  
.pagetech .dowcontact a img{ width: auto; height: 42px; }

.mgheader .dh .mgnav dl dd a{ padding: 0 1rem; }
.mgheader .dh .mgnav dl dt a{ margin: 18px 0; }

.pageorder .ict .item{ padding: 30px;}
.pageorder{ padding: 130px 0 60px;}
.pageorder .ict dl{ margin: 30px 0; }

.banner .inbanner_Swiper .swiper-slide .txt h3{ font-size: 46px;  line-height: 46px;}
.banner .inbanner_Swiper .swiper-slide .txt h4{ font-size: 20px; margin: 20px 0 0; }
.banner .inbanner_Swiper .swiper-slide .txt .line{ width: 120px;   margin-top: 20px; }


.incompany .icone .txt{ padding: 60px 5% 120px; }
.incompany .ictwo{ top: -60px;}
.incompany .ictwo .number{padding: 120px 0% 60px;}
.number dd p span{ font-size:50px; line-height:50px; }
.number dd p font{font-size:24px;}


.inpicsolutions .rh .swiper-slide .st{ margin: 0 0 20px;}
.inpicsolutions .rh .swiper-slide .st strong{ font-size:30px; }


.innews .i_n_a_list{ margin: 30px auto 0; }
.newsinfo dl strong{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newslist dl a .ndata strong{    line-height: 50px;     font-size: 50px;}

.footer .ftlist li dd a{ margin: 10px 0; }

.app_top .text dd a,.footer .ftbot .rh a{zoom: 0.8;}


.mgheader .dh .logo img,.footer .fta .ftlogo img{ height:36px; }


.inpicsolutions .rh .swiper-slide .pic .bgtext{     font-size: 120px;}

.newslisttop dl a .text strong{ font-size:24px;}
.newsshowtt .icenter .lf{font-size:28px;}


.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon span,.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb span{ font-size: 18px; margin: 0 0 0 16px; }
.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .icon p .tb,.inapp .inapp_Swiper .swiper-wrapper .swiper-slide .txt .txt_tb p .tb{ height:46px;}


}