/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/

body {color: #666;margin: 0 auto;background: #fff;font-family: "Microsoft YaHei";overflow-x: hidden;}

*{box-sizing: border-box;}

#copy{display: none;}

a{font: inherit;color:inherit;text-decoration: none;}
a:hover { color:#005cda;text-decoration: none; border-bottom-style:}

.page{margin:0 auto;width: 1400px;position: relative;}
.bg{ width: 100%; min-width: 1400px;}
.box{margin: 0 auto;width:94%;}
.box2{margin: 0 auto;width:84%;position: relative;}

.fl { float: left;}
.fr {float: right;}

em,i {font-style: normal;}


/*隐藏右边滚动条
body::-webkit-scrollbar {  display: none;}*/


/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}



/*英文样式*/
.font_en{font-family: "Arial, Helvetica, sans-serif";text-transform: uppercase;}





html{font-size: 15px;}




/*标题*/
.title{text-align: center;padding:70px 0 35px 0;}
.title b{display: block;font-size:40px;color:#333;}
.title t{color:#0765d9;}
.title p{font-size: 18px;color:#999;line-height: 30px;}





/*头部*/
.head_bg{height:100px;}
.head{display:flex;align-items:center;justify-content:space-between;height:100%;}
/*logo*/
.logo{display:flex;align-items:center;}
.logo img{height:3vw;}
.logo li{margin-left: 10px}
.logo b{font-size:1.5vw;color:#333;}
.logo p{font-size:0.9vw;color:#666;}
/*导航*/
.nav{display: flex;height: 100%;}
.nav li{position: relative;}
.nav li:after{content:"";display:block;width:0px;height:2px;margin:-43px auto 0;background:#005cda;transition: 0.3s;}
.nav li.navcurrent:after ,.nav li:hover:after{width:70px;}
.nav li>a{display: block;padding: 0 2vw;line-height: 100px;font-size:16px;color: rgb(51 51 51 / 0.8);}
.nav li.navcurrent a, .nav li:hover>a{color: #333;}
/*下拉*/
.nav .nav2{display:flex;flex-direction:column;width: 100%;position:absolute;z-index:1000;border-top: 5px #005cda solid;text-align: center;display: none;}
.nav .nav2 a{display:block;line-height:50px;background:#fff;font-size:16px;color:#666;font-weight:lighter;transition: 0.3s;}
.nav .nav2 a:hover{color:#005cda;padding-left:10px;}
/*右边*/
.head_right{display: flex;}
/*搜索*/
.head_search{height: 2vw;}
.head_search form{display:flex;align-items:center;justify-content:space-between;width:10.5vw;height: 100%;margin: 0;background:#eee;border-radius: 100px;overflow: hidden;}
.head_search input{outline: none;border: none;background: none;}
.search_conter{width: 80%;height:100%;margin:0;padding:0 0 0 15px;}
.search_button{width: 2.3vw;}










/*幻灯片*/
.banner{height:500px;}
/* 通过改变animation-timing-function 制作弹性切换效果 */
.banner .swiper-wrapper{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) 0.2s;}
.banner .swiper-slide a{display: flex;height: 100%;}
/*左右箭头*/
.banner .swiper-button-prev{left: -80px;border-radius:5px 0 0 5px;}
.banner:hover .swiper-button-prev{left: 80px;}
.banner .swiper-button-next{right:-80px;border-radius:0 5px 5px 0;}
.banner:hover .swiper-button-next{right:80px;}
.banner_swiper-button{width:60px !important;height:130px !important;background:rgb(0 104 207 / 0.3);outline: none;transition: 0.3s;}
.banner_swiper-button:after{color:#fff;font-size: 30px !important;}
/*分页*/
.banner-pagination{bottom: 50px !important;}
.banner-pagination span{width: 10px;height: 10px;background:#005cda;opacity:.8;border-radius: 100px;outline: none;}
.banner-pagination span.swiper-pagination-bullet-active{width:60px;opacity: 1;}






/*产品中心*/
.product_bg{background: #f5f5f5;}
.product ul{display: flex;justify-content: space-between;border: 1px #eee solid;}
.product ul:last-child{border-top:none;}
.product li{display:flex;align-items:center;width:25%;padding: 3vw 2vw;position: relative;background: #fff;}
.product li:nth-child(n+2){border-left:1px #eee solid;}
.product li *{display: block;}
.product p{font-size:1.2vw;color:#333;}
.product li:hover p{color:#005cda;}
.product span{margin:0.5vw 0 3vw 0;font-size:0.8vw;color:#888;font-weight:lighter;}
.product a{width:7vw;line-height:2vw;border:1px #eee solid;text-align:center;font-size:0.85vw;color:#666;font-weight:lighter;}
.product a:hover{background:#005cda;border: 1px #005cda solid;color:#fff;}
.product i{position:absolute;right:2vw;}
.product img{height: 8vw;transition: 0.3s;}
.product li:hover img{transform: scale(1.1);}





/*版权*/
.copyright_bg{line-height: 80px;background: #f5f5f5;}
.copyright{display:flex;justify-content:space-between;}
.copyright li{display: flex;}
.copyright p, .copyright a{font-size:0.72vw;color:#888;font-weight:lighter;}
.copyright a:hover{color:#005cda;}


/* 浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/dgwhee/uploadfile/image/20231117/20231117094243_145903578.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #005cda; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #005cda; border-color: #005cda; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #005cda; border-color: #005cda;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#005cda; }
.y-kefu-box01 .mobile-infos p { color: #005cda; font-size: 18px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #005cda; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }