@font-face {
    font-family: "Num";
    src: url("../font/Num.eot") format("eot"),
        url("../font/Num.woff") format("woff"),
        url("../font/Num.ttf") format("truetype");
}

 
 
@font-face {font-family: "AlibabaSans_Regular";src: url("../font/AlibabaSans_Regular.ttf") format("truetype");} 
*{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: AlibabaSans_Regular,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans;font-size:12px; font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,a,span,p{ display: block;}
img { display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;font-size: 10px;}
.imgbox {overflow: hidden;position: relative;}
 

input{ -webkit-appearance:none; } 


 



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

.webtt{display: block; overflow: hidden; position: relative;}
.webtt p{display: block; position: relative; overflow: hidden;}
.webtt p span{color: #003260; display: block; font-size: 40px; font-weight: bold; position: absolute; top: 50%; line-height: 40px; margin-top: -20px;}
.webtt p font{display: block; color: #000; font-size: 100px; line-height: 100px; opacity: 0.1; font-weight: bold;text-transform: uppercase;}



 
/* more */
.more:hover { border-color: #003260; background-color: transparent; }
.more { border-radius: 5rem; background-color: #003260; border: 1px solid #003260; 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:150px; height:40px; display: flex; align-items: center; justify-content: center; }
.more > span { vertical-align: middle; font-size: 1.6rem; 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: #003260; font-size: 1.6rem; 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); }




.dh2{position: fixed; width: 100%;    height: 80px; top: 0; left: 0; z-index: 99999;}
.dh2 .icenter{display: flex; justify-content: space-between; align-items: center;    height: 80px;}
.dh2 .icenter .logo{}
.dh2 .icenter .logo img{display: block;  height: 26px; filter: grayscale(1) brightness(5); -webkit-filter: grayscale(1) brightness(1000);}
.dh2 .icenter .pcnav{display: flex; justify-content: space-between; align-items: center;}
.dh2 .icenter .pcnav dd{}
.dh2 .icenter .pcnav dd span{}
.dh2 .icenter .pcnav dd span a{display: flex; color: #fff; height: 80px; justify-content: center; align-items: center; font-size: 18px; font-weight: normal; padding: 0;}
.dh2 .icenter .rh{display: flex; align-items: center;}
.dh2 .icenter .rh .navsearch{display: block; overflow: hidden; margin: 0 0 0 0;}
.dh2 .icenter .rh .navsearch img{display: block; width: auto; height: 24px;    filter: brightness(0) invert(1);}
/* 
.dh2 .icenter .rh .global{display: flex; justify-content: space-between; align-items: center;}
.dh2 .icenter .rh .global a{display: block; color: #666; font-size: 16px; margin: 0 0 0 20px;}
.dh2 .icenter .rh .global a:hover{color: #003260;}  
*/

 

.div2_1 .dh2,.dh2:hover{background-color:#fff;-webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);}
.div2_1 .dh2 .icenter .pcnav dd span a,.dh2:hover .icenter .pcnav dd span a{color:#333;}
.div2_1 .dh2 .icenter .logo img,.dh2:hover .icenter .logo img{    filter: none;}
.div2_1 .dh2 .icenter .rh .navsearch img,.dh2:hover .icenter .rh .navsearch img{    filter: none;}

 

.dh2 .icenter .pcnav dd { position: relative; padding: 0 15px; }
.dh2 .icenter .pcnav dd font{ position: absolute; top: 80px; left: 50%; transform: translate(-50%, 0%); background: #fff; padding: 10px 10px; text-align: center; width: 260px; transition: 0.3s; overflow: hidden; opacity: 0; visibility: hidden; background-color: #fff; -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); border-radius: 0 0 10px 10px;}
.dh2 .icenter .pcnav dd:hover font{ opacity:1; visibility: visible;}
.dh2 .icenter .pcnav dd font a{ padding:5px 0; display: block; color: #666; font-size: 16px;font-weight: normal;}
.dh2 .icenter .pcnav dd font a:hover,.dh2 .icenter .pcnav dd:hover span a{ color: #003260;  }
 



 

.inabout{display: block; overflow: hidden; padding: 100px 0;    background: url(../img/incompanybg.png);     background-size: cover;  }
.inabout .webtt{display: flex; justify-content: space-between; align-items: center; margin:0 auto 20px; }
.inabout .txt{display: block; color: #333; font-size: 20px; line-height: 36px; text-align: justify;}

.numlist{display: block; margin: 50px auto; position: relative;display: flex; justify-content: space-between;  background: url(../img/numlistbg2.jpg);     background-size: cover; }
.numlist li{display: block; width: 25%; position: relative;}
.numlist li img{display: block; width: 100%; transition: all .3s;    opacity: 0;}
.numlist li dd{position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); z-index: 3; width: 100%; }
.numlist li dd p{display: flex; justify-content: center; align-items: center;}
.numlist li dd p span{display: block; color: #fff; font-size: 90px; font-weight: bold;}
.numlist li dd p i{display: block; color: #fff; font-size: 36px; font-style: inherit;}
.numlist li dd strong{text-align: center; display: block; color: #fff; font-size: 24px;}
.numlist .active img{transform: scale(1.14, 1.08); opacity: 1;}
.numlist .active{z-index: 6;}
.numlist li:nth-child(2n):after{  content: ""; background: #000; width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; opacity: 0.5;  }
.numlist .active:nth-child(2n):after{opacity: 0;}

 








.inpro{display: block; overflow: hidden; padding: 100px 0;     background: #f2f2f2;}
.inpro .webtt{display: flex; justify-content: space-between; align-items: center; margin:0 auto 20px; }
.inpro h4{display: block; color: #333; font-size: 18px;}
.inpro .culproSwiper { overflow: hidden;position: relative; margin:50px 0 0 0; padding: 0 0 0 0;     width: 98%;left:1%;}
.inpro .culproSwiper .swiper-slide{display: block; overflow: hidden; position: relative; border-radius: 20px;}
.inpro .culproSwiper .swiper-slide a{display: block; overflow: hidden; position: relative;}
.inpro .culproSwiper .swiper-slide a img{display: block; width: 100%; transition: all .9s;}
.inpro .culproSwiper .swiper-slide a span{position: absolute; width: 80%; bottom: 40px; text-align: center; left: 10%; font-size: 24px; color:#003260; font-weight: bold;z-index: 3;}
.inpro .culproSwiper .swiper-slide a:after{  content: ""; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.inpro .culproSwiper .swiper-slide:hover a:after{  background: linear-gradient(180deg, rgba(0, 50, 96, 0) 40%, rgba(0, 50, 96, 0.9) 100%); }
.inpro .culproSwiper .swiper-slide:hover a span{ color:#fff; }
.inpro .culproSwiper .swiper-slide:hover a img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.inpro .culproSwiper_pagination{height: 2px; background: #ddd; margin: 50px auto; position: relative; border-radius: 2em; overflow: hidden;}
.inpro .culproSwiper_pagination span{ background:#003260;}
.inpro .sdlr{ display: flex; justify-content: center;}
.inpro .sdlr .fa{cursor:pointer; width:50px; height:50px; border:1px solid #003260; border-radius:50%; display:flex; justify-content:center; align-items:center; color: #003260; font-size:31px; margin: 0 0 0 20px }
.inpro .sdlr .fa:hover{ background:#003260; color:#fff; }


 









.banner{ display: block; overflow: hidden; height: 100%;  position: relative; }
.inbanner_Swiper{ position: relative; z-index: 9; height: 100%; overflow: hidden; display: block;  }
.inbanner_Swiper .swiper-slide img{display: block; width: 100%; height: 100%; position: relative;  }
.inbanner_Swiper .swiper-slide .txt .more{display: block; border: 0; background: #003260; color: #fff; margin-top: 30px;}
.inbanner_Swiper .swiper-slide .txt .more:hover{}

.inbanner_Swiper .txt{position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);}
.inbanner_Swiper .txt h3{display: block; text-align: left; color: #fff; font-size: 80px; font-weight: bold; margin-bottom: 10px;  line-height: 70px; }
.inbanner_Swiper .txt h4{display: block; text-align: left; color: #fff; font-size: 46px;margin: 20px 0;    font-weight: bold; }
.inbanner_Swiper .txt h5{display: block; text-align: left; color: #fff; font-size: 24px; line-height: 36px;}

.inbanner_Swiper .txt dd{overflow: hidden;}


.inbanner_Swiper .txt h3,.inbanner_Swiper .txt h4,.inbanner_Swiper .txt h5{ opacity: 0; 
-webkit-transform: translateY(170%); transform: translateY(170%); 
-webkit-transition: -webkit-transform .9s ease-out .6s; transition: 
-webkit-transform .9s ease-out .6s; transition: transform .9s ease-out .6s; transition: transform .9s ease-out .6s,
-webkit-transform .9s ease-out .6s; will-change: transform; }


.inbanner_Swiper .swiper-slide-active .txt h3,.inbanner_Swiper .swiper-slide-active .txt h4,.inbanner_Swiper .swiper-slide-active .txt h5{-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;  }
.banner:after{  content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.2; z-index: 2;  }



.br_ry{position: absolute; left: 50%; top: 45%; z-index: 9; width: 100%; transform: translate(-50%, -50%); }
.br_ry .fa{color: #fff; left: 0%; position: absolute; font-size: 60px; cursor: pointer; display: block; font-weight: normal; width: 80px; height: 80px; text-align: center; line-height: 80px; opacity: 0.3; }
.br_ry .fa-angle-right{left:auto; right:0%; }
.br_ry .fa:hover{ opacity:0.5; }

 
.inbanner_Swiper .swiper-slide-active img {opacity: 1;transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
.inbanner_Swiper .swiper-slide-active img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{100%{transform:scale(1.2,1.1);-webkit-transform:scale(1.2,1.2);}}
@keyframes centerBig{100%{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}}
.inbanner_Swiper .swiper-slide img { 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;}





.insolution{ display: block; overflow: hidden; padding: 100px 0;}
.insolution .webtt{display: flex; justify-content: space-between; align-items: center; margin:0 auto 50px; }
.insolution .i_s_l{position: relative; height: 500px; display: block; }
.insolution .i_s_l li{ box-shadow: 0 10px 35px 0 rgba(0,0,0,.1); display: block; width:25%; height: 100%; overflow: hidden;border-radius: 20px; transition: all .7s; position: relative;float: left; }
.insolution .i_s_l .active{width:50%; }
.insolution .i_s_l li font{position: absolute;z-index: 3;top: 50%; width:240px; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size:32px; text-align:center; font-weight:bold;opacity:1; transition:all .3s;}
.insolution .i_s_l .active font{opacity: 0;}
.insolution .i_s_l li dd{position: absolute; z-index: 3; width: 460px; transform: translate(-50%, -50%); top: 50%; left: 10%; opacity: 0; transition: all .6s; }
.insolution .i_s_l li dd strong{display: block; color: #fff; font-size: 36px;}
.insolution .i_s_l li dd strong:after{ content: ""; display: block; width: 50px; height: 1px; background: #fff; margin: 20px 0;  transition:all .6s; }
.insolution .i_s_l .active dd strong:after{ width: 100%;}
.insolution .i_s_l li dd h3{display: block; color: #fff; font-size: 18px; margin: 20px 0;}
.insolution .i_s_l li dd .more:hover{ border:1px solid #fff;}
.insolution .i_s_l li dd .more:hover::after{  color:#fff;}
.insolution .i_s_l li img{ transition: all .6s; position: absolute; width: 100%; height: 100%; object-fit: cover;}
.insolution .i_s_l .active dd{opacity: 1; left:50%; }

.insolution .i_s_l li:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.6; }
.insolution .i_s_l .active:after{ opacity: 0.4;}









 
.inserver{ display: block; overflow: hidden; padding: 100px 0;      position: relative;   background:#003260;}
.inserver .webtt{display: flex; justify-content: space-between; align-items: center; margin:0 auto 50px; }
.inserver .webtt p span{ color:#fff;}
.inserver .webtt p font{ color: #fff;}

.inserver .icenter{display: flex; justify-content: space-between; overflow: hidden; position: relative; z-index: 9; }
.inserver .icenter dd{display: block; width: 32%; border: 1px solid rgba(255, 255, 255,0.3); border-radius: 20px; padding: 30px;}
.inserver .icenter dd .ico{}
.inserver .icenter dd strong{display: block; color: #fff; font-size: 32px; margin: 30px 0;}
.inserver .icenter dd span{display: block; color: #fff; font-size: 16px; line-height: 26px; margin: 30px 0; text-align: justify;     opacity: 0.8; }
.inserver .icenter dd a{display: block; float: right; position: relative; right:0; transition: all .3s; opacity: 0.5;}
.inserver .icenter dd a img{filter: none; filter: grayscale(1) brightness(1000); display: block; width: auto; height: 50px;}
.inserver .icenter dd a:hover{ opacity: 1;}
.inserver .icenter dd:hover{ background-image: linear-gradient(90deg, #00458b, #00396d); }
.inserver .global{ width: auto; height: 100%; filter: brightness(0.9); animation: ro1 90s infinite linear; padding: 3rem; top: 0; position: absolute; right: -10%; }

@keyframes ro1 {to { transform: rotate(1000deg); }}
 
 



.incase{ display: block; overflow: hidden; padding: 100px 0 0;}
.incase .webtt{display: flex; justify-content: space-between; align-items: center; margin:0 auto 50px; }
.incase .i03{display: block; overflow: hidden; position: relative;}
.incase .i03 .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.incase .i03 .bg:after{  content: ""; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0;}
.incase .i03 .bg img{display: block; position: absolute; width: 100%; height: 100%; object-fit: cover;display: none;}
.incase .i03 .bg img:nth-child(1){display: block; }
.incase .i03 .icenter{ display: flex; justify-content: space-between; align-items: center;position: relative; z-index: 3; }
.incase .i03 .icenter li{display: block;  position: relative; width: 33.33%; padding: 210px 0; border-right: 1px solid rgba(255, 255, 255, 0.2);}
.incase .i03 .icenter li strong{ display: block; color: #fff; font-size: 40px; width: 80%; margin: 0 auto; position: relative; z-index: 3;}
.incase .i03 .icenter li strong:after{ content: ""; display: block; width: 20%; height: 1px; background: #fff; margin: 20px 0 0 0; opacity: 0.5;transition: all .3s; }
.incase .i03 .icenter li p{ display: block; overflow: hidden; width: 80%; margin: 0 auto; position: relative; z-index: 3; opacity: 0; top:50px; transition: all .3s; }
.incase .i03 .icenter li p font{display: block; color: #fff; font-size: 24px; width: 80%; margin: 40px 0;}
.incase .i03 .icenter li p .more:hover{ border:1px solid #fff;}
.incase .i03 .icenter li p .more:hover::after{  color:#fff;}
.incase .i03 .icenter li:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0; top: 0; left: 0;}

.incase .i03 .icenter .active:after{ opacity: 0.5; }
.incase .i03 .icenter .active p{ opacity: 1; top: 0;}
.incase .i03 .icenter .active strong:after{ width:100%; opacity: 1;}


.incase .i03 .text{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.incase .i03 .text i{position: absolute; width: 100%; text-align: center; color: #fff; z-index: 3; display: none; font-weight: bold; font-style: inherit; text-transform: uppercase; font-size: 120px; opacity:0.2; line-height: 120px; bottom:0; }
.incase .i03 .text i:nth-child(1){display: block; }

  

 



.innews{display: block; overflow: hidden; padding: 100px 0;}
.innews .webtt{display: flex; justify-content: space-between; align-items: center; margin:0 auto 50px; }
.innews .webtt .more{}

.innews .Swiper .swiper-slide{background: #fff; box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.15); border-radius: 20px; display: block; overflow: hidden;}
.innews .Swiper .swiper-slide a{}
.innews .Swiper .swiper-slide a i{display: block; overflow: hidden; max-height: 280px; }
.innews .Swiper .swiper-slide a i img{display: block; width: 100%;transition: all .3s;}
.innews .Swiper .swiper-slide a:hover i img{   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.innews .Swiper .swiper-slide a p{display: block; overflow: hidden; padding: 40px; }
.innews .Swiper .swiper-slide a p strong{display: block; font-size: 22px; color: #333;}
.innews .Swiper .swiper-slide a:hover p strong{ color:#003260; }
.innews .Swiper .swiper-slide a p span{display: block; color: #666; font-size: 16px; margin: 20px 0;line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.innews .Swiper .swiper-slide a p font{display: block; color: #333; font-size: 16px;}


.innews .cul07Swiper_pagination{ display: block; overflow: hidden; margin: 50px auto; text-align: center; }
.innews .cul07Swiper_pagination span{background: #ccc; opacity: 1; width: 16px; height: 16px; margin: 0 5px;}
.innews .cul07Swiper_pagination .swiper-pagination-bullet-active{background: #003260;}









 
.adfooter{background:#003260; padding: 100px 0; display: block; overflow: hidden;}
.adfooter .ta{display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden;}
.adfooter .ta dl{}
.adfooter .ta dl dt{display: block; overflow: hidden; margin: 0 0 15px 0;}
.adfooter .ta dl dt a{color:#fff; font-weight: bold; font-size: 20px; line-height: 22px;}
.adfooter .ta dl dd{}
.adfooter .ta dl dd a{display: block; color: #fff; font-size: 16px; opacity: 0.8; line-height: 46px;}
.adfooter .ta dl dd a:hover{opacity: 1;}
.adfooter .ta .fcr{}
.adfooter .ta .fcr .flogo{display: block; overflow: hidden; margin: 0 0 30px 0;}
.adfooter .ta .fcr .flogo img{filter: none; filter: grayscale(1) brightness(1000); display: block; width: auto; height: 65px;}
.adfooter .ta .fcr .text{display: block; overflow: hidden; margin: 0 0 10px 0;}
.adfooter .ta .fcr .text p{margin: 0 0 20px 0; display: block; overflow: hidden;}
.adfooter .ta .fcr .text p span{display: block; color: #fff; font-size: 16px; opacity: 0.5;margin-bottom:0;}
.adfooter .ta .fcr .text p .tel{    line-height: 32px;font-size: 30px;}
.adfooter .ta .fcr .text p a{display: block; color: #fff; font-size: 18px;}
.adfooter .ta .fcr .toa{width: 120px; background: #fff; display: flex; justify-content: center; align-items:center; border-radius: 2em; height:30px; margin:10px 0 30px; color: #003260; font-size:14px; opacity:0.7;}
.adfooter .ta .fcr .toa:hover{opacity: 1;}
.adfooter .ta .fcr .ewm{}
.adfooter .ta .fcr .ewm p{display: flex; align-items: center;}
.adfooter .ta .fcr .ewm p img{display: block; width: auto; height: 110px;}
.adfooter .ta .fcr .ewm p span{display: block; color: #fff; font-size: 16px;margin:0 0 0 10px; }


.adfooter .tb{display: flex; justify-content: space-between; align-items: flex-start;    margin-top: 50px;}
.adfooter .tb dt{display: flex; justify-content: space-between;}
.adfooter .tb dt p{display: block; color: #fff; font-size: 14px; opacity: 0.6; }
.adfooter .tb dt a{display: block; color: #fff; font-size: 14px;  opacity: 0.6;   margin-left: 20px;}
.adfooter .tb dt .se{opacity: 0.5;}
.adfooter .tb dd{display: flex; align-items: center; justify-content: flex-end;}
.adfooter .tb dd a{display: flex; justify-content: space-between; align-items: center; border: 1px solid #fff; border-radius: 2em; overflow: hidden; padding: 10px 20px; margin-left: 10px;}
.adfooter .tb dd a img{display: block; width: auto; height: 14px;}
.adfooter .tb dd a i{display: block; color: #fff; font-size: 14px;margin-left: 10px;}
.adfooter .tb dd a:hover{ border: 1px solid #004a8f;   background: #004a8f;}

  

.webbanner{width: 100%; overflow: hidden; position: relative; margin: 0 0 0 0; }
.webbanner img{display: block; width: 100%;     animation: mysacle 4s ease both; }
.webbanner .btxt{position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%);}
.webbanner .btxt p span,.webbanner .btxt p font{color:#fff;}
@keyframes mysacle {0% {transform: scale(1.15);}}

.contact_a{display: block; overflow: hidden; margin: 100px auto 50px; position: relative;}
.contact_a .ta{display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px; }
.contact_a h3{display: block; color: #003260; font-size: 36px; font-weight: bold;}
.contact_a h4{display: block; color: #003260; font-size: 18px; margin:10px auto 0;}
.contact_a ul{display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden; margin: 0 auto;}
.contact_a ul li{}
.contact_a ul li i{border: 1px solid #003260; display: flex; width: 36px; height: 36px; border-radius: 50%;  justify-content: center; align-items: center;}
.contact_a ul li i img{display: block; width: auto; height: 18px;}
.contact_a ul li span{display: block; color: #666; font-size: 18px; margin: 5px 0;}
.contact_a ul li a{color: #003260; display: block; font-size: 24px; line-height: 24px;}
.contact_a ul li .tel{font-size:36px; line-height: 36px;}
.contact_a ul .ewm{}
.contact_a ul .ewm img{border: 1px solid #003260; display: block; height:120px; margin: 0 0 10px 0;}
.contact_a ul .ewm font{display: block; text-align: center; color: #666; font-size: 16px;}

.contact_b{display: block;  margin: 0 auto 100px; position: relative;}
.contact_b h3{color: #003260; display: block; font-size: 36px; font-weight: bold;    margin-bottom: 50px;}
.contact_b ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px;}
.contact_b ul li{background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1); display: block; overflow: hidden; border-radius: 20px; padding: 30px; margin: 0 0 30px 0;transition: all .3s;}
.contact_b ul li:hover{box-shadow: 0 10px 35px 0 rgba(0,0,0,.3);}
.contact_b ul li strong{color: #003260; display: block; font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.contact_b ul li:hover strong{ border-bottom: 1px solid #003260;}
.contact_b ul li span{display: block; color: #666; font-size: 16px; margin: 40px 0; min-height: 70px;}
.contact_b ul li a{color: #003260; display: flex; width: 120px; height: 36px; border: 1px solid #003260; justify-content: center; align-items: center; border-radius: 2em; font-size: 14px;}
.contact_b ul li a:hover{ background: #003260; color: #fff; }
 




 

.franchise_1{display: block; overflow: hidden; margin: 100px auto; position: relative;}
.franchise_1 h3,.franchise_3 .tt h3{color: #0051a3; font-weight: bold; text-align: center; font-size: 36px; margin: 0 0 30px 0;}
.franchise_1 dd{display: flex; justify-content: space-around; overflow: hidden;}
.franchise_1 dd p{background: #003260; width: 23.5%; padding: 30px; display: block; overflow: hidden;}
.franchise_1 dd p span{display: block; text-align: center; color: #fff; font-size: 28px; font-weight: bold; margin-bottom: 16px; }
.franchise_1 dd p font{display: block; text-align: center; color: #fff; font-size: 20px;}

.franchise_2,.franchise_3{padding: 100px 0; background: #f2f2f2; display: block; overflow: hidden;}
.franchise_2 .webls_Swiper,.franchise_3 .webjy_Swiper{display: block; overflow: hidden; width: calc(100% - 200px); margin: 0 auto;}
.franchise_2 .swiper-slide,.franchise_3 .webjy_Swiper .swiper-slide{background: #fff; padding: 20px; display: block; overflow: hidden;}
.franchise_2 .swiper-slide img{display: block; width: 100%;}
.franchise_2 .webls_Swiper_pagination,.franchise_3 .webjy_Swiper_pagination{text-align: center; display: block; overflow: hidden; margin: 30px auto 0;}
.franchise_2 .webls_Swiper_pagination span,.franchise_3 .webjy_Swiper_pagination span{opacity: 1; background: #ccc; width: 12px; height: 12px; margin: 0 5px;}
.franchise_2 .webls_Swiper_pagination .swiper-pagination-bullet-active,.franchise_3 .webjy_Swiper_pagination .swiper-pagination-bullet-active{ background: #003260; }
.franchise_2 .webls_Swiper .fa,.franchise_3 .fa{cursor: pointer; width: 50px; height: 50px; border: 1px solid #003260; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #003260; font-size: 31px; margin: -25px 0 0 0; position: absolute; top: 50%; z-index: 3; left: 20px;}
.franchise_2 .webls_Swiper .fa:hover,.franchise_3 .fa:hover{ background: #0051a3; color:#fff;  }
.franchise_2 .webls_Swiper .innews_S_b_next,.franchise_3 .jy_S_b_next{left: auto; right: 20px;}
.franchise_2 .f_s_c,.franchise_3 .J_s_c{ display: block; overflow: hidden;   position: relative; }

.franchise_3{background: #fff;}
.franchise_3 .webjy_Swiper .swiper-slide img{display: block; width: 100%; border-radius: 20px;}
.franchise_3 .webjy_Swiper .swiper-slide span{display: block; width: 100%; border-radius: 2em; background: #003260; color: #fff; text-align: center; font-size: 16px; margin: 10px 0 0 0; padding: 5px; ;}
.franchise_3 .tt{display: block; overflow: hidden; margin: 0 auto 30px;}
.franchise_3 .tt h4{color: #0051a3; font-weight: bold; text-align: center; font-size: 24px; margin: 0 0 20px 0;}
.franchise_3 .tt h5{display: block; color: #333; font-size: 18px; text-align: center; line-height: 36px;}

  
 

.jmzc{display: block; overflow: hidden; background: url(/style/img/jmzcbg.png?v=2); background-size: cover; position: relative; padding: 100px 0;}	
.jmzc h3{display: block; text-align: center; color: #fff; font-size: 36px; font-weight: bold; margin: 0 0 30px;}
.jmzc ul{display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;  box-sizing: initial; position: relative;}
.jmzc ul li{display: block;  float: left; width: calc(25% - 41px); padding: 50px 20px; box-sizing: initial; position: relative; text-align: center; color: #fff; font-weight: bold; font-size: 24px;}
.jmzc ul li:after{ content:"";background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0)); bottom: 0;  position: absolute; right: 0; top: 0; width: 1px; }
.jmzc ul:after{  content: ""; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, #fff, hsla(0, 0%, 100%, 0) 98%); height:1px; left:0; position: absolute; right: 0; top: 50%; transform: translate(0%, -50%);}
.jmzc ul li:nth-child(4n):after{ display: none; }
.jmzc ul li:nth-child(5):after,.jmzc ul li:nth-child(6):after,.jmzc ul li:nth-child(7):after,.jmzc ul li:nth-child(8):after{background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));}
.jmzc ul li:nth-child(5):before,.jmzc ul li:nth-child(6):before,.jmzc ul li:nth-child(7):before{content:"";background:#fff; border-radius:50%;height:6px; position:absolute; right:-3px;top:-3px;width:6px;z-index: 8;}

 
.zjjmform{display: block; overflow: hidden; padding: 100px 0; background: #f2f2f2; position: relative;}
.zjjmform h3{color: #003260; margin: 0 0 30px 0; font-size: 36px; font-weight: bold;}

*:focus{ outline:none; }
.wpcf7-form{}
.screen-reader-response{display: none;}
.wpcf7-response-output,.wpcf7-validation-errors{display: block; text-align: center; color: #f00; font-size: 18px; margin: 20px 0;}
.fr3{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px;}
.fr3 dd{display: block; overflow: hidden; margin: 0 0 30px 0;}
.fr3 dd font{color: #003260; display: block; font-size: 16px; margin: 0 0 10px 0;}
.fr3 dd input,.fr3 dd textarea{display: block; width: 100%; height: 50px; border: 1px solid #ddd; color: #333; font-size: 16px; line-height: 50px; padding: 0 0 0 20px;}
.fr3 dd textarea{height: 120px;}
.fr3 dd span{position: relative; display: block; width: 100%;}
.fr3 dd span span{position: absolute; top: 0; right: 10px; width: auto; color: #f00; font-size: 14px; line-height: 50px;}
.fr3t{    display: block;}
.wpcf7-form .more{cursor: pointer; display: block; margin: 30px auto; width: 180px;}
 

.jmms{position: relative; width: 100%; overflow: hidden; display: block;    padding: 100px 0;  }
.jmms .text{display: block; overflow: hidden; position: relative; z-index: 3;}
.jmms .text strong{color: #003260; margin: 0 0 10px 0; font-size: 36px; font-weight: bold; text-align: center; display: block;}
.jmms .text span{color: #003260; margin: 0 0 30px 0; font-size: 20px;  text-align: center; display: block;}
.jmms .ja_open{display: flex; justify-content: flex-start; align-items: center;   margin: 20px auto; position: relative; z-index: 3;  }
.jmms .ja_open a{display: block; overflow: hidden; width: 12%; margin: 0 1% 0 0; border-radius: 10px; position: relative;cursor:pointer; transition: all 1.5s;}
.jmms .ja_open a img{display: block; width: 100%; }
.jmms .ja_open a:after{  content: ""; background: #003260; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; opacity: 0.7; }
.jmms .ja_open .active{   -webkit-transform:scale(1.15); -moz-transform:scale(1.1); transform:scale(1.15); }
.jmms .ja_open .active:after{ opacity: 0;}
.jmms .jb{position: relative;display: block; overflow: hidden;   border-radius: 20px; margin: 0 auto;}
.jmms .jb .kong{ display: block; width: 100%; opacity: 0;}
.jmms .jb dl{ display: block; position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0;}
.jmms .jb dl dd{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; transition: all 1.5s;}
.jmms .jb dl dd img{ display: block; width: 100%; }
.jmms .jb dl .pic{    opacity: 1;  z-index: 3;}

.jmms .jb_bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.jmms .jb_bg:after{  content: ""; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.8; } 
.jmms .jb_bg dd{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 1.5s;}
.jmms .jb_bg dd img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.jmms .jb_bg .op{opacity: 1;}
 



 
.newslist{display: block; overflow: hidden; margin: 100px 0;}
.newslist dd{display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 40px 0; margin-bottom:40px;}
.newslist dd:hover{border-bottom: 1px solid #003260;}
.newslist dd a{display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.newslist dd a i{display: block; overflow: hidden; border-radius: 20px; width: 28%;}
.newslist dd a i img{display: block; width: 100%; transition: all .3s;}
.newslist dd a p{display: block; overflow: hidden; width: 70%;}
.newslist dd a p strong{display: block; color: #333; font-size: 26px;    margin-bottom: 20px;}
.newslist dd a p span{display: block; color: #666; font-size: 16px; margin: 20px 0;}
.newslist dd a p font{display: block; color: #333; font-size: 20px;}
.newslist dd a p .toa{font-style: inherit; color: #003260; width: 120px; height: 30px; border: 1px solid #003260; display: flex; justify-content: center; align-items: center; font-size: 14px; margin: 20px 0 0 0;}
.newslist dd a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.newslist dd a:hover strong{ color:#003260; }
.newslist dd a:hover .toa{     background: #003260; color:#fff;  }

 



 
.cat_title{display: block; overflow: hidden; padding: 50px 0 0; margin-bottom:0; }
.cat_title .icenter{display: block; overflow: hidden; border-bottom: 1px solid #ddd;} 
.cat_title .icenter a{display: block; float: left; font-size: 20px; font-weight: bold; color: #666; margin: 0 50px 0 0; }
.cat_title .icenter a:after{ content: ""; display: block; width:0%; background: #003260; height: 2px; transition: all .3s; }
.cat_title .icenter a:hover,.cat_title .icenter .active{    color: #003260; }
.cat_title .icenter a:hover:after,.cat_title .icenter .active:after{ width: 100%;}

.caselist{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; overflow: hidden; margin: 100px auto; }
.caselist dd{display: block; overflow: hidden; margin: 0 0 40px 0;}
.caselist dd a{}
.caselist dd a i{display: block; overflow: hidden;    border-radius: 20px; }
.caselist dd a i img{display: block; width: 100%; transition: all .3s;}
.caselist dd a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.caselist dd a span{display: block; color: #666; font-size: 18px; margin: 15px 0;  transition: all .3s; font-weight: bold; }
.caselist dd a:hover span{ color:#003260; }
.caselist dd a font{display: block; width: 100%; position: relative; height: 1px; background: #ddd;}
.caselist dd a font:after{ content: ""; background: #003260; height: 1px; display: block; width: 0; transition: all .3s; }
.caselist dd a:hover font:after{ width: 100%;}
 






 

.solutionslist{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; overflow: hidden; margin: 100px auto; }
.solutionslist dd{display: block; overflow: hidden;margin:0 0 40px;  }
.solutionslist dd a{}
.solutionslist dd a i{display: block; overflow: hidden;    border-radius: 20px;}
.solutionslist dd a i img{display: block; width: 100%; transition: all .3s;}
.solutionslist dd a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.solutionslist dd a p{}
.solutionslist dd a p strong{display: block; color: #666; font-size:18px; margin: 18px 0;     min-height: 60px; transition: all .3s; font-weight: bold;}
.solutionslist dd a:hover p strong{color:#003260;}
.solutionslist dd a p span{display: block; color: #333; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.solutionslist dd a p .fa{color: #fff; width: 40px; height: 40px; background: #ccc; display: flex; justify-content: center; align-items: center; font-size: 20px; border-radius: 50%; margin: 20px 0;}
.solutionslist dd a:hover p .fa{background: #003260; color:#fff;}

	 


 

.procat_title{display: block; overflow: hidden; margin: 0 0 50px 0; border-bottom: 1px solid #ddd;}
.procat_title .icenter{display: flex; justify-content: space-between; align-items: stretch; overflow: hidden;}
.procat_title a{  display: block; overflow: hidden; padding: 20px 0; width: 16.6%; position: relative; border-right: 1px solid #ddd;  }
.procat_title a:last-child{border:0;}
.procat_title a img{display: block; width: auto; height: 50px; margin: 5px auto;}	
.procat_title a span{display: block; color: #666; font-size: 18px; margin: 10px 0; font-weight: bold; text-align: center;}
.procat_title a:after{  content: ""; position: absolute; width: 0%; height: 2px; background: #003260; bottom: 0; left: 0; transition: all .3s; }
.procat_title .active,.procat_title a:hover{  }
.procat_title .active img,.procat_title a:hover img{}
.procat_title .active:after,.procat_title a:hover:after{ width: 100%;}
.procat_title .active span,.procat_title a:hover span{color:#003260;}

.webprolist{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; margin: 100px auto;  }
.webprolist dd{display: block;  margin: 0 0 40px 0;}
.webprolist dd a{background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1); display: block; overflow: hidden; border-radius: 20px; position: relative;}
.webprolist dd a img{display: block; width: 100%; transition: all .3s;}
.webprolist dd a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.webprolist dd a span{position: absolute; width: 80%; bottom: 40px; text-align: center; left: 10%; font-size: 24px; color: #003260; font-weight: bold; z-index: 3;}
.webprolist dd a:hover span{color:#fff; }
.webprolist dd a:after{ content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.webprolist dd a:hover:after{background: linear-gradient(180deg, rgba(0, 50, 96, 0) 40%, rgba(0, 50, 96, 0.9) 100%);}
 

 

.dowlist{display: block; margin: 100px auto; overflow: hidden; position: relative;}
.dowlist dl{display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 50px 0; margin-bottom: 50px; }
.dowlist dl h3{display: block; color: #666; font-size: 36px; margin: 0 0 20px 0;}
.dowlist dl dd{}
.dowlist dl dd a{display: block; overflow: hidden; float: left; width: 49%; border: 1px solid #ddd; padding: 20px; margin: 0 2% 2% 0;}
.dowlist dl dd a:nth-child(2n){margin-right:0;}
.dowlist dl dd a span{width: calc(100% - 100px); display: block; color: #333; font-size: 20px; float: left;}
.dowlist dl dd a img{display: block; width: auto; height: 26px; float: right;-webkit-filter: grayscale(100%);}
.dowlist dl dd a:hover span{color: #003260;}
.dowlist dl dd a:hover{border: 1px solid #003260;}
.dowlist dl dd a:hover img{ -webkit-filter: inherit; }


 
.videolist{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; overflow: hidden; margin: 100px auto;}
.videolist a{display: block; overflow: hidden; margin: 0 0 40px 0;}
.videolist a p:after{  content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
.videolist a p{display: block; overflow: hidden; border-radius: 20px; max-height: 260px; position: relative;}
.videolist a p .pic{display: block; width: 100%; transition: all .3s;}
.videolist a p .ico{position: absolute; top: 50%; left: 50%; z-index: 3; margin: -31px;}
.videolist a span{ display: block; color: #333; text-align: center; font-size: 20px; margin: 12px 0; }
.videolist a:hover span{ color:#003260; }
.videolist a:hover p .pic{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.videolist a:hover p:after{opacity: 0.2;}

 




 

.abcompany{display: block; overflow: hidden; margin: 100px auto;}
.abcompany .webtt{display: block; overflow: hidden; margin: 0 auto 30px;}
.abcompany .txt{display: block; color: #003260; font-size: 18px; line-height: 36px; text-align: justify;}

.webnum{display: block; overflow: hidden; padding: 50px 0; border-top: 1px solid #ddd; margin-top: 50px;}
.webnum .icenter{display: flex; justify-content: space-between; align-items: center;}
.webnum .icenter dd{}
.webnum .icenter dd p{display: flex; justify-content: center; align-items: center;}
.webnum .icenter dd p span{display: block; color: #003260; font-size: 100px;line-height: 120px; font-weight: bold;}
.webnum .icenter dd p i{display: block; color: #003260; font-size: 36px; font-style: inherit;}
.webnum .icenter dd strong{display: block; color: #003260; font-size: 20px;line-height: 20px; text-align: center; font-weight: normal;}
 

.abculture{display: block; overflow: hidden; padding: 100px 0; background: url(/style/img/abculturebg.jpg); background-size: cover;}
.abculture .webtt{display: block; overflow: hidden; margin:0 auto 50px; }
.abculture .webtt span{color: #fff;}
.abculture .webtt font{color: #fff;}

.abculture .abwl{display: flex; justify-content: space-between; align-items: center;}
.abculture .abwl li{display: block; overflow: hidden; width: 30%; background: rgba(255, 255, 255, 0.2); padding: 30px; border-radius: 10px; transition: all .3s;}
.abculture .abwl li span{display: inline-block; color: #fff; font-size: 26px; border-bottom: 1px solid #fff;}
.abculture .abwl li font{display: block; color: #fff; font-size: 24px; margin: 50px 0; height: 120px;}
.abculture .abwl li strong{text-transform: uppercase; color: #fff; font-size: 26px; font-weight: bold; border-top: 1px solid #fff; display: block; opacity: 0.4;}
.abculture .abwl li:hover{ background:#003260;  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
 
.ab02 { padding:100px 0 150px; overflow: hidden; background: linear-gradient(0deg, #fff 50%, #bccad5 100%); position: relative; }
.ab02 .webtt{ margin: 0 auto 50px; }
.ab02 .mid { position: relative; margin: 0 auto; overflow: hidden;}
.ab02 .mid .swiper-slide-thumb-active .num span { color: #003260; }
.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;}
.ab02 .mid .num .dot:before{ content: ""; background: #003260; 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: #003260; display: block; position: absolute; width: 16px; height: 16px; border-radius: 50%; opacity: 1; top: 50%; left: 50%; margin: -8px;}
.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: #003260;}
.ab02 .mid .num span { font-size:26px; line-height: 1; color: #666; margin: 0; display: block; text-align: center; }
.ab02 .bot .swiper-slide .box { display: none; opacity: 0; width: 80%; margin: 0 auto;}
.ab02 .bot{ position: relative;}
.ab02 .bot .swiper-slide-active .box { display: block; animation: ab_fa 0.3s linear forwards; }
.ab02 .bot .box p { font-size: 20px; line-height: 36px; text-align: center; display: block; min-height: 80px; color:#003260;   }
.ab02 .bot .box font{color: #003260; display: block; font-size: 80px; font-weight: bold; text-align:center; line-height: 80px; }
.ab02 .bot .box i{ color: #003260; display: block; font-size: 30px; text-align:center;  margin:20px 0;    font-weight: bold;font-style: inherit;  }
@keyframes ab_fa {100% { opacity: 1; }}
.ab02 .bot .fa{ cursor: pointer; width: 50px; height: 50px; border: 1px solid #003260; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #003260; font-size: 31px; position: absolute; left: 20px; top: 50%; margin-top: -25px;    z-index: 9;}
.ab02 .bot .s_b_next{ left:auto; right:20px;}
.ab02 .bot .fa:hover{ background: #003260; color:#fff; }
.ab02:after{ content:"";  position: absolute; width: 100%; height: 1px; background: #003260; bottom: 200px; }
  

.abhonor{display: block; overflow: hidden; padding: 100px 0;}
.abhonor .webtt{ display: block; overflow: hidden; margin: 0 auto 50px;}
.abhonor .a_h_aa{display: block; border-bottom: 1px solid #ddd; margin: 0 auto 50px;   overflow: hidden;}
.abhonor .a_h_aa a{ cursor: pointer; display: block; float: left; color: #666; font-size: 24px; margin: 0 30px 0 0; position: relative; border-bottom: 2px solid #fff; padding-bottom: 10px;}
.abhonor .a_h_aa .active{border-bottom: 2px solid #003260; color:#003260; }
.abhonor .a_h_bb{}
.abhonor .a_h_bb dl{display: none; grid-template-columns: repeat(5, 1fr); grid-gap: 0 20px;  }
.abhonor .a_h_bb dl:nth-child(1){ display: block; }
.abhonor .a_h_bb dl dd{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0 20px;  }
.abhonor .a_h_bb dl p{background: #fff; box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.15); padding: 20px; margin-bottom:20px; border-radius: 10px;}
.abhonor .a_h_bb dl p img{display: block; width: 100%;}
 





 
.ser2_lc{display: block; overflow: hidden; padding: 100px 0;     position: relative;}
.ser2_lc h3{display: block; color: #003260; font-size: 36px; font-weight: bold; margin: 0 auto 30px;}
.ser2_lc .icline{position: relative; display: block; overflow: hidden;}
.ser2_lc .icline:after{ content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #003260; z-index: -1; }
.ser2_lc dl{display: flex; justify-content: space-between; }
.ser2_lc dl dd{ height:100px; position: relative;}
.ser2_lc dl dd span{color: #003260; font-size: 22px; font-weight: bold;    line-height: 30px; margin: 0 0 5px 0; }
.ser2_lc dl dd font{color: #003260; font-size: 16px; display: block;}
.ser2_lc dl dd:after{ content: ""; display: block; background: #fff; width: 16px; height: 16px; border-radius: 50%; border: 4px solid #003260; position: absolute; bottom: -8px; left: 50%; margin-left: -10px;}
.ser2_lc dl dd:nth-child(2n){ margin-top: 100px; display: flex; flex-direction: column; justify-content: flex-end;  }
.ser2_lc dl dd:nth-child(2n):after{top: -8px; bottom: auto;}

.ser2_pic{ display: block; overflow: hidden; padding: 100px 0;  background: #f2f2f2;    position: relative;}
.ser2_pic h3{display: flex; justify-content: space-between; align-items: center; color: #003260; font-size: 36px; font-weight: bold; margin: 0 auto 30px;}
.ser2_pic .ser2picSwiper{}
.ser2_pic .swiper-slide{}
.ser2_pic .swiper-slide a{  display: block; overflow: hidden; background: #fff;   }
.ser2_pic .swiper-slide i{display: block;  overflow: hidden;}
.ser2_pic .swiper-slide i img{display: block; width: 100%;}
.ser2_pic .swiper-slide span{display: block; overflow: hidden; padding: 20px; text-align: center; font-size: 18px; background: #003260; color: #fff;}

.ser2_pic .ser2picSwiper_pagination{margin: 30px 0; text-align: center;}
.ser2_pic .ser2picSwiper_pagination span{background: #ccc; opacity: 1; width: 16px; height: 16px; margin: 0 5px;}
.ser2_pic .ser2picSwiper_pagination .swiper-pagination-bullet-active {background: #003260;}

.ser2_text{display: block; overflow: hidden; padding: 100px 0; }
.ser2_text h3{display: block; color: #003260; font-size: 36px; font-weight: bold; margin: 0 auto 30px;}
.ser2_text h4{display: block; color: #003260; font-size: 18px; line-height: 36px; text-align: justify;}
 








 

.webpageserver3_a{padding: 100px 0; display: block; overflow: hidden;}
.webpageserver3_a h3{color: #003260; display: block; font-size: 36px; font-weight: bold; margin: 0 0 30px 0;}
.webpageserver3_a dl{display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.webpageserver3_a dl dd{display: block; width: 30%; border: 1px solid #ddd; padding: 50px;    background: linear-gradient(180deg, #fff 0%, #cce6ff 100%);}
.webpageserver3_a dl dd i{ display: block; overflow: hidden;}
.webpageserver3_a dl dd i img{display: block; width: auto; margin: 0 auto; height: 80px;}
.webpageserver3_a dl dd span{color: #003260; display: block; font-size: 32px; text-align: center; margin: 30px 0;}
.webpageserver3_a dl dd font{color: #333; display: block; font-size: 18px; text-align: left; margin: 30px 0;}

.webpageserver3_b{padding: 100px 0; display: block; overflow: hidden; background:#f2f2f2; }
.webpageserver3_b h3{color: #003260; display: block; font-size: 36px; font-weight: bold; margin: 0 auto 30px;}
.webpageserver3_b dl{display: flex; justify-content: space-between; align-items: stretch;}
.webpageserver3_b dl dd{display: block; overflow: hidden; width: 23.5%; border: 1px solid #003260; background: #fff; padding: 30px;}
.webpageserver3_b dl dd i{display: block; color: #003260; font-size: 26px; text-align: center;  font-style: inherit; }
.webpageserver3_b dl dd span{display: block; color: #003260; font-size: 26px; text-align: center; margin: 20px 0;}
.webpageserver3_b dl dd font{display: block; color: #003260; font-size: 14px; text-align: justify; margin: 20px 0;}
.webpageserver3_b dl dd:hover{ background:#003260; }
.webpageserver3_b dl dd:hover span,.webpageserver3_b dl dd:hover i,.webpageserver3_b dl dd:hover font{ color:#fff; }

.webpageserver3_c{padding: 100px 0; display: block; overflow: hidden;}
.webpageserver3_c h3{color: #003260; display: block; font-size: 36px; font-weight: bold; margin: 0 auto 30px;}
.webpageserver3_c h4{color: #003260; display: block; font-size: 20px; font-weight: bold; margin: 0 auto 30px;    text-align: center;}
.webpageserver3_c img{display: block; width: auto; max-width: 100%; margin: 0 auto; }

.webpageserver3_d{padding: 0 0 80px; display: block; overflow: hidden;}
.webpageserver3_d h3{display: block; text-align: center; font-size: 36px; color: #666;}
.webpageserver3_d dl{display: flex; width: 70%; overflow: hidden; margin:20px auto; justify-content: space-between;}
.webpageserver3_d dl dd{display: flex; width: 48%;padding: 20px 0; overflow: hidden; border: 1px solid #ddd; flex-direction: column; align-items: center; justify-content: center;}
.webpageserver3_d dl dd i{width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.webpageserver3_d dl dd i img{display: block; width: auto; height: 24px;}
.webpageserver3_d dl dd span{color: #333; font-size: 20px; display: block;margin: 10px 0 0;}
.webpageserver3_d dl dd font{color: #003260; font-size: 40px; font-weight: bold;}
.webpageserver3_d dl dt{ display: flex; width: 48%; overflow: hidden; border: 1px solid #ddd; align-items: center; justify-content: center;}
.webpageserver3_d dl dt img{display: block; width: auto; height: 130px;}
.webpageserver3_d dl dt span{display: block; color: #666; text-align: center; font-size: 16px;}
 





 
.webpageserver4_b{display: block; overflow: hidden; margin: 100px auto; position: relative;}
.webpageserver4_b dl{display: flex; flex-direction: row-reverse; overflow: hidden; border: 1px solid #ddd; align-items: center;}
.webpageserver4_b dl:nth-child(2n){ display: flex; justify-content: space-between; flex-direction: row;  }
.webpageserver4_b dl i{display: block; overflow: hidden; width: 50%;}
.webpageserver4_b dl i img{display: block; width: 100%;}
.webpageserver4_b dl p{display: block; width: 40%; margin: 0 5%;}
.webpageserver4_b dl p span{color: #003260; font-size: 36px; font-weight: bold; margin: 0 0 10px 0;}
.webpageserver4_b dl p font{display: block; font-size: 14px; text-align: justify; color: #666; line-height: 24px;}

.webpageserver4_a{background: #e1e8ed; padding: 50px 0; display: block; overflow: hidden; margin: 50px 0 0;}
.webpageserver4_a h3{color: #003260; text-align: center; font-size: 36px; font-weight: bold;}
.webpageserver4_a h4{color: #666; text-align: center; font-size: 24px;  }

.webpageserver4_ashow{display: block; overflow: hidden; padding: 100px 0; background: #f2f2f2; position: relative;}
.webpageserver4_ashow h3{color: #003260; text-align: left; font-size: 36px; font-weight: bold;margin: 0 0 30px 0;}
.webpageserver4_ashow .show{}
.webpageserver4_ashow .show *{display: block; font-size: 16px; text-align: justify; color: #333;  }
.webpageserver4_ashow .show img{width: auto; display: block; max-width: 100%; height: auto;}
 
 
.proshowbottom{display: block; overflow: hidden; padding: 100px 0; background: #f2f2f2; }
.proshowbottom h3{color: #003260; display: block; font-size: 36px; margin: 0 0 50px 0;}
.proshowbottom dl{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; overflow: hidden;}
.proshowbottom dl dd{display: block;margin: 0 0 40px 0;}
.proshowbottom dl dd a{background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1); display: block; overflow: hidden; border-radius: 20px; position: relative;}
.proshowbottom dl dd a img{display: block; width: 100%; transition: all .3s;}
.proshowbottom dl dd a span{position: absolute; width: 80%; bottom: 40px; text-align: center; left: 10%; font-size: 24px; color: #003260; font-weight: bold; z-index: 3;}
.proshowbottom dl dd a:hover img{ display: block; width:100%; }
.proshowbottom dl dd a:hover span{color: #003260;}
.proshowbottom dl dd a:after{ content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.proshowbottom dl dd a:hover:after{background: linear-gradient(180deg, rgba(0, 50, 96, 0) 40%, rgba(0, 50, 96, 0.9) 100%);}

.proshowpic{display: block; overflow: hidden; margin: 100px auto; position: relative;}
.proshowpic img{display: block; width: auto; max-width: 100%;margin: 0 auto;height: auto;}

.mbx{display: block; overflow: hidden; border-bottom: 1px solid #ddd;}
.mbx .icenter{display: flex; align-items: center; padding: 20px 0; overflow: hidden;}
.mbx .icenter a,.mbx .icenter .fa{display: block; color: #666; font-size: 14px;}
.mbx .icenter .fa{margin: 0 10px; color: #999; font-size: 16px;}
.mbx .icenter a:hover{color: #003260;}


.proshowtop{display: block; overflow: hidden; padding: 100px 0; border-bottom: 1px solid #ddd; position: relative;}
.proshowtop .icenter{display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden;}


.proshowtop .icenter .rh{display: block; overflow: hidden; width: 55%;}
.proshowtop .icenter .rh h3{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.proshowtop .icenter .rh h3 span{color: #003260; display: block; font-size: 32px; width: calc(100% - 150px);    font-weight: bold;}
.proshowtop .icenter .rh h3 a{border-radius: 2em; color: #003260; border: 1px solid #003260; width: 120px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.proshowtop .icenter .rh h3 a:hover{  background: #003260; color: #fff; }
.proshowtop .icenter .rh dd{}
.proshowtop .icenter .rh dd h4{display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.proshowtop .icenter .rh dd h4 span{display: block; color: #003260; font-size: 18px; font-weight: bold; width: 100px;}
.proshowtop .icenter .rh dd h4:after{ content: ""; display: block; width: calc(100% - 100px); background: #003260; height: 1px;}
.proshowtop .icenter .rh dd p{display: block; color: #333; font-size: 18px; margin: 20px 0;}
.proshowtop .icenter .rh dt{}
.proshowtop .icenter .rh dt .more{}

.proshowtop .icenter .lf{display: block; overflow: hidden; width: 40%;}
.proshowtop .icenter .lf .swiper-slide{}
.proshowtop .icenter .lf .swiper-slide img{ display: block; width: 100%;}
.proshowtop .icenter .lf .gallery-top{ border:1px solid #ddd;}
.proshowtop .icenter .lf .gallery-top .fa{cursor: pointer; width: 50px; height: 50px; border: 1px solid #003260; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #003260; font-size: 30px; background: none;}
.proshowtop .icenter .lf .gallery-top .swiper-button-next{}
.proshowtop .icenter .lf .gallery-top .fa:hover{ background: #003260; color: #fff;}
.proshowtop .icenter .lf .gallery-thumbs{margin-top: 10px;}
.proshowtop .icenter .lf .gallery-thumbs .swiper-slide{cursor: pointer; border: 1px solid #eee;opacity: 0.8;}
.proshowtop .icenter .lf .gallery-thumbs .swiper-slide-thumb-active{opacity: 1;border: 1px solid #003260;}
.proshowtop .icenter .lf .gallery-thumbs .swiper-slide img{}
 

 

.singleshow{display: block; overflow: hidden; margin: 50px auto; position: relative; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.singleshow h3{display: block; font-weight: bold; font-size: 36px; color: #003260;}
.singleshow h4{display: block; overflow: hidden; margin: 16px 0;}
.singleshow h4 span{display: block; float: left; font-size: 16px; color: #666; margin: 0 20px 0 0;}

.infoshow{display: block; overflow: hidden; margin: 50px auto; }
.infoshow *{  font-size: 18px; color: #333; line-height: 32px;}
.infoshow h1{font-size: 42px;margin-bottom: 10px;}
.infoshow h2{font-size: 31px;margin-bottom: 10px;}
.infoshow h3{font-size: 26px;margin-bottom: 10px;}
.infoshow h4{font-size: 22px;margin-bottom: 10px;} 
.infoshow h5{font-size: 19px;margin-bottom: 10px;}
.infoshow h6{font-size: 17px;margin-bottom: 10px;}
.infoshow img{width: auto; border-radius: 10px; max-width: 100%; display: block; height: auto; margin: 0 auto; }
.infoshow .aligncenter{    margin: 0 auto;}



.anspvideoshow{margin: 100px auto;}
.anspvideoshow h3{color: #003260; text-align: center; font-size: 36px; margin: 0 0 30px;}
.anspvideoshow video{display: block; width: 100%; height: auto;}
.anspvideoshow .more{margin: 30px auto;}






 
.solutionshow *{  font-size: 18px; color: #333; line-height: 32px;}
.solutionshow h1{font-size: 42px;margin-bottom: 10px;}
.solutionshow h2{font-size: 31px;margin-bottom: 10px;}
.solutionshow h3{font-size: 26px;margin-bottom: 10px;}
.solutionshow h4{font-size: 22px;margin-bottom: 10px;} 
.solutionshow h5{font-size: 19px;margin-bottom: 10px;}
.solutionshow h6{font-size: 17px;margin-bottom: 10px;}
.solutionshow img{width: auto; border-radius: 10px; max-width: 100%; display: block; height: auto; margin: 0 auto; }
.solutionshow .aligncenter{    margin: 0 auto;}



 

 
*:focus{ outline:none; }
.page_search_tt{margin: 30px auto 30px;}
.page_search_tt h3{display: block; font-size: 46px; text-align: center; font-weight: bold;}
.page_search_tt p{display: block; text-align: center; color: #666; font-size: 18px;}
.page_search_tt p span{display: inline-block; color: #003260; font-weight: bold;}
.search_form{margin: 0 auto 50px; background: #f2f2f2; position: relative; overflow: hidden;    width: 800px;}
.search_form input{ display: block;  height: 50px; width: 100%;background: #f2f2f2; border: 1px solid #ddd;font-size: 16px; padding: 0 0 0 20px; }
.search_form .btnsubmit{position: absolute; top: 0; right: 0; line-height: 50px; width: 50px; border: 0; background: none; font-size: 24px; color: #666;}

.nodata_a,.nodata_b,.nodata_c{color: #003260; display: block; text-align: center; font-size: 24px; margin: 50px 0;}

.s_pageall{overflow: hidden; margin: 0 auto 100px; display: block;}
.s_pageall .p_n_t{display: block; border-bottom: 1px solid #ddd; font-size: 24px; color: #333; font-weight: bold; padding-bottom: 10px; margin-bottom: 30px;}
.s_pageall dd{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;}
.s_pageall dd a{ margin-bottom:40px;}
.s_pageall dd a p{display: block; overflow: hidden;  border: 1px solid #ddd; border-radius: 10px;}
.s_pageall dd a p img{display: block; width: 100%; transition: all .3s;}
.s_pageall dd a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.s_pageall dd a:hover p{border: 1px solid #003260;}
.s_pageall dd a strong{display: block; text-align: center; color: #333; font-size: 18px; margin: 10px 0;}
.s_pageall dd a:hover strong{ color:#003260; }
.s_pageall dd a span{display: block; text-align: center; color: #003260; font-weight: bold; margin: 10px 0;}
.s_pageall dd a font{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666; font-size: 14px; text-align: justify; line-height: 24px;}

 
 .adfooter .ta dl dt:before{ display: none; }



.newefy{margin: 50px auto; display: flex; align-items: center; justify-content: center;}
.newefy a{width: 32px; height: 32px; background: #eee; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 14px; color: #003260; margin: 0 5px; }}
.newefy a:hover,.newefy .active{ background: #003260; color: #fff;  }


  
.pagepro{margin: 80px auto; display: block; overflow: hidden;}
.pagepro dl{}
.pagepro dl a{ display: block; overflow: hidden; position: relative; border-radius: 0; margin: 0 0 50px 0; }
.pagepro dl a i{}
.pagepro dl a i img{display: block; width: 100%; transition: all 2s;}
.pagepro dl a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.pagepro dl a .txt{position: absolute; top: 50%; left: 6%; transform: translate(0%, -50%);}
.pagepro dl a .txt strong{display: block; color: #fff; font-size: 36px;  }
.pagepro dl a .txt span{display: block; color: #ddd; font-size: 16px; margin: 15px 0 20px;   }
.pagepro dl a .txt font{width: 120px; overflow: hidden; font-size: 14px; display: flex; align-items: center; justify-content: center; color: #fff; border: 1px solid #fff; height: 36px;   position: relative;}
.pagepro dl a .txt font:after{ content: ""; position: absolute; width:0%; height: 100%; top: 0; left: 0; background: #1f609d;  z-index: -1; transition: all 0.3s;}
.pagepro dl a:hover .txt font:after{ width:100%; }
.pagepro dl a:hover .txt font{ border: 1px solid #1f609d;  }

.pagepro_title .icenter a{    padding: 6px 0;border-right: 0;}
.pagepro_title .icenter a span{margin: 0; padding: 10px 0; font-weight: normal; color: #000;}
.pagepro_title .icenter .active span,.pagepro_title .icenter a:hover span{color:#003260; }


 
  

.bv1_list{display: block; overflow: hidden; position: relative; margin: 100px auto 50px;     display: flex;}
.bv1_list .vd{ width: 78%;}
.bv1_list .vd video{display: block; width: 100%;     max-height: 600px;  object-fit: cover; }
.bv1_list .files{display: block; overflow: hidden; width: 22%; padding: 30px; background:#e0eefb; }
.bv1_list .files dl{display: block; width:100%;  float: left; margin: 0 0 36px 0; overflow: hidden; cursor:pointer; position: relative;   }
.bv1_list .files dl:last-child{ margin-bottom:0; }
.bv1_list .files dl .pic{ display: block; width: 100%;  height: 100%; position: relative; transition: all .6s;     opacity: 0.5; }
.bv1_list .files dl:hover .pic{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.bv1_list .files dl p{ position: absolute; width: 90%; left: 5%; top:50%;  z-index: 3;     transform: translate(0%, -50%);      opacity: 0.5;}
.bv1_list .files dl p i{ width: 30px; height: 30px; color: #fff; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 10px; }
.bv1_list .files dl p span{display: block; color: #fff; font-size: 16px; text-align: center; }
.bv1_list .files dl dd{position: absolute; opacity: 0;}
.bv1_list .files dl:after{ content: ""; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); left: 0; position: absolute; width: 100%; height: 100%; bottom: 0; }
.bv1_list .files dl.active .pic,.bv1_list .files dl.active p{ opacity:1;  }
 
.bv2_list{}
.bv2_list .vd{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999;     display: none;}
.bv2_list .vd:after{  content: ""; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.8; top: 0; left: 0; }
.bv2_list .vd .icenter video{display: block; width: 100%; }
.bv2_list .vd .icenter{ z-index: 99; margin: 80px auto; position: relative; display: block;  }
.bv2_list .vd .icenter .close-btn{ position: absolute; width: 50px; height: 50px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; top: 0; right: -54px; font-size:22px; cursor:pointer; }

.bv2_list .list{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;}
.bv2_list .list dl{ cursor:pointer; margin-bottom:40px; }
.bv2_list .list dl p{ display: block; overflow: hidden; position: relative; height: 250px;}
.bv2_list .list dl p img{display: block; width: 100%; height: 100%; transition: all .6s; }
.bv2_list .list dl:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.bv2_list .list dl p i{ position: absolute; top: 50%; left: 50%; z-index: 3; width: 60px; height: 60px; color: #fff; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; transform: translate(-50%, -50%); font-size: 30px;}
.bv2_list .list dl:hover p i{opacity: 0;}
.bv2_list .list dl p:after{ content:"";  position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.5;}
.bv2_list .list dl:hover p:after{opacity: 0;}
.bv2_list .list dl .txt{}
.bv2_list .list dl .txt span{display: block; background: #f5f5f5; padding: 16px 16px; text-align: center; font-size: 16px; color: #003260; transition: all .2s; }
.bv2_list .list dl .txt .pic,.bv2_list .list dl .txt .vid{    display: none;}
.bv2_list .list dl:hover .txt span{ background: #003260; color: #fff; }
 

.h5_brand_vid{ display: none; }









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



}