body{font-size: 16px;}

.banImg{ width: 100% ; min-height: 350px; height: 85vh; object-fit: cover; transition: all 1s; transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.idxBan .swiper-slide-active .banImg, .idxBan .swiper-slide-duplicate-active .banImg{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.w80{ width: 80%;  margin: 0 auto;  }




.idxBanButton{ position: absolute; left: 0; bottom: 160px; width: 100%; z-index: 10;}
.idxBanButton .prev,.idxBanButton .next{ width: 55px; height: 55px; border: 1px solid #fff;}
.idxBanButton .prev:hover,.idxBanButton .next:hover{ background: var(--red); border-color: var(--red);}
.idxBanButton .swiper-pagination-current{ font-size: 22px;}

.idxAbout{ background: url(../../index3.jpg) no-repeat center center; background-size: cover;}
.idxMore{ width: 180px; height: 58px; box-shadow: 0 0 15px rgba(3,78,162, .1);}
.idxMore:hover{ color: #fff;  box-shadow: 0 0 20px rgba(3,78,162, .6); }
.idxMore::after{ width: 5px; height: 100%; transition: all .36s; background: url(../images/idxMoreBg.jpg) no-repeat center left; background-size:  100% 100%; position: absolute; left: 0; bottom: 0; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore:hover::after{ width: 100%;}
.idxMore:hover img{filter: grayscale(100%) brightness(500%);}

.nav-item img {border: 1px solid #ccc;}

.idxMore2{ width: 380px; font-size:19px; color:#034ea2; font-weight:bold; height: 78px; box-shadow: 0 0 15px rgba(3,78,162, .1);}
.idxMore2:hover{ color: #fff;  box-shadow: 0 0 20px rgba(3,78,162, .6); }
.idxMore2::after{ width: 5px; height: 100%; transition: all .36s; background: url(../images/idxMoreBg.jpg) no-repeat center left; background-size:  100% 100%; position: absolute; left: 0; bottom: 0; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore2:hover::after{ width: 100%;}
.idxMore2:hover img{filter: grayscale(100%) brightness(500%);}


.idxMore3{ width: 230px; font-size:19px; color:#fff; background: url(../images/idxMoreBg.jpg) no-repeat center left; font-weight:bold; height: 58px; box-shadow: 0 0 15px rgba(3,78,162, .1);}
.idxMore3:after{ color: #fff;  box-shadow: 0 0 20px rgba(3,78,162, .6); }
.idxMore3::hover{ width: 5px; height: 100%; transition: all .36s; background: url(../images/idxMoreBg.jpg) no-repeat center left; background-size:  100% 100%; position: absolute; left: 0; bottom: 0; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore3:hover::after{ width: 100%;}
.idxMore3:hover img{filter: grayscale(100%) brightness(500%);}




.numUl li{ position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, .05); background:   #fff; width: calc((100% - 30px)/2); margin-right: 30px; margin-top: 30px;}
.numUl li:nth-child(2n){ margin-right: 0;}
.numUl li::after{ display: block; content: ''; width: 100%;   height: 100%; background: url(../images/numBg.png) no-repeat left bottom; background-size: 100% auto; position: absolute; left: 0; bottom: 0;}
.numUl li::before{ border-radius: 10px; transition:all .36s ; display: block; content: ''; width: 100%; height: 100%; position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/numBg2.png) no-repeat left bottom #034ea2; background-size: cover; opacity: 0; transition: all .36s; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.numUl li:hover::before{ transform: scale(1.15); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.numUl li:hover,.numUl li:hover .color-red{ color: #fff;}


.paly{ width: 100px;  cursor: pointer; background: var(--red); border-radius: 50%; height: auto; margin-top: -50px;
	box-shadow: 0 0 rgba(3,78,162, 0.1),0 0 0 15px rgba(3,78,162, 0.1),0 0 0 30px rgba(3,78,162, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}

 

.color-fafafa{ color: #ddd;}
.idxServiceImg{ width: 100%; height: 750px; object-fit: cover;}
.serviceText{ width: 360px;    left: 10vw; top: 0; background: rgba(3,78,162, .85); height: 100%; position: absolute; z-index: 10;}
.serviceText li{ height:76px;  }
.rightIcon{ opacity: 0; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }
.serviceText li.on .rightIcon,.serviceText li:hover .rightIcon{ opacity: 1; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
.serviceText li.on,.serviceText li:hover{  color: #fff;}
/* dianIcon */
.serviceTextUL{ border-left: 1px solid rgba(255, 255, 255, .55);}
.serviceText li::after{ transition: all .36s; transform: scale(0); position: absolute; left: -17px; top:50%; margin-top:  -17px; width: 34px; height: 34px; background: url(../images/dianIcon.png) no-repeat center center; background-size: 100% 100%; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.serviceText li:hover::after,.serviceText li.on::after{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
.serviceText li:hover span,.serviceText li.on span{ border-bottom: 1px solid #fff; transform:scale(1.3) ; -webkit-transform:scale(1.3) ; -moz-transform:scale(1.3) ; -ms-transform:scale(1.3) ; -o-transform:scale(1.3) ; }
.serviceTextUL:hover > li:not(:hover)::after{ transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.serviceTextUL:hover > li:not(:hover) span{ color:rgba(255, 255, 255, .6); border-bottom: none;}
.serviceTextUL:hover > li:not(:hover) .rightIcon{ opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }

.ysUl li{ width: calc((100% - 100px)/3); margin-right: 50px; margin-top: 50px;}
.ysUl li:nth-child(3n){ margin-right: 0;}
.ysUl .ysIcon{  width:400px;border: 1px solid #ccc;}
.ysUl li:hover{ box-shadow: 0 0 0 10px rgba(3,78,162, 1); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.idxCustomer{ background: url(../images/idxCustomerBg.jpg) no-repeat left top; background-size: 100% 100%;}

.idxCustomer .swiper-container{ margin-left: 10vw;}
.idxCustomer .swiper-slide .img{ width:200px;}
.idxCustomer .swiper-slide .text{ position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, .8);}
.idxCustomer .swiper-slide:hover .text{ width: 100%;}
.idxCustomer .swiper-slide:hover .img img{ width:200px; transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.caseBtn{ width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, .5);}
.caseBtn:hover{ background-color: rgba(255, 255, 255, .6);}
.idxCustomer .swiper-pagination-bullet{ background: #fff; margin: 0 10px; width: 10px; height: 10px;}


.idxStyle .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 500px;
    height:350px;
  }
.idxStyle .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.idxStyle .prev,.idxStyle .next{ width: 68px; height: 68px; box-shadow: 0 0 20px rgba(3,78,162, .1);}
.idxStyle .pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: var(--red); margin: 0 10px;}
.idxStyle .prev:hover,.idxStyle .next:hover{ background: var(--red); color: #fff;}

 
footer::before{ width:100%; height: 7px; display: block; content: ''; position: absolute; right: 0; top: 0; background-color: var(--red); z-index: 1;}
footer::after{ width: 33.3%; height: 7px; display: block; content: ''; position: absolute; right: 0; top: 0; background-color: #f18a00; z-index: 2;}
footer .left{ width: 33%;}
footer .right{ width: 65%;}
footer .right dd  a{display: block;}
footer .right a:hover{ color: var(--red);}
footer .right .two dd{ display: grid; grid-gap:  0 50px; grid-template-columns: repeat(2,1fr);}
.search-alert{ width: 100%;  height: 100%; background-color: #222222; z-index: 101; top: 0; left: 0; right: 0; bottom: 0; position: fixed; display: none;}
.search-alert .close{ position: absolute; right: 0; opacity: 0.5; top: 0; transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ; }
.search-alert .close:hover{ transform: rotate(135deg);   opacity: 1; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }
.cent-form{position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 124px;margin-top: -63px;border-bottom: 1px solid #515151;}
.cent-form .keys{  background: url(../images/ico_36.png) no-repeat  left center; padding-left: 100px; }
 
.footEwm{ width: 120px;}

nav li{ padding: 0 2vw; position: relative;}
.firstNav{  line-height: 100px; font-size: 18px; display: block;}
nav dl{ position: absolute; left: 50%; background: #fff;  width: 180px; margin-left: -90px; color: #333; text-align: center; box-shadow: 0  8px 8px rgba(0, 0, 0, .15);}
nav dl dd a{ line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, .05); display: block;}
nav dl dd a:hover{ background: var(--red); color: #fff;}

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

.about .txt{ width: 58%; padding-left: 10vw;}
.about .img{ width: 42%;}.about .img .pic{ width: 100%; height: 100%; object-fit: cover;}
.about .img .paly{ position: absolute; margin-top: 0; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.aboutMun li{ width: 25%; border-right: 1px solid rgba(255, 255, 255, .1);}
.culture{ background: url(../images/cultureBg.jpg) no-repeat bottom center; background-size: cover;}
.cultureUl li{ width: 50%; }
.cultureUl li::after{ transition:all .36s ; transform: scale(.7); opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--red); display: block; content: ''; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); }
.culture .img img{ width: 100%; height: 100%; object-fit: cover;}
.cultureUl li:hover{ position: relative; z-index: 5; color: #fff;}
.cultureUl li:hover::after{opacity: 1; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }
.cultureUl li:nth-child(-n+2){ border-top: none;}

.history{ background: url(../images/historyBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;} 
.history .prev,.history .next{ z-index: 10; width: 60px; height: 60px; border-color: rgba(255, 255, 255, .25); position: absolute; top: 50%; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
.history .next{ right: -100px;}
.history .prev{left: -100px;}
.history .prev:hover,.history .next:hover{ background: #fff; color: #181e2c;}
.historyBot .round{ cursor: pointer; position: relative; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .round i{ width: 14%; height: 14%;  background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .round::after{ border-radius: 50%; transition: all .36s; transform:scale(0) ; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .3); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .swiper-slide-thumb-active .round::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.history .bottom::after{ width: 100% ; height: 1px; display: block; content: ''; background: rgba(255, 255, 255, .25); position: absolute; left: 0; top: 20px;}
 
.honor .prev,.honor .next{ z-index: 10; width: 60px; height: 60px; border-color: #fff;     }
.honor::after{ width: 33.3%; height: 100%; position: absolute; right: 0; top: 0; background: var(--red); display: block; content: '';}
.honor .prev:hover,.honor .next:hover{ background: #fff; color: var(--red);}

.honor .swiper-slide .img{ height: 383px;}
 
header{ width: 100%;  position: fixed; top: 0; left: 0; right: 0; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.maxImg img{ max-width: 100%; max-height: 100%;}

.zwHeader{ height: 100px;}
.neiBan .wmax.hmax{ background: rgba(0, 0, 0, .2);}
.neibanImg{ width: 100%; min-height: 260px; object-fit: cover;}
.header {  height: 60px; width: 100%; z-index: 100; position: fixed; top: 0; left: 0; right: 0; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.h_nav{ height: 60px; width: 60px; background-color:var(--red); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.h_nav.close{align-items: center; justify-content: center;}
.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.nav{  overflow-y: scroll;  padding-bottom: 63px; }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #000; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: rgba(0,0,0,.1); width: 1px; }


.erji{ width: 60px; height: 60px; 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: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }


.zw{ margin-top: -100px; padding-top: 100px;}

.serverLeft{ width: 23%;}
.serverRight{ width: 77%;  padding-left: 5vw; padding-right: 5vw;}
.serverLeft li::after{ width: 0; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; background: var(--red); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.serverLeft a{ height: 100px;}
.serverLeft a span{ transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.serverLeft a::before{ display: block;   content: "\e601"; font-size: 16px;  font-family: "iconfont" !important; position: absolute; left: 0; top: 50%; color: var(--red); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.serverLeft a .iconfont{ opacity: 0; transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }
.serverLeft li:hover,.serverLeft li:hover a::before,.serverLeft li.on,.serverLeft li.on a::before{ color: #fff;}
.serverLeft li:hover::after,.serverLeft li.on::after{ width: 100%;}
.serverLeft li:hover a span,.serverLeft li.on a span{ transform: scale(1.05); font-weight: bold; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.serverLeft li:hover a .iconfont,.serverLeft li.on a .iconfont{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.serverLeft:hover > li:not(:hover) ,.serverLeft:hover > li:not(:hover) a::before { color: #333;}
.serverLeft:hover > li:not(:hover)::after  {  width: 0;} 
.serverLeft:hover > li:not(:hover) a span { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.serverLeft:hover > li:not(:hover) a .iconfont { opacity: 0;  transform: translateX(15px);} 

.textColor{background-image: linear-gradient(to right,#fcce09,#034ea2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.messageButton:hover{ background: var(--red); color: #fff; box-shadow: 0 0 20px rgba(3,78,162, .1); transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.messageButton:hover img{filter: grayscale(100%) brightness(500%);}

.serviceTit{ line-height: 80px;}
.serviceTit::after{ width: 100%; height: 2px;display: block; content: ''; background: var(--red); position: absolute; left: 0; bottom: 0; }

.Customerlist li{ width: calc((100% - 60px)/2); margin-right: 60px; margin-bottom: 60px;}
.Customerlist li:nth-child(2n){ margin-right: 0;}
.Customerlist li .text{ width: 80%; position: absolute; z-index: 5; left: 10%; bottom: 0; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.Customerlist li:hover{ box-shadow: 0 0 15px rgba(3,78,162, .15);}
.Customerlist li:hover .text{ width: 100%; left: 0; }
.Customerlist li:hover 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) ; }

.styleList li{ width: calc((100% - 100px)/3); margin-right: 50px; margin-bottom: 50px;}
.styleList li:nth-child(3n){ margin-right: 0;}

.newsTop{ background: url(../images/newsTopBg.jpg) no-repeat center center; background-size: cover;}
.newsTop .img{ width: 36%;}
.newsTop .text{ width: 64%;}
.newsTop .more{ border-bottom: 2px solid #333;}
.newsTop .more:hover{ border-color: var(--red); color: var(--red);}
.newsTop .more:hover .iconfont{ margin-left: 60px;}

.newsTop .button{ position: absolute; right: 0; bottom: 0 ; z-index: 5;}
.newsTop .prev,.newsTop .next{ width: 60px; height: 60px;}
.newsTop .prev:hover,.newsTop .next:hover{ background: var(--red) ; color: #fff;}

.newslist li{ width: calc((100% - 100px)/3); margin-right: 50px; margin-bottom: 50px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li  .tit span{
  /*text-decoration: underline;
  */background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}
.newslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newslist li:hover { color: var(--red); }
.newslist 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) ; }
.newslist li:hover .img{ box-shadow: 0 0 15px rgba(3,78,162, .15);}

.w1100{ width: 1100px; margin: 0 auto;}
.social-share{ position: fixed; left: 50px;  top: 20vh; z-index: 10; width: 60px; }
.sharebox a{ width: 60px; height: 60px; background: #fafafa;}
 
.newpage .back{ width: 100px; height: 100px;}
.newpage .prev,.newpage .next{ padding: 15px; width: calc((100% - 100px)/2);}
.newpage .next{ justify-content: flex-end;}

.mapBox{min-height: 300px;}
.conctactUl .iconfont{ font-size: 30px;}
.maessageBox .border-bottom{ border-color: rgba(255, 255, 255, .8);}
.maessageBox .border{ border-color:  rgba(255, 255, 255, .8);}


 
.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}

.searchlist{   }
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--red); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--red); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }