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

@font-face {font-family: 'samsungsharpsans-b';src: url('../cssnew/samsungsharpsans-bold.otf.txt');font-weight: normal;font-style: normal;} 
@font-face {
  font-family: 'iconfont';  /* Project id 4383909 */
  src: url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff2?t=1703908290115') format('woff2'),
       url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff?t=1703908290115') format('woff'),
       url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.ttf?t=1703908290115') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gya{margin: auto; max-width: 1500px;}
.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.page9{max-width: 90%;margin: 0 auto;min-width: 1200px;width: 100%;}

.fw_tit{text-align: center;}
.fw_tit>div{display: flex;align-items: center;justify-content: center;}
.fw_tit>div>p{font-size: 14px;color: #acabab;margin:0 10px; text-transform: uppercase;}
.fw_di{width: 8px;height: 8px;background: #cb011f;border-radius: 100%;}
.fw_di:nth-child(1),.fw_di:nth-child(4){margin-right: 5px;}
.fw_tit b{display: block;color: #333;font-size: 42px;margin-top: 3px;}
.fw_tit em{font-size: 18px; font-style: normal; color: #666; margin-top:6px;}

/* top */
.head_ov{width:100%; position: relative; z-index: 999;}
.head_bc{width:100%;height:40px;background:#fff;}
.head_tc{max-width: 93%;display: flex;justify-content: space-between;height: 40px;align-items: center;min-width: 1200px;margin: 0 auto;}
@media (max-width:1366px) {
.head_tc{ max-width: 1366px;padding: 0 3%;}
}
.head_tc p{font-size: 13px;color: rgba(0,0,0,0.5);font-weight:lighter; line-height: 40px;}
.head_tc ul{display: flex;height:40px;}
.head_tc ul li{position:relative;line-height:40px;}
.head_tc ul li a{display: flex;align-items: center;}
.head_tc ul li+li{margin-left: 27px;}
.head_tc ul li:hover .wx {transform: rotateX(0deg);}
.head_tc ul li span{font-size: 14px;color: #333;padding-right: 4px;}
.head_tc ul li p{font-size: 14px;color: #333;}
.head_tc ul li .itel_box{width:auto;}
.head_c{height: 124px;position:relative;display: flex;justify-content: space-between;align-items: center;}
.logo_c{display: flex;align-items: center;width: 35%;}
.hea_wz{padding-left:15px;}
.hea_wz b{font-size: 45px;color: #131513;display: block; font-weight: bold;line-height: 100%;  letter-spacing: 1px;}
.hea_wz span{font-size: 26px;color:#131513;font-weight: normal;letter-spacing:2.5px;display: block;line-height: 100%; padding-top:5px;}
.header_ri{width: 70%;display: flex;justify-content: space-between;align-items:center;}
.wx {top: 35px;}

.dfs{display:flex;align-items:end;justify-content:space-between;width: 100%;}
.iser_box,.itel_box{background:#fff;position:absolute;top:124px;padding:10px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 999;}
.icon_tel {background: #06bd01;position: relative; display: flex;}
.icon_tel:after {position: absolute;content: "";width:300px;height: 100%;background: #06bd01;top: 0;right: -296px;}
.icon_tel i span{color: #fff;}
.icon_tel_num{ font-size: 20px; color: #fff; }
.wx {top: 35px;}
@media (max-width:1199px){
.wrapper{width:100%; overflow:hidden;}
}

.headerWpr.on .header { top: 0;background: #fff;border-bottom: 1px #eee solid;z-index: 999; height:70px;} 
.headerWpr.on a.nav_a {color: #333;}
.headerWpr.on .nav_a {line-height:70px; height:70px;}
.headerWpr.on .topSerBox{margin-top: 19px;}
.headerWpr.on .logo{ height: 70px;}
.headerWpr.on .sumMenuWpr{top: 70px;}

.headerWpr{height:90px; position:relative; width:100%;}
.indexBody .headerWpr{ position:absolute; left:0; top:0; z-index:1;}
.header{ width: 100%; height: 90px; position: fixed; z-index: 30; left: 0px; top: 40px; padding: 0px 60px; box-shadow:0 3px 5px rgba(0,0,0,0.08); transition:all 0.3s ease-in-out;background: #fff;}
.header>a>p{font-size: 27px; line-height: 30px; padding-left: 2%; font-weight: bold; letter-spacing: -1px;}
.header>a>p>span{font-size: 14px; padding-top:3px; display: block; line-height: 14px;letter-spacing:1px; color: #999;font-weight: normal;}
.logo { float: left; display: flex; justify-content: center; align-items: center;height:90px; width: 250px;}
.logo img{height:50px; width:auto;}
.subNav{position:absolute;}
.nav{float:left; padding-right:1vw;}
.nav li{ float:left; position:relative}
.nav_a{ line-height: 90px; height: 90px; font-size: 17px !important; padding: 0 1.2vw; color: #333; position:relative; display:inline-block; font-weight: normal;}
@media screen and (max-width: 1280px){
.nav_a {font-size: 15px !important;}
}
.nav li:nth-child(2)>a:before{content: '\e638';font-size:18px; position: absolute; right:6px; top: -4px; font-family: 'iconfont';color: #ccc;
transform: rotate(90deg);}
.nav li:nth-child(5)>a:before{content: '\e638';font-size:18px; position: absolute; right:6px; top: -4px; font-family: 'iconfont';color: #ccc;
transform: rotate(90deg);}
.nav li:nth-child(7)>a:before{content: '\e638';font-size:18px; position: absolute; right:6px; top: -4px; font-family: 'iconfont';color: #ccc;
transform: rotate(90deg);}
@media screen and (max-width: 1680px){
.nav li:nth-child(2)>a:before{ right:-3px; }
.nav li:nth-child(5)>a:before{ right:-3px; }
.nav li:nth-child(7)>a:before{ right:-3px; }
}
.nav_a:after{content:""; height:3px; width:0%; left:50%; transition:all 0.3s ease-in-out; background-image: linear-gradient(90deg, #073b90 0%,#0342a8 100%); position:absolute; bottom:0;}
.nav_a.on{ color:#073b90;}
.nav_a.on:after,.nav_a:hover:after{ width:100%; left:0;background-image: linear-gradient(90deg, #073b90 0%,#0342a8 100%);}
.headRx{float:right;}
.nav_lan{ background: url() no-repeat left center; float: left; padding: 0px 11px 0px 26px; line-height: 100px; font-size: 14px; color: #666; position:relative;margin-left: 2vw;}
.nav_lan:before{ content: ""; background: #073b90; height: 20px; width: 1px; position: absolute; top: 50%; margin-top: -10px;left: -2vw; }
.topSerBox{ float: left; height:34px; width: 170px; margin-top: 31px; border: 2px solid #eee; margin-left:2vw; border-radius:1.8em; position:relative; overflow:hidden}
.topSerBox input{padding: 0px 50px 0px 18px; line-height: 32px; height: 32px; background:none; color:#666}
.subMenu{ background: #FFF; width: 320px; position: absolute; left: 50%; top: 100px; margin-left: -160px; opacity:0; visibility:hidden; box-shadow:inset 0 3px 5px rgba(0,0,0,0.1); }

.nav li:hover .subMenu{opacity:1; visibility:visible; transition:all 0.3s ease-in-out;}
.subMenu dl{ padding:12px 0 25px;}
.subMenu dd{ position:relative;}
.subMenu dd:before{content:""; height:1px; background:#E6E6E6; position:absolute; left:40px; right:40px; top:0px}
.subMenu dd:nth-child(1):before{display:none;}
.subNav_a{ display: block; line-height: 28px; padding: 16px 60px 16px 40px; font-size: 18px; color: #666; letter-spacing: 1px; position:relative; transition:all 0.3s ease-in-out; z-index:1; text-align:center;}
.subNav_a a{font-size: 18px;}
.subNav_a:before{content:"";background-image: linear-gradient(90deg, #073b90 0%,#0342a8 100%); position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}
.subNav_a:hover:before{ width:100%;}
.subNav_a:after{content:""; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; bottom:-1px; width:4px; background:#0158ba; opacity:0}
.subNav_a:hover:after{opacity:1;}
.subNav_a:hover{color:#fff;}
.subNav_a span{display:block; position:relative;font-size: 17px;}
.subNav_a i{ background: url() no-repeat center center; height: 16px; width: 25px; position: absolute; top: 50%; margin-top: -8px; right: 40px; transition:all 0.8s ease-in-out; transform:translateX(-45px); opacity:0}
.subNav_a:hover i{ transform:translateX(0); opacity:1;}

.headerWpr {    position: fixed;    z-index: 100;}

.style2Header .nav li{ position:static;}

.sumMenuWpr{ overflow:hidden; position:absolute; left:50%; top:90px; width:100%; max-width:1280px; background:#fff; transform:translate(-50%,0); opacity:0; visibility:hidden;z-index: 999;}
@media screen and (max-width: 1680px){
.sumMenuWpr {top: 80px;}
}
.sumMenuWpr .subMenu{ position:relative; z-index:2; float:left; opacity:1; top:0; left:0; margin-left:0;  box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1); min-height:350px;}
.nav li:hover .sumMenuWpr{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}
.subMenuRx{ position:absolute; left:320px; right:0; top:0; bottom:0;}
.subMenu_txt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); padding:0 115px; margin-top:-20px;}
.subMenu_txt>strong{ font-size: 32px; color: #073b90; letter-spacing: 3px; line-height: 56px; display: block; }
.subMenu_txt>p{ margin-top: 18px; font-size: 17px; line-height: 32px; color: #595757; word-spacing: 2px; font-weight: normal;}
.subMneu_more{ line-height: 48px; color: #FFF !important; background: #073b90; height: 48px; width: 180px; font-size: 16px; letter-spacing: 1px; text-align: center; display: inline-block; margin-top: 50px; border-radius:1.8em; }
.subMneu_more a{color: #fff;}
.subMneu_more:hover{ box-shadow:0 3px 8px rgba(0,0,0,0.1); transform:translateY(-5px); color:#fff;}
.subMenuRx .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.subMenuRx .bgImg:after{ content: ""; background: url(https://memberpic.114my.com.cn/zhuazhua/uploadfile/image/20240323/20240323153913_1051565890.png) no-repeat left top; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; box-shadow:inset -3px 3px 5px rgba(0,0,0,0.1);}

.search_r{margin-top:0px;position:relative;}
#infoname{width:170px;height:32px;line-height: 32px;border: none;}
.z_img{ position:absolute;top:0px;right:-40px;background: no-repeat;}
.z_img img{width: 38px;}

/* index */
.banner_box{position: relative;}
.index-swiper {width: 100%;height: 100%;position: relative;}
.index-swiper .index-pagination {position: absolute;right: 2%;bottom:7%;top: auto;width: auto;height: auto;transform: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet {background: none;width: 22px;height: 22px;border-radius: 0;position: relative;margin: 0px 0;}
.index-swiper .index-pagination span::after,.index-swiper .index-pagination span::before {content: '';border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-swiper .index-pagination span::after {width: 6px;height: 6px;background: #fff;}
.index-swiper .index-pagination span::before {width:20px;height: 20px;border: 1px solid #fff;opacity: 0;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before  {opacity: 1;}
body.black .index-swiper .index-pagination span::after{background: #000;}
body.black .index-swiper .index-pagination span::before {border: 1px solid #000;}

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

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

.more-1 {margin-top: 1%;}
.more-1>a {display: block;width: 630px;height: 48px;line-height:48px ;font-size: 20px;overflow: hidden;position: relative;text-align: center;border: 2px solid #073b90;border-radius: 50px; margin: 0 auto;background: #073b90;letter-spacing: 1px;}
.more-1>a>span{line-height:44px;color: #fff;}
.more-1>span {display: inline-block;vertical-align: middle;color: #fff;line-height:46px ;}
.more-1>a:hover {border-radius: 60px;}
.more-1>a:hover span {color: #0241a7;}

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

/*bz*/
.bz_c{width: 90%;display: flex;background: #fff;height: 140px;margin: 0 auto;overflow: hidden;position: relative;margin-top: 50px;z-index:9;box-shadow:0 0 15px #eee;}
.bz_c>li{width: 20%;position: relative;}
.bz_c>li>p{color: #fff;font-size: 22px;line-height: 30px;position: relative;z-index: 2;text-align: center;}
.bz_c>li:nth-child(1):after{width: 107%;height: 100%;transform: skew(26deg);background: #073b90;position: absolute;content: "";top: 0;left: -33px;}
.bz_c>li>span{font-size: 36px;margin-right: 12px;line-height: 40px;}
.bz_c>li>b{font-size: 14px;color: #999; font-weight:normal;}
.bz_c>li{font-size: 22px;display: flex;align-items: center;height: 100%;justify-content: center;flex-direction: column;line-height: 35px;}
.bz_c>li:nth-child(-n+2):before{display: none;}
.bz_c>li:before{position: absolute;content: "";width: 1px;height: 84%;background: #eee;left: 0;top: 10px;}

/*pro*/
.pro{padding: 60px 0;overflow: hidden;background:#f8f8f8;margin-top: 60px;}
.pro_box {}

.pro_tit {text-align: center;}
.pro_tit b{font-size: 42px;line-height: 42px;}
.pro_tit b span{color: #073b90;}
.pro_tit p{font-size: 18px;color: #999;line-height: 18px;padding-top: 18px;}
.pro_tit p:after{content: '';width: 32px;height: 2px;background: #073b90;display: block;margin: 0 auto;margin-top: 30px;}

.pro_tab {margin-top: 30px;overflow: hidden;background: #fff; padding:4%;}
.pro_nav {margin: 0 auto;}
.pro_nav table {width:100% !important;}
.pro_nav table tr { max-width: 1500px;margin: 0 auto; display: flex;justify-content: space-between;}
.pro_nav table tr td {width: 16.2%; text-align: center; position:relative; background: #f8f8f8;}
.pro_nav table tr td.on {}
.pro_nav table tr td:before{content:'';-webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
 .pro_nav table tr td:after{content:'';-webkit-transition: border-color 0.4s ease-in,width 0.2s ease-in 0.2s,height 0.2s ease-in;
transition: border-color 0.4s ease-in,width 0.2s ease-in 0.2s,height 0.2s ease-in; }
.pro_nav table tr td:hover::before,.pro_nav table tr td:hover::after{ width: 100%; height: 100%;}
.pro_nav table tr td:hover::before{content:'';border-top-color: #073b90;border-right-color: #073b90;-webkit-transition: border-color 0.4s ease-out, width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: border-color 0.4s ease-out, width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.pro_nav table tr td:hover::after{content:'';border-bottom-color: #073b90;border-left-color:#073b90;-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
 }
.pro_nav table tr td:before, .pro_nav table tr td:after{position: absolute;width: 0;height: 0;content: ' ';  border: 1px solid transparent; box-sizing: border-box; }
.pro_nav table tr td:before{ left: 0;top: 0; }
.pro_nav table tr td:after{right: 0; bottom: 0;}

.pro_nav table tr td a {font-size: 16px; display: block;position: relative; z-index: 999;line-height:54px;}
.pro_con{}
.pro_call {width: 100%;margin: 0 auto;margin-top: 30px;overflow: hidden;}
.pro_call td{float: right;position: relative;margin-left: 0.3%;overflow: hidden;padding-left:0!important;}
.pro_call td br{display:none;}
.pro_call td{width:24.7%;height:100%;}
.pro_call td>a,.pro_call td>a>img{width:100%;height:auto;transition:0.5s;}
.pro_call td:hover img{transform: translate3d(0px, -50px, 0px);transition:0.5s;}
.pro_call td:nth-child(1){width:49.8% !important;height:100% !important;float: left;margin-left: 0px;}
.pro_call td:nth-child(1) >a{width: 100% !important;height: 100% !important;display: block;}
.pro_call td:nth-child(1) img{width: 100% !important;height: auto !important;}
.pro_call td:nth-child(n+4){margin-top:0.3%;}
.pro_call td span {padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background:#0a46b4;height: 50px;transform: translateY(50px);transition:0.5s;}
.pro_call td:hover span{transform: translateY(0px);transition:0.5s;}
.pro_call td span a{color: #fff;font-size: 19px;line-height: 50px;}
@media screen and (max-width: 1500px){
    .pro_call{width:100%;}
}
.pro_after {width: 150px;margin: 0 auto;}
.pro_after ul {display: flex;justify-content: space-between;width: 100%;}
.pro_after li {width:9px;height: 9px;border-radius: 50%;position: relative;background: #0a46b4;}
.pro_after li:after {content:'';width: 18px;height: 18px;border-radius: 50%;position: absolute;border:1px solid #0a46b4;top:-6px;left:-5px;}
    .int_bnt{margin-top: 50px; display: flex; justify-content: center;}
.int_bnt a{width: 400px; display: inline-block;color: #7e7e7e;line-height: 55px;text-align: center;  transition: all .5s;    letter-spacing: 4px; border-radius: 50px; font-size: 18px; background: linear-gradient(90deg, #073b90 0%, #0141a8 100%); color: #fff;box-shadow: 0px 0px 50px 0px rgba(7, 59, 144, 0.5);}
.int_bnt i {
    width: 1.3rem;
    height: 2.3rem;
    background: url(https://memberpic.114my.com.cn/zhuazhua/uploadfile/image/20240322/20240322135916_946550985.png) center 26px no-repeat;
    margin-left: 1rem; display: inline-block;
}
.int_bnt a:hover{background: #073b90;color: #fff;width: 460px; transition: all .5s; letter-spacing: 5px;border:none;}
.int_bnt a+a{margin-left: 10px;background: #073b90;color: #fff;}

/*video*/
.por_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.por_top li {
    padding:15px 50px;
    background: #333;
}
.por_top li+li {
    border-left: 1px #c3c3c3 solid;
}
.pro_bc {
    margin:80px 0 100px;
}

.por_top>p {font-size: 38px;color: #073b90;font-weight: bold; line-height:38px;}

.por_top>p span {
    font-size: 18px;
    display: block;
    margin-left: 0px;font-weight: normal;line-height:28px;
margin-top:3px;
color: #999;
text-transform: uppercase;
}

.por_top dl {
    display: none;
}

.por_top ul {
    display: flex;
}

.por_top li>a {
    font-size:23px;
    color: #fff;
    position: relative;
}

.por_top li>a:after {
    position: absolute;
    content: "";
    width:10px;
    height:10px;
    border: 1px solid transparent;
    border-radius: 100%;
    top: 10px;
    left: -18px;
}

.pro_ic {
    margin-top: 64px;display: flex;transition:all .5s;
}
.por_top li.on{    background: #073b90;}

a.vid_btn{width: 180px;height: 43px;line-height: 43px;text-align: center;font-size: 18px;color:#fff;border:1px solid #eee; background: #073b90; position: relative;overflow: hidden;z-index: 0;}
a.vid_btn:hover:before {left:0;}
a.vid_btn:before {content: "";width: 100%;height: 100%;background: #e02a2a;position: absolute;left: -100%;top: 0;z-index: -1;transition: all 0.3s;}
.vid_c{padding:60px 0;}
.vid_ic>ul{display: flex;justify-content: space-between;}
.vid_ic>ul>li{width:24%;text-align: center;position: relative;padding:1.5% 2% 0 2%;}
.vid_ic>ul>li>i{color: rgba(0,0,0,0.1);font-size: 60px;padding-left: 0px;font-family: 'samsungsharpsans-b';}
.vid_ic>ul>li:hover>i{color: rgba(7,59,144,0.2)}
.vid_ic>ul>li>span{font-size:92px;display: block;position: relative;margin-top: -38px;}
.vid_ic>ul>li:hover>span{color: #0140a7;}
.vid_ic>ul>li>b{display: inline-block;font-size: 26px;position: relative;color: #073b90;}
.vid_ic>ul>li:hover>b{color: #0140a7;}
.vid_ic>ul>li>b:after{width: 100%;height: 3px;background: #073b90;bottom: -20px;left: 0;position: absolute;content: "";}
.vid_ic>ul>li:hover>b:after{background: #333;}
.vid_ic>ul>li>p{font-size:16px;line-height: 28px;margin:27px 24px;}
.vid_ic>ul>li>div>img{width: 100%; z-index: 3;position: relative;}
.vid_ic>ul>li:after{position: absolute;content: "";width: 100%;height:80%;top: 0;left: 0;border:1px solid transparent;z-index: -1;transition: all .5s; box-shadow: 0 0 15px #eee;}
.vid_ic>ul>li>img{width:100%;}
.vid_ic>ul>li:hover:after{border-color: #fbf6f6;box-shadow: 0 0 15px #ccc;}
.vid_ic{margin-top: 40px;}

/*应用行业*/
.apply_box{width: 100%; background: url(https://memberpic.114my.com.cn/zhuazhua/uploadfile/image/20240322/20240322141105_136088500.png); padding:60px 0 0px 0; overflow:hidden;box-shadow: 0 0px 8px #ddd;}
/*appli*/
.appli {padding-top:2%;overflow: hidden;position: relative;}
.appli_box {max-width: 100%;margin: 0 auto;position: relative;}
.appli_con {position:relative;/* z-index:5; */}
.appli_call:before {content:'';width: 100%;height:100%;background: linear-gradient(to top,#333 0%,transparent);position: absolute;left: 0;right: 0;z-index: -1;}
.appli_call {overflow:hidden;position: relative;z-index: 5;}
.appli_call .divdgweb_new_div {margin-bottom:0 !important;display: flex;transition: 0.5s;}
.appli_call .divdgweb_new_div_item {display: flex !important;flex-direction: column-reverse;width: 100%;/* margin: 0 0.1%; */ flex-shrink: 0;position: relative;}
.appli_call .divdgweb_new_div_item_content {display:flex;flex-direction: column;/* align-items: center; */padding: 2%;position: absolute;background: #fff;width: 20%;top: 43%;left: 6%;z-index: 9;}
.appli_call .divdgweb_new_div_item_content:before {content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top: 10px solid #fff;position: absolute;bottom: -6%;left: 0;right: 0;margin: 0 auto;}
.appli_call .divdgweb_new_div_item_title {}
.appli_call .divdgweb_new_div_item_title a {font-size: 22px;color: #0137b5;}
.appli_call .divdgweb_new_div_item_body {font-size: 15px;width: 100%;text-overflow: ellipsis;-webkit-line-clamp: 3;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 26px;font-weight: lighter;margin: 5% 0 0;}
.appli_call .divdgweb_new_div_item_body p {font-size: 15px;line-height: 26px;font-weight: lighter;}
.appli_call .news_div_item_pic {}
.appli_call .news_div_item_pic a {overflow:hidden;}
.appli_call .news_div_item_pic a img {width:100%;height:auto;}
.appli_nav {position: absolute;bottom: 10%;left: 0;z-index: 6;width: 100%;/* border-bottom: 1px solid rgba(255,255,255,0.5); */right: 0;margin: 0 auto;/* overflow: hidden; */}
.appli_nav ul {display: flex;justify-content: space-between;align-items: center;width: 90%;margin: 0 auto;}
.appli_nav li {width: 20%;display: flex;justify-content: center;border-bottom: 1px solid rgba(255,255,255,0.5);padding: 2%;position: relative;}
.appli_nav li:before {content:'';width:0;height: 3px;background:#fff;position:absolute;bottom: -2px;left:0;transition:0.5s;}
.appli_nav li.on:before {width:100%;}
.appli_nav li a {font-size: 22px;color: #fff;}

/*关于*/
.uw-title{color: #fff;}
.uw-title .uw-title-cn{font-size: 36px; line-height: 40px;}
.uw-title .uw-title-cn>a{font-size: 36px;line-height: 40px;}
.uw-title .uw-title-en{font-size: 52px;line-height: 80px; text-transform: uppercase;font-weight: bold; }
.uw-title .uw-title-en a{font-size: 52px;line-height: 80px;}
.uw-title .uw-line-x {background: rgba(255,255,255,.5);}
.uw-line-x {transform: translateX(0px);
    opacity: 1;
    color: #fff;
    font-weight: bold;
    font-family: microsoft yahei;
    text-transform: uppercase;
}
.uw-line-x {
    width: 100%;
    height: 3px;
    position: relative;
    margin: 10px 0 28px 0;
    background: rgba(0,0,0,.2);
}
.uw-line-x::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #073b90;
}

.about_co{padding:8% 0;background:url(https://memberpic.114my.com.cn/zhuazhua/uploadfile/image/20240323/20240323155228_1516550186.jpg) no-repeat; position: relative; background-attachment: fixed; height:100%;}
@media screen and (max-width: 1366px){
.about_co{padding:7% 0;}
}
.about_co:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.1);
}
.about_int {width: 60%; border-radius: 10px;position: relative; padding:3% 2% 6% 2%;}
.about_int a {line-height: 36px;font-size: 19px; color: #fff; font-weight:normal; text-align: justify; display: flex;}
.about_int a:hover{color: rgba(255,255,255,0.8);}

/* strength */
.dfsc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.str_bg{max-width:100%; background:#174592; position: relative; padding: 0% 6%;margin: 0 auto;z-index: 99;}
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{position: relative;margin-top: -0px; padding: 2% 0;}
.str_list li+li{border-left: 1px rgba(0,0,0,0.1) solid; padding-left: 6%;}
.str_list li p{font-size:30px;font-weight: 100;color:#333;}
.str_list li em {align-items:baseline;margin:6px 0;text-align: center; display: block;}
.str_list li em i{font-size:30px; color:#fff; font-family: 'samsungsharpsans-b';}
.str_list li em i a{font-size:30px; color:#fff; }
.str_list li em b{font-size:16px;font-weight: 100;color:#fff;margin-left:5px;}
.str_list li>span{font-size:20px;color:rgba(255,255,255,0.7);}

.hzhb{ width: 100%; margin:0 auto; background: #fff; padding: 80px 0;}
/*合作客户*/
.cas_ic{overflow:hidden;margin-top:30px;border-left:1px solid #eee;border-top:1px solid #eee;}
.cas_ic ul{display:flex;margin-bottom:0rem !important;}
.cas_ic ul li a>img{width:100%;height:auto;}
.cas_ic ul li{width:calc(100% / 7);flex-shrink:0;border:1px solid #eee;border-top:none;border-left:0;position:relative;overflow:hidden;transition:0.4s;}
.cas_ic ul li>a{display:block;}
.cas_ic ul li p{-webkit-transition:all .3s linear;transition:all .3s linear;opacity:0;visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 30px;background-color:rgba(255,255,255,0.8);z-index:40;text-align:center;}
.cas_ic ul li p img{height:auto;display:block;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.cas_ic ul li p img,.cas_ic ul li p a{-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}
.cas_ic ul li p a{font-size:16px;line-height:1.5;letter-spacing:1px;font-weight:bold;margin-top:0;-webkit-transition-delay:.3s;transition-delay:.3s;display:block;line-height:150px;}
.cas_ic ul li:after{-webkit-transition:opacity .3s linear;transition:opacity .3s linear;opacity:0;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #073b90;z-index:230;}
.cas_ic ul li:hover:after{opacity:1;}
.cas_ic ul li:hover p{opacity:1;visibility:visible;}
.cas_ic ul li p img{max-width:150px;padding-top:30px;-webkit-transition-delay:.1s;transition-delay:.1s;margin:0 auto;}
.cas_ic ul li:hover p a,.cas_ic ul li:hover p img{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

/*新闻*/
.footer-content {
    max-width: 1500px;
    margin: auto;
    position: relative;
}
.fl {float: left;}
.fr {float: right;}
.font42 {
    font-size: 2rem;
}
.font32 {
    font-size: 2rem;
}
.news_bg {
    padding-bottom: 70px;
    overflow: hidden;
background: url(https://memberpic.114my.com.cn/zhuazhua/uploadfile/image/20240325/20240325093007_436818562.png) center no-repeat;
}

.bg {
    position: relative;
    margin: 0 auto;
}

.box {
    margin: 0 auto;
}

.news_t {
    padding: 70px 0 14px 0;
}

.news_tl p {
    color: #073b90;
    line-height: 1.1;
    font-family: PingFang SC, 'Microsoft YaHei', Arial, sans-serif;
    font-weight: 900;
}

.news_tl span {
    margin-top: 10px;
    color: #282f36;
    line-height: 1.4;
}

.news_tl,
.news_tr {
    display: inline-block;
}

.news_tr a {
    display: inline-block;
    margin-left: 110px;
    margin-top: -12px;
}

.news_tr a p {
    font-size: 20px;
    color: #222;
    line-height: 0px;
}

.news_tr a span {
    font-size: 12px;
    color: #ccc;
    font-family: "Arial";
    text-transform: uppercase;
    line-height: 46px;
}

.news_tr a:before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #f7f7f7;
    margin: -10px 14px 0 0;
    position: relative;
    top: 37px;
    left: -70px;
    transition: 0.3s ease all;
    background-image: url(https://memberpic.114my.com.cn/zhuazhua/uploadfile/image/20240323/20240323155846_1189906917.png);
}

.news_tr a:nth-child(1):before {
    background-position: 0 0;
}

.news_tr a:nth-child(2):before {
    background-position: -56px 0;
}

.news_tr a:nth-child(3):before {
    background-position: -112px 0;
}

.news_tr a.on:before {
    background-color: #e7e8e9;
    background-position-y: -56px;
}

.news_div .news_div_item {
    position: relative;
    float: left;
}

.news_div .news_div_item:first-child {
    width: 30%;
    padding-top: 40px;
    z-index: 2;
}

.news_div .news_div_item:nth-child(n+2) {
    width: 31%;
    padding: 30px 0 30px 0;
    height: 240px;
    float: left;
    border-bottom: 1px #ddd solid;
    margin-left: 4%;
}

.news_div .news_div_item:nth-child(n+2) .news_div_item_pic {
    float: left;
    width: 30%;
    height: 168px;
    display: none;
}

.news_div_item_pic {
    overflow: hidden;
}

.news_div_item_pic img {
    width: 100%;
    border: 1px #eee solid;
}

.news_div .news_div_item:first-child .news_div_item_date {
    display: none;
}

.news_div .news_div_item:nth-child(n+2) .news_div_item_date div {
    float: left;
    color: #ccc;
}

.news_div_item_content {
    position: absolute;
}

.news_div .news_div_item:first-child .news_div_item_pic {
    height: auto;
}

.news_div .news_div_item:first-child .news_div_item_content {
    bottom:0px;
    width: 100%; padding:7%;
    background: rgba(0,0,0,0.5);}

.news_div .news_div_item:nth-child(n+2) .news_div_item_content {
    left: 0;
    top: 54px;
    width: 100%;
}

a.news_div_item_a {
    font-size: 22px;
    color: #222;
    line-height: 50px;
    display: block;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_div .news_div_item:first-child a.news_div_item_a{color: #fff;}
.news_div .news_div_item:first-child .news_div_item_body:after{color: #fff;}
.news_div_item_body {
    font-size: 15px;
    line-height: 26px;
    color: #999;
    margin-top: 0px;
}

.news_div_item_body:after {
font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
content: "\eb8d" !important;
    display: block;
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100px;
    border: 1px #ccc solid;
    margin-top: 15px;
    transition: 0.3s all ease;
text-align: center;
}

.news_div_item:hover .news_div_item_body:after {
    background-color: #073b90;
    width: 60px;
    border: 1px #073b90 solid;
    background-image: url();
 color: #fff;
}

.news_div_item:hover a.news_div_item_a {
    color: #073b90;
}



/*footer*/
.footer {display: flex;}
.footer_bg::before,.footer_bg::after {content: '';width: 50%;height: 8px;position: absolute; left: 0;top: 0;background: #073b90;z-index: 999;}
.footer_bg::after{ left: auto;right: 0;background: #666;}
.footer_bg{width: 100%; color: #fff;background:#333;position: relative;overflow:hidden;margin-top: 0px;padding-top: 0px;}
.fbt{border-top:10px solid #ff5c00;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.bq_item li:before{content: '';position: absolute;width:2px;height: 25px; top:12px;left: -22px;}
.bq_item li+li{margin-left:8%;}
@media screen and (max-width: 1280px){
.bq_item li+li{margin-left:6%;}
}
.footer_w1 t{display: block;float: left;font-size: 24px;font-weight: bold;margin-right: 11px;}
.footer_w1 span{display: block;float: left;font-size: 20px;margin-top:3px;}

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

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


/*link*/
.link_bg{height: 120px;position: relative;margin-top: 0px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.linkTagcs li a{font-size:14px;}
.links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(255,255,255,0.3);display:inline;height:80px;display: block;line-height:80px;}
.links_l{display: flex;align-items: center;}
.l_wz{margin-left:12px;position: relative; width: 79px;}
.l_wz b{font-size: 25px;color: #fff;line-height: 21px;}
.l_wz p{color: rgba(255,255,255,0.38);letter-spacing: 5px;}

.links{display: flex;align-items: center;height: 100%;justify-content: space-between;}
.links>div{display: flex;align-items: center;height: 100%;}
.links_m{margin-left: 25px;}
.linkTagcs li a{color: rgba(255,255,255,0.38)!important;}
.foo_icon{display: flex;justify-content: space-between;margin-bottom: 69px;}
.foo_icon li span{color:#fff;display: block;width: 38px;height: 38px;border-radius: 100%;background: #e60113;display: flex;justify-content: center;align-items: center;position: relative;font-size: 22px;z-index:1;}
.foo_icon li span:after{content: '';position: absolute;width: 48px;height: 48px;border-radius: 100%;background: rgba(32,114,224,0.22);top: -5px;left: -5px;z-index:-1;}
.foo_icon li{display: flex;align-items: center;}
.foo_icon li div{margin-left: 13px;}
.foo_icon li div b{font-size: 16px;}
.bq_gzh{float: right;padding-top:7px;}
.bq_gzh li+li{margin-left: 44px!important}
.copy_bg{line-height: 24px;overflow:hidden;}
.copy_b{display: flex;justify-content: space-between; line-height: 24px;border-top: 1px solid rgba(255,255,255,0.1); color: #666;}
.copy_bg div{color: #999;padding:1% 0; line-height: 24px;}
.copy_b div:nth-child(1){width: 65%;}
.copy_b div:nth-child(2){position: relative;}
.copy_b div:nth-child(2):after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.copy_bg div a{color: #999;font-size: 14px;}
.foo_icon li div p {margin-top: 3px;}
.cl {clear: both;}
.banq{width: 70%;padding:82px 0;}
.bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 24px;color: #fff;display: block;margin-bottom: 20px;}
.bq_ewm {display: flex;padding-top: 50px;position: relative;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 36px;color: #fff;border:1px solid rgba(77,77,77,0.85);}
.bq_ewm li:hover .ewm_cc {
    display: block;
}
.bq_ewm li:hover span{background: #000;border-color: #000;}
.ewm_cc {position: absolute;top: -50px;left: 13px;display: none;}
.ewm_cc img {width: 100px!important;}
.bq_r {width: 35%;padding:90px 0 90px 0;padding-left: 80px;position: relative;background: url() no-repeat -22px 54px;
}
.bq_r:after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 16px;color:#ccc; line-height: 26px;}
@media screen and (max-width: 1280px){
.bq_lx li{font-size:14px;}
}
.bq_ewm li+li {margin-left: 10px;}
.bq_item li:first-child {padding-left: 20px;}
.bq_item li:first-child:before {left: 0;}
.link_btn {
    width: 170px;
    height: 44px;
    line-height: 44px;
    background: #f8f8f8;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    border-radius: 22px;
    display: block;
}

/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:30%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px; line-height: 26px;}
.serverBar li a{display:block;padding:5px;width:60px;height:60px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:22px;line-height:28px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#073b90;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#073b90;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item1{overflow:hidden;}
.serverBar li .QRcode .item1 i{display:block;width:100px;}
.serverBar li .QRcode .item1 img{display:block;width:100%;}
.serverBar li .QRcode .item1 p{font-size:14px;color:#000;text-align:center;}
.serverBar li:hover .infos{display:block;}
@media(max-width:1200px){
.serverBar{display:none !important;}
}
/*--end serverBar--*/