@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
/*a:hover{ color:#1694c6 }*/
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.woff2?t=1689738565086') format('woff2'),
url('../fonts/iconfont.woff?t=1689738565086') format('woff'),
url('../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;
}

@font-face {
font-family:Barlow-Bold;
src: url('../fonts/Barlow-Bold.ttf'); }

@font-face {
font-family:Barlow-Regular;
src: url('../fonts/Barlow-Regular.ttf'); }
@font-face {
font-family:BebasNeue-Regular;
src: url('../fonts/BebasNeue-Regular-3'); }


.enziti{ font-family:"Barlow-Regular"}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

body{ margin:0 auto;padding:0px;width:100%; font-family:Barlow-Regular;font-size:16px;color:#646464; margin:0px; }
.flex-between{justify-content: space-between;display:flex;}
.flex-between-center{justify-content: space-between;align-items: center; display:flex;}
.flex{ display:flex;}

.w90{ width:90%; margin:0 auto;}
.head{  margin:0 auto; padding-top:15px; padding-bottom:15px;}
.head .logotex{ margin-left:10px; margin-top:10px;}
.head .logotex .logoname1{ font-size:30px; font-weight:bold; color:#333;}
.head .logotex .logoname2{ font-size:16px;color:#666; text-transform:uppercase; margin-top:4px; letter-spacing:1.1px;}


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


nav{background: linear-gradient(45deg,#1694c6,#36d5c1);}
nav .oneNav:hover{ color: #262b5d; background:#fff; display:block;}
nav ul{ ; margin:0 auto; }
nav ul li{ position:relative}
nav ul li .oneNav{ padding-left:30px; padding-right:30px;}
.oneNav{ font-size: 20px; line-height: 60px; color:#fff;}
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:75px; margin-left:65px; 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); z-index:11111;
  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:hover .oneNav { display:block;color: #fff; background:#1694c6; }

nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#555!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:#1694c6;}
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%); }

.yuyan{ background:#333; width:37px; height:37px; border-radius:50px; line-height:37px; text-align:center; margin-left:20px;}
.yuyan a{ color:#fff;}

/*首页banner*/

#banner .p_MatteIcon .iconfont:before{ content:'\e602'; } 
#banner >div{ animation-fill-mode:both; } 
#banner .banner-video .pcitem-m{display:none; } 
#banner .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; filter:brightness(0.95); } 
#banner .swiper-slide .bgimg{ transition:1s 2.5s; transform:perspective(1000px) translate3d(0, 0, 100px); } 
#banner .swiper-slide.swiper-slide-active .bgimg{ transition:5s 0s; transform:perspective(1000px) translate3d(0, 0, 0px); } 
#banner .iban a{ display:block;width:100%;height:100%;color:#fff; } 
#banner .mobitem{ display:none;} 
#banner .bannerBox .iban{ height:78vh; position:relative; } 
#banner .bannerBox .iban:after{ content:''; position:absolute; height:477px; background:url(../images/nav_shadow.png) no-repeat top center/cover;top:0px;left:0px; z-index:1; pointer-events:none;} 
#banner .bannerBox .iban .swiper-slide{ height:100%; overflow:hidden; }
#banner .bannerBox .iban .banner-video{ height:100%; position:relative;}

#banner .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;/*background-image: linear-gradient(to left,rgba(22,148,198,0.1),rgba(22,148,198, 0.3))*/;color:#fff;  } 
#banner .banner_img .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;  color:#fff;  } 
#banner .v_cover .v_con{ margin-left:auto; margin-right:auto; position:relative; z-index:5; WIDTH:85%;} 
 
#banner .swiper-slide .v_con *{ transition-delay:transform 2s, opacity 0s; transition-duration:2s; transform:translate3d(0, 80px, 0); opacity:0; } 
 
#banner .swiper-slide.swiper-slide-active .v_con *{ transform:translate3d(0, 0px, 0); opacity:1; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(1){ transition-delay:0.5s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(2){ transition-delay:0.7s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(3){ transition-delay:0.9s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(4){ transition-delay:1.1s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(5){ transition-delay:1.3s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(6){ transition-delay:1.5s; } 


#banner .v_cover .v_tit_en{  font-size:45px; line-height:1.2!important; letter-spacing:5px;margin-top:0%; text-transform:uppercase;}

#banner .v_cover .v_text1{ font-size:45px; line-height:1.4; font-weight:normal; letter-spacing:0px; font-weight:bold; margin-top:20px; margin-bottom:20px; } 

#banner .v_cover .v_line{ width:70px; height:3px; background:#F0F0F0; margin-top:2%; margin-bottom:2%; display:none; } 
 
#banner  .v_cover .v_text2{ font-size:20px; line-height:1.6; /*margin-top:3%; */margin-bottom:5%; width:70%;} 
#banner .banner_img .v_cover .v_text2{  } 
#banner .v_playvideo{ width:100px; height:auto; margin:0 auto; } 

#banner .v_border{ width:70px; height:70px; margin:0 auto 14px; position:relative; } 

#banner .v_playvideo .iconfont{ line-height:70px; height:70px; width:70px; font-size:13px; font-family:arial; text-align:center; background:rgba(230,0,19,.9); margin-right:0px; border-radius:50%; display:inline-block; } 
#banner .v_playvideo .v_border:before{ content:""; display:block; position:absolute; left:-1px; top:-1px; width:72px; height:72px; border:5px solid #fff; box-sizing:border-box; border-radius:50%; opacity:0; -webkit-transform:scale(1.4); transform:scale(1.4); transition:transform .6s cubic-bezier(.645,.045,.355,1),opacity .6s cubic-bezier(.645,.045,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } 

#banner .v_playvideo:hover .v_border:before{ opacity:1; -webkit-transform:scale(1); transform:scale(1); cursor:pointer; } 
#banner .v_playvideo:hover .iconfont:before{ font-size:24px; } 
#banner .v_cover .v_more{ font-size:12px; } 
#banner .swiper-slide .v_cover .v_img{ opacity:0; transition-duration:2s; transition-delay:0.8s; } 
#banner .swiper-slide.swiper-slide-active .v_cover .v_img{ opacity:0.1; } 
#banner .banner-video{ background:url(../images/ban1.jpg) no-repeat center center; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ width:auto; height:auto; transform:translate(-50%, -50%) !important; } 

#banner .bannerBox .iban .banner-video{ height:100%!important}

#banner .bannerBox .iban .banner-video video{ filter:brightness(0.8); position:absolute; top:50%; border:0px; left:50%;/* min-width:120%;*/ min-height:100%; width:115%; height:100%!important; z-index:0; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } 


#banner .bannerBox .iban .text{ position:absolute; font-size:36px; color:#fff; left:90px; bottom:80px; line-height:1px; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:50px; line-height:1px; } 

#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border-radius:10px; background-color:rgba(255,255,255,1); margin:0 8px; opacity:1; transition:all 0.4s ease; } 
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; width:50px; } 

@media only screen and (max-width: 768px){ 
#banner .v_cover .v_tit_en{ font-size: 40px; } 
#banner .v_cover .v_con { max-width:100%!important;} 
#banner .banner-video .pcitem-m{ display:block; } 
#banner .mobitem{ display:block; } 
#banner .pcitem{ display: none; } 
#banner .bannerBox .iban { height: 68vh; position: relative; } 
#banner .v_cover .v_text1{ font-size: 26px; line-height: 1.6!important; margin-bottom:10px; margin-top:10px; } 
#banner .v_cover .v_text2{ width:100%; font-size:17px; margin-top:15px; } 
#banner .v_playvideo{ display:none; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ display:none; } 
#banner .v_cover .v_line { margin-top:20px; height:2px; width:70px;}
#banner .bannerBox .iban:after{ display: none; } 

#banner .v_cover .v_tit_en {font-size: 30px;letter-spacing: 5px;}


#banner .bannerBox .iban .text{ bottom: auto; top:10rem; font-size:1.2rem; text-align: center; left: 0; width: 100%; } 
#banner .bannerBox .iban .play{ position: absolute; width: 2.8rem; height:2.8rem; background: url(../images/yx_vplay.png) no-repeat center/100%; top: 15rem; left: 50%; margin-left: -1.4rem; cursor: pointer; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:1.9rem; } #banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet { /*width: 8px;*/ height: 8px; margin: 0 4px; } 
#
banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active { width: 20px!important; } } 

#banner{ width:100%; max-width:none;  height:100%; max-height:none; min-height:0px;  margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } 

/*首页公司简介*/
.index_about{ padding-top:70px; padding-bottom:70px;}
.abnr p{ margin-bottom:15px;}
.abnr{ font-size:16px;line-height:30px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:8 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis;}
.abtxt{ width:50%}
.wtitle{ padding-bottom:30px;}
.wtitle1{ font-size:25px; color:#333; margin-top:10px; margin-bottom:10px;}
.wtitle2{ text-transform:capitalize;font-size:35px; color:#333; font-weight:bold;}
.wtitle3{ font-size:18px; color:#555;}
.ftitle{ color:#1694c6; padding-top:5px;}
.icontubiao li img{ height:50px;}
.abmore  ul li{ text-align:center;}
.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 { margin-top:30px; background:none; width:100%}

.abmore ul li{  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; }

.index_about{ width:100%;display: flex; align-items: stretch;}
.abtu{ overflow:hidden; width:45%;}
.abtu img{ width:100%;height:100%;object-fit: cover; transition: all 0.8s;}

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

/*首页产品*/
.index_pro{ background:url(../images/probg.jpg) no-repeat center fixed; color:#fff;}
.index_pro .wtitle1{ color:#fff;}
.index_pro .wtitle2{ color:#fff;}
.index_pro .bg{ background:rgba(22,148,198,0.6); 
/* background:rgba(0,0,0,0.25);*/ height:100%; width:100%; padding-top:80px; padding-bottom:80px;}
.index_pro .wtitle{ width:50%; padding-top:30px;}
.index_pro ul{ text-align:right; width:40%}

.index_pro ul li{ font-size:16px; border:1px solid rgba(255,255,255,0.2); display:inline-block; width:46%;padding:25px 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(../images/p1.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(2) .proicon{ background:url(../images/p2.png) no-repeat center; height:80px; width:80px; }
.index_pro ul li:nth-child(3) .proicon{ background:url(../images/p3.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li:nth-child(4) .proicon{ background:url(../images/p4.png) no-repeat center; height:80px; width:80px;}
.index_pro ul li a{ color:#fff;}
.index_pro ul li:hover{background:#36d5c1; 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 #36d5c1;
    color: #fff;
    background: #36d5c1; text-decoration:none
}.index_pro .more {
    width: 163px;
    border: solid 2px #fff;
    display: block;
    text-align: center;
    line-height: 42px;
    margin-top: 35px;
    display: block; color:#fff; float:left; font-size:15px; margin-left:20px
}.index_pro .more1:hover {
    border: solid 1px #36d5c1;
    color: #fff;
    background: #36d5c1; text-decoration:none
}.index_pro .more1 {
    width: 163px;

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

/*首页新闻*/
.index_news .wtitle{ text-align:center;}
.index_news{ padding-top:70px; padding-bottom:70px;}
.index_news ul{ margin-top:0px;}
.news_line{ background:#ddd; height:1px; width:100%; margin-top:15px;}
.newsfl{ margin:0 auto; background:#035cac; border-radius:5px; font-size:14px; width:100px; margin-bottom:12px; line-height:30px; color:#fff;}
.index_news ul li:nth-child(1){ margin-left:0px;}
.index_news ul li:nth-child(3){ margin-right:0px;}
.index_news ul li{ border:1px solid #e5e5e5; border-radius:10px; width:31%;cursor:pointer; background:#fff; padding:3%;box-shadow:4px 3px 5px 5px rgba(0,0,0,.05); margin-left:1%; margin-right:1%;}
.index_news ul li:hover{ background:#fafafa;}
.index_news ul li .news_date{ color:#666; text-transform:uppercase; font-size:15px; margin-top:15px; margin-bottom:15px;}
.index_news ul li .news_date span{ padding-right:10px;}
.index_news ul li .news_biaoti{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:18px; color:#333; line-height:28px;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;*/ height:28px; text-align:left;}
.index_news ul li .news_miaoshu{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:14px; color:#999; line-height:25px; margin-top:15px; margin-bottom:15px; height:50px;}

.index_news ul li .news_more span{ text-align:center; position:relative;
display:block; width:1.5em; height:1.5em; background-color:#1694c6;border-radius:100%; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.index_news ul li .news_more  i{ text-align:center; color:#fff; line-height:1.5em;}
.index_news ul li:hover .news_more span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}
.wmore{ cursor:pointer;background: linear-gradient(45deg,#1694c6,#36d5c1); width:150px; margin:0 auto; line-height:40px; margin-top:35px;transition: all 0.8s; margin-bottom:30px;}
.wmore a{ color:#fff; font-size:17px;}
.wmore:hover{ width:200px;}



.join{ width:100%; margin:0 auto; background:url(../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%; padding-top:120px; padding-bottom:120px;}

.jtitle1{ color:#fff; font-size:40px; letter-spacing:5px; text-align:center}
.jtitle2{ color:#fff; font-size:20px; width:80%; margin:0 auto; margin-top:15px; text-align:center}


footer .flogo .logoImg{ height:80px!important;}
footer{ /*background: linear-gradient(45deg,#1694c6,#36d5c1); */ background:#1694c6;}
footer .foota{ }
footer dt{ line-height: 1;color:#fff; font-size:18px; font-weight:bold;}

footer dd a{ color:#fff; font-size:15px; line-height:30px;}
footer dl{ padding-top:50px; padding-bottom:50px;} 
footer .fline{ background-color: rgba(255, 255, 255, 0.5); width: 40px; height: 2px; margin-top:20px; margin-bottom:20px;}


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


.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:#fff; font-size:15px;}
.flian i{ margin-right:5px;}
.ewm img{ padding:5px; background:#fff; border-radius:5px; margin-bottom:10px; }
.ewmname{ color:#fff; text-align:center; font-size:15px;}
.faewm{ border-left:1px solid  rgba(255, 255, 255, .25); height:100%; width:15%; padding-left:5%;}


.banquan{ padding-top:30px; padding-bottom:30px; font-size:15px;}
a.zzb07link{text-decoration:none;color: #fff;}

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

.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none;}

/*翻页*/
.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;}

/*内页*/
.neiBan{ height:500px; overflow:hidden; position:relative;top: 0;
z-index: 1; border-bottom:1px solid #eee;}
.neiBan .text{  
 /*   background-image: linear-gradient(to right,rgba(0,60,153,.3),rgba(0,60,153,.9));*/
}
.neibanImg{ width: 100%;height:100%; object-fit: cover;}
.hmax {
  height: 100%;
}

.scollBtn{ width: 3vw; position: absolute; z-index: 15; animation: mousemove 2.6s linear infinite; bottom: 25px; left: 50% ; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; -webkit-animation: mousemove 2.6s linear infinite; }
@keyframes mousemove {
    0%{
        bottom: 25px;
    }
    50%{
        bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}

@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}

@keyframes mor

{

0% { left:50%; margin-left:-140px;}

50% { left:50%; margin-left:108px;}

100% { left:50%;margin-left:-140px;}

}


 .ny_tab{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-image: linear-gradient(rgba(255,255,255,0.8), #ffffff);width: 91.67vw;display: flex;transition:all 0.5s;box-shadow: 0 0 5px 0 #ebebeb;}

 .ny_tab.on{position: fixed;top: 84px;width: 100%;height:calc(48px + 2vw);background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.04);}

 .ny_tab li{width: 100%;text-align: center;padding: 1.2vw 0;line-height: 28px;font-size: 16px;position: relative;transition:all 0.5s;}
 .ny_tab.on li{padding:1vw 0; line-height:48px;}
 .ny_tab li::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;}
 .ny_tab li:last-child::before{display: none;}
 .ny_tab li:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background-color: #1694c6;transition: all 0.5s;}
 .ny_tab li.on:after{width: 70.7%;}
 .ny_tab li:hover:after{width: 70.7%;}
 .ny_tab li a{color: #333333;font-size:16px;}
 .ny_tab li.on a{color: #1694c6; font-size:16px;}
 .ny_tab li:hover a{color: #1694c6;}

.index_news .wtitle1:before{ display:none!important}
.index_pro .wtitle1:before{ display:none!important}
.index_about .wtitle1:before{ display:none!important}

.wtitle1:before{ content:""; position:absolute; left:50%; margin-left:-135px; top:0px; width:44px; height:4px; background: linear-gradient(45deg,#1694c6,#36d5c1);transition:0.5s;  -webkit-animation-name:mor; animation-name:mor; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}

.neirong{ line-height:30px; font-size:15px;padding: 50px;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
.neirong .jianjie p{ margin-bottom:15px;}

/*公司简介*/
.gstu ul{ text-align:center}
.gstu ul li:nth-child(2n){ margin-left:20px;}
.gstu ul li img{ width:100%;object-fit: cover;transition: all 0.8s;}
.gstu ul li{ display:inline-block; width:48%; height:320px; overflow:hidden; margin-top:20px;}
.gstu ul li:hover img{   transform: scale(1.1);}
 
.gstu2 ul{ text-align:center}
.gstu2 ul li img{ height:100%; width:100%;object-fit: cover;transition: all 0.8s;}
.gstu2 ul li{  height:320px;transition: all 0.8s; overflow:hidden; margin-top:20px;}
.gstu2 ul li:hover img{   transform: scale(1.1);}
 
 
/*厂房设备*/
.shebei ul li{ width:31%; margin-left:1%; margin-right:1%; float:left; margin-bottom:20px;}
.fac_tu{ width:100%; height:300px;  display: flex;justify-content: center;align-items: center; overflow:hidden;  border-radius:8px;}
.fac_tu  img{width:100%;height:100%; transition: all 0.8s;object-fit: cover;}
.shebei ul li:hover img{transform: scale(1.1); opacity:0.8}
.shebei ul li p { text-align:center; padding-top:10px;font-size: 16px; font-weight:normal;} 
 
/*荣誉*/
.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;}
.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:#1694c6}
 /*内页联系我们*/
.liantxt{ font-size:18px; border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px;}
.lianxi{ width:45%}
.ditu{ width:50%}
 
 /*新闻中心*/
.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: #1694c6;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: 'Learn More  →';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;border-bottom: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;}
.fanye ul { padding-top:30px;}

.fanye ul li:nth-child(2) a{ color:#ce3a38!important; text-align:center;}
.fanye ul li:nth-child(2){ text-align:center;}
.fanye ul li:nth-child(3){ text-align:right;}
.fanye ul li{ width:100%}

/*产品*/
.font3{ background:#1694c6; color:#fff;}
.cp_list { width:100%; margin:0px auto;}
.cp_list table { width:100%;  line-height:45px; font-size:15px;}
.cp_list table tr td { /*text-align:center; */padding:10px 20px; border:1px solid #eeeeee; font-size:15px; line-height:25px; }
.cp_list table tr td:nth-child(1){ width:10%}
.cp_list table tr td:nth-child(2){ width:55%}
.cp_list table tr td:nth-child(3){ width:15%}
.cp_list table tr td:nth-child(4){ width:15%}
.cp_list table tr td:nth-child(5){ width:15%}
.cp_list table tr td a {font-size:15px;}
.cp_list table tr:hover{ background:rgba(0,103,172,0.1);}
.cp_list table td img{ max-height:60px; max-width:80%;}
.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{ margin-top:30px;}
.ny_prodaz .text_js table tr:nth-child(1)  { background:#1694c6 !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;} 

.newtitle {
  text-align: center;
  font-size: 25px;
  color: #333;
  margin-bottom: 8px;
}
@media only screen and (max-width: 640px) {
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.teshaa{ display:none;}
/*首页公司简介*/
.index_about{ padding-top:40px; padding-bottom:40px; display:block!important}
.abnr p{ margin-bottom:10px;}
.abnr{ font-size:14px;line-height:25px;}
.abtxt{ width:100%}
.wtitle{ padding-bottom:20px;}
.wtitle1{ font-size:22px; }
.wtitle2{ font-size:27px; }
.wtitle3{ font-size:16px;}
.abmore ul li a{ font-size:14px;}
.abmore ul li img{ height:30px;   }
.abtu{width:100%; margin-top:30px;}


/*首页产品*/
.index_pro .w90{ display:block!important;}
.index_pro{ background-attachment:local;}
.index_pro .bg{padding-top:50px; padding-bottom:50px;}
.index_pro .wtitle{ width:100%; }


.index_pro ul{ text-align:center; width:100%;}
.index_pro ul li:nth-child(2n){ margin-left:10px; }
.index_pro ul li{ margin:0px; font-size:14px;width:48%;padding:25px 0; margin-top:10px; }
.index_pro ul li .proicon{background-size:40px!important;}
.index_pro ul li:nth-child(1) .proicon{height:40px;width:40px;}
.index_pro ul li:nth-child(2) .proicon{height:40px;width:40px;}
.index_pro ul li:nth-child(3) .proicon{height:40px;width:40px;}
.index_pro ul li:nth-child(4) .proicon{height:40px;width:40px;}
.index_pro .more{width: 45%;line-height: 35px; margin-top: 30px;font-size:14px; margin-bottom:30px;}
.index_pro .more1 {width: 45%;line-height: 35px; margin-top: 30px;font-size:14px;margin-bottom:30px;}
.inproms{padding-top:20px; padding-bottom:0px; line-height:25px;}

/*首页新闻*/
.index_news{ padding-top:40px; padding-bottom:40px;}
.index_news ul{ display:block!important}
.index_news ul li{ width:100%;padding:5%;margin-left:0%; margin-right:0%;}
.index_news ul li .news_date{font-size:14px;}
.index_news ul li:nth-child(2n){ margin-top:20px; margin-bottom:20px;}
.index_news ul li .news_biaoti{ font-size:15px; }
.index_news ul li .news_miaoshu{font-size:14px; margin-bottom:10px; margin-top:10px;}
.wmore{ line-height:30px; margin-top:15px;margin-bottom:20px;}
.wmore a{font-size:15px;}


.join{ background-attachment:local;}
.join .content{ padding-top:50px; padding-bottom:50px;}

.jtitle1{  font-size:25px; }
.jtitle2{font-size:16px;}

footer dl:nth-child(1){ display:none;}
footer dl:nth-child(2){ display:none;}
.faewm{ display:none;}
footer dl {padding-top:30px;padding-bottom: 30px; width:100%;}
.flian{ line-height:25px;font-size:14px;}


.banquan{padding-top:20px;padding-bottom:20px;font-size:14px;}
.wap_foot{ display:block;}

/*内页*/
.neiBan{ height:250px; ;}
.ny_tab{width: 100%; }
.ny_tab li{font-size: 14px;}
.ny_tab.on li{line-height:40px;}

.ny_tab li a{font-size:14px;}
.ny_tab li.on a{ font-size:14px;}


.index_news .wtitle1:before{ display:none!important}
.index_pro .wtitle1:before{ display:none!important}
.index_about .wtitle1:before{ display:none!important}


.neirong{ line-height:25px; font-size:14px;padding: 20px;}
.neirong .jianjie p{ margin-bottom:5px;}

/*公司简介*/

.gstu ul li:nth-child(2n){ margin-left:0px;}
.gstu ul li img{ width:100%;object-fit: cover;}
.gstu ul li{width:100%; height:auto; margin-top:20px;}

 
.gstu2 ul{ display:block; text-align:center}
.gstu2 ul li img{ height:100%; width:100%;object-fit: cover;}
.gstu2 ul li{  height:auto;margin-top:20px; width:100%;}

 
 
/*厂房设备*/
.shebei ul li:nth-child(2n){ float:right}
.shebei ul li{ width:48%; margin-left:0%; margin-right:0%; }
.fac_tu{height:150px; }

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

 /*内页联系我们*/
.liantxt{ font-size:16px; margin-bottom:20px; margin-top:20px;}
.conlx{ display:block!important}
.lianxi{ width:100%}
.ditu{ width:100%; margin-top:30px;}
 
 /*新闻中心*/
.xwzx_con1_u1 dd a{padding: 20px 0; }
.xwzx_con1_middle{width: 25%;}
.xwzx_con1_right{width: 70%;padding-left: 20px; padding-right: 0px;}
.xwzx_con1_right:after{ display:none;}
.xwzx_con1_right h1{font-size: 15px;}
.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;}

.fanye ul { display:block;padding-top:30px;}
.fanye ul li{ text-align:center;}
.fanye ul li a{ display:block; text-align:center}
.fanye ul li:nth-child(3){ text-align:center;}
.fanye ul li:nth-child(2){margin-top:10px;margin-bottom:10px;}

/*产品*/
.cp_list table {  font-size:14px;}
.cp_list table tr td { padding:5px 10px;font-size:14px;  }

.cp_list table tr td a {font-size:14px;}


.ny_prodaz .text_js table tr td:nth-child(1){ width:30%;}


.ny_prodaz .text_js table tr td { padding:5px 10px !important; font-size:14px; line-height:20px;}
.ny_prodaz .text_js table tr:nth-child(1) strong { padding:10 0px !important;}


.newtitle {font-size: 20px;}



.tbottom{ height:50px;}
#BottomNav {	
    bottom: 0;
   height:60px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 300; box-sizing:border-box; background-color:#FFF;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}
#BottomNav ul li a {
    color: #515151;
    display: block;
    padding-top:12px; 
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px; padding-bottom:7px; 
}
#BottomNav .a {
    background-image: url(../images/shl-a3.png); background-size:auto 20px;
}
#BottomNav .b {
    background-image: url(../images/shl-b3.png);background-size:auto 20px;
}
#BottomNav .c {
    background-image: url(../images/shl-c3.png);background-size:auto 20px;
}
#BottomNav .d {
    background-image: url(../images/shl-d3.png);background-size:auto 20px;
}
#BottomNav .f {
    background-image: url(../images/shl-f3.png);background-size:auto 20px;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 30px;	
}
}