@font-face {
	font-family:impact;
	src: url('/Html/fonts/impact.otf'); }
	
	
	@font-face {
	font-family:HelveticaLTStd-BoldCond;
	src: url('/Html/fonts/HelveticaLTStd-BoldCond.otf'); }
	
@font-face {
	font-family:Barlow-Regular;
	src: url('/Html/fonts/Barlow-Regular.ttf'); }
	
@font-face {
	font-family:Barlow-Bold;
	src: url('/Html/fonts/Barlow-Bold.ttf'); }
/*		@font-face{font-family: "阿里巴巴普惠体-Light"; src:url(/Html/fonts/阿里巴巴普惠体-Light.ttf)}
.huihuiti{ font-family:"阿里巴巴普惠体-Light"}*/
@font-face {
font-family: 'iconfont';
src: url('/Html/fonts/iconfont.woff2?t=1689738565086') format('woff2'),
url('/Html/fonts/iconfont.woff?t=1689738565086') format('woff'),
url('/Html/fonts/iconfont.ttf?t=1689738565086') format('truetype');}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}		

.DIN{ font-family:Barlow-Regular}
body{fnt-size: 16px;} 

.w80{ width: 84%; margin: 0 auto;}
.w90{ width: 90%; margin: 0 auto;}

.footer {height: auto;overflow: initial;}

 header.scroll .logoImg{ filter:none; -webkit-filter:none; }
 header.scroll .languageBtn{  border: 0px solid rgba(0, 0, 0, .15);  }
header.scroll .oneNav{ color:#333;}
header.scroll::after{ height: 100%;}
header.scroll{ color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header.scroll .oneNav:hover{ color:#262b5d;}

.logoImg2{ height:70px;}

.search {width:220px;  height:35px; border:1px solid #fff; border-radius:50px; position:relative; z-index:1;   }
.search1 { background:none;width:80%; line-height:33px; border:none; padding-left:5%; float:left;  color:#fff; font-size:15px;border-radius:50px; }
.searchimg1 {  object-fit: cover;width:20%; height:35px; float:right; text-align:center; border:none; border-radius:50px;}


header.scroll .search {width:220px;  background:#fff; height:35px; border:1px solid #262b5d; border-radius:50px; position:relative; z-index:1;   }
header.scroll .search1 { width:80%; line-height:33px; border:none; padding-left:5%; float:left;  color:#666; font-size:15px;border-radius:50px; background:#fff;  }
header.scroll .searchimg1 {  object-fit: cover;width:20%; height:35px; float:right; text-align:center; background:#262b5d; border:none; border-radius:50px;}





header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
/*header .logoImg{filter: grayscale(100%) brightness(500%); }*/
nav{ width: 36vw; margin-right:30px; }
nav .oneNav:hover{ color: #262b5d;}
 
.oneNav{ font-size: 20px; line-height: 100px; color:#fff;}
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:90px; margin-left:40px; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
  border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
nav  li dl dd{white-space: nowrap;height:40px;line-height:40px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.oneNav{ font-size:18px;}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:#262b5d}
nav  li dl dd:hover a{color:#fff!important;}
nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}
nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }




.GlobalBtn{ margin-left:20px;cursor: pointer; /*border:1px solid #fff; padding-left:20px; padding-right:20px; border-radius:25px; line-height:40px; height:40px;*/}
.GlobalBtn i{ margin-right:10px;}
.GlobalBtn dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:55px;left: 60%; cursor:pointer; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
    box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
    border-bottom-left-radius:5px;border-bottom-right-radius:5px;
 }
 .GlobalBtn  dl dd{white-space: nowrap;height:40px;line-height:40px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
 .GlobalBtn  dl dd:last-child{border-bottom:0}
 .GlobalBtn  dl dd a{ padding: 0 10px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
 .GlobalBtn  dl dd:hover{background:#262b5d}
 .GlobalBtn  dl dd:hover a{color:#fff!important;}
 .GlobalBtn  dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}
 .GlobalBtn dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
 .GlobalBtn:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }

header.scroll .languageBtn{  border: 2px solid rgba(0, 0, 0, .15);  }
header.scroll .oneNav{ color:#333;}
header.scroll::after{ height: 100%;}
header.scroll{ color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header.scroll .logoImg{ filter:none; -webkit-filter:none; }


.subNav{ width:72vw ;}
.subNav a{ flex: 1;}
.subNav a::after{ display: block; content: ''; height: 1em; width: 1px; background-color: #c0c0c1; position: absolute ; right: 0; top: 50% ; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.subNav a:last-child::after{ display: none;}
.subNav a span{ line-height: 1.5;}
.subNav a.on span{ color: var(--blue); border-bottom: 1px solid #262b5d;}
.linka a:hover{ color: #262b5d;}

 

/*header.scroll .GlobalBtn{ border:1px solid #262b5d; background:#262b5d; color:#fff; } 
header.scroll .GlobalBtn i{ color:#fff;}*/
 
.h_nav{ height: 60px; width: 60px; background-color:#262b5d; padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ 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); }


.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;}

.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(/Html/images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(/Html/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; }




header.scroll{ background-color: #fff; top: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #333; height: 90px; border-color: #fff;}
header.scroll nav li a.oneNav{ line-height: 90px;}
header.scroll .logoImg{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
header.scroll nav .oneNav::after{   background-color: #262b5d;  }
header.scroll nav  li.on .oneNav{ color: #262b5d;}



.searchBtn i{  margin-left:20px; font-size:20px;}
.pop{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.popbg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, .8);}
.searchCon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.searchCon .text{ width: 60vw; height: 60px; padding-left:10px;}
.searchCon .submit{ background:#262b5d; color:#fff; width: 100px; height: 60px; border:0px;}
.searchClose{ cursor:pointer; position: absolute; right: 10vw; top: 10vh; z-index: 10; width:60px; width:60px;  line-height:60px; text-align:center;background:#262b5d;border-radius:50px;}
.searchClose i{ color:#fff; font-size:20px;}
.searchClose .iconfont{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.searchClose:hover{ color: #fff;}
.searchClose:hover .iconfont{ transform: rotate(-45deg); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:;}

/*首页公司简介*/
.ablogo{ height:100px}
.abnr p { margin-bottom:0px;}
.abnr{ line-height:30px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:6;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis;}
.abtxt{ width:50%}
.abtu{ width:45%;}
.icontubiao li img{ height:50px;}
.abmore  ul li a:hover{ display:block;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; transform: rotate(360deg);}

.abmore { background:none; width:100%}

.abmore ul li{ line-height:40px;  width:100%; margin-right:15px;transition: all 0.8s; cursor:pointer; border-top-left-radius:15px;border-bottom-right-radius:15px;}
.abmore ul li a{ font-size:15px;}

.abmore ul li img{ height:50px;  filter:none; -webkit-filter:none; }
/*.abmore ul li:nth-child(1){ background:#262b5d; }
.abmore ul li:nth-child(2){ background:#2e336d;}
.abmore ul li:nth-child(3){background:#323878; }
.abmore ul li:nth-child(4){background:#383e83; }*/
.index_about{ width:100%;display: flex; align-items: stretch;}
.abtu{ overflow:hidden}
.abtu img{ width:100%; height:100%;object-fit: cover; transition: all 0.8s;}

.abtu  img:hover{   transform: scale(1.1);}

.wtitle2{ text-transform:capitalize;}

/*首页产品*/
.index_pro{ background:url(/Html/images/probg.jpg) no-repeat center fixed;}
.index_pro .wtitle1{ color:#fff;}
.index_pro .wtitle2{ color:#fff;}
.index_pro .bg{ background:rgba(21,69,154,0.88); height:100%; width:100%;}
.index_pro .wtitle{ width:27%;}
.index_pro ul{ text-align:center; width:70%;}
.index_pro ul li:nth-child(5n){ margin-right:0px;}
.index_pro ul li:nth-child(9){ width:16%;}
.index_pro ul li:nth-child(6){ margin-right:0px;}
.index_pro ul li{ font-size:16px; border:1px solid rgba(255,255,255,0.2); display:inline-block; width:14%;padding:15px 0; margin:12px 8px; text-align:center}
.index_pro ul li .proicon{ text-align:center; margin:0 auto; margin-bottom:10px;background-size:60px!important;}
.index_pro ul li:nth-child(1) .proicon{ background:url(/Html/images/p1.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(2) .proicon{ background:url(/Html/images/p2.png) no-repeat center; height:80px; width:80px; }
.index_pro ul li:nth-child(3) .proicon{ background:url(/Html/images/p3.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(4) .proicon{ background:url(/Html/images/p4.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(5) .proicon{ background:url(/Html/images/p5.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(6) .proicon{ background:url(/Html/images/p6.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(7) .proicon{ background:url(/Html/images/p7.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(8) .proicon{ background:url(/Html/images/p8.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(9) .proicon{ background:url(/Html/images/p9.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(10) .proicon{ background:url(/Html/images/p10.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(11) .proicon{ background:url(/Html/images/p11.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:hover{background:rgb(219,45,38,1); border:0; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	  transform: translate(-10px,0);
    -webkit-transform: translate(-10px,0);
    -moz-transform: translate(-10px,0);
    -o-transform: translate(-10px,0);
    -ms-transform: translate(-10px,0);}
.index_pro .more:hover {
    border: solid 1px #db2d26;
    color: #fff;
    background: #db2d26; text-decoration:none
}.index_pro .more {
    width: 153px;
    border: solid 2px #fff;
    display: block;
    text-align: center;
    line-height: 42px;
    margin-top: 25px;
    display: block; color:#fff; float:left; font-size:15px; margin-left:20px
}.index_pro .more1:hover {
    border: solid 1px #db2d26;
    color: #fff;
    background: #db2d26; text-decoration:none
}.index_pro .more1 {
    width: 153px;

    border: solid 1px #fff;
    display: block;
    text-align: center;
    line-height: 42px;
    margin-top: 25px;
    display: block; color:#333; background:#fff; float:left; font-size:15px
}
.inproms{ line-height:25px;}





.join{ width:100%; margin:0 auto; background:url(/Html/images/img6.jpg) no-repeat center; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment: fixed;  text-align:center;}
.join .content{ background:rgba(0,0,0,0.2); height:100%; width:100%;}
.join span{ font-size:22px; font-family:Barlow-Regular; font-weight:400;}

/*首页新闻*/
 .nnewsmenu ul li a{ font-size:16px;}
.nnewsmenu ul li{ cursor:pointer; margin-left:2px; text-align:center; width:100%; background:#f5f5f5; line-height:45px;font-size:16px;}
.nnewsmenu ul li.cli{ background:#262b5d; color:#fff}
.nnewsmenu ul li.cli a{ color:#fff;}
.nnewsmenu{ width:35%;}
.newsz{ width:40%; overflow:hidden}
.newsr{ width:55%}
.newsr ul li{ padding:24px; border-bottom:1px solid #ddd;}
.newsr ul li .ntime{ width:10%; text-align:center}
.newsr ul li .ntime p{font-weight:bold; color:#a6a6a6; margin-top:-2px;}

.newsr ul li .ntxt{ width:85%;} 
.newsr ul li .ntxt .ntitle{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#333;  margin-top:5px;}
.newsr ul li .ntxt .nmiao{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#b1b1b1; margin-top:10px;}
.newsr ul li:hover{ background:#fafafa;}
.newsr ul li:hover  .ntitle{ color:#262b5d}
.newsr ul li em{  width: 0; height: 1px; background-color: #262b5d; display:inline-block;}
.newsr ul li:hover em{ width: 25px; margin-right: 5px; margin-top:-5px;}
#tabcontent {width:100%;}

#tabcontent .hidden {display:none;}
.news_list{ width:100%;display: flex; align-items: stretch;}
.newsz img{ width:100%; height:100%;object-fit: cover;transition: all 0.8s;}

.newsz:hover  img{   transform: scale(1.1);}


.logoImg {
  /*filter: grayscale(100%) brightness(100%);
  -webkit-filter: grayscale(100%) brightness(100%);*/
}
.juzz{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;}

footer .flogo .logoImg{ height:80px!important;}
footer{ background:#333; }
footer dt{ line-height: 1;}
footer dd a{ color:#ccc;}
footer  a{ color:#ccc;}
footer dl{ line-height: 2.4; padding-top:60px; padding-bottom:40px;} 
footer .line{ background-color: rgba(255, 255, 255, .25); width: 40px; height: 1px;}

.profoot{ width:23%;}
.profoot dd{ width:48%; float:left}

.confoot{ width:28%;}

.bline{ border-bottom:1px solid rgba(255, 255, 255, .25); height:1px; width:100%;}
.rexian{ width:100%; background:#262b5d; line-height:40px; color:#fff;}
.rexian i{ margin-right:5px; font-size:22px;}

.flian{ line-height:28px;color:#ccc;}
.flian i{ margin-right:5px;}
.ewm img{ padding:5px; background:#fff; border-radius:5px; margin-bottom:10px; }
.faewm{ border-left:1px solid  rgba(255, 255, 255, .25); height:100%; width:20%; padding-left:5%;}

footer .bottom{ border-bottom: 1px solid rgba(255, 255, 255, .1);}
footer .top{ border-top: 1px solid rgba(255, 255, 255, .1);}

a.zzb07link{text-decoration:none;color: #ccc;}
a.zzb07link:hover {text-decoration: underline;color: #ccc;}
.zzb07tail{color:#ccc;}

/*内页*/
/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#555; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #103059; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


.nybanner{ position:relative;}
.nybanner .bannerbg{background-image: linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.1)); height:100%; width:100%;position: absolute;
top: 0;
left: 0;
z-index: 3;}
.nyabout{ background:url(/Html/images/nyabout.jpg) no-repeat center; width:100%; margin:0 auto; height:500px; background-size:cover}
.nynews{ background:url(/Html/images/nynews.jpg) no-repeat center; width:100%; margin:0 auto; height:500px;}
.nypro{ background:url(/Html/images/nypro.jpg) no-repeat center; width:100%; margin:0 auto; height:500px;}
.nycon{ background:url(/Html/images/nycon.jpg) no-repeat center; width:100%; margin:0 auto; height:500px;}

.subnav{ box-shadow: 0 0 10px rgba(0,0,0,.15);}
.subnav a{ white-space: nowrap; height: 70px;  position: relative; /*margin-right: 4vw;*/ display: flex; align-items: center; justify-content: center; width:100%;  }
.subnav .w90{ width:92%}

.subnav a::after{ width: 100%; height: 2px; transition: all .36s; background-color: #262b5d; position: absolute; left: 0; bottom: -1px; display: block; content: ''; transform: scale(0,1); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
 .subnav a.on, .subnav a:hover{ color: #262b5d; }
 .subnav a.on::after, .subnav a:hover::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }

.nybg{ background:#fafafa;}
.nymain{ width:92%; margin:0 auto; padding-top:60px; padding-bottom:60px; }
.nymain .ntitle{ text-align:center; margin:0 auto;}
.nymain .ntitle1{ font-size:40px; color:#333; padding-bottom:25px;}
.nymain .ntitle2{ background:#262b5d; width:50px; height:3px; margin:0 auto;}
.neirong{ line-height:30px; padding-top:50px;background:#fff;}
.biankuang{ line-height:30px; font-size:15px;padding: 50px;
/*border-radius: 10px;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);*/}
.jianjie p{ margin-bottom:15px;}
.wstu{ margin-left:20px; float:right; width:50%; height:550px;}
.wstu img{object-fit: cover;width:100%; height:100%;} 
.jianjie table { margin-bottom:15px;}
.jianjie table p{ margin-bottom:0px;}

/*产品*/
.prolist table .font3{ color:#fff;}
.prolist table .font3 th{ background:#262b5d; text-align:center; line-height:40px;border-right:1px solid #ddd; color:#fff;}

.prolist table .font3 th:nth-child(1){ border-left:1px solid #ddd;}
.prolist table{ border:1px solid #ddd; border-left:0px;}
.prolist table td{ cursor:pointer; border-left:1px solid #ddd; border-top:1px solid #ddd; padding:5px 10px;}


.ny_prodaz .text_js { width:100%; line-height:30px; color:#666; font-size:15px;}
.ny_prodaz .text_js strong { color:#333;}

.ny_prodaz .text_js p { width:100%; display:block;}
.ny_prodaz .text_js table tr td  { border: 1px  solid #ddd !important;} 
.ny_prodaz .text_js table tr td:nth-child(1){ width:20%;}

.ny_prodaz .text_js table tr:nth-child(1)  { background:#262b5d !important; color:#fff!important; font-weight:900!important; } 
.ny_prodaz .text_js table tr:nth-child(1) p  {  color:#fff!important;  } 
.ny_prodaz .text_js table tr td:nth-child(1) { font-weight:900 !important; color:#333;}
.ny_prodaz .text_js table tr td { padding:10px 20px !important;}
.ny_prodaz .text_js table tr:nth-child(1) strong {color:#fff !important; padding:20 0px !important;}
.ny_prodaz .text_js table tr:nth-child(2n+1){ background:#f4f4f4;} 

.ny_prodaz .text_js .con { float:left;}
.ny_prodaz .text_js .con table  { border: 1px  solid #fff !important; margin:10px 0px;}
.ny_prodaz .text_js .con table tr td  { border: 1px  solid #fff !important;} 
       
	 .ny_prodaz td img{ max-height:80px;}  

.fshangxia ul li{ line-height:40px;}
.fanye{ margin-top:40px;border-top:1px solid #e5e5e5; padding-top:30px;justify-content: space-between;}
.fanhui{ background:#ddd; border-radius:25px; line-height:40px; width:120px; text-align:center; height:40px; margin-top:20px;}
.fanhui:hover{ background:#262b5d;}
.fanhui:hover a{ color:#fff;}
.bobg{ background:#fafafa;}


 /*新闻中心*/
.xwzx_con1_u1 { margin-top:0px!important}
.xwzx_con1_u1 .divBox{font-size: 0;}
.xwzx_con1_u1 dd{position: relative;background:#f2f2f2}
.xwzx_con1_u1 dd a{display: block;padding: 30px 0;position: relative;z-index: 2; margin:10px 0; }

.xwzx_con1_u1 dd a::marker{unicode-bidi:none}
.xwzx_con1_u1 dd:nth-child(even) {background: #fff;}
.xwzx_con1_u1 dd:after{content: '';display: block;width: 100%;height: 100%;background: #262b5d;background-size: cover;
position: absolute;top: 0;left: 0;transition: 0.3s ease-in-out;opacity: 0;}
.xwzx_con1_left{display: inline-block;vertical-align: middle;width: 248px;overflow: hidden;}
.xwzx_con1_left img{width: 100%;transition: 0.3s ease-out;}
.xwzx_con1_middle{width: 185px;display: inline-block;vertical-align: middle;text-align: center;}
.xwzx_con1_right{width: calc(100% - 233px);display: inline-block;vertical-align: middle;box-sizing: border-box;border-left: 1px solid #e5e5e5;padding-left: 60px; padding-right: 180px;position: relative;transition: 0.3s ease-out;}
.xwzx_con1_right:after{content: '查看详细  →';display: block;font-size: 16px;color: #282828;position: absolute;right: 0;top: 10%;margin-top: -10px;transition: 0.3s ease-in-out; width:150px; height:50px; line-height:50px; border-radius: 25px; border:1px #CCC solid; text-align:center }
.xwzx_con1_right h1{font-size: 18px;color: #333;transition: 0.3s ease-out; font-weight:normal}
.xwzx_con1_right h1:before{content: '';display: inline-block;width: 0;height: 1px;background:#282828;vertical-align: middle;transition: 0.3s ease-in-out;}
.xwzx_con1_right p{font-size: 14px;line-height: 25px;color: #999999;margin-top: 10px;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height: 25px;


}


.xwzx_con1_middle b {font-size: 40px;color: #2c3238;font-family: arial;transition: 0.3s ease-out; float:left; width:100%; text-align:center}
.xwzx_con1_middle em {font-size: 20px;color: #2c3238;font-family: arial;transition: 0.3s ease-out; font-style:normal; float:left; width:100%; text-align:center}
/*.xwzx_con1_middle b {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}*/
.xwzx_con1_middle prc04 {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}



.xwzx_con1_u1 dd:hover .xwzx_con1_right h1:before{width: 20px;margin-right: 10px;}
.xwzx_con1_u1 dd:hover .xwzx_con1_left img{transform: scale(1.05);}
.xwzx_con1_u1 dd:hover .xwzx_con1_right:after{/*transform: rotate(360deg)*/ transform: translate(10px,0);
  color: #fff;}
  
  
.xwzx_con1_u1 dd:hover:after{opacity: 1;}
.xwzx_con1_u1 dd:hover .xwzx_con1_right{border-left: 1px solid rgba(250,250,250,.2);}
.xwzx_con1_u1 dd:hover .xwzx_con1_right h1{color: #fff;}
.xwzx_con1_u1 dd:hover .xwzx_con1_right h1:before{background:#fff;}
.xwzx_con1_u1 dd:hover .xwzx_con1_middle b{color: #fff;}
.xwzx_con1_u1 dd:hover .xwzx_con1_middle em{color: #fff;}
.xwzx_con1_u1 dd:hover .xwzx_con1_right p {color: #fff;}
/*新闻详细页*/
.fanye{}
.xwbt{ text-align:center; margin:0 auto}
.xwbg{ font-size:28px; color:#333; font-weight:normal;}
.xwbt h3{ color:#bbbbbb; font-size:14px; padding-top:25px; padding-bottom:25px;}
.neirong_bk{ border-top:1px solid #e7e7e7;padding-top:40px; padding-bottom:40px;
  /*margin-top: 50px;
  line-height: 30px;
  padding: 50px;
  background: #fff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);*/
}
.neirong_bk img{ max-width:100%!important; height:auto!important;}

 /*内页联系我们*/
.liantxt{ font-size:18px; border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px;}
.lianxi{ width:45%}
.ditu{ width:50%}

/*荣誉*/
.neirong_nbk{ margin-top:50px;}
.rongyu ul li{text-align:center;float:left;display:inline;width:22.5%; margin-left:1%; margin-right:1%; overflow:hidden;background:#fff; border:1px dotted #ccc;  border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:30px; padding-top:10px; padding-bottom:10px;}
.rongyu ul li span{ line-height:22px;display:block;background:#FFF; text-align:center;  margin-top:10px; font-size:14px;  color:#777;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;overflow:hidden;display:-webkit-box; -webkit-line-clamp1;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis;}

.zu112{width:100%; overflow:hidden; display: flex;justify-content: center;align-items: center; height:200px;}
.zu112 img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-height:100%; max-width:90% }
.rongyu ul li:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.rongyu ul li:hover span{ color:#262b5d}


.orient{ padding-top: 90px; margin-top: -90px;}
.profile{ background: url(/Html/images/profileBg.jpg) no-repeat center top; background-size: 100% auto;}
.profile .line{ width: 30px; height: 5px;}
.profile .bot::after{ width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; content: '' ; background-color: #f7f7f7;}

.segment .txt{ z-index: 10;  background-image: linear-gradient(to bottom,transparent,rgba(24,90,178,0.5));}
.segment .swiper-slide: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); }
.segment .prev,.segment .next{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.segment .prev{left: -100px;}
.segment .next{ right: -100px;}
.segment .prev:hover,.segment .next:hover{ background-color: var(--blue); color: #fff;}


.container {
    padding-right: 15px;    width: 1470px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.maxImg img{  max-height: 100%; max-width: 100%;}
.history{ background: url(/Html/images/historyBg.jpg) no-repeat center bottom; background-size:cover;   background-attachment: fixed; position: relative;  overflow:hidden; height:auto;}
.history::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; content: ''; background-image: linear-gradient(to top,rgba(24,90 ,178, 0.8),transparent); }
.clound {width: 100%;height: 590px;z-index: 2; position: absolute;left: 0;bottom: 0;background: url(/Html/images/cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}
  
 
.history-top .years{ font-size: 250px;
 
 /* text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; */
} 
.history-thumbs .yuan{ width: 40px; height: 40px;}
.history-thumbs .yuan i{ display: block; width:20%  ; height: 20%;}
.history-thumbs .yuan::after{ width: 100%; transform: scale(0); transition: all .36s; height: 100%; position: absolute; left: 0%; top: 0%; background-color: rgba(255,255 ,255, 0.3); display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.history-thumbs  .swiper-slide-thumb-active .yuan::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.historyBot::after{ width: 100%; height: 1px; position: absolute; left: 0; top: 20px; background: rgba(255, 255, 255, 0.25); z-index: 1; display: block; content: '';}

.history-thumbs  .swiper-slide-thumb-active .yuan i{ background-color: var(--blue);}
/* .history  .next,.history .prev{ border: 1px solid rgba(255, 255, 255, .4); position: absolute; z-index: 20; top: 50%; width: 60px; height: 60px; margin-top: -30px;}
.history .prev{ left: 0;}
.history  .next{ right: 0;}
.history  .next:hover,.history .prev:hover{ background-color: #00696c;}
.history .next.swiper-button-disabled,.history .prev.swiper-button-disabled{ display: none ;} */


.hononr .img{ height: 400px;}
.hononr .txt{ padding-top: 0;}
.hononr .prev,.hononr .next{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hononr .prev{left: -100px;}
.hononr .next{ right: -100px;}
.hononr .prev:hover,.hononr .next:hover{ background-color: var(--blue); color: #fff;}

.scollBot{ width: 60px; height: 60px; border-color: #fff; position: absolute; left: 50%; bottom: 10%; margin-left: -30px; z-index: 11;animation: ani-svg 1s linear 0s alternate infinite;}
.scollBot:hover{ background-color: var(--blue) ; border-color: var(--blue);} 

.proLeft{ width: 30%;}
.proRight{ width: 70%; padding-right: 8vw;}
.prolist .img {height: 400px;}
.prolist .img img{ width: 100%;   position: absolute; left: 0; top: 0; }
.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); }
 .linka a:hover{ color: var(--blue);}
.prolist li  .more a{ height: 60px;}
.prolist li  .more a.on{ color: #fff;}
.hoverxf{ border-color: var(--blue); }
.proLeft .title{padding-left: 8vw; height: 90px;}
.proLeft .con{ padding-left: 8vw;}
 
.proNav li a.one{ border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -ms-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; }
.proNav li dl{ display: none;}
.proNav li.on  dl,.proNav li:hover  dl{ display: block;}
.proNav li dl a{ display: block;}
/* .proNav li:hover > .li:not(:hover) dl{
	display: none;
  } */
  

.cellMenuBox{
    margin: 0 auto;
    width: 100%;
}
.neiNav{ padding: 0 20px; }
.menuItem{
    height: 50px;
    border-bottom: 1px solid #EBEBEB;
    padding-top: 15px;
    display: flex;
	position: relative;
}
.menuItem .topTitle{
    font-size: 15px;
    
    font-weight: 500;
    opacity: 1;
    width: 92%;
}
.menuItem .topTitle a{
    display: block;
}
.menuItem .topTitleActive{
    color:var(--blue);
    border-bottom: 2px solid var(--blue);
}
 
.menuItem .topBtn img{
    position: absolute;
    height: 40%;
}
.topBtnActive{
    margin-top: 0; 
}
.menuDetail{
    width:92%;
    /*margin: 0 auto;*/
    background:#d1def0;
    opacity:1;
    padding: 2% 4.7%;
    position: absolute;
	top: 100%;
	z-index: 99;
}
.menuDetail li{
    font-size: 14px;
    
    line-height:2.4;
    color:rgba(68,68,68,1);
    opacity:1;
}
.menuDetail li a{
    display: block;
    width: 100%;
}
.menuDetail li:hover{
    color: var(--blue)!important;
}

.proInfoTop{ background: url(/Html/images/proInfoBg.jpg) no-repeat center center; background-size: cover;}
.noneiban{ padding-top: 80px;}
.proInfoTop .txt .line{ height: 1px; background-color: #cdcdcd;}
.proInfoTop .txt .line::after{ width: 10%; height: 2px; border-bottom: 0; left: 0; display: block; content: ''; background-color: var(--blue);}
.proInfoTop .txt .btn a{ width: 30%; border: 1px solid #dadada; border-left: none; height: 66px;}
.proInfoTop .txt .btn a:first-child{ width: 40%;  border-color: var(--blue);}
.proInfoTop .txt .btn a:hover{ color: var(--blue);}
.proInfoTop .txt .btn a:first-child:hover{ color: #fff;}

.proInfoBot .left{ width: 62%;}
.proInfoBot .right{ width: 32%;}
.proInfoBot .left .title span{  border-left: 3px solid var(--blue);}
.propage a{ height: 56px; border-radius: 30px; width: 28%; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.propage a:hover{ box-shadow: 0 0 10px rgba(24,90 ,178, 0.3); transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }


.morenuewsUl li .img img{ width: 185px; height: 115px; object-fit: cover;}
.morenuewsUl li .txt{ width: calc(100% - 210px);}
.morenuewsUl 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); }
.morenuewsUl li:hover { color: var(--blue);}



.newswiper .swiper-container{ box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.newswiper .swiper-slide{ border-radius: 30px;}
 
.newswiper .swiper-slide .img img{  width: 100%; height:500px; object-fit: cover;}
.newswiper .swiper-slide .txt .line{ width: 0; margin-right: 10px; height: 2px; background-color: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newswiper .swiper-slide:hover .line{ width: 50px;}
.newswiper .swiper-slide:hover { color: var(--blue);}
.newswiper .swiper-slide .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;
   }
    

   
.newswiper .swiper-slide:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newswiper .next,.newswiper .prev{ width: 76px; height: 76px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
z-index: 10;}
.newswiper .next{ right: -100px;}
.newswiper .prev{ left: -100px;}
.newswiper .next:hover,.newswiper .prev:hover{ color: #fff; background-color: var(--blue);}

.newslist li{  width: 28.1%; margin-right: 7.85%; margin-bottom: 70px;}
.newslist li:nth-child(3n){ margin-right: 0;}


.idxNewsItem .more{ width: 225px; height: 65px;}
.idxNewsItem .desc{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.idxNewsItem img{ width: 100%; height:270px ; object-fit: cover; position: relative; z-index: 2; transform: translateY(-100%);}
.idxNewsItem .more{ position: absolute; z-index: 3; bottom: 0; left: 0;}
.idxNewsItem .more::before{ width: 100%;  height: 0; background-color: var(--blue); transition: all .36s; display: block; content: ''; top: 0; left: 0;  position: absolute;}
.idxNewsItem .more i{ z-index: 5;}
.idxNewsItem:hover img{ transform: translateY(0);}
.idxNewsItem:hover .more{ background-color: var(--blue); color: #fff; border-color: var(--blue);}
.idxNewsItem:hover .more::before{ height: 100%;}
.idxNewsItem:hover .time{ color: var(--blue);}

/* .caselist  .idxNewsItem img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.caselist  .idxNewsItem .more{ background-color: var(--blue); color: #fff; border-color: var(--blue);}
.caselist  .idxNewsItem .more::before{ height: 100%;}
.caselist .idxNewsItem: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); } */
 
@media screen and (min-width:750px) {
.idxNewsItem.swiper-slide-active img{ transform: translateY(0);}
.idxNewsItem.swiper-slide-active .more{ background-color: var(--blue); color: #fff; border-color: var(--blue);}
.idxNewsItem.swiper-slide-active .more::before{ height: 100%;}
.idxNewsItem.swiper-slide-active  .time{ color: var(--blue);}
}

.newpage a{ width: calc((100% - 160px) / 2);}
.newpage a.listOn{ width: 130px; border-radius: 25px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.newpage a:hover{ color: var(--blue);}.newpage a.listOn:hover{ color: #fff;}
.newpage .iconfont{ font-size: 30px;}

.xglist li .img{ height: 300px;}
.xglist .more .yuan{ width: 24px; height: 24px; border: 1px dashed var(--blue);}
.xglist .more .yuan .iconfont{ font-size: 30px; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); }
.xglist 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); }
.xglist li:hover  .yuan .iconfont{ transform: translateX(-30%); -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); }

.secureUl li .txt .line{ width: 10%; height: 2px;}
.secureUl li .txt .sz{ font-size: 110px; position: absolute; right: 0; bottom: 0; line-height: 1; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); }
.secureUl li:hover .txt .sz{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.secureUl li:hover .line{ width: 100%;}
.secureUl li:nth-child(2n)  a{ flex-direction: row-reverse;}
.secureUl 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); }
 

.responsibility{ background: url(/Html/images/responsibilityBg.jpg) no-repeat center center; background-size: cover;}
.responsibilityIcon{  opacity: .1; width: 5%;}
 .responsibility .border{ border-color: #d9d9d9;}
.fanZhan .prev,.fanZhan .next{box-shadow: 0 0 10px rgba(0, 0, 0, .15) ; width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.fanZhan .prev{left: -100px;}
.fanZhan .next{ right: -100px;}
.fanZhan .prev:hover,.fanZhan .next:hover{ background-color: var(--blue); color: #fff;}
 


.planUl li{  height: 200px;}
.planUl li::before{ width: 100%; height: 100%; background-color: var(--blue); display: block; content: ''; z-index: 5; position: absolute; left: 0; top: 0; transform: scale(0.4); transition: all .36s; opacity: 0; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.planUl li::after{
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px dashed rgba(255, 255, 255, .5);
	display: block;
	content: '';
	z-index: 5;
	position: absolute;
	left: 15px;
	top: 15px;
	 
	transition: all .36s;
 
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}
.planUl li .yuan{ width: 88px ; height: 88px; margin-bottom: 15px; background-color: rgba(255, 255, 255, .25);}
.planUl li .yuan img{ width: 50%;}
.planUl{ margin-right: 8vw;}
/* .planUl li:hover,.planUl li.active{ color: #fff;}
.planUl li:hover::before,.planUl li.active::before{ transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.planUl li:hover .yuan img,.planUl li.active .yuan img{filter: grayscale(100%) brightness(500%);} */
.planUl li.active{ color: #fff;}
.planUl li.active::before{ transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.planUl li.active .yuan img{filter: grayscale(100%) brightness(500%);}

.awarded{ background: url(/Html/images/awardedBg.jpg) no-repeat center center; background-size: cover;}
.awardedCenter{ width: 720px; height: 720px; border: 1px dashed rgba(24,90 ,178, 0.3);}
.awardedCenter::after{ width: 87%; height: 87%; border: 1px dashed rgba(24,90 ,178, 0.8); z-index: 1; border-radius:50% ; display: block; content: ''; position: absolute; left: 6.5%; top: 6.5%; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.awardedCenter .center{ padding: 10%; width: 74%; height: 74%; background: url(/Html/images/awardedCenterBg.png) no-repeat center center var(--blue); background-size: cover;}

.awardedUl li{ position: absolute;}
.awardedUl .txt{ height: 70px; background: url(/Html/images/awardedIcon.png) no-repeat center center; background-size: 100% 100%; width: 270px;   }
.awardedUl li  .awardedYuan{ margin-left: 100px;}
.awardedUl li:nth-child(2n){ flex-direction: row-reverse;}
.awardedUl li:nth-child(2n) .awardedYuan{ margin-left: 0; margin-right: 100px;}
/* .awardedUl li:nth-child(1){ top: 5%; left: -36%;  }
.awardedUl li:nth-child(2){ top: 5%; right:  -36%;  }
.awardedUl li:nth-child(3){ top: 35%; left: -55%;  }
.awardedUl li:nth-child(4){ top: 35%; right:  -55%;  }
.awardedUl li:nth-child(5){ top: 60%; left: -53.5%;  }
.awardedUl li:nth-child(6){ top: 60%; right:  -53.5%;  }
.awardedUl li:nth-child(7){ bottom: 5%; left: -36%;  }
.awardedUl li:nth-child(8){ bottom: 5%; right:  -36%;  } */
.awardedUl li:nth-child(1){ top: 5%; left: -245px;  }
.awardedUl li:nth-child(2){ top: 5%; right: -245px;  }
.awardedUl li:nth-child(3){ top: 35%; left: -375px;  }
.awardedUl li:nth-child(4){ top: 35%; right: -375px;  }
.awardedUl li:nth-child(5){ top: 60%; left: -370px;  }
.awardedUl li:nth-child(6){ top: 60%; right:  -370px;  }
.awardedUl li:nth-child(7){ bottom: 5%; left: -245px;  }
.awardedUl li:nth-child(8){ bottom: 5%; right: -245px;  }
.awardedUl li:hover .txt{ background: var(--blue); color: #fff; box-shadow: 0 0 10px rgba(24,90 ,178, 0.25); transform:translateX(-10px)   ; -webkit-transform:translateX(-10px)   ; -moz-transform:translateX(-10px)   ; -ms-transform:translateX(-10px)   ; -o-transform:translateX(-10px)   ; }
.awardedUl li:nth-child(2n):hover .txt{ transform:translateX(10px)   ; -webkit-transform:translateX(10px)   ; -moz-transform:translateX(10px)   ; -ms-transform:translateX(10px)   ; -o-transform:translateX(10px)   ; }

.contactStyleLine{  height: 3px; width: 5%;}
.contactStyle .iconfont{ font-size: 30px;  }
.yamImg{ max-height: 90%; top: 50%; width: auto; transform: translateY(-50%); right: 2px; z-index: 10;cursor: pointer; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mapBox{ width: 100% ; height: 600px;}
.mapBox *{ box-sizing: content-box !important;}

.brandLine{ width: 2vw;  height: 3px;}
.signBox{ background-color: #f5f9fe;}
.befar{ background: url(/Html/images/befarBg.jpg) no-repeat center center; background-size: cover;  background-attachment: fixed; position: relative;}
.befar li{ width: 20%; border-right: 1px solid rgba(255, 255, 255, .15); }
.befar li .big{ text-stroke:1px #fff; -webkit-text-stroke: 1px rgba(255, 255, 255, .4);color: transparent; font-size: 150px;}
.befar li:hover .big{animation: jello 1.2s;}
.befar li .desc{ height: 4em; color: rgba(255, 255, 255, .6);} 
.culture{ background: url(/Html/images/cultureBg.jpg) no-repeat center center; background-size: cover;  background-attachment: fixed; position: relative;}
.culture li{ border-color: rgba(255, 255, 255, .15); width: 25%;perspective: 200px; }
.culture li>img,.culture li>div{ position: relative; z-index: 5;}
.culture li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(24,90 ,178, 0.5); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.culture li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }
.culture li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }
.culture li:hover img{ animation: jello 1.2s; -webkit-animation: jello 1.2s; }
.culture li .cultureIcon{ height: 50px;}

.next.swiper-button-disabled,.prev.swiper-button-disabled{ cursor: no-drop;}

.popSearch{ width: 100vw; height: 100vh; position: fixed; z-index: 200; left: 0; top: 0; display: none;}
.popSearch .bg{ background: rgba(0,0,0,0.8);}
.popSearch .con{ z-index: 10; position: absolute; width: 50vw; left: 25vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.popSearch .con input{ height: 50px; line-height: 50px;}

.headerSearch, .language{ height: 80px; display: flex; align-items: center; justify-content: center;}
.language  dl{ width:100px; position: absolute; text-align: center; left: 50%; transition: all .36s; transform: translateX(-50%) translateY(15px); top: 80px; color: #333; line-height: 2; background-color: #fff; opacity: 0; visibility:hidden; z-index: 5; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.language:hover dl  { opacity: 1; transform:translateX(-50%) translateY(0%); visibility:visible; -webkit-transform:translateX(-50%) translateY(0%); -moz-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); -o-transform:translateX(-50%) translateY(0%); }
.language  dl dd a{ display: flex; align-items: center; justify-content: center; height: 50px; border-bottom: 1px solid #eee;}
.language  dl dd a:hover{ background-color: var(--blue); color: #fff;}

.tzIcon{ position: absolute; right: 0; top: 0; width: 15%;}

.tzlist li{ width: 48%; margin-right: 4%;}
 
.tzlist li:nth-child(2n){ margin-right: 0;}
.tzlist li .line-clamp3{ height: 6em;}
.tzlist li:hover{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.tzlist li .btn span,.tzlist li .btn a{width: 90px; height: 60px; display: flex;}
.tzlist li .btn a::before{ width: 0%; transition:all .36s ; height: 100%; background-color: var(--blue); content: ''; display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
 .tzlist li:hover .btn a::before{ width: 100%;}

 .tzlist 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;
  }
.tzlist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
/* .historyImg {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 4px rgb(255 255 255 / 26%);
} */

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

.logoImg2 { height: 50px;}
header .w92{ width:100%}
.w95 {width: 95%;}
.searchBtn{ margin-right:10px;}
.h_nav{ margin-left:10px;}
.pb-80 {padding-bottom: 40px;}
.pt-80 {padding-top: 40px;}
.f30 {font-size: 25px;}
.f35 { font-size:20px;}
.f20 { font-size: 18px;}
.f16 { font-size: 14px;}
.pt-120 { padding-top: 60px;}
.pb-120 {padding-bottom: 60px;}
.f40 { font-size: 30px;}
.pt-40 {padding-top: 30px;}
.f45 { font-size: 25px;}
/*首页公司简介*/
.index_about{ display:block;}
.abnr{ line-height:27px; font-size:14px;}
.abtxt{ width:100%}
.abtu{ width:100%; margin-top:30px;}
.icontubiao li img{ height:50px;}
.abmore ul li{ line-height:30px; margin-right:15px;}
.abmore ul li a{ font-size:14px;}
.abmore ul li img{ height:40px;  }


/*首页产品*/
.index_pro{background-attachment:local;}
.index_pro .w92{ display:block}
.index_pro .wtitle{ width:100%;}
.index_pro ul{ text-align:center;width:100%;padding-top:30px;}
.index_pro ul li:nth-child(5n){ margin-right:5px;}
.index_pro ul li:nth-child(9){ width:30%;}
.index_pro ul li:nth-child(6){ margin-right:5px;}
.index_pro ul li{ font-size:14px; width:30%!important;padding:10px 0; margin:5px }
.index_pro ul li .proicon{ margin-bottom:5px;background-size:40px!important;}
.index_pro ul li:nth-child(1) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(2) .proicon{height:50px; width:50px; }
.index_pro ul li:nth-child(3) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(4) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(5) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(6) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(7) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(8) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(9) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(10) .proicon{height:50px; width:50px;}
.index_pro ul li:nth-child(11) .proicon{height:50px;width:50px;}

.promore{}
.index_pro .more {width: 46%;line-height: 35px; margin-top: 0px;font-size:14px; margin-left:0px; }
.index_pro .more1 { width: 46%;line-height: 35px; margin-top: 0px;font-size:14px}
.inproms{ line-height:25px;}





.join{ background-attachment:local;}
.join .content{ background:rgba(0,0,0,0.2); height:100%; width:100%;}
.join span{ font-size:18px;;}

.f18 {
  font-size: 16px;
}
.pt-60 {padding-top: 40px;}
.pb-60 { padding-bottom: 40px;}

/*首页新闻*/
.index_news{ display:block;}
.nnewsmenu ul li a{ font-size:14px;}
.nnewsmenu ul li{line-height:35px;font-size:14px;}

.nnewsmenu{ width:100%;}
.news  .wtitle{ width:100%;}
.newsz{ width:100%; overflow:hidden}
.newsr{ width:100%}
.newsr ul li{ padding:20px;}
.newsr ul li .ntime{ width:20%;}
.newsr ul li .ntxt{ width:75%;} 
.newsr ul li .ntxt .ntitle{  margin-top:0px;}
.newsr ul li .ntxt .nmiao{ -webkit-line-clamp:1;}
.news_list{ width:100%; display:block}

footer .flogo .logoImg{ height:80px!important;}
footer dl:nth-child(1){ display:none;}
footer dl:nth-child(2){ display:none;}
footer dl:nth-child(3){ display:none;}
footer dl {

  padding-top: 40px;
  padding-bottom: 20px;
}
.confoot{ width:100%;}
.faewm{ display:none;}
.mb-15 {margin-bottom: 8px;}
.banquan{ line-height:25px;}



.nyabout{height:200px; background-size: cover;}
.nynews{ height:200px;background-size: cover;}
.nypro{height:200px;background-size: cover;}
.nycon{ height:200px;background-size: cover;}

.subnav a{height: 40px; font-size:14px;  }
.yc{ display:none}
.nymain{ width:92%;padding-top:40px; padding-bottom:40px; }
.nymain .ntitle1{ font-size:30px; padding-bottom:15px;}
.neirong{ line-height:27px; padding-top:30px; font-size:14px;}
.biankuang{ line-height:27px; font-size:14px;padding: 0px; margin-top:30px;}
.jianjie p{ margin-bottom:10px;}

.wstu{ margin-left:0px; width:100%; height:auto; margin-bottom:20px;}
.jianjie table { width:100%!important;}


/*产品*/
.prolist table .font3 th{line-height:30px;}

.prolist table td{ padding:5px 5px; font-size:14px;}


.ny_prodaz .text_js {font-size:14px;}
.ny_prodaz .text_js table tr td:nth-child(1){ width:25%;}
.ny_prodaz .text_js table tr td { padding:10px 10px !important;}
.ny_prodaz .text_js table tr:nth-child(1) strong { padding:10 0px !important;}


       


.fshangxia ul li{ line-height:30px;}
.fanye{ margin-top:30px;padding-top:20px; display:block; padding-bottom:20px;}
.fanhui{ line-height:30px; width:100px;  height:30px; margin-top:20px;}



 /*新闻中心*/
.xwzx_con1_u1 { margin-top:0px!important}
.xwzx_con1_u1 .divBox{font-size: 0;}
.xwzx_con1_u1 dd{position: relative;background:#f2f2f2}
.xwzx_con1_u1 dd a{display: block;padding: 30px 0;position: relative;z-index: 2; margin:10px 0; }


.xwzx_con1_left{width: 25%;}

.xwzx_con1_middle{width: 25%;}
.xwzx_con1_right{width: calc(100% - 27%);padding-left: 10px; padding-right:0px;}
.xwzx_con1_right:after{ display:none;}
.xwzx_con1_right h1{font-size: 16px;}
.xwzx_con1_right p{ display:none;}
.xwzx_con1_middle b {font-size: 30px;}
.xwzx_con1_middle em {font-size: 15px;}

/*新闻详细页*/
.xwbg{ font-size:20px;}
.xwbt h3{ padding-top:15px; padding-bottom:15px;}
.neirong_bk{ padding-top:30px; padding-bottom:30px;}


 /*内页联系我们*/
 .conlx{ display:block;}
.liantxt{ font-size:16px;padding-bottom:20px; margin-bottom:20px;}
.lianxi{ width:100%}
.ditu{ width:100%; margin-top:20px;}

/*荣誉*/
.neirong_nbk{ margin-top:30px;}
.rongyu ul li:nth-child(2n){ float:right;}
.rongyu ul li{width:48%; margin-left:0%; margin-right:0%;  margin-bottom:20px; }

.zu112{ height:150px;}



}