@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.oswald{
  font-family: "Barlow Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-transition: all .5s;
}



a:hover {
    color:#fdd001;
}

 @font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v192/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOej.woff2) format('woff2');
 }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


body::-webkit-scrollbar,html::-webkit-scrollbar {
    width: 4px;
    background-color: #eee
}


body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb {
    border: solid 1px #00a2ea;
    width: 3px;
    border-radius: 4px;
    background-color: #00a2ea
}

body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner {
    background-color: #eee
}

body::-webkit-scrollbar:horizontal,html::-webkit-scrollbar:horizontal {
    height: 9px
}

body::-webkit-selection,html::-webkit-selection {
    background: #00a2ea;
    color: #fff
}

body::-moz-selection,html::-moz-selection {
    background: #00a2ea;
    color: #fff
}

body::selection,html::selection {
    background: #00a2ea;
    color: #fff
}

.disable-hover {
    pointer-events: none
}

.scroll-animate.animated {
    visibility: hidden
}


h2{ font-size:58px; text-transform: capitalize; }


html,body{ }
*{  font-family:Raleway,"Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    box-sizing: border-box;
    padding:10px 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	border-bottom: 1px solid #f1f1f1;
	    border-bottom-color: rgba(255, 255, 255, 0.2);
}




.win{ min-width:1300px; width:90%; margin:0 auto; }

header .win{ position:relative;  }
header .win:after{ display:block; content:""; clear:both; }

