body{font-size: 16px; min-width: 1220px;} 
.w1200{  width: 1200px; margin: 0 auto;}

header .top{ height: 38px;}
.linka a:hover{ color: var(--blue);}
.lanugeBtn{ height: 38px;}
.logo img{ height: 80px;}
.topForm{ width: 700px; border: 2px solid var(--blue); height: 48px;   }
.topForm .keys{ width: calc(100% - 150px);}
.topForm .submit{background: url(../images/search-w.png) no-repeat left 20px center var(--blue); width: 140px;   }

nav{ background-color: #fff; z-index: 111; box-shadow: 0 5px 5px rgba(0, 0, 0, .05);}
.mainbav,.leftshowNav{ width: 240px;}
.mainbav>a{ height: 46px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; }
.topnav{  width: calc(100% - 300px);}
.topnav a{   height: 46px; display: flex; align-items: center; justify-content: center;}

.mainbav dl{  position: absolute; width: 100%; height: 500px; left: 0; top: 46px;border-radius: 0 0  5px 5px; -webkit-border-radius: 0 0  5px 5px; -moz-border-radius: 0 0  5px 5px; -ms-border-radius: 0 0  5px 5px; -o-border-radius: 0 0  5px 5px; }
.leftshowNav{ background-color: #fff; z-index: 90; box-shadow: 5PX 5PX 5PX rgba(0, 0, 0, .1);}
.leftshowNav dd a{ line-height: 46px;height: 46px; padding-left: 15px;}
.navIcon{ width: 15px; filter: grayscale(100%); transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; }
.leftshowNav dd a:hover{ background-color: var(--blue) ; color: #fff; font-weight: bold;}
.leftshowNav dd a:hover .navIcon{ filter: grayscale(100%)  brightness(500%); -webkit-filter: grayscale(100%)  brightness(500%); }

.mainbav dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(10px); transition:all .53s ; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
.mainbav:hover dl,.mainbav.on dl{ visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }





.banner{  width: 680px;}
.banImg{  width: 100%; height: 480px; object-fit: cover;}

.banRight{ width: 240px; height: 480px;}
.banRight .top .more:hover{ color: var(--blue);}
.banRight .item{ line-height: 34px; padding: 0 20px;}
.hotIcon{ color: var(--blue); background-color: rgba(3, 110, 184, .05); line-height: 1; padding: 4px; border-radius:3px ; font-size: 12px; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.newIcon{ color: #ff0000; background-color: rgba(255, 0, 0, .05); line-height: 1; padding: 4px; border-radius:3px ; font-size: 12px; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.banRight .item:hover { transform: translateX(5px); color: var(--blue); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }

.banNAVIcon{ position: absolute; right: 0px; top: 52%; transform: translateY(-50%); max-width: 100%; max-height: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.banNAV a{ width: 290px; height: 120px; background-color: #e2ebf9;}
.banNAV a .border-bottom{ border-color: #666;}
.banNAV a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }
.banNAV a:hover .border-bottom{ border-color: var(--blue); color: var(--blue); transform: translateX(8px); -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); } 
.banNAV a:nth-child(2){ background-color: #f1f0d2;}
.banNAV a:nth-child(3){ background-color: #c8e4f7;}
.banNAV a:nth-child(4){ background-color: #caecfe;}

/* .idxTit h2{ background: url(../images/idxTitBg.png) no-repeat center center;} */
.productBox .left{ width: 250px;background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.productBox .left .top{  height: 560px;}
.productBox .left .top .line{ width: 40px; height: 3px;}
.productBox .left .top a{ height: 44px; border: 1px solid #fff;}
.productBox .left .top a:hover{ background-color: var(--blue); border-color: var(--blue); box-shadow: 0 0 10px rgba(255, 255, 255, .25); transform:scale(0.96) ; -webkit-transform:scale(0.96) ; -moz-transform:scale(0.96) ; -ms-transform:scale(0.96) ; -o-transform:scale(0.96) ; }
.bg-white6{ background-color: rgba(255, 255, 255, .2);}
.productBox .left  .more{ height: 140px;}
.p-5{ padding: 5px;}

.productBox .right{ width: calc(100% - 250px);}
.idxproUl li{ width: calc(100% / 3); border-right: 1px solid #e5e5e5; height: 350px; border-bottom:  1px solid #e5e5e5;}
.idxproUl li .more{ border-bottom: 1px solid var(--red);}
.idxproUl li .line{ width: 16px; height: 2px; background-color: #dddddd;}
.maximg img{object-fit: cover; max-width: 100%; max-height: 100%;}
.idxproUl li .img{ height: 140px;}
.idxproUl li:hover{ box-shadow: 0 0 10px rgba(3, 110, 184, .3); border-color: #fff;}

.idxbrandUl li .more{ border-bottom: 1px solid var(--red);}
.idxbrandUl li .line{ width: 16px; height: 2px; background-color: #dddddd;}
.idxbrandUl li{ width: 25%; border-right: 1px solid #e5e5e5; border-bottom:  1px solid #e5e5e5;}
.idxbrandUl li:nth-child(4n){ border-right: none;}
.idxbrandUl li .img{ width: 100%; height: 110px;}
/* .idxbrandUl li:nth-last-child(-n+4){ border-bottom: none;} */
.idxbrandUl li:hover{ box-shadow: 0 0 10px rgba(3, 110, 184, .3); border-color: #fff;}
.border-bottom-red{ border-bottom: 1px solid var(--red); display: inline-block;}

.idxNews .left{ width: 360px; height: 440px;}
.idxNews .left .img{ height: 200px;}
.idxNews .left  .img img{ width: 100% ;height: 100%; object-fit: cover;  }
.idxNews .left:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.idxnewUl{ width: calc(100% - 360px);}
.idxnewUl li{ border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 220px; width: 50%;}
.idxNews a:hover .more{ transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); }
.idxnewUl li:hover{ box-shadow: 0 0 10px rgba(3, 110, 184, .3); border-color: #fff;}

footer .top li .round{ width: 44px; height: 44px; background-color: rgba(3, 110, 184, .1);}
.ml-95{ margin-left: 95px;}
footer .bottom a:hover{ color: #fff;}
footer .bottom dt{ line-height: 1; margin-bottom: 10px;}
.ewmUl img{ border-radius: 8px; width: 148px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
footer .copyright{ border-top: 1px solid rgba(255, 255, 255, .1);}

.mainBg{ background: url(../images/bg2.jpg) no-repeat center top #f2f2f2; background-size: 100% auto;}
.neiBg{ background: url(../images/bg3.jpg) no-repeat center top #f2f2f2; background-size: 100% auto;}
.backBtn{ width: 150px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.backBtn:hover{ background-color: var(--blue); color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); transform: scale(.96); -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); }
.prolistTop .img{height: 145px;}
.prolist li{ transition:all .36s ; padding-left: 8px; padding-right: 8px; width: 200px; border-right: 1px solid #e5e5e5; padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center; justify-content: center; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
/* .prolist li:first-child{ width: 220px;} */
.prolist li:last-child { width: calc(100% - 1000px);}
.prolist li.flex-column{ align-items: flex-start;}
 .prolist:hover{ background-color: #eee; }
 .prolist.bg-blue:hover{ background-color: var(--blue);}
.border-bottom-red{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.border-bottom-red:hover{ transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }

.proInfoTop .img{ width: 540px;}
.gallery-top{ width: 540px; height: 480px; border: 1px solid #e5e5e5;}
.gallery-thumbs{ width: 300px;}
.gallery-thumbs .swiper-slide{ height: 60px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.gallery-thumbs .swiper-slide-thumb-active{border-color: var(--blue); border-width: 2px; }
.proInfoTop .img .prev,.proInfoTop .img .next{height: 60px; }
.proInfoTop .img .prev:hover,.proInfoTop .img .next:hover{ color: var(--blue);}
 

.proInfoTop .txt ul{ line-height: 42px; }
.proInfoTop .txt ul .left{ width: 170px;}
.onlineBox{ width: 100%; position: absolute; left: 0; bottom: 0;}

.neiprolist li{ border-right: none;}
.neiprolist:hover{background-color: transparent;  }
.pt-90{ padding-top: 90px;}
.pb-90{ padding-bottom: 90px;}
.boomLeft{ width: 800px;}
.boomRight{ width: 400px; background-color: #e0ecf8; padding: 115px 20px 40px;}
.boomTabTit li{ margin: 0 30px; padding-bottom: 30px;  }
.boomTabTit li.on{ color: #000; font-weight: bold;}
.boomTabTit li:hover{ color: var(--blue);}
.boomTabTit li.on::after{ width: 100% ; height: 3px; background-color: var(--blue); display: block; content: ''; position: absolute; left: 0; bottom: -2px;}

.bg-blue1{ background-color: #e0ecf8;}
.buttonlink:hover{opacity: .8;}

.activitieList li .img{ width: 160px; height: 160px;}
.activitieList li .img img{  width: 100%; height: 100%; object-fit: cover;}
.activitieList li .txt{ width: calc(100% - 160px);}
.activitieList li .tableCS .left{ width: 115px ; display: inline-block;}
.activitieList li:hover .border-bottom-red{ transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }
.activitieList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.activitieList li:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-color: #fff;}

.p35{ padding: 35px;}
.activeLeft{ width: 880px;}
.infotitle span::after{ width: 100%; height: 3px; left: 0;  bottom: -2px; background-color: var(--blue); display: block; content: ''; position: absolute;}
.infoImg img{  margin: 5px 0;}
.activeRight{  width: 300px;}

.activeRight .idxproUl li{ width: 100%;}
.settleTop .img{ width: 240px; height: 240px;}
.settleTop .txt{ width: calc(100% - 240px);}

.object{object-fit: cover;}
.settleUl li .img{ width: 280px; height: 180px;}
.settleUl li .txt{ width: calc(100% - 280px);}
.settleUl li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newLeft{ width: 900px; border-right: 5px solid #fafafa;}
.subNav a{ display: flex; align-items: center; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.subNav a:hover{ color: var(--blue);}
.subNav a.on{background-color: var(--blue) ; color: #fff;}
.subNav a.on:hover{ color: #fff;}
.newRight{ width: 295px;}
.newRight .tit::after{ height: 100%; width: 5px; background-color: var(--blue); display: block; content: ''; position: absolute; left: -5px; top: 0;}

.contactLeft{ width: 280px;border-right: 5px solid #fafafa;}

.contactLeft a.link{ height: 60px; border-radius: 30px 0 0 30px; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; -ms-border-radius: 30px 0 0 30px; -o-border-radius: 30px 0 0 30px; }
.contactLeft a.link.on{ background-color: var(--blue); color: #fff;}
.contactLeft a.link:hover{ color: var(--blue);}
.contactLeft a.link.on:hover{ color: #fff;}

.contactRight{ width:calc(100% - 285px);}
.bg-fa{ background-color: #fafafa;}


.footSidebar { position: fixed; right: 0; bottom: 10vh; z-index: 105;   font-size: 14px;  filter: drop-shadow( 0 0 10px rgba(0, 0, 0, .15));   } 
.footSidebar li{ width: 70px; min-height: 80px; border-bottom: 1px solid #e5e5e5;}
.footSidebar li.topJump{ border-bottom: none; transform: translateX(105%);}
.footSidebar li.topJump.show{transform: translateX(0);}
.footSidebar  .kefu{ padding-top: 10px; border-bottom: 1px solid #e5e5e5;border-radius: 40px 40px 0 0;}
.footSidebar .pic{ width: 50px; height: 50px; border-radius: 50%;}
.footSidebar .pic img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.footSidebar .pic::after,.footSidebar .pic::before{ display: block; content: ''; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; border: 1px solid #2079ab; animation: ani-data-v-789143c6 1.4s ease-out infinite; -webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite; }
.footSidebar .pic::before{animation-delay: .6s;}
.footSidebar .iconfont{ font-size: 22px;}
.footSidebarLeft{ animation: rightFloat .3s; padding: 5px; position: absolute; box-shadow: 0 0 10px rgba(0, 0, 0, .15); right: calc(100% + 10px); top: 50%; display: none; -webkit-animation: rightFloat .3s; }
.sidebarEwm{width: 120px;   margin-top: -50px;}
.footSidebar li:hover .footSidebarLeft{ display: block;}
.sidebarTel{    margin-top:-50px;  line-height: 2; padding: 0 15px;}
.sidebarEmal{  height: 50px; margin-top:-25px;  line-height:50px; padding: 0 15px;}
/* .footSidebar li:hover  { color: #2079ab;} */
.footSidebar li:hover .iconfont{ color: #2079ab;}
/* .topJump:hover{color: #fff} */
.footSidebar li:hover  .icon-direction-up { color: #fff}

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

    .footSidebar{ display: none !important;}
}

@keyframes rightFloat {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }