body{font-size: 16px;} 

.container{ margin: 0 auto; max-width: 1440px; width: 80%;}
nav{ z-index: 800;}
nav.sticky{box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
nav li{ position: relative;}
nav li.on .oneNav,nav li:hover .oneNav{ background-color: #fff;  color: var(--blue);}
.oneNav{ display: block; line-height: 60px; padding:  0 30px;}
.zw{ margin-top: -60px; padding-top: 60px;}

nav li dl{ pointer-events: none;  width: 300px; background-color: #fff;position: absolute;left: 0;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05); border-top: 2px solid #3b7acc; transition: all .36s; z-index: 55;}
nav li dd{border-bottom: 1px solid rgba(170, 170, 170, .2);}
nav li dl a{ height: 46px; display: flex; align-items: center; padding: 10px;color: #6e6e6e;}
nav li dl a:hover{background-color: #f6f6f6; color: var(--blue);}

nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(15px); transition:all .53s ; -webkit-filter:alpha(opacity=0); }
nav  li:hover dl{pointer-events: auto; visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }


.topForm .keys{ background: #f1f1f1; line-height: 42px; width: 155px;}
.topForm .submit{ width: 60px;}

.wapHeader{ padding: 0 20px;}
.muneBtn span{width: 30px; height: 2px; background: #333; display: block;}
.muneBtn span:nth-child(2){ margin : 8px 0;}



.banner .next,.banner .prev{ width: 45px; z-index: 10; height: 70px; background-color: #666; color: #fff; position: absolute; top: 50%; margin-top: -35px;}
.banner .prev{left: -100px;}.banner .next{right: -100px;}.banner:hover .prev{left: 100px;}.banner:hover .next{right: 100px;}
.banner .next:hover,.banner .prev:hover{ background: var(--blue); color: #fff; }

.idxTit::after,.idxTit::before{ display: block; content: ''; height: 1px ; background: #cccccc; position: absolute;}
.idxTit::before{ width: 50%; top: 25%;}
.idxTit::after{ width: 70%; bottom: 25%;}
.maxImg img{ max-width: 100%; max-height: 100%;}
.idxProUl li{box-shadow: 0.5px 0.866px 5px 0px rgba( 179, 179, 179 ,0.3); width: calc((100% - 90px)/4); margin-right: 30px; margin-bottom: 30px;}
/* .idxProUl li .img{ height: 255px;} */
/* .idxProUl li .more:hover{opacity: .9;} */
.idxProUl li:hover{ color: var(--blue);}
.idxProUl li:hover .img img{transform: scale(1.1);}
.idxProUl li:nth-child(4n){ margin-right: 0;}

.idxExhibition{ background: url(../images/idxExhibitionBG.png) no-repeat center center ; background-size: cover;  }
.idxExhibition .line{ width:20%; height: 3px; background: #d0d0d0;}
.idxExhibition .pagination{ width: auto !important; bottom: auto; left: auto; letter-spacing: 2px;}
.idxExhibition .prev:hover,.idxExhibition .next:hover{ color: var(--blue);}

.idxWhy{background: url("../images/whybg.jpg") no-repeat center top ; background-size: 100% auto;}
.idxWhy .title{ background: url(../images/whytitbg.jpg) no-repeat center top; background-size: 100% 100% ;  height:95px;}
.linka a:hover{ color: var(--blue);}
.whyUl .border-bottom{ border-color: #666;} 
.whyUl li:nth-child(2n){ flex-direction: row-reverse;}

.idxWord{ background: url(../images/idxWordbg.jpeg) no-repeat center center;  background-size: cover; background-attachment: fixed; }
.idxWord .txt{ background: #EFF1F5;}
.border-bottom-666{ border-bottom: 1px solid #666;}.border-bottom-666:hover{ color: var(--blue); border-color: var(--blue);  letter-spacing: 3px;}

.idxService{ background: url(../images/idxServicebg.jpeg) no-repeat center center; background-size: cover;}
.idxService .line{ width: 80px; height: 3px; background-color: var(--blue);}
.idxService .desc{color: #6d8190;}
.newsDate{ position: absolute; left: 10%; top: 0;  z-index: 5;}
.idxNewsItem .img img{ width: 100%; height: 240px; object-fit: cover;}
.idxNewsItem:hover .more{ color: var(--blue);  letter-spacing: 2px;}
.idxNewsItem:hover .img img{transform: scale(1.1);}

.idxNews .prev,.idxNews .next{ width: 50px; height: 50px;}
.idxNews .prev:hover,.idxNews .next:hover{ color: var(--blue);}

footer{ background-color: #333;}
footer .line{ width: 50px; height: 2px;}

footer dl{ max-width: 25%;}
footer a:hover{ text-decoration: underline; opacity:  0.8;}

.wapNav{ transition: all .6s; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 200; transform: translateX(-105%); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; -webkit-transform: translateX(-105%); -moz-transform: translateX(-105%); -ms-transform: translateX(-105%); -o-transform: translateX(-105%); }
.wapNav .bg{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5);position: absolute; top: 0; left: 0; z-index: 5;}
.wapNav .con{ width: 80%; height: 100vh; position: absolute; top: 0; left: 0;z-index: 10;}
.font30{ font-size: 30px;}
.wapLangaugeBtn.show .icon-xiajiantou{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.wapLangauge{ display: none;}
.wapLangauge img{ height: 15px;}

.wapNav.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

.nav{   width: 100%;   transition:all .6s ;     flex-direction: column;   -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ;}
.wapNav .con{overflow-y: scroll;} 
.wapNav .con::-webkit-scrollbar {   width: 2px;}
.wapNav .con::-webkit-scrollbar-thumb { border-radius: 3px; background: #333; width: 2px; }
.wapNav .con::-webkit-scrollbar-track { border-radius: 3px; background: transparent; width: 2px; }  
.nav.show{ }
.nav li.go-child{ border-bottom: 1px solid #eee; position: relative;}
.nav li.go-child>a{ line-height: 50px;  font-size: 17px; font-weight: bold;}

.erji{ width: 50px; height: 50px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 38px;  display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

.navOutLink a{ width: 30px; height: 30px; border: 2px solid #cac8c7; color: #cac8c7; }

.mobile_search{padding: 10px 15px; background: #6c6c6c; display: none;}
.mobile_search_form { width: calc(100% - 40px);}
.mobile_search_form .keys{background: #808080;    height: 40px ; line-height: 40px; width: calc(100% - 40px);}
.mobile_search_form .submit{ width: 40px; height: 40px; background: url(../images/search-w.png) no-repeat center center;}
.mobile_search_close{width: 40px; height: 40px;}

.neiBanImg{ animation: banner_animate 3s; -moz-animation: banner_animate 3s; -webkit-animation: banner_animate 3s; }

.proLeft{ width: 23.4%; }
.proLeftSearch .keys{ width: calc(100% - 50px); line-height: 50px; height: 50px;}
.proLeftSearch .submit{ width: 50px; height: 50px; background: url(../images/search.png) no-repeat center center;}
.proLeft .con{ border-top: 2px solid var(--blue);  box-shadow: 0.5px 0.866px 5px 0px rgba(179, 179, 179, 0.3);}
.proNav .border-bottom{ border-color: #f2f2f2;}
.proNav .active{ color: var(--blue);}
.proNav>li:last-child{ border-bottom: none;}
.proNav ul{display: none;}
.proOpen.on{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.border-bottom-blue{ border-bottom: 1px solid var(--blue);}

.heardoutlink img{ height: 22px;}

.proRight{ width: 74.4%;}
.proRightTit span{ border-left: 3px solid var(--blue);  }
.prolist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li .posi-a{ transform: scale(1.6); opacity: 0; background: rgba(0, 0, 0, .4); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); }
.prolist li:hover .posi-a{ transform:scale(1) ; opacity: 1; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
.prolist 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) ; }

.Productline span{ width: 25px; height: 2px; background-color: #333; display: block;}
.Productline span:nth-child(2){ margin: 5px 0;}

.proInfoOne .next,.proInfoOne .prev{ width: 30px; height: 100%; cursor: pointer;}
.proInfoOne .next:hover,.proInfoOne .prev:hover{ color: var(--blue);}
.gallery-right{ width: calc(100% - 60px);}
.gallery-right .swiper-slide-thumb-active{ border: 1px solid var(--blue);}
.productDetail_title{background: #eee;}
.productDetail_title{ border-left: 4px solid var(--blue); }

.productDetailMessage .w48 + .w48{ margin-top: 8px;}
.newSub a{ display: block; padding: 5px 15px;}
.newSub a.on{ background: var(--blue); color: #fff;}
.newSub a:hover{ background: #333; color: #fff;}

.newslist li .left{ width: 80%;}  
.newslist li .img img{ width: 215px; height: 120px; object-fit: cover;}
.newslist li .text{ width: calc(100% - 250px);}
.newslist li .jiantou{ transform: translateX(-100px);}
.newslist li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.newslist li:hover { padding-left: 30px;}
.newslist li:hover  .jiantou{ transform: translateX(-50px);}
.newslist li:hover  .title{ color: var(--blue);}

.newsPage a{background: #A9A9A9;}
.newsPage a img{ width: 120px; height: 90px; object-fit: cover;}
.news_next{ flex-direction: row-reverse;}

.w1200{  width: 1000px; margin: 0 auto;}
.idxHonor .swiper-slide { box-shadow: 0 8px 30px #ddd; transform: scale(0.6); position: relative;}
.idxHonor .swiper-slide.swiper-slide-prev,.idxHonor .swiper-slide.swiper-slide-next{ transform: scale(.8);  z-index: 2; }
.idxHonor .swiper-slide.swiper-slide-active { transform: scale(1); z-index: 10;}