.bghd,.onon { background:#fff;  }
.bghd .logo a img,.onon .logo a img{ opacity:0; }
.bghd .logo a,.onon .logo a{ background:url(../images/logobg.png); background-size: 100%; }   
.bghd .nav li a,.onon .nav li a{ color:#000; }
.bghd .erj::after,.onon .erj::after{     border-bottom: 2px solid #000000;
    border-right: 2px solid #000000; }
.bghd .nav li a.erj:hover::after,.onon .nav li a.erj:hover::after{ border-bottom: 2px solid #00a2ea;
    border-right: 2px solid #00a2ea; }





.navhead{ height: 40px;
    line-height: 40px;
    position: absolute;
    background: #f1f1f1;
    width: 100%;
    top: 0; }
.header_con{  }


.navtop{  display:inline-block; }
.navtop li{ position: relative;
    text-align: right;
    margin-left: 35px;
    float: left; }
.navtop li a { display: block;
    position: relative;
    text-align: center;
    position: relative;
	font-weight:bold;
	font-size:13px;
	font-family: Raleway;
	color: #000;
	text-decoration:none; }
	
	
	


.logo {
    float: left;
    width:200px;
    overflow: hidden;
    margin-top:15px;
}
.logo a{
	display: block;
}
.logo a img{ display: block; width:100%; }
	

.navtop li a:hover{ color:#00a2ea; }


.nav {
    margin: 0 auto;
    float: left;
    text-align: center;
    width: calc(100% - 400px);
}
.nav li {
        position: relative;
    text-align: right;
    margin: 0px 35px;
    display: inline-block;
}
.nav li a {
    display: block;
    padding: 32px 0px;
    text-align: center;
    position: relative;
    font-weight:500;
    font-size: 20px;
    font-family: Raleway;
    color: #fff;
    text-decoration: none;
}
.nav li a.hover{ font-weight:bold; }
.nav li a.erj{ padding-right:15px;  }

.nav li a:hover{ color:#00a2ea; font-weight:bold; }
.nav li a.erj:hover::after{ border-bottom: 2px solid #fff; border-right: 2px solid #fff;  }

.nav li .nav_two {
    position: absolute;
    left: 50%;
    width: 220px;
    margin-left: -110px;
    min-width: 100px;
    opacity: 0;
    padding: 10px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    pointer-events: none;
    transition: all .5s ease;
    box-shadow: 0 5px .2rem -3px rgb(0 0 0 / 9%);
    border: 1px solid #f1f1f1;
}
 .nav>li:hover>.nav_two {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top: -10px;
}
.nav .nav_two li {
    float: none;
    margin-left: 0px;
    width: 100%;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.73);
        margin: 0;
}
.nav .nav_two li a {
    line-height: 40px;
    height: 40px;
    font-weight:500;
    text-align: center;
    padding: 0;
	width: 100%;
	color:#000;
	font-size:18px;
}
.nav .nav_two li a:hover{ color:#00a2ea; }
.erj::after {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    margin-left:5px;
    vertical-align: super;
    position: absolute;
    top: 46%;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
}
 
.top-lianx {
    float: right;
    margin-top: 20px; position:relative;
}
.top-lianx .btna a{background: #00a2ea;
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;}
.top-lianx .btna a:hover{   background: #fdd001;  color: #000000; }
.header .sj_nav {
    display: none;
}


.banner{
	margin-top:0px;
}
.banner .swiper-slide::before{     content: ''; 
    display:none;
    position: absolute;
    background-image: linear-gradient(to right, rgb(255 255 255) 30%, rgb(255 255 255 / 0%));
    top: 0;
    width: 100%;
    height: 100%; z-index:1; min-height:100vh; }
.banner img{ display: block; width:100%; }
.banner .app{ display:none; }
.banner .web{ display:block; }
.banner .txt{ 
    color: #fff;
    position: absolute;
    z-index: 3;
    top: 50%;
    margin-top: -200px;
    left: 0;
    right: 0;
}
.banner .txt h2{ width: 850px; font-size: 4.16666vw;  }
.banner .txt span{
	font-size: 20px;
	width: 700px;
	display: block;
	line-height: 1.5;
	margin-top: 3vh;
	opacity: 0.8;
}

.btn{
	margin-top:3vh;
}
.btn a{
text-transform: uppercase;
    padding: 25px 60px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #00a2ea;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size: 16px;
}
.btn a:hover,.btn a.nobg:hover{ background: #fdd001;
    color: #000000; }

.btn a.nobg{ background: #fff;color: #00a2ea; margin-left: 40px; }

.banner .btn a{ background: #fff;
    color: #969696; }
.banner .btn a:hover {
    background: #fdd001;
    color: #000000;
}


.banner_nav{    position: absolute;  bottom:50px;  z-index: 1; width:100%; }
.banner_nav ul{ margin:0 auto; overflow:hidden; }
.banner_nav li{ display: block; flex:1; text-align:center; float:left; margin-right:20px; width:95px; cursor:pointer; } 
.banner_nav li.on div{ background:url('../images/icon_bg.png') center no-repeat;  background-size: 100%;
    padding: 12px;
    width: 30px;
    height: 30px;  }
	
 .banner_nav li div{
     padding: 12px;
     width: 30px;
     height: 30px;     margin: 0 auto;
    margin-bottom: 5px;   }
.banner_nav li.on span{ color:#00a2ea; }
.banner_nav li.on img{ filter: none; width:80%; }
.banner_nav li img { filter:grayscale(1); width:80%; height:auto; position: static; margin:0 auto; margin-top: 3px; width: 90%; transition:all 0.3s ease-in; }
.banner_nav li span{ font-size:12px; }


.titleh2{  text-align: center;   color: #000;  font-size:38px;  font-weight:500; max-width:1200px; margin:0 auto;}
.titleh2 h2{ font-weight:bold; margin-bottom:20px; } 
.titleh2 span{ font-size:17px; line-height:1.5;  display: block; color: #a1a1a1; }
.titleh2 span img{      
    margin-top: 15px;
    max-width: 80%;
    width: auto !important;
    height: auto !important;  
}
a{ color:#00a2ea; text-decoration: underline; }
 
.txt_left{ text-align:left; }

.products { padding:10vh 0; }
.products ul{ display:grid; margin:0 auto;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 30px;  row-gap: 30px; margin-top:100px; }
.products ul li{ margin-bottom:50px; }
.products ul li div span img{ display:block; width:25px; }
.products ul li div span{ display: inline-block; vertical-align: middle; }
.products ul li div h4{ display: inline-block;  line-height: 26px;  vertical-align: middle; text-transform: uppercase; }
.products ul li a{ display: block; }
.products ul li a img{ display: block; border-radius: 15px; width:100%; }
.products ul li p{ display:block; margin:18px 0px; color:#4c4c4c; font-size: 17px;  line-height: 1.6; }
.products ul li p a{ display:inline-block; }
.products ul li .more{ font-weight:bold; color:#00a2ea; text-decoration: underline; }
.products ul li .more:hover{ color:#00a2ea; }
.products ul li div{ margin-bottom:18px; }


.quality{ padding:10vh 0px;
    background: url(../images/bgpro.jpg); }
.quality ul{ 
	display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:50px;
    row-gap:50px;
    margin-top:50px;
}
.quality ul li{}
.quality ul li h4{ margin-bottom:15px; }
.quality ul li h4 b{ color:#00a2ea; }
.quality ul li p{ line-height:160%; }


.multi{ padding:10vh 0; }

.multi .titleh2{ margin-bottom:50px; }

.multi:nth-child(2){}

.list{ overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; margin-bottom:100px;  }
.list:last-child{ margin-bottom:0; }
.list .img{ flex:1;   border-radius: 10px; overflow:hidden; }
.list .img video{ width:100%; display:block; }
.list .img img{ display: block;
    width: 100%; }
.list .txt{     flex: 1;   margin:0 4%; }

.list .txt a.more{ text-transform: uppercase;
    padding: 25px 60px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #00a2ea;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size:16px;}
    
.list .txt a:hover {
    background: #fdd001;
    color: #000;
}

.list .txt i{ display: block; }
.list .txt i img{ display: block;  width: 40px; }
.list .txt h2{ margin:20px 0; font-size:30px; }
.list .txt .miao{ color: #000; font-weight: 500;  line-height: 1.5; font-size:17px;     margin: 30px 0px; }
.list .txt .miao p{ margin-bottom:10px; }
.list .txt .miao strong { display: contents; }
.list .txt .miao ul{ margin-top:20px; }
.list .txt .miao ul li{  margin-bottom: 14px; display: flex;  color: #606060; }
.list .txt .miao ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url("../images/libefore.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}
.list:nth-child(2n) .img{}
.list:nth-child(2n) .txt{  }


.review{padding: 10vh 0px; }
.review ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:50px;  row-gap:50px;  margin-top:50px; }
.review ul li{ border: 1px solid #f1f1f1; padding: 20px; box-sizing: border-box; border-radius: 10px; }
.review ul li .title{ overflow:hidden; }
.review ul li .title img{ display: block;  float: left;  width: 60px; }
.review ul li .title .name{ float: left; margin-left: 10px;  margin-top: 8px; }
.review ul li .title .name b{ display: block; color: #00a2ea;  margin-bottom: 5px;}
.review ul li .title .name i{ font-size: 14px; }

.review ul li .title .star{ float: right; position:relative;     width: 69px;  height: 11px; margin-top: 40px; }
.review ul li .title .star i{ background:url(../images/star.png) no-repeat left center; display:block; width:50%;  height: 11px;}
.review ul li .title .star i:nth-child(2){ opacity:0.2; position:absolute; left:0; top:0; width:100%; }
.review ul li .txt{ margin-top: 20px; font-size:14px; line-height:1.5; }

.news{ margin:10vh 0; }
.news_list{ overflow:hidden; }
.news_list .title{ float:left; width:300px; }
.news_list .title p{ margin:20px 0; color: #000;  font-weight: 500;  line-height: 1.5; }
.news-swiper{ float:right; width:calc(100% - 350px); overflow: hidden; }


.news-swiper .swiper-slide{ border:1px solid #f1f1f1; border-radius:10px; overflow:hidden; box-sizing: border-box;}
.news-swiper .swiper-slide img{ display:block; width:100%; }

.news-swiper .swiper-slide h4{ padding:20px; }
.news-swiper .swiper-slide h4 a{ color: #000; font-size:22px; text-decoration:none; }
.news-swiper .swiper-slide h4 a:hover{ color: #00a2ea; text-decoration: underline; }

.news-swiper .swiper-slide time{ margin-bottom:20px; display:block; padding:0 20px; font-size:12px;     color: #9f9f9f; }

.news-swiper .swiper-slide p{ padding:0 20px; display: block; margin-bottom:20px; line-height:1.5; font-size:14px; }
.news-swiper .swiper-slide .more{ padding: 0 20px; padding-bottom: 20px;  display: block; font-weight:bold; }

.jt_btn{ margin-top:100px; }
.jt_btn span{ display:inline-block; cursor:pointer; }
.jt_btn span img{ display:block; width:30px; height:auto; }
.jt_btn span:nth-child(2){ margin-left:40px; }
.jt_btn .swiper-button-disabled{ opacity:0.5; }


.goto{ background:#f3f3f3; padding:10vh 0; }
.goto_txt{  text-align:center; }
.goto_txt p{ font-size:38px; font-weight:bold; }



footer{ background:#dedede; padding:10vh 0; padding-bottom:0; }
footer .win{ overflow: hidden; }
.bot_logo{      float: left;
    margin-bottom: 50px;
    font-family: HarmonyOS_Sans_Bold;
    font-size: 17px;
    color: #606060; }
.bot_logo .tel{ font-size: 20px;  margin: 20px 0; margin-bottom:10px;  }
.bot_logo .tel a{ font-family: HarmonyOS_Sans_Bold; color: #000; text-decoration: none;     font-size: 17px;
    color: #606060; }
.bot_logo img{ width:150px; }
 

 
.bot_nav{  text-align: right; text-align:center; float:right; }
.bot_nav ul{ margin-left:60px; display:inline-block;vertical-align: top; }
.bot_nav ul:first-child{ margin-left:0; }
.bot_nav ul li{ margin-bottom:15px; text-align:left; }
.bot_nav ul li:first-child a{ font-weight:bold; font-size:13px; color: #000; }
.bot_nav ul li a{ color: #4c4c4c; text-decoration:none; font-size:12px; }
.bot_nav ul li a:hover{     color: #00a2ea;     text-decoration: underline;}

.bot_txt{ margin-top:5vh; font-size:12px; line-height:1.5;     padding: 20px 0px; overflow:hidden; }
.bot_txt .copyright{ float:left; line-height: 26px; }
.bot_txt ul{ display: flex;  margin-left: 0; text-align: left; float: right;}
.bot_txt ul li{ flex: 1; width: 23px; height: 26px; margin-left: 20px; text-align: right; }
.bot_txt ul:first-child{ margin-left:0; }
.bot_txt ul li a{ display:inline-block; }
.bot_txt ul li img{ display: block; width:100%; }
.bot_txt ul li img:hover{ }


.postion{ font-size: 12px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    margin-top: 30px;
    width: 100%;
    z-index: 1;
    color: #a5a5a5;
    min-width: 1300px; top:350px; color:#fff; }
    
    
.postion a{ font-size:12px; color:#fff; }

.postion.postion_1{ top:0px; margin-top:110px; position:relative }
.postion.postion_1 a{  color:#666; }

.top_title{ background:#f1f1f1; padding:50px 0; }
.top_title .bot_txt{ margin-top: 0;  display: flex; padding:0; }
.top_title .txt{ flex:1; align-content: center; }
.top_title .txt p{ margin-top: 20px;     font-size: 17px; font-weight:500; }
.top_title .txt .btn{ background: #00a2ea;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 50px;
    display: inline-block;
    font-weight: bold;
    border: 3px solid #00a2ea;
    border-radius: 3px;
    font-size: 17px; }
.top_title .img{  flex:1; text-align: right; margin-left:30px; }
.top_title .img img{ display:block; width:100%; }

.bot_li{ overflow:hidden; margin-top:40px; }
.bot_li .bot_li_txt{ float: left; font-size:12px; line-height:1.5; }
.bot_li ul{ display:flex; float:right; }
.bot_li ul li{  margin-left:50px; font-size:12px; }
.bot_li ul li:first-child{ margin-left:0px; }
.bot_li ul li b{ display: block; margin-bottom: 10px; font-size:14px; }

.con1{ padding:10vh 0; }
.con1 .win{ overflow:hidden; }
.con1 .win:after{ content:''; display:block; clear:both;  }
.con1 .jump{ float:left; width:30%; transition: all .4s; }
.con1 .jump .title{ font-weight:600; font-size:20px; margin-bottom:30px; }
.con1 .jump ul li{ margin-bottom:15px; font-size:13px; }
.con1 .jump ul li a{ font-size:17px; color: #000; text-decoration:none;     font-weight: 500; }
.con1 .jump ul li a:hover{   color: #00a2ea;     text-decoration: underline; }



.jump i{ display:none; }
.jump.float{
    
	position: fixed;
    top: 35%;
    left: -254px;
    border: 1px solid #f1f1f1;
    padding: 20px;
    background: #fff;
    height: 33px;
    overflow: hidden;
    width: 280px;
    z-index:100;
}

.jump.float.hover{
    
    left:0;
    height:auto;
    
}

.jump.float .title i{ float:right;  font-weight: 600; vertical-align: middle; display: inline-block; font-size: 36px; cursor:pointer; margin-left:10px; }
.jump.float .title i.close{ display:none; }
.jump.float.hover i.close{ display:inline-block; }
.jump.float.hover i.open{ display:none; }

.con1 .txt{  width:65%; float:right; }
.con1 .txt h2{ margin-bottom:30px; }
.con1 .txt .miao{ font-size:17px;     font-weight: 500; line-height:1.5; }
.con1 .txt ul{ margin-top: 20px; }
.con1 .txt ul li { margin-bottom: 20px; display: flex; }
.con1 .txt ul li:last-child{ margin-bottom:0px; }
.con1 .txt ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMEM0LjcwMTU2IDAgMCA0LjcwMTU2IDAgMTAuNUMwIDE2LjI5ODQgNC43MDE1NiAyMSAxMC41IDIxQzE2LjI5ODQgMjEgMjEgMTYuMjk4NCAyMSAxMC41QzIxIDQuNzAxNTYgMTYuMjk4NCAwIDEwLjUgMFpNMTUuMDM1MiA3LjA3MTA5TDEwLjA5OTIgMTMuOTE0OEMxMC4wMzAyIDE0LjAxMTEgOS45MzkyOSAxNC4wODk2IDkuODMzOTIgMTQuMTQzN0M5LjcyODU2IDE0LjE5NzggOS42MTE4MSAxNC4yMjYxIDkuNDkzMzYgMTQuMjI2MUM5LjM3NDkxIDE0LjIyNjEgOS4yNTgxNiAxNC4xOTc4IDkuMTUyOCAxNC4xNDM3QzkuMDQ3NDMgMTQuMDg5NiA4Ljk1NjQ5IDE0LjAxMTEgOC44ODc1IDEzLjkxNDhMNS45NjQ4NCA5Ljg2NDg0QzUuODc1NzggOS43NDA2MiA1Ljk2NDg0IDkuNTY3MTkgNi4xMTcxOSA5LjU2NzE5SDcuMjE2NDFDNy40NTU0NyA5LjU2NzE5IDcuNjgyODEgOS42ODIwMyA3LjgyMzQ0IDkuODc4OTFMOS40OTIxOSAxMi4xOTQ1TDEzLjE3NjYgNy4wODUxNkMxMy4zMTcyIDYuODkwNjIgMTMuNTQyMiA2Ljc3MzQ0IDEzLjc4MzYgNi43NzM0NEgxNC44ODI4QzE1LjAzNTIgNi43NzM0NCAxNS4xMjQyIDYuOTQ2ODggMTUuMDM1MiA3LjA3MTA5WiIgZmlsbD0iIzE2QkM5QyIvPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}

.step{ background:#eaf7f6; padding:10vh 0;     padding-bottom: calc(10vh - 40px); }
.step ul{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:5vh; }
.step ul li{ width:25%; box-sizing:border-box; text-align:center; padding:40px 20px; font-size:14px; font-weight:500; }
.step ul li h4{ font-size: 17px; margin:15px 0px; }
.step ul li h4 i{ color: #fff; background: #00a2ea; display: inline-block;  height: 20px;  width: 20px;  font-weight: 500; border-radius: 50%;  line-height: 18px;     vertical-align: bottom; }
.step ul li img{ display:inline-block; max-width:100%; }


.con3{ padding:10vh 0; }

.con3 .miao{ margin-top:50px; }
table { width: 100% !important;     border: 0; box-sizing: border-box; border-spacing: 0; border-collapse: collapse;}
table td{    border: 0;  line-height:1.5; border-bottom: 1px solid #000;  text-align: left; padding:15px; font-size:16px; }
table td strong{ font-weight:500; font-size:18px; }


.con4 { padding:10vh 0;  }
.con4 .win{ overflow:hidden; display:flex; }
.con4 .win .img{ float:left; width:40%; align-content:center; }
.con4 .win .img img{ display: block;  margin: 0 auto;  max-width: 100%; }
.con4 .win .txt{ float:right; width:55%; margin-left: 5%; }
.con4 .miao{ margin-top:30px; line-height:1.5; font-size: 17px;  font-weight: 500; }
.con4 .miao ul{     display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap:30px; row-gap:30px;  }
.con4 .miao ul li{ font-weight: 500; display: flex; color: #000; }
.con4 .miao ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMEM0LjcwMTU2IDAgMCA0LjcwMTU2IDAgMTAuNUMwIDE2LjI5ODQgNC43MDE1NiAyMSAxMC41IDIxQzE2LjI5ODQgMjEgMjEgMTYuMjk4NCAyMSAxMC41QzIxIDQuNzAxNTYgMTYuMjk4NCAwIDEwLjUgMFpNMTUuMDM1MiA3LjA3MTA5TDEwLjA5OTIgMTMuOTE0OEMxMC4wMzAyIDE0LjAxMTEgOS45MzkyOSAxNC4wODk2IDkuODMzOTIgMTQuMTQzN0M5LjcyODU2IDE0LjE5NzggOS42MTE4MSAxNC4yMjYxIDkuNDkzMzYgMTQuMjI2MUM5LjM3NDkxIDE0LjIyNjEgOS4yNTgxNiAxNC4xOTc4IDkuMTUyOCAxNC4xNDM3QzkuMDQ3NDMgMTQuMDg5NiA4Ljk1NjQ5IDE0LjAxMTEgOC44ODc1IDEzLjkxNDhMNS45NjQ4NCA5Ljg2NDg0QzUuODc1NzggOS43NDA2MiA1Ljk2NDg0IDkuNTY3MTkgNi4xMTcxOSA5LjU2NzE5SDcuMjE2NDFDNy40NTU0NyA5LjU2NzE5IDcuNjgyODEgOS42ODIwMyA3LjgyMzQ0IDkuODc4OTFMOS40OTIxOSAxMi4xOTQ1TDEzLjE3NjYgNy4wODUxNkMxMy4zMTcyIDYuODkwNjIgMTMuNTQyMiA2Ljc3MzQ0IDEzLjc4MzYgNi43NzM0NEgxNC44ODI4QzE1LjAzNTIgNi43NzM0NCAxNS4xMjQyIDYuOTQ2ODggMTUuMDM1MiA3LjA3MTA5WiIgZmlsbD0iIzE2QkM5QyIvPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}




.con5{ padding:10vh 0; background:#eaf7f6; }

.con5 .case-swiper{ width:90%; overflow:hidden; margin:0 auto; margin-top:50px; }
.con5 .case-swiper .swiper-slide img{ display: block; border-radius:10px; width:100%; }
.left_right { text-align: center;  margin-top: 50px; }
.left_right .btn_left,.left_right .btn_right{ color: #5b6770 !important;
    height: 56px;
    width: 56px;
    display: inline-block !important;
    vertical-align: middle;
    position: relative;
    margin: 0 10px;
    border-radius: 28px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
	cursor:pointer;
}

.left_right .btn_left:hover,.left_right .btn_right:hover{
	
	background-color: #ddebeb;
}

.left_right .btn_left.swiper-button-disabled,.left_right .btn_right.swiper-button-disabled{
	opacity:0.6;
}
.left_right .btn_left.swiper-button-disabled:hover,.left_right .btn_right.swiper-button-disabled:hover{
	background:none;
}

.left_right  i{ position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700; }



.con6{ padding:10vh 0; }
.con6 ul{ display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap:50px; row-gap:50px; margin-top:50px; }
.con6 ul li{ font-weight: 500; color: #000; text-align:center; font-size:14px; }
.con6 ul li h3{ margin:15px 0px; font-size:17px }
.con6 ul li p{ line-height:1.5;  display: block; padding: 0 15px; font-size:14px; }
.con6 ul li .img { border:1px solid #f1f1f1; padding:20px; }
.con6 ul li .img img{ display:block; width:100%; }
.con6 ul li a{ font-weight: bold;  margin-top: 10px; display: block; }


.con7{padding:10vh 0; }
.con7 .win{ display:flex; }
.con7 .win:after{ content:''; display:block;     clear: both; }
.con7 .title{ float: left; width: 540px;  margin-right: 150px; }
.con7 .title p{ margin:40px 0; color: #000; font-weight: 500;  line-height: 1.5; }

.con7 .title .titlecon{ position: sticky; top:150px !important; }

.con7 .title .jt_right{ color: #5b6770 !important; height: 56px; width: 56px; display: inline-block !important; vertical-align: middle; position: relative; margin: 0; border-radius: 28px; border: 1px solid #e5e5e5; box-sizing: border-box;}
.jt_right i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  font-weight: 700;}
.con7 .miao{ float:right; width:calc(100% - 600px); line-height:1.5; font-weight: 500; font-size:17px; }
.con7 .miao strong{ margin-bottom:10px; display:inline-block; }
.con7 .miao img{ max-width:100%; width:auto !important; height:auto !important; }
.con7 .miao ul{ margin-top:20px; }
.con7 .miao ul li{     margin-bottom: 20px;  display: flex; }
.con7 .miao ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMEM0LjcwMTU2IDAgMCA0LjcwMTU2IDAgMTAuNUMwIDE2LjI5ODQgNC43MDE1NiAyMSAxMC41IDIxQzE2LjI5ODQgMjEgMjEgMTYuMjk4NCAyMSAxMC41QzIxIDQuNzAxNTYgMTYuMjk4NCAwIDEwLjUgMFpNMTUuMDM1MiA3LjA3MTA5TDEwLjA5OTIgMTMuOTE0OEMxMC4wMzAyIDE0LjAxMTEgOS45MzkyOSAxNC4wODk2IDkuODMzOTIgMTQuMTQzN0M5LjcyODU2IDE0LjE5NzggOS42MTE4MSAxNC4yMjYxIDkuNDkzMzYgMTQuMjI2MUM5LjM3NDkxIDE0LjIyNjEgOS4yNTgxNiAxNC4xOTc4IDkuMTUyOCAxNC4xNDM3QzkuMDQ3NDMgMTQuMDg5NiA4Ljk1NjQ5IDE0LjAxMTEgOC44ODc1IDEzLjkxNDhMNS45NjQ4NCA5Ljg2NDg0QzUuODc1NzggOS43NDA2MiA1Ljk2NDg0IDkuNTY3MTkgNi4xMTcxOSA5LjU2NzE5SDcuMjE2NDFDNy40NTU0NyA5LjU2NzE5IDcuNjgyODEgOS42ODIwMyA3LjgyMzQ0IDkuODc4OTFMOS40OTIxOSAxMi4xOTQ1TDEzLjE3NjYgNy4wODUxNkMxMy4zMTcyIDYuODkwNjIgMTMuNTQyMiA2Ljc3MzQ0IDEzLjc4MzYgNi43NzM0NEgxNC44ODI4QzE1LjAzNTIgNi43NzM0NCAxNS4xMjQyIDYuOTQ2ODggMTUuMDM1MiA3LjA3MTA5WiIgZmlsbD0iIzE2QkM5QyIvPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}




.con11{ padding:10vh 0; }
.con11 .win{ overflow:hidden; }
.con11 .win:after{ content:''; display:block; clear:both;  }
.con11 .txt h2{ margin-bottom: 20px; }
.con11 .txt .miao {  font-size: 17px;  font-weight: 500;  line-height: 1.5;}
.con11 .txt .miao p{ margin-bottom:10px; }
.con11 .miao strong{ margin-bottom:10px; display:inline-block; }

.nr_banner{ background-size: cover; color:#fff; padding:150px 0;     padding-top: 180px; position:relative; }
.nr_banner:before{ content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000;
    top: 0;
    position: absolute;
    left: 0;
    z-index: 0; }
.nr_banner.nr_banner_two{ padding: 340px 0;  padding-top: 270px; }
.nr_banner .win{ overflow:hidden; position:relative; z-index:1; }
.nr_banner .title{ float:left; width:600px; }
.nr_banner .title p{ line-height:1.5; margin-top:20px; }
.nr_banner .miao{ float:right; width:calc(100% - 500px); line-height:1.5; }



.what{ padding:10vh 0; padding-top:0px; }
.what ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; row-gap: 50px; margin-top: 50px; }
.what ul li{ border: 1px solid #f1f1f1;
    padding: 50px 50px;
    border-radius: 5px;
    text-align: center; }
.what ul li .img{ align-content: center;
    flex: 2;
    padding: 0;
    margin-right: 0;
    margin-bottom: 30px; }
.what ul li .img img{ display: block;
    width: 80px;
    margin: 0 auto; }
.what ul li .txt{flex:6; }
.what ul li .txt h4{ margin-bottom:10px; font-size:30px; }
.what ul li .txt p{ font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: #646464; }



.more_pic{ margin-bottom:80px; }
.more_pic ul{ display:flex; width:1000px; margin:0 auto; margin-bottom:50px; }
.more_pic ul li{ flex:1; text-align:center; color:#8d8d8d; position:relative; cursor:pointer; }
.more_pic ul li h2{ font-size:30px; }
.more_pic ul li.hover{ color: #000; }
.more_pic ul li.hover i{ display: block; position: absolute; left: 50%; z-index: -1; margin-left: -110px; top: -12px; }
.more_pic ul li.hover i::before{     content: '';
    display: block;
    background: #fdd001;
    width: 48px;
    height: 48px;
    opacity: .3;
    margin-top: 0;
    border-radius: 40px;
    float: left;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;}
.more_pic ul li.hover i::after{ content: '';
    display: block;
    background: #00a2ea;
    width: 20px;
    height: 20px;
    opacity: 1;
    margin-left: -20px;
    margin-top: 3px;
    float: right;
    border-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    z-index: 10;
    position: relative; }
.more_pic .pic_list{ margin-top:50px;   }
.more_pic .pic_list div { display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap:50px; row-gap:50px; margin-top:50px; display:none; }
.more_pic .pic_list div img{ display: block; border-radius:10px; width:100%; }
.more_pic .pic_list div:first-child{ display:grid; }

.contact { padding:30px 0; padding-bottom:10vh; }
.contact .titleh2{ max-width:none; }

.contact .info { overflow:hidden; margin-top:80px; }
.contact .info .txt{ float:left; width: 500px; }
.contact .info .txt .url{display: flex;}
.contact .info .txt .url li{ margin-right:70px;}
.contact .info .txt .url li:last-child{ margin-right:0;}
.contact .info .txt .url li a{     position: relative;  display: block;  width: 66px;  height: 66px; padding: 15px 0px; }
.contact .info .txt .url li a img{ position:absolute; border-radius:50%; transition: all 0.6s ease-in;   box-shadow: 9px 14px 16px -6px rgb(16 135 125 / 21%);}
.contact .info .txt .url li a:hover img{ top:8px; }

.contact .info .adder{ margin-top:80px; font-size:18px; }
.contact .info .adder li{ background: url(../images/adder_icon.png) no-repeat left top; line-height: 1.5;  padding-left:40px; min-height:30px;  margin-bottom:40px;     font-family: HarmonyOS_Sans_Bold;
    font-size: 17px;
    color: #606060; }
.contact .info .adder li.add{ background-position: 0px 2px; }
.contact .info .adder li.email{ background-position: 0px -98px; }
.contact .info .adder li.tel{ background-position: 0px -198px; }
.contact .info .adder li.whatapp{background-position: 0px -291px; }

.contact .info .adderimg{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;
    margin-top: 50px; text-align:center; }
    
.contact .info .adderimg img{ width: 100%;
    display: block;
    border: 1px solid #f1f1f1;
    border-radius: 5px; }
.contact .info .adderimg span{ display:block; text-align:center; font-size:14px; margin-top:10px; }

.contact .info .quote{ font-size:16px; float:right; border:1px solid #b1b1b1; padding:50px; border-radius:10px; width: calc(100% - 650px); box-sizing: border-box; }
.contact .info .quote h3{ margin-bottom:50px; }
.contact .info .quote ul{ overflow: hidden; }
.contact .info .quote ul li{ width:48%; margin-right:4%; float:left; margin-bottom:35px; }
.contact .info .quote ul li span{ display: block; }
.contact .info .quote ul li input{ font-size:16px; width:100%; display:block; box-sizing: border-box; border:none; border-bottom:1px solid #b1b1b1; padding:15px 0; }
.contact .info .quote ul li:nth-child(2n){ margin-right:0; }
.contact .info .quote ul li.msg{ width:100%; margin-right:0; }
.contact .info .quote ul li textarea{ height:100px; font-size:16px; width:100%; display:block; box-sizing: border-box; border:none; border-bottom:1px solid #b1b1b1; padding:15px 0; }
.contact .info .quote input[type="checkbox"] { width: 16px;  height: 16px;  vertical-align: middle; }
.contact .info .quote input[type="submit"]{ font-size:16px; background: #00a2ea;  color: #fff; text-transform: uppercase; padding: 15px 40px; width: 250px; display: block;  font-weight: bold;   border: 3px solid #00a2ea;  border-radius: 3px;  cursor: pointer;  margin: 0 auto;  margin-top: 30px; }
.contact .info .quote input[type="submit"]:hover{ background:#00a2ea;  }


.all_news{ padding: 10vh 0; padding-top:calc(10vh - 20px); }
.all_news .win{ }
.all_news .win::after{ content:''; display: block; clear: both; }
.all_news .news_con{ float:left; width: calc(100% - 450px); }
.all_news .news_con h1{ }
.all_news .news_con time{ font-size:12px; margin: 30px 0px; display: block; }
.all_news .news_con .author{ overflow: hidden;font-size: 12px; }
.all_news .news_con .avatar{ float:left; }
.all_news .news_con .avatar img{ display: block; width: 50px; border-radius: 50%; }
.all_news .news_con .profile{ float: left; margin-left: 15px; margin-top: 10px; }
.all_news .news_con .profile p{ font-size: 14px; margin-bottom: 5px; }

.all_news .news_con .content{ font-weight:500; line-height:1.6; margin-top:30px; }
.all_news .news_con .content ul{ margin-top:20px; }
.all_news .news_con .content ul li{     margin-bottom: 20px;  display: flex; }
.all_news .news_con .content ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMEM0LjcwMTU2IDAgMCA0LjcwMTU2IDAgMTAuNUMwIDE2LjI5ODQgNC43MDE1NiAyMSAxMC41IDIxQzE2LjI5ODQgMjEgMjEgMTYuMjk4NCAyMSAxMC41QzIxIDQuNzAxNTYgMTYuMjk4NCAwIDEwLjUgMFpNMTUuMDM1MiA3LjA3MTA5TDEwLjA5OTIgMTMuOTE0OEMxMC4wMzAyIDE0LjAxMTEgOS45MzkyOSAxNC4wODk2IDkuODMzOTIgMTQuMTQzN0M5LjcyODU2IDE0LjE5NzggOS42MTE4MSAxNC4yMjYxIDkuNDkzMzYgMTQuMjI2MUM5LjM3NDkxIDE0LjIyNjEgOS4yNTgxNiAxNC4xOTc4IDkuMTUyOCAxNC4xNDM3QzkuMDQ3NDMgMTQuMDg5NiA4Ljk1NjQ5IDE0LjAxMTEgOC44ODc1IDEzLjkxNDhMNS45NjQ4NCA5Ljg2NDg0QzUuODc1NzggOS43NDA2MiA1Ljk2NDg0IDkuNTY3MTkgNi4xMTcxOSA5LjU2NzE5SDcuMjE2NDFDNy40NTU0NyA5LjU2NzE5IDcuNjgyODEgOS42ODIwMyA3LjgyMzQ0IDkuODc4OTFMOS40OTIxOSAxMi4xOTQ1TDEzLjE3NjYgNy4wODUxNkMxMy4zMTcyIDYuODkwNjIgMTMuNTQyMiA2Ljc3MzQ0IDEzLjc4MzYgNi43NzM0NEgxNC44ODI4QzE1LjAzNTIgNi43NzM0NCAxNS4xMjQyIDYuOTQ2ODggMTUuMDM1MiA3LjA3MTA5WiIgZmlsbD0iIzE2QkM5QyIvPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}

.all_news .news_con .content img{ display:inline-block; max-width:100%; height:auto !important; }
.all_news .news_con .content video{ display:inline-block; max-width:100%; height:auto !important;}

.all_news .news_con .content *{ margin:revert; font-size: revert;}
.all_news .news_con .content strong{ display: contents; }

.all_news .news_hot{ float:right; width:350px; position: sticky; top: 130px; }
.all_news .news_hot h4{  margin-bottom:30px;}
.all_news .news_hot ul li{ margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding-bottom:20px; }
.all_news .news_hot ul li a{ display: block; overflow:hidden; }
.all_news .news_hot ul li a:hover p{ color: #00a2ea; text-decoration: underline; }
.all_news .news_hot ul li img{ float:left; display: block; width: 80px; }
.all_news .news_hot ul li p{ float: right; display: block; width: calc(100% - 100px); font-size: 14px; line-height: 1.5;color: #000; font-weight: 500; }



.news_page{ padding:10vh 0; }
.news_page .win{ overflow:hidden; }
.news_page .catalogue{ float:left; width:300px; }
.news_page .catalogue ul{ border:1px solid #f1f1f1; padding:30px; box-sizing:content-box; }
.news_page .catalogue ul li{ margin-bottom:20px; }
.news_page .catalogue ul li a{ color: #000; text-decoration:none }
.news_page .catalogue ul li a:hover{ color: #00a2ea;  text-decoration: underline; }

.news_page .news_page_list{ float:right; width:calc(100% - 350px); }
.news_page_list ul{ display: grid; grid-template-columns: 1fr 1fr 1fr;  grid-gap: 50px; row-gap: 50px; }
.news_page_list li{ border:1px solid #f1f1f1; border-radius:10px; overflow:hidden; }
.news_page_list li img{ display:block; width:100%; }
.news_page_list h4{ padding:20px; }
.news_page_list h4 a{ color: #000; font-size:22px; text-decoration:none; }
.news_page_list h4 a:hover{ color: #00a2ea; text-decoration: underline; }
.news_page_list p{ padding:0 20px; display: block; margin-bottom:20px; line-height:1.5; font-size:14px; height: 150px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient: vertical;}
.news_page_list li time{ font-size:12px; padding:0 20px; display: block; margin-bottom:20px; }
.news_page_list .more{ padding: 0 20px; padding-bottom: 20px;  display: block; font-weight:bold; }




.idx-tags-2{ }
.idx-tags-2 ul{ text-align:center; }
.idx-tags-2 ul li h4{ 
    position:relative;
    font-size: 3.125vw; font-weight: bold; font-family: HarmonyOS_Sans_Bold; 
    background: -webkit-gradient(linear, right top, left top, from(#00a2ea), to(#f7ca09));
    background: -o-linear-gradient(left, #00a2ea, #f7ca09);
    background: linear-gradient(-90deg, #00a2ea, #f7ca09);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    
}

.idx-tags-2 ul li h4:before{ 
    content: '+';
    display: block;
    position: absolute;
    right: -10px;
    top: 0px;
    color: #000;
    font-size: 26px;
    width: 10px;
    height: 10px;
    -webkit-text-fill-color: #00a2ea; 
    
}


.about_txt{ overflow: hidden;  margin-top: 60px; display: flex; justify-content: center;
    align-items: center; }
.about_txt .img{ width: 50%; flex: 1.3; }
.about_txt .img img{border-radius:2.5vw;  border-bottom-right-radius: 0;   display: block;  width: 100%;}
.about_txt .txt {width: 47%;
    line-height: 1.5;
    font-size: 17px;
    font-weight: 500;
    flex: 1;
    margin-left: 80px;
    color: #4e4e4e; }
.about_txt .txt a{ text-transform: uppercase;
    padding: 25px 60px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #00a2ea;
    border-radius: 2.5vw;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size: 16px;
    margin-top: 50px; display: block;
    width: 110px; -webkit-transition: all .5s;}
.about_txt .txt a:hover{ background: #fdd001;
    color: #000; }
.probg{   }    
.pro_list_1{   }
.pro_list_1 .win{ padding-top:150px;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    display: flex; height:350px; }    
.pro_list_1 .title{     float: left; }
.pro_list_1 .title h2{     background: -webkit-gradient(linear, right top, left top, from(#00a2ea), to(#f7ca09));
    background: -o-linear-gradient(left, #00a2ea, #f7ca09);
    background: linear-gradient(-90deg, #00a2ea, #f7ca09);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0); }
.pro_list_1 .pro_li{ float:right; width: 500px; min-width:50%; }
.pro_list_1 .pro_li li{ line-height:5; position: relative; }
.pro_list_1 .pro_li li a{display: block;
    font-size: 20px;
    color: #8f8f8f;
    text-decoration: none;
    border-top: 1px solid #efefef;
    font-weight: 500;
    position: relative;
    padding-left: 40px; }
.pro_list_1 .pro_li li a em{     font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 500;
    opacity: 0.2;
    margin-right: 10px;
    vertical-align: middle;
    font-style: italic;
    transition: all .5s;
    position: absolute;
    left: 0;
    line-height: 1;
    top: 35px; }
.pro_list_1 .pro_li li a:hover,.pro_list_1 .pro_li li.hover a{ color:#00a2ea; font-size: 24px; padding-left:100px; }
.pro_list_1 .pro_li li a:hover em,.pro_list_1 .pro_li li.hover a em{ color:#00a2ea;
    opacity: 1;
    font-size: 95px;
    top: 10px; }


.pro_list_1 .pro_li li a:before{ position:absolute; display:block; content:""; width:10px; height:10px; border-bottom:1px solid #000; border-right:1px solid #000; bottom: 10px;  right: 0; transition: all .5s; opacity:.2;  }
.pro_list_1 .pro_li li a:after{ position:absolute;  display:block; content:""; width:10px; height:10px; border-bottom:1px solid #000; border-right:1px solid #000; bottom: 15px; right: 5px; transition: all .5s; opacity:.2;   }

.pro_list_1 .pro_li li:before{ transition: all .5s;
    position: absolute;
    display: block;
    content: "";
    width: 0px;
    height: 3px;
    top: 0;
    left: 0px;
    background: #00a2ea; z-index:1;  }
.pro_list_1 .pro_li li:hover:before,.pro_list_1 .pro_li li.hover:before{ width:100%;  }

.pro_list_1 .pro_li li:hover a:before,.pro_list_1 .pro_li li:hover a:after{ border-bottom:1px solid #00a2ea; border-right:1px solid #00a2ea; opacity:1; }






.products-list-pro{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
    row-gap: 70px; margin-top:50px;     padding-bottom: 100px; }
.products-list-pro li{}


.products-list-pro li a:hover .img i {
    opacity: 1;
    margin-left: -15px;
}

.products-list-pro .img i {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #fdd001;
    padding: 20px;
    margin-top: -25px;
    margin-left: -40px;
    opacity: 0;
    transition: all 0.3s 
ease-in;
}


.products-list-pro .img i::before{ content: '';
    display: block;
    height: 10px;
    width: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); } 
.products-list-pro .img i::after{ content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
    margin-top: -7px;
    margin-left: -4px; }

.products-list-pro li:first-child{grid-column: span 2;   grid-row: span 2; }
.products-list-pro li:first-child .img{ padding: 30px 20px; }
.products-list-pro li .img{ background: #f1f1f1; padding: 30px; border-radius: 20px; transition: all 1.5s; }
.products-list-pro li:hover .img{       background: #e4fdfd;  
    transform: scale(1.05) !important;
    box-shadow: -3.125vw 1.25vw 4.1666vw .2604vw rgba(7, 10, 16, .2);
    transform-origin: center center; }
.products-list-pro li img{ display: block;  width: 100%;  mix-blend-mode: multiply;  filter: contrast(1); }
.products-list-pro li a h4{ font-size: 20px;
    font-weight: 500;
    line-height:50px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; width:100%; position: absolute; transition: all .5s; }
.products-list-pro li a:hover h4{ font-weight:bold; }
.products-list-pro li a{  transition: all .5s; position: relative;   text-decoration:none; color:#585858; }
.products-list-pro li a:hover{ text-decoration: underline; color:#00a2ea; }





.ser-sup{ padding:10vh 0px;  }
.ser-sup ul{ display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 30px;  row-gap: 30px; }
.ser-sup ul li{ background: #f1f1f1;  border-radius: 15px; position:relative; overflow: hidden; }
.ser-sup ul li:first-child{ grid-column: span 1; grid-row: span 2; }
.ser-sup ul li:last-child{ grid-column: span 2; }


.ser-sup ul li .img{ height: 100%; }
.ser-sup ul li img{ display: block;  width: 100%; height: 100%; }
.ser-sup ul li .txt{ position: absolute;
    top: 10%;
    left:50px;
    color: #fff;
    width: 80%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5; }
.ser-sup ul li .txt h4{ font-size: 30px;  margin-bottom:20px; }
 


.postion.postionCantact {
    position: unset;
    margin-top: 123px;     color: #979797;
}
.postion.postionCantact a{     color: #979797; }




/* products show*/
.products_pic{ width:100%; overflow:hidden; margin-top:30px;  }
.products_nr { overflow:hidden; margin-top:30px; }
.products_nr .pic {float: left; width:50%;}
.products_nr .txt{ float: right; width: 45%; margin-top: 200px; padding: 0 50px;  box-sizing: border-box;} 
.products_nr .txt h1{ font-size:45px;  margin-bottom: 30px;   }
.products_nr .txt p{     line-height: 1.5;  color: #787878; }

.products_pic  .gallery-top video{ outline:none;
	
	height: auto;
    max-height:685px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;

}
.products_pic  .gallery-top img{ height:500px; width:auto; margin:0 auto; display:block; }
.products_pic  .gallery-top{ margin-bottom:20px;  }
.products_pic  .gallery-top,.products_pic  .gallery-thumbs{  }


.products_pic  .gallery-thumbs{  
    width: 100%;
    height: auto; margin-right:2% }
.products_pic  .gallery-top {   border: 1px solid #f1f1f1;
    border-radius: 10px; 
    width: 100%;  background:#fff;}
.products_pic  .gallery-thumbs .swiper-slide{  opacity:0.5;  }
.products_pic  .gallery-thumbs .swiper-slide{ height:150px;}
.products_pic  .gallery-thumbs img{ height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;margin:0 auto; display:block; }

.products_pic  .gallery-thumbs .swiper-wrapper{    display: block;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
	border:3px solid #00a2ea !important;
}
 

 
.products_pic .gallery-thumbs{   }

.products_pic .gallery-thumbs .swiper-wrapper{  text-align: center; }

.products_pic .gallery-top img{ height: auto;
    max-height:700px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block; }

.products_pic .gallery-thumbs .swiper-slide{height: 80px !important; border:3px solid #f1f1f1; width:80px !important; display: inline-block; border-radius: 50%; cursor:pointer; overflow:hidden; }
.products_pic .gallery-thumbs .swiper-slide .swiper-slide-thumb-active{ }

.products_pic .gallery-thumbs{ border:none; }

 .products_pic{ overflow:visible; margin-top:0px; }


.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{   width: 50px;  height: 50px;  border-radius: 50%; z-index: 11;}

.swiper-button-prev:hover svg path, .swiper-container-rtl .swiper-button-next:hover svg path,.swiper-button-next:hover svg path, .swiper-container-rtl .swiper-button-prev:hover svg path{ fill:#c10001; }



.swiper-button-prev svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(90deg);  }
    
.swiper-button-next svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(-90deg);  }
	
	
	
.proBtn{ display:block; margin-top:30px;  }
.proBtn li {
	margin-right:20px;
	display: inline-block;  vertical-align: middle;
}
.proBtn li:last-child{   }
.proBtn li a{ display: block;
	background: #f3f3f3;
	padding: 10px;
	border-radius: 50%;
	font-size: 25px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 14px; position: relative; text-decoration:none  }
.proBtn li a:hover{ background:#fdd001; }
.proBtn li a:hover span{ color:#fff; }
.proBtn li:last-child a { background: #ffeeef; }
.proBtn li:last-child a:hover{ background:#fdd001; }

.proBtn li a span{ display:none; font-size: 12px; }
.proBtn li a i{ display: block;
    position: absolute; }
.proBtn li a i svg{ width: 30px; height: 30px; }

.proBtn li a:hover span{   }
.proBtn li a:hover i{  }

.proBtn li a:hover svg path{ fill:#fff; }

.swiper-button-next:after, .swiper-button-prev:after{ display: none; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display:none; }	


.productInfo{ overflow:hidden; margin-top:10vh; margin-bottom:10vh; }
.productInfo .title{ font-weight:bold; color:#000; padding:40px; position:relative;  color: #00a2ea; font-size:30px; }

.productInfo .title::after{ content: '';
    display: block;
    height:13px;
    width:13px;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    position: absolute;
    right: 23px;
        top: 27px;
    transform: rotate(-45deg); }

.productInfoTxt{ float:left; width:calc(100% - 500px);
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 10px;  }
.productInfoTxt .down-right{ width:100%; }
.productInfoTxt .down-right ul{ grid-template-columns: 1fr; grid-gap:0px;  row-gap:0px; }
.productInfoTxt .down-right ul li{ border:none; }
.productInfoTxt .down-right ul li a{ padding:15px 15px; }
.productInfoTxt .down-right ul li a .txt svg{ width:50px; height:50px; }
.productInfoTxt .down-right ul li a .txt{ display: flex; justify-content: center; align-items: center; }
.productInfoTxt .down-right ul li a .txt .txt-1 h3{ font-size:16px; }
.down-right ul li a .btn i svg{ width: 15px; height: 15px; vertical-align: bottom; }
.down-right ul li a:hover .btn i svg path{ fill:#fff }


.like{ float:right;
    width: 460px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 10px; }

.productDetails{ line-height:2; padding: 40px; padding-top: 0px; }
.productInfoTxt hr{
    background: #e5e5e5;
    border-color: #fff;
    height: 1px;
    border: none; }

.productDetails table {
    width: 100% !important;
    border: 0;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse;
}

.productDetails table td {
    border: 0;
    line-height: 1.5;
    border: 1px solid #e5e5e5;
    text-align: left;
    padding: 15px;
    font-size: 16px;
}

.productDetails ul{ margin-top:20px; }
.productDetails ul li{  align-items: center;   margin-bottom: 20px;  display: flex; }
.productDetails ul li:before {
    content: "";
    display: block;
    flex: auto;
    width: 20px;
    height: 20px;
    background-image: url("/images/conullibg.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: none;
}


/* end products show*/



.like .products-list .img img{ display: block; width:100%;  }
.like .products-list .img i{ border-radius: 50%; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#fdd001; padding:20px;     margin-top: -25px;
    margin-left: -40px; opacity:0; transition:all 0.3s ease-in; }
    
.like .products-list .img i::before{ content: '';
    display: block;
    height: 10px;
    width: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); } 
.like .products-list .img i::after{ content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
    margin-top: -7px;
    margin-left: -4px; }
.like .products-list .products-list-pro li a{ text-decoration:none }
.like .products-list .products-list-pro li a:hover{ text-decoration:underline }
.like .products-list h4{ transition:all 0.3s ease-in;  text-align: center; color: #000; width:100%; margin: 0 auto;  font-size: 16px;
    line-height: 1.5;
    font-weight: 500; }
.like .products-list .products-list-pro li a:hover h4{ color: #00a0ea; text-decoration:underline;}
.like .products-list .products-list-pro li a:hover .img{ background:#e1f5ff; }
.like .products-list .products-list-pro li a:hover .img i{ opacity:1; margin-left: -15px; }

.like .products-list-pro li:first-child .img{ padding:10px; }

.like .products-list-pro li:first-child{     grid-column: span 1;
    grid-row: span 1; }
.like .products-list .products-list-pro{     min-width: auto;
    width: calc(100% - 90px); grid-template-columns: 1fr 1fr;
    grid-gap:15px;
    row-gap:15px; float: none; margin-top: 0px; }
.like .products-list{ padding-bottom:20px; }
.like .products-list .products-list-pro li .img{ margin-bottom:10px; }
.like .win{ width:100%; min-width:auto; }
.like .products-list h4{  
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    white-space: break-spaces; }
.like .products-list .products-list-pro li:nth-child(3n+1):hover .img,.products-list .products-list-pro li:nth-child(3n):hover .img{ box-shadow: 0vw 1.25vw 4.1666vw 0.2604vw rgb(129 129 129 / 20%); }
.like .products-list .products-list-pro li:nth-child(3n+1):hover,.products-list .products-list-pro li:nth-child(3n):hover{ transform-origin: center; }

.like .products-list .img i{padding: 10px;}
.like .products-list .img i::before {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    margin-top: 1px;
    margin-left: 2px;
}
.like .products-list .img i::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: #fff;
    margin-top: -4px;
    margin-left: -2px;
}



.partner { padding: 10vh 0; background: #eefaff;  }
.partner .title{ text-align:center; }
.partner .title .small_title { font-size: 18px;}
.partner .titleh2{ max-width:1000px; }
.logogd{ margin-top:10vh; position:relative; }
.logogd .logogd_a{ margin-bottom:80px; }
.logogd .swiper-slide{ width:auto; }
.logogd  .swiper-container .swiper-wrapper {
    transition-timing-function: linear;
}

.logogd::after{ content: '';
    display: block;
    background-image: linear-gradient(to left, rgba(238, 250, 255, 1), rgba(238, 250, 255, 0));
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width:40%;
    z-index: 10;}

.logogd::before{ content: '';
    display: block;
    background-image: linear-gradient(to right, rgba(238, 250, 255, 1), rgba(238, 250, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:40%;
    z-index: 10;}
.logogd .swiper-slide img{ display: block; height:80px; width: auto; }


.lang{float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
    padding-bottom: 0px;
    max-height: 46px;
    transition: all 0.3s ease-in;
    background-color: rgba(0, 0, 0, 0.21);
    position:absolute;
    left:-70px;
    
}
.lang a{ 
display: block;
    padding: 0px 15px;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    text-align: center;}

.lang:hover{ max-height:260px; padding-bottom:5px; }
.lang:hover a:first-child,.lang:hover a:hover:first-child:hover{ background:#fdd001; color:#fff; }
.lang:hover a:hover{ color:#00a2ea; }

@media screen and (max-width: 640px){
	
	.win{ min-width:auto;     width: 90%; }
	
	.nav{ position: fixed;
    float: none;
    margin-left: 0;
    width: 100%;
    opacity:0;
    left: 0;
    background: #fff;
    top: 71px;
    display: block;
    transition: opacity .3s cubic-bezier(.43,.195,.02,1),transform 1s cubic-bezier(.43,.195,.02,1);
    transform: translateY( calc(-100% - 71px) ); z-index: -1; padding-bottom: 30px; }
    .nav li{ margin-left: 0;  width: 100%; text-align:center; }
	.nav li a{ display: inline-block;
        font-size: 16px;
        padding: 15px 0px;
        color: #000;
        width: 100%;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%; color:#000; }
	.nav .nav_two li{ text-align:left; } 
	.nav .nav_two li a{ display: inline-block;
        width: auto;
        font-size: 16px;
        color: #5d5d5d;
        text-indent: 10px; }
	.nav li a.erj {
        width: 100%;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }
	
	.nav.appDown{ opacity: 1; pointer-events: auto; transform: none; max-height: 75vh;
    overflow-y: scroll;
    box-sizing: border-box;
    overflow-x: hidden;}
    
    .nav li span{         opacity: 0;
        display: inline-block;
        height: 20px;
        width: 190px;
        margin-left: -11px;
        padding: 20px 0px;
        vertical-align: middle;
        position: absolute;
        right: 0; }
    
    .erj::after{         right: 5%;         border-bottom: 2px solid #6b6b6b;   border-right: 2px solid #6b6b6b; }
    
    
    .erj i{border: 1px solid #000;
    display: inline-block;
    height: 10px;
    width: 30px;}
    
    .nav li .nav_two{     transition: all 0s ease; padding-left: 5%; }
    
    .nav>li:hover>.nav_two{ position: relative; border-top: 0; box-shadow: none; margin-top: 0; padding-top: 0; width: 100%; left: 0; margin-left:0; }
    
	.logo{ width: 120px;  margin-top: 5px; }
	.logo a img{ width:100%; }
    
     header .bg{ z-index:-2; pointer-events: none; background-color: rgba(0,0,0,.5); width: 114%; height: 120vh; transition: opacity .3s ease-in-out; position: absolute; top: 71px; left: -7%; opacity:0; }
     
    header .bg.appDown{ opacity: 1; pointer-events: auto; }
    
    #app header .appNav .right .menu.active .line:before {
        background-color: #131212;
        transform: rotate(45deg);
        }
    
    .sj_nav{ float: right; width: 30px; height: 50px; position: relative; margin-left: 25px; }
    .sj_nav span{ background-color: #fff; border-radius:2px;  width:15px; height:3px; margin:auto 0; transition: all .4s; display: block;  position: absolute; top: 0; bottom: 0; transition: all .4s; }
    
    .sj_nav.close span{ background-color: rgba(255, 255, 255, 0); }
    
    .sj_nav span:before {
    content: "";
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 2px;
    width:25px;
    height: 3px;
    margin: auto;
    transition: all .4s;
    display: block;
    position: absolute;
    transform: translateY(8px);
    transition: all .4s;
    }
    
    .sj_nav.close span:before {
        background-color: #fff;
        transform: rotate(45deg);
    }
    

    .sj_nav span:after {
    content: "";
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 2px;
    width:25px;
    height: 3px;
    margin: auto;
    transition: all .4s;
    display: block;
    position: absolute;
    transform: translateY(-8px);
    transition: all .4s;
    }
    
    .sj_nav.close span:after {
        background-color: #fff;
        transform: rotate(-45deg)translateY(0);
    }
    
    
    
    .onon .sj_nav span,.onon .sj_nav span:before,.onon .sj_nav span:after,
    .bghd .sj_nav span,.bghd .sj_nav span:before,.bghd .sj_nav span:after
    
    { background: #000; }
    
    
    
	.banner{ margin-top:0; height:100vh; }
	.banner img{ height:auto; width:100%; right:0; }
	.banner .web{ display:none; }
	.banner .app{  display: block;
        height: 100vh;
        background: no-repeat center;
        background-size: cover; }
	.banner .swiper-slide::before{     background-image: linear-gradient(to right, rgb(255 255 255) 50%, rgb(255 255 255 / 0%)); }
	.banner .swiper-slide{ overflow:hidden; }
	.banner .txt{ margin-top: 0;
        width:80%;
        margin-left: 5%;
        top: 110px; }
	.banner .txt h2{ font-size:30px; width:100%; }
	.banner .txt span{ font-weight:500; font-size:12px; width: 100%; margin-top:20px; overflow: hidden;  text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;   height:55px; display:none; }
	.btn{ margin-top: 20px; }
	.btn a{ font-size: 12px; padding: 10px 15px; font-weight: 500;          min-width: 70px;
        border-radius: 20px;
        border-bottom-right-radius: 0;}
	.btn a.nobg{ display:none; }
	
	.banner_nav{ bottom:20px; }
	.banner_nav ul{ text-align: right; }
	.banner_nav li{ display:inline-block; float:none;  width:auto; margin-right:15px; }
	.banner_nav li:last-child{ margin-right:0px; }
	.banner_nav li div,.banner_nav li.on div{ background: #fff; padding: 0; margin-bottom: 0; padding: 7px; box-sizing: border-box; border-radius: 50%; }
	.banner_nav li span{ display:none; }
	.banner_nav li img ,.banner_nav li.on img{ display: block; width: 100%; position: static; margin-top: 0; }
	 
	 
	h2{ font-size:32px; }
	
	
	.products{ padding:5vh 0; }
	
	.titleh2{ width:80%; }
	.titleh2 h2{ margin-bottom: 10px; }
	.titleh2 span{ font-size:14px; }
	.titleh2 span img{ margin-top:15px; }
	
	.products ul{ grid-template-columns: 1fr; grid-gap: 0; row-gap: 0; margin-top:5vh; }
	.products ul li{ margin-bottom:25px; }
	.products ul li:last-child{ margin-bottom:0; }
	.products ul li div span img{ width:18px; }
	.products ul li div h4{ font-size:14px; }
	.products ul li p { display: block; margin: 10px 0px;  color: #4c4c4c; font-size: 12px; line-height: 1.6; font-weight:500; }
	.products ul li .more{ font-size:12px; }
	.products ul li div h4{ margin-left:0px; }
	
	.quality ul{ grid-template-columns: 1fr 1fr;  grid-gap: 15px;  row-gap: 15px;  margin-top:20px; }
	.quality ul li{ text-align: center; }
	.quality ul li h4 { margin-bottom:0px; font-size:30px; }
	.idx-tags-2 ul li h4:before{ font-size:14px; }
	.quality ul li p { line-height: 1.5; font-size: 12px; font-weight: 500; color: #4c4c4c; }
	
	
	.multi{ margin:0; padding:50px 0; }
	.list{ display: block; margin-bottom:5vh; display: flex;   flex-direction: column;  }
	
	.multi_two{ }
	.multi_two .list{ flex-direction: column-reverse; }
	
	.list:nth-child(2n){  flex-direction: column-reverse }
	.list .txt{ margin:0; margin-top:0px; }
	.list .txt i{   }
	.list .txt i img{ width:20px; }
	.list .txt h2 { margin: 10px 0; font-size: 16px;   font-weight: 500; margin-top:0px; }
	.list .txt .miao{ font-size:14px; margin: 0; }
	.list .txt .miao ul li:last-child{ margin-bottom:0; }
	.list .txt .miao ul li:before{ width:15px; height:15px;         margin-top: 3px; }
	.list .txt .miao ul li{ margin-bottom: 15px; }
	
	.multi .titleh2{ margin-bottom: 20px; }  

	.con11{ padding:50px 0; }
	.con11 .txt .miao img{ width:100%; }
	.con11 .txt .miao{ font-size:14px; }
	
	.review{  margin-top: 0;   padding: 50px 0px; }
	.review ul{ margin-top: 3vh; grid-template-columns: 1fr; grid-gap: 0; row-gap: 25px; }
	.review ul li .title img{ width:50px; }
	.review ul li .txt,.review ul li .title .name i{ font-size:12px; }
	.review ul li .title .name b{ font-size:14px; }
	
	.left_right .btn_left, .left_right .btn_right{ height: 40px; width: 40px; }
	
	.news{ margin:30px 0; }
	.news_list .title{ width:100%; float:none; }
	.news_list .title p{ font-size:12px; margin:10px 0; }
	.jt_btn {margin-top: 20px;}
	.news-swiper{ width:100%; margin-top: 5vh; }
	.jt_btn span:nth-child(2) {  margin-left: 20px; }
	
	footer{ padding:50px 0; }
	.bot_logo{ text-align:center; width:100%; }
	.bot_nav{ display:none; }
	
	.postion{ margin-top: 170px;  min-width: auto;  top: 0; opacity:0.3; }
	.titleh2{ width:90%; }
	.top_title{ padding-bottom:50px; }
	.top_title .bot_txt{ display:block; }
	.top-lianx{ margin-top:10px; display:none; }
	.top-lianx .btna a{ padding:5px 10px; }
	.all_news .news_hot{ width:100%; }
	.top_title .txt p{ margin-top:10px; font-size:14px; }
	.top_title .img{ margin-top:10px; margin-left:0px; }
	.top_title .txt .btn{ padding: 10px 20px; font-size:14px; }
	.bot_li{ margin-top:10px; }
	.con1{ padding: 50px 0; }
	.con1 .win{ display:block; }
	.con1 .jump{  float: none; width: 100%; margin-bottom: 30px; }
	.con1 .jump ul li a{ font-size:14px; }
	.con1 .txt{ width:100%; }
	.jump.float{ width: 280px; top: auto; bottom: 0; margin-bottom: 0; }
	
	.con1 .txt h2,.con1 .jump .title{ margin-bottom: 20px; font-size: 16px; }
	
	.con1 .txt .miao{ font-size:14px}
	
	.step{ padding:50px 0; }
	.step ul li h4{ font-size:14px; margin: 10px 0px; }
	.step ul li h4 i{ font-size:12px; height: 15px;
    width: 15px;
    line-height: 15px; }
	.step ul{ padding-top:30px;  grid-template-columns: 1fr 1fr; grid-gap: 30px; row-gap: 30px; display: grid;}
	
	.step ul li{ padding: 0; width: auto; }
	.step ul li img{ display: block; margin: 0 auto; width: 60px; }
	
	.bot_li ul{ width:100%; margin-top:10px; }
	.bot_li ul li{ flex:1;     margin-left: 25px; }
	
	.con3{ padding:50px 0; }
	.con3 .miao{ margin-top:30px; overflow: scroll; }
	
	table td{ font-size:12px; padding: 10px; }
	table td strong{ font-size:14px; }
	
	.con4{ padding: 50px 0; }
	.con4 .win .img{ width:100%; margin-bottom:20px; }
	.con4 .win{ display:block; }
	.con4 .win .txt{ width:100%; }
	
	.con4 .miao{margin-top: 15px; font-size:14px; }
	
	.con4 .miao ul{ grid-template-columns: 1fr 1fr;  grid-gap:15px; row-gap:15px;}
	
	.con4 .miao ul li{ font-size:12px; }
	.con4 .miao ul li:before{ width: 15px; height: 15px; }
	
	.con5{ padding:50px 0; }
	.con5 .case-swiper,.left_right{ margin-top: 30px; }
	
	.list .img{ margin-bottom:20px; border:none; }
	.list .txt a.more{     padding: 10px 20px;  font-size: 12px; margin-top:10px; border-radius: 30px;
        border-bottom-right-radius: 0; }
	.list .txt .miao ul{ margin-top:0px; }
	.con6{ padding:50px 0;  }
	.con6 ul{ margin-top:20px; grid-template-columns: 1fr 1fr; grid-gap: 14px; row-gap: 14px; }
	.con6 ul li h3{     margin: 10px 0px; font-size:14px; }
	.con6 ul li p{ padding:0px;     font-size: 12px; }
	
	.con7{ padding:50px 0; }
	.con7 .win{ display:block; }
	.con7 .title{ width:100%; }
	.con7 .miao{ width:100%; font-size:14px; }
	.con7 .miao ul li:last-child{ margin-bottom:0px; }
	.con7 .miao img{ max-width:100%; }
	

	
	.goto{ padding:30px 0; }
	.goto_txt p{ font-size:25px;  }
	.con7 .title { margin-bottom:10px;          margin-right: 0;}
	.con7 .title p{ font-size:14px; margin: 10px 0; }
	
	.con7 .title .jt_right{
	    color: #5b6770 !important;
        height: 45px;
        width: 45px;
        display: inline-block !important;
        vertical-align: middle;
        position: relative;
        margin: 0;
        border-radius: 28px;
        border: 1px solid #e5e5e5;
        box-sizing: border-box;
        transform: rotate(90deg);
        margin: 10px 0px;
	}
	.bot_logo{ font-size:12px; margin-bottom: 5px; }
	.bot_txt{  padding: 0; margin-top:0px; }
	
	.news_page{ padding:50px 0px; padding-top:0px; }
	
	.news_page .catalogue{ width:100%; }
	.news_page .news_page_list{ width:100%; }
	.news_page .news_page_list ul{ grid-template-columns: 1fr;  grid-gap: 50px; row-gap: 50px; }
	
	.news_page_list h4 a{ font-size:18px; }
	.news_page_list p{ height:auto; }
	.news_page .catalogue { width: 100%;
        margin-bottom: 40px;
        margin-top: 0;
        border-bottom: 1px solid #f1f1f1; }
	.news_page .catalogue ul{ border: none; padding: 0; display: flex; }
	.news_page .catalogue ul li{ margin-right:20px; margin-bottom:0px; }
	.news_page .catalogue ul li:last-child{ margin-right:0px; }
	.news_page .catalogue ul li a { color: #000;  text-decoration: none; display: block;  line-height: 50px;}
	
	.all_news{ padding:0; }
	
	.all_news .news_con{ float: none; width: 100%; margin-bottom:30px; }
	
	.all_news .news_con h1{ font-size:20px; }
    .bot_txt .copyright{ float:none; text-align: center;  margin-bottom: 15px; }
    .bot_txt ul{ float:none; }
    .bot_txt ul li{ text-align:center; margin-left:0px}
    .bot_logo img{ width:80px; }
    .bot_logo .tel{ font-size:16px; }
     .nr_banner .title h2{ font-size:24px; }
    .title h2{ font-size:32px; }
    .nr_banner{ background-size: cover !important; padding: 80px 0;
        padding-top: 120px;  background-position: center !important; }
    .nr_banner .title{ width:100%; }
    .nr_banner .title p{ margin-top: 0px;  font-size: 14px; }
    .nr_banner .miao{ width: 100%; margin-top: 30px;     font-size: 14px; }
    .what{     padding:50px 0; padding-top:0px; }
    .what ul{ grid-template-columns: 1fr;  grid-gap:15px; row-gap:15px;  margin-top: 30px; }
    .what ul li{ padding: 20px; }
    .what ul li .img img{ width:40px; }
    .what ul li .img{ margin-bottom:15px; }
    .what ul li .txt h4{ font-size:18px; }
    .what ul li .txt p{ font-size:14px; }
    .more_pic ul{ width:100%; }
    .more_pic .pic_list,.more_pic .pic_list div{ margin-top:0px; }
 
    .more_pic .pic_list div{ grid-template-columns: 1fr 1fr; grid-gap:15px; row-gap:15px; }
    .more_pic .pic_list div img{ width:100%; }
    .more_pic ul{ margin-bottom:15px; }
    .more_pic ul li.hover i{     left: 90%;
    transform: scale(0.6); }
    
    .quality{ padding: 50px 0px;   background-size: cover; }
    .about_txt{     margin-top: 20px;         display: block; }
    .about_txt .img{ width:100%; }
    .about_txt .txt{width:100%; margin-left:0px; margin-top:20px;         font-size: 14px; }
    .about_txt .txt a { padding: 10px 20px;
        font-size: 12px;
        margin-top: 10px;
        border-radius: 30px;
        border-bottom-right-radius: 0; }
        
    
    .partner{ padding:50px 0px; }
    .logogd{ margin-top:30px; }
    .logogd .swiper-slide img {
        height:40px;
    }
        .logogd .logogd_a {
        margin-bottom: 20px;
    }
    .more_pic{ margin-bottom:30px; }
    .more_pic ul li h2{ font-size:20px; }
    
    
    .pro_list_1 .win{ display:block;  padding-top: 100px; height: auto; }
    
    .pro_list_1 .pro_li{ width:100%; margin-top: 30px; }
    .pro_list_1 .pro_li li a em{ top:17px; font-size:20px; }
    .pro_list_1 .pro_li li{ line-height:3.5; }
    .pro_list_1 .pro_li li a{ font-size:16px; padding-left: 30px; }
    .products-list-pro{ grid-template-columns: 1fr 1fr; grid-gap: 15px;  row-gap:20px; margin-top: 30px; padding-bottom:30px; }
    .products-list-pro li .img{ padding:10px;  border-radius: 10px; }
    .products-list-pro li:first-child .img{ padding: 20px 10px; }
    .products-list-pro li a h4{ font-size: 14px;
        line-height: 16px;
        position: relative;
        white-space: break-spaces;
        margin-top: 10px; }
        
    .pro_list_1 .pro_li li a:before,.pro_list_1 .pro_li li a:after{ width: 6px;  height: 6px; }
    .pro_list_1 .pro_li li a:hover, .pro_list_1 .pro_li li.hover a{     font-size: 20px; padding-left: 40px; }
    .pro_list_1 .pro_li li a:hover em, .pro_list_1 .pro_li li.hover a {   font-size: 20px; padding-left: 40px;   }
    .pro_list_1 .pro_li li a:hover em, .pro_list_1 .pro_li li.hover a em{ font-size: 35px;  top: 17px; }
    
    .nr_banner.nr_banner_two{ background-size: cover !important;
    padding: 80px 0;
    padding-top: 120px;
    background-position: center !important; }
    
    .ser-sup{ padding:50px 0px; }
    .ser-sup ul{ grid-template-columns:1fr; }
    .ser-sup ul li:first-child {  grid-column: span 1;  grid-row: span 1;}
    .ser-sup ul li:last-child { grid-column: span 1;}
    
    .ser-sup ul li .txt{     font-size: 14px; top: 15px;  left: 15px; font-size:12px; }
    .ser-sup ul li img{ width: 100%;  min-height: 300px; }
    .ser-sup ul li:last-child img{ height:100%;  width: auto; }
    
    .ser-sup ul li .txt h4{ font-size:18px; margin-bottom: 10px; }
    .bot_txt ul li a{ height: 100%; }
    .bot_txt ul li img{ display:block; width:auto; height: 100%; }
    
    .goto .btn a:first-child{ margin-right:10px; }
    
    .products_nr{ margin-top:0px; }
    .products-list-left .like{ display:none; }
     .products-list .products-list-left{ width:100%; margin-bottom: 20px;}
     .products_nr .pic{ width:100%; }
     .products_nr .txt{ width:100%;  padding: 0;  margin-top: 30px; }
     .products_nr .txt h1{ font-size:19px; margin-bottom: 10px; }
     .proBtn{ margin-top: 10px; }
     
     .products_nr .btn a{ font-size: 14px;
        padding: 10px 15px;
        font-weight: 500;
        width: 100%;
        text-align: center;
        box-sizing: border-box; }
        
        .productInfo{         margin-top: 30px;  margin-bottom: 30px; }
        .productInfoTxt{ width:100%; }
        .like{ width:100%; margin-top:30px; }
    .productDetails ul{ margin-top:10px; }
    .productDetails ul li{ margin-bottom: 10px; }
    .productDetails img{ max-width:100% !important; height:auto !important; }
    .productInfoTxt .down-right ul li a .txt .txt-1 h3{ font-size:14px; }
    .down-right ul li a .btn{ font-size:12px; margin-top: 0; padding: 5px 10px;}
    .productInfoTxt .down-right ul li a .txt svg{ width: 35px;  height: 35px; }
    .productInfoTxt .down-right ul li a{ padding-top:0px; }
    .like .products-list ul{ grid-template-columns: 1fr 1fr;  grid-gap: 15px;  row-gap: 20px; }
    .productDetails table td{ padding:6px; font-size:12px; }
    .like .products-list{ padding-bottom: 20px; }
    .productInfo .title::after{ height: 10px;  width: 10px; }
    .products_pic .gallery-thumbs .swiper-slide:last-child{ margin-right:0px !important; }
    
    .postion.postionCantact{     margin-top: 63px; }
    
        .products_pic .gallery-thumbs .swiper-slide {
        height: 50px !important;
        width: 50px !important;
    }
    .like{ display:none; }
    .productInfo .title{  padding: 20px; font-size: 20px; }
    .productDetails{ padding:20px;  padding-top: 0px;         font-size: 14px; }
    
    .postion.postion_1{     margin-top: 63px; }
    
    .contact{ padding-top:0px; }
    .contact .titleh2{ width:100%; }
    .contact .info{     margin-top: 20px; }
    .contact .info .txt .url li a{     width: 36px; height: 36px; }
    .contact .info .txt .url li a img{ width:100%; }
    .contact .info .txt .url li { margin-right: 30px;}
    .contact .info .adder{     margin-top: 30px; }
    .contact .info .txt{ width:100%; }
    .contact .info .adder li{ font-size:14px; margin-bottom:20px; }
    
    .contact .info .quote{   font-size: 14px;  width: 100%; margin-top: 30px;  padding: 25px;}
    .contact .info .quote ul li {
        width: 100%;
        margin-right: 0;
    }
    
    .contact .info .quote ul li input {
        padding: 10px 0;
    }
    
    
    .app-top-lianx{ padding: 0 5%;  border-top: 1px solid #f1f1f1;  padding-top: 20px; text-align:left; }
    .lang-app{ display: inline-block;  background: #f1f1f1;  overflow: hidden;  border-radius: 5px; }
    .lang-app a{ background: #e1e1e1;
        display: inline-block;
        padding: 10px 18px;
        color: #a7a7a7; font-size: 12px; }
    .lang-app a:first-child{ background:#00a2ea; color:#fff; }
    
    .app-top-lianx .btna{ float: none;   margin-top: 10px;}
    .app-top-lianx .btna a{ background: #00a2ea;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border: 3px solid #00a2ea;
    border-radius: 10px;
    font-size: 14px; }
    
    .app-top-lianx .btna a svg{ width: 17px;
    height: 17px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top:0px; }
    
    .app-top-lianx .btna a svg path{ fill:#fff }
    
    
}