*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; text-transform: capitalize;  }

a {
    color: #ff0000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
	
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
}

@font-face {
	font-family: 'Oswald-Bold';
	src: url('../fonts/Interstate-Light.eot');
	src: local('☺'), url('../fonts/Oswald-Bold.woff2') format('woff'), url('../fonts/Oswald-Bold.woff2') format('truetype'), url('../fonts/Oswald-Bold.woff2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("../fonts/HarmonyOSHans-Medium.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Medium.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("../fonts/HarmonyOSHans-Regular.woff2") format("woff2"),
    url("/fonts/HarmonyOSHans-Regular.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Light";
  src: url("../fonts/HarmonyOSHans-Light.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Light.woff") format("woff");
}


@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;
}
a:hover {
    text-decoration: underline;
}


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


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

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: #ff0000;
    color: #fff
}

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

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


::selection {
    background: #ff0000; /* 粉红色的底色 */
    color: #fff; /* 文字的颜色 */
}

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

body{ max-width:1920px; margin:0 auto; }


header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    box-sizing: border-box;
    padding:20px 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-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0);
	max-width:1920px;
	
}

header.onon .win{  background:#fff; box-shadow: 0px 0px 23px 0px rgba(7, 10, 16, .2); }



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

header .win{ position:relative; transition: all 0.3s ease-in; padding: 0px 80px; border-radius: 60px; }
header .win::after{ content:''; display: block; clear:both; }

.navbg .win{ padding: 0px 80px; background:#fff; border-radius: 60px; }

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


.lf{ float:left; }
.rt{ float:right; }

.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:330px;
    overflow: hidden;
	padding:30px 0px;
}
.logo a{
	display: block;
}
.logo a img{ display: block; }
	

.navtop li a:hover{ color:#20978b; }


.nav {
    margin: 0 auto;
    float: left;
    margin-left: 0;
    text-align: center;
    width: calc(100% - 545px);
}
.nav li {
    position: relative;
    text-align: right;
    margin: 0px 30px;
    display: inline-block;
}
.nav li:first-child{ margin-left:0px; }
.nav li a {
    display: block;
    padding:40px 0px;
    position: relative;
    text-align: center;
    position: relative;
	font-size:18px;
	color: #000;
	text-decoration:none;
	font-weight:500;
}
.nav li a.hover,.nav li a:hover{ font-weight:bold; }
.nav li a.hover{ color:#ff0000; }
.nav li a.erj{ padding-right:15px;  }

.nav li a:hover{ color:#ff0000; }
.nav li a.erj:hover::after{ border-bottom: 2px solid #ff0000; border-right: 2px solid #ff0000;  }

.nav li a.hover.erj::after{ border-bottom: 2px solid #ff0000;
    border-right: 2px solid #ff0000; }

.nav li .nav_two a{ color:#000; }
.nav li .nav_two a:hover{ color:#ff0000; }
.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);

}
.nav .nav_two li a {
    line-height: 45px;
    height: 45px;
    font-weight:500;
    text-align: center;
    padding: 0;
	width: 100%;
}
.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 #000;
	border-right:2px solid #000;
}




.top-lianx {
    float: right;
    margin-top:33px;
    position:relative;
}
.top-lianx::after{ content:''; display: block; clear:both; }
.lang{float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
    padding-bottom: 0px;
    max-height: 40px;
    transition: all 0.3s ease-in;
    background-color: rgba(0, 0, 0, 0.21);
    position:absolute;
    left:-70px;
    
}
.lang a{ 
	display: block;
	    padding: 10px 15px;
	    font-weight: bold;
	    margin-bottom: 0px;
	    font-size: 16px;
	    color: #fff;}

.lang:hover{ max-height:140px; padding-bottom:5px; }
.lang:hover a:first-child{ background:#ff0000; color:#fff; }
.top-lianx .btna{ float:right; }
.top-lianx .btna a{ background: #ff0000;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    border: 3px solid #ff0000;
    border-radius: 10px;
    font-size: 18px;}
.top-lianx .btna a svg{ width: 17px;
    height: 17px;
    display: block;
    float: right;
    margin-left: 10px;
    margin-top: 4px; }
.top-lianx .btna a svg path{ fill:#fff; }

	
.header .sj_nav {
    display: none;
}


.banner{
	min-width:1300px;
}
.banner .swiper-slide::before{     content: '';
    display: block;
    position: absolute;
    /*background-image: linear-gradient(to right, rgb(255 255 255) 30%, rgb(255 255 255 / 0%));*/
    top: 0;
    width:80%;
    height: 100%; z-index:1;  }
.banner img{ display: block; position: absolute; z-index:0; }
/*.banner img.topup{ right: 14%; top: 130px; z-index: 1; }*/
.banner img.topup{ display:none; }
.banner .banner_nav img{ position: relative; width:700px; }
.banner .txt{ 
	color: #000;
    position: relative;
    z-index: 3;
    margin-top:250px;
    margin-bottom:290px;
}
.banner .txt h2,.banner .txt h3{ font-size:77px; margin-bottom:20px;  }

.banner.banner-jp .txt h2{ font-size:60px; }
.banner.banner-jp .txt h3{ font-size:50px; }

.banner.banner_en  .txt h2{ font-size:50px; }
.banner.banner_en .txt h3{ font-size:45px; }

.banner .txt h3{ font-weight:400; font-size: 67px; }
.banner .txt span{
	font-size: 29px;
	font-weight:100;
	width: 750px;
	display: block;
	line-height: 1.5;
	margin-top:0;
	color:#000;
}

.btn{
	margin-top:4vh;
}
.btn a{
	    background: #ff0000;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 12px 40px;
	    display: inline-block;
	    border:1px solid #ff0000;
	    border-radius: 83px;
	    font-size:18px;
}
.btn a:hover,.btn a.nobg:hover{ background: #c20007; color:#fff; border:1px solid #c20007; }  

.btn a.nobg{ background: #fff;color: #000000; margin-left: 40px; border:1px solid #000000; color: #7a7a7a;
    border: 1px solid #8b8b8b; }


.banner .swiper-pagination{ min-width: 1300px;
    width: 80%;
    left: 10%;
    text-align: left;
    bottom: 50px; font-family:"Oswald-Bold" !important; 
    left: 0;
    right: 0;
    margin: auto;
}
 .banner .swiper-pagination-bullet {
     background: none;
     width: auto;
     height: auto;
     font-size:16px;
     font-weight: bold;
     color: #000;
     transition: all 0.3s ease-in;
 }
 .banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0px;
     margin-right: 20px;
 }
.banner .swiper-pagination-bullet-active{ color:#ff0000; font-size:20px; }

.tedian{  }
.tedian ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:50px; row-gap:50px; text-align:center; }
.tedian ul li{  transform-style: preserve-3d; 
    -webkit-transform-style: preserve-3d;  
	perspective: 1000px;
	    -webkit-perspective: 1000px;
	position:relative; cursor:pointer;}
.tedian ul li .txt{ 
	border-radius:5px;
	background:#ffeeef;  padding:35px 30px;padding: 35px 30px;
    box-sizing: border-box;
    transition: transform .7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform .7s cubic-bezier(.4,.2,.2,1);
    -ms-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
	
.tedian ul li:hover .txt{
	
	-ms-transform: rotateY(-180deg);
	    -webkit-transform: rotateY(-180deg);
	    transform: rotateY(-180deg);
	    -webkit-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	    transform-style: preserve-3d;
		
}	

.tedian ul li:nth-child(2n) .txt{ background:#f3f3f3; }

.tedian ul li .miao{
	border-radius:5px;
	-webkit-backface-visibility: hidden; 
	box-sizing:border-box;
    backface-visibility: hidden; 
	transition: transform .7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform .7s cubic-bezier(.4,.2,.2,1); top:0px; 
	display: block; 
	padding:35px 30px; 
	background:#ff0000; 
	position: absolute;
	height:100%;
	width:100%;
	-ms-transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
     -webkit-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }
 
 .tedian ul li:nth-child(2n) .miao{
	 background:#e70012; 
 }
 
.tedian ul li:hover .miao{ -ms-transform: rotateY(0); 
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.tedian ul li .miao p{ color:#000; -webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in; }
.tedian ul li:hover .miao p{color:#fff;}

.tedian ul li .miao p{ 
	transform: translateY(0) translateZ(60px) scale(0.94);
    -webkit-transform: translateY(0) translateZ(60px) scale(0.94);
    -ms-transform: translateY(0) translateZ(60px) scale(0.94);
}


.tedian ul li h4{ font-weight: 500; margin-top: 10px;  font-size:18px; 
transform: translateY(0) translateZ(60px) scale(0.94);
    -webkit-transform: translateY(0) translateZ(60px) scale(0.94);
    -ms-transform: translateY(0) translateZ(60px) scale(0.94);}

.tedian ul li img{ display:inline-block;     width:70px;  
	transform: translateY(0) translateZ(60px) scale(0.94);
    -webkit-transform: translateY(0) translateZ(60px) scale(0.94);
    -ms-transform: translateY(0) translateZ(60px) scale(0.94);
	}


.titleh2{  text-align: center;   color: #000;  font-size:38px;  font-weight:500; max-width:800px; margin:0 auto;}
.titleh2 h2{ font-weight:500; margin-bottom:20px; font-size: 38px; } 
.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:#000000; }
a:hover{ color:#ff0000; }

.txt_left{ text-align:left; }
 
 
 
 
 
 
 
 
 
 

.con4{ background:#eefaff; overflow:hidden; padding:190px 0px; position: relative; padding-bottom: 50px; }
.con4.aboutbg{ background:url(../images/aboutbg.png) no-repeat center top; }

.con4 h2 {
font-size: 50px;
}
.con4 .miao {
        margin:80px  0px;
        line-height: 1.8;
        font-size:18px;
        font-weight: 500;
        color: #000000;
}
.con4 h2 span{ color:#00a0ea; }
.con4 .win .img { 
	position:absolute;
	right:0px; bottom:-235px;
	max-width: 62%;
}
.con4 .win .img img{ display:block;  }

.play{  transition:all 0.3s ease-in;  background: #00a0ea;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 20px;
    cursor: pointer;
    z-index: 10;
    left: 50%;
    margin-left: -30px;
    top:47%; }
.play svg{ width: 100%; height: 100%; margin-left: 2px; }
.play svg path{     fill: #fff !important; transition:all 0.3s ease-in; }
.play:hover{ -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); background:#e0f5ff; }
.play:hover svg path{     fill: #000 !important; }
.con4 .win .img video{ width:100%; border-radius:10px; display: block; }
.con4 .win .txt {
    float:left;
    width:500px;
}

.play.none{ opacity:0; pointer-events: none; }

.pause{ position: absolute; width: 20px; height: 20px; bottom: 30px; right: 30px; cursor:pointer; z-index:10; transition:all 0.2s ease-in; }
.pause.none{ opacity:0; pointer-events: none; }
.pause:hover{ transform: scale(1.1); }
.pause svg{ width: 100%;  height: 100%; }
.pause svg path{ fill: #fff; }

.con4 .txt ul{ overflow: hidden; display:flex; }
.con4 .txt ul li{ flex:1; }
.con4 .txt ul li span{ font-size:18px; color: #ff0000; position: relative;   display: inline-block; }
.con4 .txt ul li span i{ font-size: 80px; font-weight:bold; font-family: "Oswald-Bold" !important; }

.con4 .txt ul li span b{     position: absolute;
    top:22px;
    right:5px;
    font-weight: 500; font-size: 25px; }

.con4.con4_en .txt ul li span b{ right: 35px; }
.con4.con4_jp .txt ul li span b{   }


.con4 .txt ul li p{ font-size: 18px; color: #a9a9a9; }
.con4 .txt a.more {
text-transform: uppercase;
    padding: 12px 40px;
    display: inline-block;
    font-size: .9vw;
    border-radius: 53px;
    margin-top:80px;
    background: none;
    color: #7a7a7a;
    border: 1px solid #8b8b8b;     font-size: 18px;
}


.con4 .txt a:hover.more{ background:#ff0000; border: 1px solid #ff0000; color:#fff; }

.con4 .txt a.more.yanfa_btn { margin-left:40px; background:#ff0000; border: 1px solid #ff0000; color:#fff; }


.data{ margin-top:10vh; }
.data ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; row-gap: 30px; }
.data ul li{ overflow:hidden; }
.data .l {
    display: inline-block;
    float: left;
	position: relative;
	width: 100px;
	overflow: hidden;
	text-align: center;
}
.data h3 {
    font-size:70px; font-family: 'Conv_Interstate-Light'; font-weight: 400; color: #00a0ea;
}
.data .l2 {
    width: 58px;
    overflow: hidden;
	margin-left: 8px;
}
.data .l2, .data .l3 {
    padding-top:25px; text-align:left;
}
.data .l2 {
	width: 90px;
	overflow: hidden;
	font-weight: 500;
	color: #959595;
}
.data li  strong {
    color: #000;
    font-size: 1rem;
    position: absolute;
    left: 88px;
    top: 0;
	color: #00a0ea;
}
.data .l3{ padding-top: 15px; }
.data .l3 img {
    width: 60px;
    margin-left: 15px;
}

.data  li p{ line-height:1.7; }





.review{ padding: 15vh 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: #2eb5a7;  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; }




.partner { padding: 15vh 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: 60px; width: auto; }



.news{ padding: 15vh 0; overflow: hidden; background: #f5f6fa; }
.news_list{  }
.news_list .title{ margin-bottom:50px; }
.news_list .title::after{ content:''; display: block; clear:both; }
.news_list .title h2{ font-size:50px; float:left; }
.news_list .title p{ margin:20px 0; color: #000;  font-weight: 500;  line-height: 1.5; }

.news_list .title .more{ text-transform: uppercase;
    padding: 12px 40px;
    display: inline-block;
    font-size: .9vw;
    border-radius: 53px;
    margin-top:8px;
    background: none;
    color: #7a7a7a;
    border: 1px solid #8b8b8b; float:right; font-size:18px;  }
.news_list .title .more:hover{ background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff; }
	
.news-swiper{ width:100%; }


.news-swiper .swiper-slide{ border:1px solid #f1f1f1; border-radius:10px; overflow:hidden; box-sizing: border-box; position:relative; }
.news-swiper .swiper-slide img{ display:block; width:100%; }
.news-swiper .swiper-slide a{ text-decoration: none; background: #f1f1f1; width: 100%; height: 100%; color: #000; top: 0; left: 0; padding: 40px; box-sizing: border-box; display: block; }
.news-swiper .swiper-slide time{ color: #bdbdbd; }
.news-swiper .swiper-slide h2{ margin-top:20px; font-weight: 500; transition:all 0.2s ease-in; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box; font-size:20px; }
.news-swiper .swiper-slide p{ font-size: 18px; margin-top: 100px; line-height: 1.8; color: #7d7d7d; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; display:none; }
.news-swiper .swiper-slide span{ display:none;
    border: 1px solid #b1b1b1;
    width: 60px;
    height: 60px;
    line-height: 65px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    bottom: 40px;}
.news-swiper .swiper-slide span svg{ width: 30%; height: 30%; }


.news-swiper .swiper-slide a:hover{ color:#ff0000; }
.news-swiper .swiper-slide a:hover h2{   }
.news-swiper .swiper-slide a:hover p{   }
.news-swiper .swiper-slide a:hover time{   }
.news-swiper .swiper-slide a:hover span{   }
.news-swiper .swiper-slide a:hover span svg path{   }


.weizhi{ font-weight: bold; color: #979797; }
.weizhi a{ color: #979797; }
.weizhi a:last-child{ color: #000; }
.weizhi a:hover{ color:#ff0000; }


.allnews{ padding-bottom: 100px;
    border-bottom: 1px solid #f1f1f1; }
.index-news-list{ display:flex; grid-gap:60px; display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px; }
.index-news-list li{ background: #eef2f7;
    border-radius: 20px; overflow: hidden; flex:1; }
.index-news-list li a{ display: block; }
.index-news-list li a .img{     position: relative;   overflow: hidden; }
.index-news-list li a .img img{ display: block;
    width: 100%;  }
.index-news-list li a .txt{ padding:30px; position: relative; }
.index-news-list li a h2{  font-size: 20px;
    font-weight: 500;
    margin-bottom: 50px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden; line-height:1.6; }
.index-news-list li a time{ color: #666;  position: absolute;  bottom: 29px; }




.about_a .txt{ float: right; color: #d7d7d7; font-weight: bold; font-size: 50px; margin-top: 0; }

.jt_btn {
    margin-top: 100px;
}
.jt_btn span {
    display: inline-block;
    cursor: pointer;
}
.jt_btn span:nth-child(2) {
    margin-left: 40px;
}

.jt_btn span img{ display: block; }
.jt_btn .swiper-button-disabled{ opacity: 0.5; }
 

.postion{ height: 50px;
    line-height: 50px;
    color: #979797;      font-weight: bold; }
.postion a{ color: #979797; }
.postion a:last-child {
    color: #000;
}

.news-show { padding: 200px 0px; padding-bottom: 0; overflow:hidden; }
.news-show .win{ width:1200px;  }
.news-show .win ul{  padding:15px 0px; padding-left:20px; }
.news-show .win ul li{ list-style-type: disc; }
.news-article h1{ font-size: 50px;
    font-weight: unset;
    margin-top: 30px; }

.news-article .time{     margin-top: 50px; color: #a1a1a1; }

.news-wz{ background: #f6f6fb;
    padding: 50px 0px;
    line-height: 2;
    margin-top:120px; position: relative; min-height: 500px; }

.news-wz .win img,.news-wz .win video{ max-width:100%; height:auto !important; }

.news-wz::before{position: absolute;
    content: '';
    display: block;
    width: 200%;
    height: 200px;
    background: #f6f6fb;
    top: -69px;
    z-index: -1;
    transform: rotate(-2deg); }

/* about */

.nr_banner{ background-size: cover; color:#fff; padding:150px 0; margin-top: 101px; }
.nr_banner .win{ overflow:hidden; }
.nr_banner .title{ float:left; width:420px; }
.nr_banner .title h2{     font-size: 40px;     font-weight: 500; }
.nr_banner .title p{ line-height:1.5; margin-top:20px; }
.nr_banner .miao{ float:right; width:calc(100% - 500px); line-height:1.5; }


.con7{padding:10vh 0;     background: url(../images/bg.png) no-repeat 60px 93px; }
.con7 .win{ display:flex; }
.con7 .win:after{ content:''; display:block;     clear: both; }
.con7 .title{ float:left; width:415px; margin-right: 190px; }
.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 .titlecon h2{ font-size:60px; font-weight: 500; }
.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: 300; font-size:17px; }
.con7 .miao.miaoRD{     font-weight: 500; }
.con7 .miao h2,.con7 .miao h1{ font-size:38px; font-weight: 500; color: #000; }
.con7 .miao h3{ font-size:25px; font-weight: 500; color: #000;}
.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;
}
.data.win{ margin-top:0px; }

.aboutVideo{ padding:10vh 0px; position:relative; }
.aboutVideo::after{ content: '';
    display: block;
    position: absolute;
    height: 500px;
    background-image: linear-gradient(to bottom, rgb(224 245 255) 30%, rgb(255 255 255 / 0%));
    top: 310px;
    width: 100%; z-index: -1; }
.aboutVideo .video{ width:1000px; height:565px; min-width:auto; margin:0 auto; border-radius:10px; overflow:hidden; position:relative; z-index:2; }
.aboutVideo .video video{ width:100%; height:100%; }

.play:before, .play:after {
    display: block;
    content: '';
    border: 1px solid #fff;
    background: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 60px;
    border-radius: 100%;
    height: 250px;
    width: 250px;
    -webkit-animation: scene-pulse 1.6s ease-out;
    animation: scene-pulse 1.6s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 1;
    top: -95px;
    left: -95px;
    opacity: 0;
}
.play:after {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
@-webkit-keyframes scene-pulse {
    0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.0;
    }

    25% {
		-webkit-transform: scale(0);   
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.1;
    }

    50% {
		-webkit-transform: scale(.2);   
		-ms-transform: scale(.2); 
		transform: scale(.2); 
        opacity: 0.3;
    }

    75% {
		-webkit-transform: scale(.5);   
		-ms-transform: scale(.5); 
		transform: scale(.5); 
        opacity: 0.5;
    }

    100% {
		-webkit-transform: scale(1);   
		-ms-transform: scale(1); 
		transform: scale(1); 
        opacity: 0.0;
    }
}

@keyframes scene-pulse {
    0% {
		-webkit-transform: scale(0);   
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.0;
    }

    25% {
		-webkit-transform: scale(0);   
		-ms-transform: scale(0); 
		transform: scale(0); 
        opacity: 0.1;
    }

    50% {
		-webkit-transform: scale(.2);   
		-ms-transform: scale(.2); 
		transform: scale(.2); 
        opacity: 0.3;
    }

    75% {
		-webkit-transform: scale(.5);   
		-ms-transform: scale(.5); 
		transform: scale(.5); 
        opacity: 0.5;
    }

    100% {
		-webkit-transform: scale(1);   
		-ms-transform: scale(1); 
		transform: scale(1); 
        opacity: 0.0;
    }
}

.aboutVideo .title h3{     text-align: center;
    color: #000000;
    font-weight:500;
    margin-bottom: 20px;
    font-size: 38px; margin-top:10vh; 
}

.aboutVideo .iso{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap:50px;
    row-gap:50px;
	width:1000px; margin:0 auto;
}
.aboutVideo .iso li{ text-align:center;     color: #b7b7b7; }
.aboutVideo .iso{ width:1000px; margin:0 auto; }
.aboutVideo .iso img{ display: block; width:100%; }

.certificate {
	display: grid;
	    margin: 0 auto;
	    grid-template-columns: 1fr 1fr 1fr 1fr;
	    grid-gap:50px;
	    row-gap:50px;
		margin-top:10vh;
}

.certificate li{ border-radius:10px; overflow:hidden; border: 1px solid #f1f1f1; }
.certificate li img{ display:block; width:100%; }


.more_pic{ margin-bottom:10vh; }
.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.hover{ color: #000; }
.more_pic ul li.hover i{ display: block; position: absolute; transform: skewX(-20deg); left: 50%; z-index: -1; margin-left: -140px; top: -2px; }
.more_pic ul li.hover i::before{ content: ''; display: block; background: #2eb5a7; width: 18px; height: 60px;  opacity: .6;  margin-top: 0; float: left; }
.more_pic ul li.hover i::after{ content: ''; display: block; background: #2eb5a7; width: 18px; height: 60px; opacity: .6;  margin-left: -10px; margin-top: -7px; float: right; }
.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; }

.more_pic h3{     
	text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 38px; 
}

/* end about */



/* down */

.down{ padding:10vh 0px; }
.down.down_job{ margin-top:290px; }
.down .win{     overflow: hidden;  }
.down-left{    float: left;
    width:300px; }
.down-left h2{
	font-weight: 500;
	color: #000;
	position: relative;
	font-size:25px;
	border: 1px solid #cbcbcb;
	border-left: none;
	border-right: 0;
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0px;
}
.down-left h2::before{     content: '';
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #00a0ea;
    margin-right: 10px;
    border-radius: 2px;
	vertical-align: sub;
}
.down-left h2 i{     font-size: 16px;
    float: right;
    margin-top: 6px; font-weight:100;  }
.down-left-pro ul{ display:none; } 
.down-left-pro ul.hover{ display:block; }
.down-left ul{ margin-top:10px; }
.down-left ul li{ cursor:pointer; line-height:45px; }
.down-left ul li em{ 
	border: 1px solid #d3d3d3;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    padding: 2px;
	-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;
}
	
.down-left ul li em::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #00a0ea; opacity: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;
}
.down-left ul li:hover em,.down-left ul li.hover em{ border: 1px solid #00a0ea; }
.down-left ul li:hover em::before,.down-left ul li.hover em::before{ opacity:1; }

.down-left ul li a{ color:#000; text-decoration:none }
.down-left ul li a:hover{  color:#00a0ea;   text-decoration: underline; }

.down-right{ float:right; width:calc(100% - 350px) }
.down-right ul{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    row-gap: 50px; }
.down-right ul li{ border: 1px solid #f1f1f1;
    border-top-color: #cbcbcb;
    overflow: hidden; } 
.down-right ul li:last-child{  }
.down-right ul li a{ display: block; overflow: hidden; padding:40px; font-size:18px; }
.down-right ul li a .txt{ float: left; overflow: hidden;}
.down-right ul li a .txt svg{ display: block;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 15px; }
.down-right ul li a .txt .txt-1{ float: right; }
.down-right ul li a .txt .txt-1 h3{     font-size: 22px; font-weight: 500; color:#000; }
.down-right ul li a .txt .txt-1 time{     font-size: 12px; color:#bfbfbf; }
.down-right ul li a .btn{ font-size: 14px; float: right; background: #f1f1f1;  border-radius: 26px;  padding: 10px 28px;  margin-top: 8px;      color: #818181;
-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;
}
.down-right ul li a .btn i{}

.down-right ul li a:hover .btn { background: #00a0ea; color:#fff; }

.down.down_job .win{ position: relative;
    display: flex; overflow: unset; }

.down-right ul li a svg path:nth-child(1){ fill:#bfbfbf; }
.down-right ul li a svg path:nth-child(3),.down-right ul li a svg path:nth-child(2){ fill:#fff; }

.down-right ul li a:hover svg path:nth-child(1){ fill:#00a0ea; }
.down-right ul li a:hover .txt .txt-1 h3{ color: #00a0ea; }


/* end down */



/* video */

.newstwo{ float:right; width:calc(100% - 350px) }
.newstwo ul{ display: grid; grid-template-columns:1fr 1fr 1fr; grid-gap:30px; row-gap:30px; }
.newstwo ul li{ border-radius: 10px; border: 1px solid #f1f1f1; overflow: hidden;}
.newstwo ul li a{ display: block; padding:30px; transition: all 0.3s ease-in; height:100%; }
.newstwo ul li a:hover{
    background: #0E74BB;
}
.newstwo ul li a span,.newstwo ul li .videolist span{ color: #000; display: block; margin-bottom:20px; font-weight:100; transition: all 0.3s ease-in; }
.newstwo ul li a h4,.newstwo ul li .videolist h4{   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    margin-bottom: 20px;
    font-weight: 500;
    color: #000;
    font-size: 20px;
    transition: all 0.3s ease-in; font-family: HarmonyOSHans-Regular;}

.newstwo ul li a .text,.newstwo ul li .videolist .text{text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
    line-height: 150%;
    font-size: 14px; height: 84px; transition: all 0.3s ease-in;}

.newstwo ul li a i,.newstwo ul li .videolist i{ text-decoration: underline;
    margin-top: 20px;
    display: block;
    font-size: 12px;
    color: #979797; display:none;
    transition: all 0.3s ease-in;     font-style: inherit; } 

.newstwo ul li a:hover h4{ color: #fff; }
.newstwo ul li a:hover span,.newstwo ul li a:hover .text{color: #dfdfdf; }


.newstwo.newsvideo li{ border-radius:0;}
.newstwo.newsvideo li .videolist{ padding:0; position: relative; cursor:pointer; height:100%; }
.newstwo.newsvideo li .img{ background:#000; }
.newstwo.newsvideo li img{ display: block; width:100%; transition: all 0.3s ease-in; }
.newstwo.newsvideo li .videolist h4{ padding:20px 20px; padding-bottom:0; height: 59px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.newstwo.newsvideo li .videolist span{ padding:0 20px; color: #979797; }
.newstwo.newsvideo li .videolist span em{ display: inline-block; float: right;  font-style: inherit; color: #979797; }
.newstwo.newsvideo li .videolist code{     position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 5vh;
    color: #fff;
    top:23%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease-in;
    font-weight: 100;}
.newstwo.newsvideo li .videolist code svg{ width:60px; height:60px;     fill: #fff; }
.newstwo.newsvideo li .videolist:hover img{ opacity:0.6; }
.newstwo.newsvideo li .videolist:hover code{ opacity:1; }

.openvideo_show{ position:fixed; z-index:100; background:#ffffff; display: flex;   align-items: center;  justify-content: center; padding-top:25vh; height: 100%;
    width: 100%;   top: 0;  background-color: rgba(40, 40, 40, 100); transform:scale(0.1); display:none; -webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in;}
    
.openvideo_show .video_src{ position: absolute;
    text-align: center;
    width: 50%;
    height: auto;
    left: 50%;
    margin-left: -25%; }

.openvideo_show video{  height: auto;  width: 100%;  max-height: 68vh; } 

.openvideo_show .close { background:#0E74BB;   position: absolute;  top: -10vh;   height: 50px;  width: 50px;    margin: 0 auto;  left: 50%;  margin-left: -2.5vh;   border-radius: 50%; cursor:pointer; } 

.openvideo_show .close::before{ height: 1px;  width: 50%;  background: #fff;   content: '';   display: inline-block;   position: absolute;   transform: rotate(45deg);  top: 23px;
    left: 14px;}
.openvideo_show .close::after{ height: 1px;   width: 50%;   background: #fff;   content: '';   display: inline-block;  transform: rotate( -45deg); top: 23px;
    left: 13px; position: absolute;}


.openvideo_show .close:hover{ background:#1ab0ed; }
.openvideo_show .close:hover::before,.openvideo_show .close:hover::after{ background: #fff; }


.openvideo_show.show{ display:block;  animation: lineheightaba 1s forwards;}


@keyframes lineheightaba {
  0% { 
	transform:scale(0.1)
  }
  100% { 
	transform:scale(1)
  }
}
.lineheightaba{

	animation: lineheightab 1s forwards;

}
/* end video */



/* faq */
.downFaq .win{ overflow: unset; }
.downFaq .win::after{ content:''; display: block; clear:both; }

.shop_faq{ float:right; width:calc(100% - 350px)  }

.shop_faq li {
    margin-bottom: 40px;
    height: 80px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    vertical-align: top;
}
.shop_faq li .index-section7-content {
    border: 1px solid #e9e9e9;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 80px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
}
.shop_faq li h4 {
    padding: 0 40px;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    line-height: 78px;
    cursor: pointer;
	    font-size: 22px;
	    font-weight: 500;
	    color: #000;
}
.shop_faq li h4 svg {
    position: absolute;
    right: 40px;
    top: 0;
    height: 78px;
    width: 18px;
    fill: #000;
    transition: all 0.3s ease;
}
.shop_faq  li p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    padding: 0 40px 32px;
}

.shop_faq  li p a{ color: #7b69f1; text-decoration:underline }

.shop_faq li.on {
    z-index: 999;
}
.shop_faq li.on .index-section7-content {
	height: auto;
	min-height: 200px;
	background:#e0f5ff;
	border: 1px solid #e0f5ff;
}
.shop_faq  li.on h4 svg {
    transform: rotate(-180deg);
}
.shop_faq ul:nth-child(2n) {
    margin-right: 0;
}


/* end faq */



/* cantact */
.postion.postionCantact{ position: unset; margin-top:123px; border-top: 1px solid #f1f1f1; }

.contact { padding:0;}
.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; }
.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: #00a0ea;  color: #fff; text-transform: uppercase; padding: 15px 40px; width: 250px; display: block;  font-weight: bold;   border: 3px solid #00a0ea;  border-radius: 3px;  cursor: pointer;  margin: 0 auto;  margin-top: 30px; }
.contact .info .quote input[type="submit"]:hover{ background:#0096dc;  }

/* end cantact */










/* R&D */
.con7.con7RD{ padding: 30px 0; padding-bottom: 10vh; }
.con6{ padding:10vh 0; background: #e0f5ff; }
.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; overflow:hidden; border-radius:10px; }
.con6 ul li .img img{ display:block; width:100%; }
.con6 ul li a{ font-weight: bold;  margin-top: 10px; display: block; }

.con4.con4RD{ background:#fff;     padding: 10vh 0px; }

.con4.con4RD .win{ display: flex; justify-content: center;  align-items: center; }
	
/* end R&D */


/* QC */
.con6.con6QC{ background:none;  padding: 0;}
.con6.con6QC ul{     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.con7.con7QC{     padding: 30px 0; padding-bottom: 10vh; }
.con7.con7QC .title{     width: 430px; }
/* end QC */


.products{ margin-top:100px; border-bottom: 1px solid #f1f1f1; padding-bottom:60px; }

.products ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px;  row-gap: 50px; }
.products ul li{  }
.products ul li a{ display: block;
    text-align: center;
    background: #f1f1f1;
    border-radius: 15px;
    padding: 30px;
    padding-bottom: 60px;
    box-sizing: border-box;
    transition: all 0.5s ease-in; position:relative; }
	
 
.products ul li:hover a {
	color: #ffffff;
    background: url(../images/probg.png) no-repeat center #262626;
    background: #262626;
    transform: scale(1.05) !important;
    transition: all 1.5s;
    box-shadow: 0 1.25vw 4.1666vw .2604vw rgba(7, 10, 16, .2);
    box-shadow: -3.125vw 1.25vw 4.1666vw .2604vw rgba(7, 10, 16, .2);
    transform-origin: center center;
}

.products ul li .title {
	font-size: 18px;
	font-weight: 300;
	position: absolute;
	bottom: 30px;
	width: 80%;
	left: 10%;
	text-align: left;
}
.products ul li .title h3 {
    display: inline-block;
}

.products ul li .title span {
    font-weight: 300;  transition: .3s;
}

.products ul li:hover .title span{ font-weight:600; }

.products ul li img {
    display: block;
    margin: 0 auto;
    width:100%;
}



.products ul li svg{ display: block;
    vertical-align: middle;
    float: right;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -13px;
    top: -11px; }


.products ul li .link-more-circle, .products ul li .link-more-line {
    -webkit-transition: .3s;
    transition: .3s;
}
 
.products ul li:hover .link-more-circle, .products ul li:hover .link-more-line {
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem);
}

.imgBox.imgBoxPro{ top: -200px;
    left: 1240px;
    z-index: -1; }



/* products show*/
.products_pic{ width:100%; overflow:hidden; margin-top:30px;  }
.products_nr { overflow:hidden; }
.products_nr .pic {float: left; width:50%;}
.products_nr .txt{ float: right; width: 45%; margin-top: 240px; padding: 0 50px;  box-sizing: border-box;} 
.products_nr .txt h1{ font-size: 25px; font-weight: 500; margin-bottom: 30px; }


.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:70px;   width: 100%; overflow:hidden; }
.products_pic .gallery-top,.products_pic  .gallery-thumbs{  }


.products_pic .gallery-thumbs{ width:1000px;  height: auto; }
 
.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{ }
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}
  

.products_pic .gallery-thumbs .swiper-wrapper{  text-align: center; }
.products_pic .gallery-thumbs.duan .swiper-wrapper { display: block; }
.products_pic .gallery-thumbs.duan .swiper-slide{  }

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

.products_pic .gallery-top .swiper-slide .name{ color: #fff;
    position: absolute;
    top: 0;
    font-size:250px;
    font-weight: bold;
    z-index: -1;
    width: 100%;
    line-height: 1; }
.products_pic .gallery-top .swiper-slide .name span{ display: block; text-align:right; height:240px; overflow:hidden; }
.products_pic .gallery-top .swiper-slide .name span:first-child{ text-align:left; }
.products_pic .gallery-top .swiper-slide .name span:last-child{ font-size:150px; }

.products_pic .gallery-thumbs .swiper-slide{height: 80px !important; display: inline-block; border-radius: 50%; cursor:pointer; }
.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:#00a0ea; }



.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: #e0f5ff;
	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:#00a0ea; }
.proBtn li a:hover span{ color:#fff; }
.proBtn li:last-child a { background: #ffeeef; }
.proBtn li:last-child a:hover{ background:#e70012; }

.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; }
.productInfo .title{ font-weight:bold; color:#005db6; padding: 20px; position:relative; }

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

.productInfoTxt{ float:left; width:calc(100% - 400px);
    border: 1px solid #c3e0ed;
    box-sizing: border-box;
    border-radius: 10px;  }
.like{ float:right;
    width: 370px;
    border: 1px solid #c3e0ed;
    box-sizing: border-box;
    border-radius: 10px; }

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



/* end products show*/


.index_pro{ overflow:hidden; padding:150px 0px; position: relative; }
.index_pro .indexpro_1_pro{ position:relative; height: 460px; }
.xle_swp{ opacity:0; z-index:1; width: 100%; position:absolute; transition:all 0.5s ease-in;}
.xle_swp.hover{ display: block; z-index:2; opacity:1; }

.xle_swp .swiper-slide{  }

.xle_swp  .nav_menu{ position: absolute;
    top: -180px;
    right: 0px; }

.xle_swp .swiper-slide i{ position:absolute; top:30px; left:30px;     font-size: 36px;    font-family: "Oswald-Bold" !important; }
.xle_swp .swiper-slide a{ display: block; text-align:center; background:#f1f1f1; border-radius:15px;  padding:30px; padding-bottom:60px; box-sizing: border-box; transition:all 0.5s ease-in; }
.xle_swp .swiper-slide img{ display: block; margin:0 auto;}
.xle_swp .swiper-slide .title { font-size:18px;
    font-weight: 300;
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;}
.xle_swp .swiper-slide .title h3{ display:inline-block; }
.xle_swp .swiper-slide .title span{ font-weight:300; }


.xle_swp .swiper-slide:hover a{ background:url(../images/probg.png) no-repeat center #262626; background:#262626;

    transform: scale(1.05) !important;
    transition: all 1.5s;
	
	box-shadow: 0 1.25vw 4.1666vw .2604vw rgba(7, 10, 16, .2);
     box-shadow: -3.125vw 1.25vw 4.1666vw .2604vw rgba(7, 10, 16, .2);
     transform-origin: center center;
     
 }
.xle_swp .swiper-slide:hover a{ color:#ffffff; }


.index_pro .txt{ overflow:hidden; margin-bottom:70px; }
.index_pro .txt h2{ float:left; font-size: 50px; }
.index_pro .txt ul{ float:right; display:flex; grid-gap:80px;     margin-right: 190px; }
.index_pro .txt ul li{ flex:1; text-align:center; opacity:0.5; min-width:110px; cursor:pointer; transition:all 0.3s ease-in; }
.index_pro .txt ul li.hover{ opacity:1; }
.index_pro .txt ul li span{ padding:10px; border:1px solid #000; border-radius:10px; display: block; width:80px; box-sizing: border-box;  margin: 0 auto; }
.index_pro .txt ul li span img{ display: block; width: 100%; height: auto; }
.index_pro .txt ul li h3{ font-size: 18px; font-weight: 500; margin:15px 0px; }
.index_pro .txt ul li.hover h3{ font-weight:bold; }


.imgBox{ top: -910px; left: -870px; width: 1600px; height: 1600px; pointer-events: none; position: absolute; animation: roll_right 30s linear infinite; }
@keyframes roll_right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}





.about{ padding:100px 0px; margin-top: 146px; }
.about_a{ overflow:hidden; }
.about_a .title{ float:left; }
.about_a .title h2{ font-size:50px; margin-bottom:30px; }
.about_a .title h2 span{ display: block; }
.about_a .title p{ font-size: 30px; color: #979797; }

.about_a ul{ overflow: hidden; display:block; float: right; margin-top: 60px; }
.about_a ul li{  float:left; margin-right:50px; text-align: left; font-weight: bold; }
.about_a ul li:last-child{ margin-right:0px; }
.about_a ul li span{ font-size:18px;
    color: #ff0000;
    margin-bottom: 10px;
        display: inline-block; font-weight: 300; position:relative; }
    
.about_a ul li span i{ font-size:80px;  font-family: "Oswald-Bold" !important; font-weight:bold; }
.about_a ul li span b{      position: absolute;
    top:22px;
    right: 8px;
    font-weight:300; }
    
.about_a.about_a_en ul li span b{     right: 33px; font-size:22px; font-weight:500; }
    
.about_a ul li p{ font-size: 18px; color: #a9a9a9; font-weight:500; }

.about_img{ margin-top:100px; }
.about_img img{ display: block; width:100%; }


.about_company{ padding:100px 0px; }

.yanf_a .about_company{ padding-bottom:0px; }

.about_company::after{ content:''; display: block;  clear:both;}
.about_company h2{ font-size:50px; font-weight:500; margin-bottom:20px; text-transform: capitalize; }
.about_company .lf{ width:680px; }
.about_company .rt{ width: calc(100% - 750px); line-height:1.8; color: #5c5c5c;  }
.about_company .lf p{ font-size: 30px; color: #979797; text-transform: capitalize; }

.about_company .miaoshu{     font-weight: 500;
    display: block;
    line-height: 1.5;
    margin-top: 0px;
    font-size: 30px;
    color: #979797; }


.idx-tags{ width:100%; margin: 0 auto; padding: 0;  position:relative; margin-bottom:0px; }
.idx-tags ul{ display: flex;
    position: relative;
    z-index: 5;
    text-align: center;
    grid-gap: 80px;}
.idx-tags ul li{ color: #000;
    display: inline-block;
    font-size: 18px;
    text-align: left;
    flex: 1;
    flex-basis: 240px; position:relative; }
.idx-tags ul li:nth-child(2){ flex-basis: 200px; }
.idx-tags ul li:nth-child(3){ flex-basis: 310px; }
.idx-tags ul li:last-child{ margin-right:0px; flex-basis:35px }
.idx-tags ul li .col2{ display:none;  }
.idx-tags ul li	.tags_left span{ display: inline-block;     font-size: 18px;  color: #a9a9a9;  }
.idx-tags ul li	.tags_left div span{ color:#ff0000; margin-top:0px; position:relative; }
.idx-tags ul li	.tags_left span .counter{ font-size:70px;  line-height: 90px; font-weight: 500;  color: #ff0000; font-family: "Oswald-Bold" !important; font-style: normal;}
.idx-tags ul li	.tags_left span i{ position:absolute; right: -15px;  top:12px; }
.idx-tags.idx-tags-en ul li .tags_left span i{ font-weight:500; font-size: 22px; }
.idx-tags ul li:nth-child(2):before{ content: '';
    height: 110px;
    width: 1px;
    background: #d1d1d1;
    display: block;
    position: absolute;
    left: -140px;
    top: 8px; }

.idx-tags ul li:nth-child(3):before{ content: '';
    height: 110px;
    width: 1px;
    background: #d1d1d1;
    display: block;
    position: absolute;
    left: -140px;
    top: 8px; }
.idx-tags ul li:nth-child(4):before{
	content: '';
	    height: 110px;
	    width: 1px;
	    background: #d1d1d1;
	    display: block;
	    position: absolute;
	    left: -140px;
	    top: 8px; 
}




.about-history{ overflow:hidden; background:url(../images/hisbg.png) no-repeat center bottom ; height:730px; }
.about-history h2{ font-size: 50px; font-weight: 500;  margin-bottom: 30px; }
.about-history-swiper .pic{     position: relative;  border: 4px solid #ebebeb; }
.about-history-swiper .pic img{width: 100%;  display: block;}
.about-history-swiper .pic i{color: #ff0000;  position: absolute; font-size: 60px;  transform: rotate(180deg);  right: 0;  margin-right: -16px;  top: 30px;}
.about-history-swiper .pic em{  font-family: "Oswald-Bold" !important; -webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;  color: #ff0000;  position: absolute;  font-size:90px; bottom: -10px; left: -40px;  font-weight: bold;}
 
.about-history-swiper .text{color: #000;}
.about-history-swiper .text h2{    font-size: 25px; margin:18px 0px; font-family: "HarmonyOSHans-Regular"; font-weight: 500;}
.about-history-swiper.about-history-swiper-en .text h2{ font-size:22px; }
.about-history-swiper.about-history-swiper-en .text .miao{ line-height: 22px; }
.about-history-swiper.about-history-swiper-en .text .miao::after{ margin-top:15px; }
.about-history-swiper .text .miao{font-size: 16px; line-height: 30px; font-family: "HarmonyOSHans-Regular"; color: #6c6c6c;}
.about-history-swiper .text .miao::after{ display: block;
    width: 28px;
    content: '';
    height: 2px;
    background: #ff0000;
    margin-top: 30px; }
.about-history-swiper .swiper-slide{ 
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in; }
.about-history-swiper .swiper-slide.hover{ margin-top:50px; }

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'ywxfont';  /* Project id 4627527 */
  src: url('https://at.alicdn.com/t/c/font_4627527_ezhyo9bscvv.woff2?t=1742739131602') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4627527_ezhyo9bscvv.woff?t=1742739131602') format('woff'),
       url('https://at.alicdn.com/t/c/font_4627527_ezhyo9bscvv.ttf?t=1742739131602') format('truetype');
}


.ywxfont {
    font-family: 'ywxfont' !important;
}

.about-history .title{ overflow:hidden; margin-bottom: 70px; }
.about-history .title h2{  }
.nav_menu{ overflow:hidden; display:flex;  }
.nav_menu li{ flex:1; cursor:pointer; padding:10px; background: #f1f1f1; border-radius: 5px; }
.nav_menu li:last-child{ border-bottom-left-radius:0px; border-top-left-radius:0px; }
.nav_menu li:first-child{ border-bottom-right-radius:0px; border-top-right-radius:0px;  }
.nav_menu li.swiper-button-disabled{ opacity:.3; }
.nav_menu li svg{ width:40px; height:40px; }
.nav_menu li svg path{ fill:#ff0000; }
.nav_menu li.swiper-button-disabled svg path{ fill:#a9a9a9; }
.nav_left svg{ transform: rotate(180deg); }



.honor{ overflow:hidden; padding:100px 0px;     user-select: none; }
.honor h2{ font-size: 50px; font-weight: 500;  margin-bottom: 30px; }
.honor .title{ overflow:hidden; margin-bottom: 70px; }
.honor .swiper-container{ overflow: initial; }

.honor_li{   }

.honor_li img{ width:100%; }

.honor_li .swiper-slide-prev{}

.honor_li .swiper-slide-next{}

.swiper-container-3d .swiper-slide-shadow-left {     background-image: linear-gradient(to left, rgb(255 255 255 / 90%), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgb(255 255 255 / 90%), rgb(255 255 255 / 0%));
}

.honor_li .swiper-slide img{ transform: scale(.6);  transition:all .5s ease-in; opacity:.3; }
.honor_li .swiper-slide.swiper-slide-prev img,.honor_li .swiper-slide.swiper-slide-next img{ transform: scale(.8); opacity:.6; }
.honor_li .swiper-slide.swiper-slide-active img{ transform: scale(1); opacity:1; }



.top_title{ background:#fff;   min-width: 1300px; position: relative; }
.top_title .bot_txt{ margin-top: 0;
    display: flex;
    padding: 0;
    position: absolute;
    left:0;
    right:0;
    top:40%;  }
.top_title .txt{ flex:1; align-content: center;   z-index: 5; }
.top_title .txt p{font-weight: 500;
    width: 750px;
    display: block;
    line-height: 1.5;
    margin-top: 0px;
    font-size: 30px;
    color: #979797; }
.top_title .txt h2{ font-size:70px; margin-bottom: 20px; }
.top_title .txt .btn{ background: #00a0ea;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 50px;
    display: inline-block;
    font-weight: bold;
    border: 3px solid #00a0ea;
    border-radius: 3px;
    font-size: 17px; }
.top_title .img{ flex: 1;
    text-align: right;
    margin-left: 0;
    width: 100%;}
.top_title .img img{ display:block; width:100%; }



.lm_nav{ background: #fff;
    margin-top:-80px;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 0 70px;
    box-sizing: border-box; }

.lm_nav_ul_li{
    position: relative;
    display:block;
    width:100%;
	overflow: hidden;
}

.lm_nav_ul_li.lm_nav_ul_li_new{ display:block; }

.lm_nav_ul_li li{ flex:1; float: left; margin-right:120px; }
.lm_nav_ul_li li:last-child{ margin-right:0px; }
.lm_nav_ul_li.lm_nav_ul_li_new li{ margin-right:100px; }
.lm_nav_ul_li li a{ display: block; color:#000;  transition: all .3s ease-in-out; line-height: normal; font-family: HarmonyOSHans-Regular; font-size:20px;  padding:50px 0px; min-width: 130px;  text-align: center; opacity:.5; }

.lm_nav_ul_li li a img{ width: 50px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }

.lm_nav_ul_li li a span{ display: block;
    font-size: 12px;
    line-height: normal;
    margin-top: 5px; }
.lm_nav_ul_li li.hover a,.lm_nav_ul_li li:hover a{ color:#000; opacity:1; }


.lm_nav_ul_li li:first-child{ margin-left:0; }

.lm_nav_ul_li .line{ position:absolute; width:30px; height:5px; top:0; background:#ff0000; transition: all .4s; 
border-bottom-left-radius:10px; 
border-bottom-right-radius:10px; 
}

.products-show .win{ position: relative; }

.products-show {
    background: #f1f1f1;
    background: linear-gradient(0deg, #e5e5e5, #ffffff);
    padding-top: 200px;
    padding-bottom: 80px;
}

.products-show .swiper-button-next,.products-show .swiper-button-prev{ top:auto; bottom:30px; }

.products-show .title {
    position: absolute;
    top: 30%;
    width: 300px;
    text-align: left;
    line-height: 1.8;
    font-size: 18px; z-index:10;
}
.products-show .title h1{ line-height: normal; font-size:50px; }
.products-show .title .miaosh{     margin-top: 20px; color: #6d6d6d;}

.products-show .txt {
    position: absolute;
	top: 35%;
    right: 0;
    z-index: 90;
    text-align: center;
}
.products-show .txt ul{ display:block;  }
.products-show .txt ul li {
   vertical-align: middle;
       margin-bottom: 40px;
}

.products-show .txt ul li a{ display: block;
    background: #ff0000;
    padding: 10px;
    border-radius: 50%;
    font-size: 35px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 23px;
    position: relative; color:#fff; }
	
.products-show .txt ul li:last-child a{  background: #fff; color:#666;  }

.products-show .txt ul li a span{ display:none; font-size: 14px; line-height: 20px; }
.products-show .txt ul li a i{ display: block;
    top: 18px;
    left: 12px;
    position: absolute; }

.products-show .txt ul li a:hover span{ display:block;  }
.products-show .txt ul li a:hover i{ display:none; }
.products_other { margin-bottom:50px; }
.products_other .title{ text-align:center; font-size:25px; margin-bottom:50px; }


.go_scr {
    user-select: none;
    width:40px;
    height:40px;
    border-radius: 50%;
    line-height: 0.6rem;
    background-color: #ff0000;
    text-align: center;
    display: flex; 
    transform-origin: 50% 50%;
    justify-content: center;
    align-items: center;
	margin-top: 100px;
	display:none;
}

.go_scr svg{ width: 35px;
    height: auto; }
.go_scr svg path{     fill: #fff; } 



.hxjs{ background: url(../images/aboutbg.jpg) no-repeat center; padding:100px 0px; background-size: cover; }
.hxjs .title{ overflow:hidden;  margin-bottom: 40px; }
.hxjs .title h2{ font-size: 50px; font-weight: 500;  margin-bottom: 30px; }
.hxjs .photo-nav .swiper-slide {
width:auto;
    font-size: 18px;
    opacity:1;
    cursor: pointer;
    transition: all .3s ease;
}
.hxjs .photo-nav {

    padding:20px 0px;
}

.hxjs .photo-nav .swiper-slide svg{ width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    opacity: 0; transition: all .3s ease; bottom:0px; }
.hxjs .photo-nav .swiper-slide svg path{}
.hxjs .photo-nav .swiper-slide.swiper-slide-thumb-active{ color:#ff0000; opacity:1;  }
.hxjs .photo-nav .swiper-slide.swiper-slide-thumb-active svg{ opacity: 1;  bottom: -22px; }
.hxjs .photo-nav .swiper-slide.swiper-slide-thumb-active svg path{ fill:#ff0000 }


.photo-show-item.swiper-slide{ opacity:0 !important; }
.photo-show-item.swiper-slide.swiper-slide-active{ opacity:1 !important; }

.hxjs .photo-nav .swiper-slide:last-child{ margin-right:0px !important; }

.photo-show{   }
.photo-show-item h2{ font-size:25px; font-weight:500; }
.photo-show-item .miaoshu {  line-height: 1.8;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0px; margin-bottom: 40px;
    color: #767676; }
.photo-show-item ul{ display: grid; grid-template-columns: 1fr 1fr 1fr;  grid-gap: 50px;  row-gap: 50px; }
.photo-show-item ul li { border-radius:10px; overflow:hidden; }
.photo-show-item ul li img{ display:block; width:100%; }













.ys{ padding:50px 0px; margin-bottom: 200px;}
.ys .win{ position:relative; }
.ys .win::after{ content:''; display:block; clear:both; }
.ys_nav{ width:204px; height:630px; position:relative; }
.ys_nav li{ color: #848484;
    background: #fff;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    border: 1px solid #dbdbdb;
    border-radius: 50%; transition: all 1s; position:absolute; top:0; left:0; bottom:0; cursor:pointer; }

.ys_nav li:first-child{ margin-top:0px; }
.ys_nav li:last-child{ margin-bottom:0px; }

.ys_nav li img{ display: block; filter: brightness(0.6); width: 50px;  margin: 0 auto;  margin-bottom: 5px; font-size: 12px; }
	
.ys_nav li span{ font-size: 14px; display: block; text-align: center;}

.ys_nav li::before{ background:url(../images/jt.png) no-repeat center; content:''; display: block; width:30px; height:59px;  position: absolute;
    left:0px; top: 36px; opacity:0; transition: all 1s;}


.ys_nav li.hover{ background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    width: 130px;
    height: 130px;
    padding:20px; top: 260px; margin-left: 65px; }
.ys_nav li.hover img{ filter: brightness(1); width:55px; }
.ys_nav li.hover span{ font-size: 18px;  }
.ys_nav li.hover::before{ left: 140px; opacity:.1; } 


.ys_nav li.a{ top:0; left:0; }
.ys_nav li.b{ top:550px; left:0px; }
.ys_nav li.c{ top: 710px; left: -290px; }
.ys_nav li.d{ top: -170px; left: -290px; }

.ys .imgBox { top: -120px;
    left: -760px;
    width: 900px;
    height: 900px;
    pointer-events: none;
    position: absolute;
    animation: roll_right 30s linear infinite;
    z-index: -1; }

.ys_text{ position:relative; width:calc(100% - 300px); height: 450px; margin-top: 110px; } 
.ys_text li{ opacity:0; transition: all 1s; position:absolute; top:100px; overflow: hidden; display: flex; align-items: center;
    justify-content: center; width:100%; }
.ys_text li.hover{ opacity:1;  top:0px;  }
.ys_text li .txt{ flex:1;margin-left: 50px; }
.ys_text li .img{ flex:1.5; border-radius:15px; overflow:hidden; }
.ys_text li .img img{display: block; width:100%; }
.ys_text li .txt h2{ font-size: 50px; font-weight: 500;   margin-bottom: 30px; text-transform: capitalize; }
.ys_text li .txt .miaoshu{ font-size: 18px; line-height: 1.8; color: #545454; }

.factory{ padding:100px 0px; padding-bottom: 0px; user-select: none; }
.factory .title h2{ font-size: 50px; font-weight: 500; margin-bottom: 30px; }
.factorySwiper img{ width:100%; display: block; }
.factorySwiper .swiper-slide{ border-radius:15px; overflow:hidden; }



footer {
    background: #fff;
    padding:60px 0;
}
footer .footer_logo {
    float: left;
    margin-top:0px;
}
footer .footer_logo img {
    display: block;
}
footer  .txt {
    float: right;
}


footer .txt ul{}
footer  .txt ul li{ display: inline-block;margin-right: 50px; }
footer .txt ul li:last-child{ margin-right:0px; }
footer  .txt ul li a{     display: block;  color:#000000;}
footer  .txt .dizhi{ overflow:hidden; width: 750px; margin-top: 30px; }
footer  .txt .dizhi span{ display: block;  width: 370px;  float: left;  color: #989898;  line-height: 2;  font-size: 14px; }

footer .txt .dizhi span:nth-child(1),footer .txt .dizhi span:nth-child(3){width:100%; }
footer .win::after {
    content: '';
    display: block;
    clear: both;
}
.copyright {
    float: left;
    width: 100%;
    margin-top: 30px;
    color:#bbbbbb;
    line-height: 2;
    font-size: 14px;
}
.copyright a {
    color: #6e6e6e;
}


.up{ 
    text-align: center;
    position: fixed;
    font-size: 13px;
    width: 41px;
    cursor: pointer;
    margin-top: 0;
    right:2%;
    bottom: -100px;
    z-index: 100;
    background: #fff;
    border-radius: 10px;
    padding: 30px 10px;
    padding-top: 55px;
    height: 17px;
    padding-bottom: 10px;
    border: 1px solid #f1f1f1;
    transition:all .5s ease-in;
    
}

 
.up.show{ bottom: 100px; }

.up svg{ position: absolute;
    width: 40px;
    height: 40px;
    top: 4px;
    left: 9px;
    transform: rotate(-90deg); }

.up .link-more-circle, .up .link-more-line {
    -webkit-transition: .3s;
    transition: .3s;
}
.up:hover{ color:#ff0000; }
.up:hover .link-more-circle, .up:hover .link-more-line{
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(0.5rem);
}


.contact_center {
    margin: 0 auto;
    box-shadow: none;
    padding: 0px;
}
.companyname {
    border-radius: 15px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top:350px;
    margin-bottom: 250px;
}
@font-face {
  font-family: 'iconfonttwo';  /* Project id 2738956 */
  src: url('https://at.alicdn.com/t/font_2738956_kx94189vfv.woff2?t=1650900713000') format('woff2'),
       url('https://at.alicdn.com/t/font_2738956_kx94189vfv.woff?t=1650900713000') format('woff'),
       url('https://at.alicdn.com/t/font_2738956_kx94189vfv.ttf?t=1650900713000') format('truetype');
}

.iconfonttwo {
    font-family: iconfonttwo;
}


.companyname h3, .contact_a h3, .companyname h2, .contact_a h2 {
    font-size: 48px;
    margin-bottom: 20px;
    display: inline-block;
    margin-bottom: 20px;
}
.companyname.companyname_en .companyname_info{ max-width:50%; }
.companyname.companyname_en h2{ font-size:30px;  max-width:50% }

.companyname span{ color: #3b3c45; font-size:20px; }
.companyname_info span{ color: #6e6e6e;
    display: block;
    line-height: 26px;
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px; }
.companyname_info span i{ margin-right: 6px;
    position: absolute;
    left: 0; }

.p-list7 {
    position: absolute;
    right: 10%;
    top:260px;
    z-index: 2;
    text-align: right;
    display: none;
}


.p-list7 li {
    width: 120px;
    height: 40px;
    background: #ff0000;
    cursor: pointer;
    margin:0;
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
	border-radius: 30px;
	    border-bottom-left-radius: 0px;
}

.p-list7 li.wei {
    display: inline-block;
	padding: 8px;
	position: relative;
	box-sizing: border-box;
	margin-top: 182px;
	width: 55px;
	background: #fff;
	border: 1px solid #dddddd;
	height: 45px;
}
.p-list7 li.wei .txt {
    top: 90px;
    opacity: 1;
    pointer-events: auto;
    background: #f1f1f1;
    padding: 10px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}
.p-list7 li.wei .txt img{ display: block; width:100%; }
.p-list7 li.wei:hover .txt {
    top: 70px;
    opacity: 1;
    pointer-events: auto;
}
.p-list7 li.wei .txt::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #f1f1f1;
    position: absolute;
    right: 50%;
    top: -7px;
    margin-right: -3px;
}

.p-list7 li.wei svg{ width: 30px;   height: 30px; }
.p-list7 li.wei svg path{ fill: #ff0000; }

.p-list7 li.wei:hover{ background:#ff0000; border:1px solid #ff0000; }
.p-list7 li.wei:hover path{ fill: #fff; }


#map {
    height: 900px;
    width: 100%;
	position:relative;
}
#map img{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;max-width:none}

#map::before{ content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    height:200px;
    width:100%;
    z-index: 1; opacity:0; }
    


.weixin-qrcode-box .weixin-qrcode {
    display: none;
    position: absolute;
    width: 108px;
    height: 108px;
    top: 0;
    left: 0;
    transform: translate(0, -100%);
    background: #fff;
    border-radius: 3px;
    padding: 3px;
}

.map-con li {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
}

.map-con li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #ff0000;
    border-radius: 50%;
}
.map-con .desc {
    padding: 9px 0 12px;
    margin-bottom: 20px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

.map-con h3 {
    font-family: FandolSong-Bold;
    font-size: 20px;
    margin-bottom: 16px;
}

.cotantmap {
    height: 1400px;
    overflow: hidden;
    position: relative;
    border-radius:0;
    background: url(../images/bg.jpg) no-repeat center -150px;
}



.weixin-qrcode-box{position: relative;}
 .weixin-qrcode-box .weixin-qrcode{display:none;position: absolute;width:108px;height: 108px;top:0;left: 0;transform: translate(0, -100%);background:#fff;border-radius: 3px;padding:3px;}
 .weixin-qrcode-box .weixin-qrcode img{max-width: 100%;max-height: 100%}
 .weixin-qrcode-box:hover .weixin-qrcode{display:block;}
 .weixin-qrcode-box .m-weixin-qrcode{display:none;position: absolute;width:108px;height: 108px;top:50%;left: 0;transform: translate(-100%, -50%);background:#fff;border-radius: 3px;padding:3px;}
 .weixin-qrcode-box .m-weixin-qrcode img{max-width: 100%;max-height: 100%}
 .weixin-qrcode-box:hover .m-weixin-qrcode{display:block;}





.page{ text-align: center; margin-top: 50px; }
.page b,.page a{     background: linear-gradient(to bottom, #ffffff, #f3f3f3); 
    height:40px;
    width:40px;
    display: inline-block;
    vertical-align: bottom;
    line-height:40px;
    margin: 0 7px;
    border: 1px solid #ededed;
    border-radius: 3px; }
 
.page b,.page a:hover{ background: #ff0000;
    color: #fff;
    font-weight: 500; border: 1px solid #ff0000; }


.classmd5 {padding:250px 0px;}
.classmd5  input {
   color: #000000;
    background: #f1f1f1;
    padding: 20px;
    width: 363px;
    border: none;
    border-radius: 6px;
    display: block;
    float: left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 18px;
}
 
.classmd5  button {
  color: #000000;
    background: #e1e1e1;
    cursor: pointer;
    padding: 20px;
    border: none;
    font-size: 18px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.classmd5  button:hover{ background:#ff0000; color:#fff; }

#searchform{ overflow: hidden;
    display: block;
    width: 500px;
    margin: 0 auto; }




.yuan{
	width:900px;
    height:900px;
    border-radius:50%;
    position:absolute;
	transform: rotateZ(0deg); margin:0 auto;
	transition: all .5s ease;
	left: -760px;
	top: -120px;
}

.yuan li{ color: #848484;
    background: #fff;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    border: 1px solid #dbdbdb;
    border-radius: 50%; transition: all .2s; position:absolute; top:0; left:0; bottom:0; cursor:pointer; }


.yuan li img{ display: block; }

.yuan li.icon01{ top: -42px;  left: 400px; }
.yuan li.icon02{ top: 83px;  left: 715px; }
.yuan li.icon03{ top: 400px; left: 848px; }
.yuan li.icon04{ top: 719px;  left: 715px; }
.yuan li.icon05{ top: 840px; left: 400px; }
.yuan li.icon06{ top: 719px; left: 89px; }
.yuan li.icon07{}

.yuan li.hover{ transform: scale(1.2) rotate(0deg); }

.yuan li img{ display: block; filter: brightness(0.6); width: 50px;  margin: 0 auto;  margin-bottom:0px; font-size: 12px; }
	
.yuan li span{ font-size: 14px; display: block; text-align: center;}
.yuan.yuan_jp li span{  }

.yuan li::before{ background:url(../images/jt.png) no-repeat center; content:''; display: block; width:30px; height:59px;  position: absolute;
    left:0px; top:18px; opacity:0; transition: all 1s;}


.yuan li.hover{ background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
	transform: scale(1.3);
   }
.yuan li.hover img{ filter: invert(1); }
.yuan li.hover span{  }
 
.yuan li.hover::before{ left:110px; opacity:.1; } 

.procon{ overflow:hidden; position:relative; }
.procon .imgBox.imgBoxPro{ top: -1090px; }

@media screen and (max-width:1780px){
    
    /*.banner img.topup{ max-width:35%; top: 22%; }*/
    .news-swiper .swiper-slide p{ margin-top:40px; }
}


@media screen and (max-width:1480px){
    
    header{ position: absolute; width:auto; }
    .banner{ min-width:1460px; }
    .con4 { min-width:1460px; }
    .index_pro{ min-width:1460px; }
    .news{ min-width:1460px; }
    .top_title{ min-width:1460px; }
    .procon{ min-width:1460px; }
    .about{ min-width:1460px;  }
    .about-history{ min-width:1460px; }
    .honor{ min-width:1460px; }
    .honor_li{ width:1300px; }
    .allnews{ min-width:1460px; }
    .news-show{ min-width:1460px; }
}




@media screen and (max-width: 1100px){
	
    .win{ min-width:auto;     width: 90%; }
	
	.nav{ position: fixed;
    float: none;
    margin-left: 0;
    width: 100%;
    opacity:0;
    left: 0;
    background: #fff;
    padding-top: 60px;
    top:0px;
    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{ width:100%; text-align: left;padding: 20px 0px;
        padding-left: 5%;
        padding-right: 5%; display:inline-block; font-size: 18px; }
	.nav .nav_two li{ text-align:left; } 
	.nav .nav_two li a{ display: inline-block; width:auto; color: #6b6b6b; }
	.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%; }
    
    
    .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:200px;  height: 30px; padding: 0;}
	.logo a img{ width:100%; }
    header{ padding: 10px 0px; width:100%; position:fixed;  }
     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:0; opacity:0; }
     
    header .bg{ width:100%; }
    header .bg.appDown{ opacity: 1; pointer-events: auto; }
    
    header.onon{ padding:10px 0; }
    
    header .win{ padding: 10px 10px; border-radius: 10px;}
    
    #app header .appNav .right .menu.active .line:before {
        background-color: #131212;
        transform: rotate(45deg);
        }
    
    .sj_nav{ float: right; width: 30px; height: 30px; position: relative; margin-left: 25px; }
    .sj_nav span{ background-color: #000; 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: #fff; }
    
    .sj_nav span:before {
    content: "";
    backface-visibility: hidden;
    background-color: #000;
    border-bottom-right-radius: 17px;
    border-top-left-radius: 17px;
    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: #131212;
        transform: rotate(45deg);
    }
    

    .sj_nav span:after {
    content: "";
    backface-visibility: hidden;
    background-color: #000;
    border-bottom-left-radius: 17px;
    border-top-right-radius: 17px;
    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: #131212;
        transform: rotate(-45deg)translateY(0);
    }
    .top-lianx{ margin-top: 0; }
    .top-lianx .btna a{ font-size:12px; padding: 0px 5px; }
    .top-lianx .btna a svg{  width: 10px;
    height: 10px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top:3px;}
    
    .top-lianx{ display:none; }
    
    
    
    .banner{ min-width:auto }
    .con4 { min-width:auto; }
    .index_pro{ min-width:auto; }
    .news{ min-width:auto; }
    .top_title{ min-width:auto; overflow:hidden; }
    .procon{ min-width:auto; }
    .allnews{ min-width:auto; }
    
    .about{ min-width:auto;  }
    .about-history{ min-width:auto; }
    .honor{ min-width:auto; }
    .honor_li{ width:100%; }
    .news-show{ min-width:auto; }
    
    
    
    .banner .swiper-slide{ overflow:hidden; }
    .banner img{ display:none; }
    /*.banner img.topup{ right: 4%;  top: 28%;  z-index: 1;  width: 45%; }*/
    .banner img.topup{ display:block;width:100%; }
    .banner .txt{ margin-top:100px; margin-bottom:100px; }
    .banner .txt h2{ font-size:22px; margin-bottom: 10px; }
    .banner .txt h3{ font-size: 16px; margin-bottom: 0px; }
    
    .banner .txt span{ margin-top: 15px;     font-size: 14px; width: 100%; font-weight: 500; color: #4b4b4b; display:none; }
    .btn{     margin-top: 20px; }
    
    .btn a{ font-size: 12px; padding: 5px 10px; }
    .btn a.nobg{ margin-left: 10px; }
    
    
    .banner .swiper-pagination{ min-width: auto; width: 90%; left: 5%; bottom: 40px; }
    .banner .swiper-pagination-bullet{ font-size:12px; }
    .banner .swiper-pagination-bullet-active{ font-size:14px; }
    
    
    
    .con4{ padding: 50px 0px; padding-bottom:0; }
    .con4 h2{ font-size:18px; }
    .con4 .win .txt{ width:100%; position: relative;   z-index: 5; float:none; }
    .con4 .win .img img{ width:100%; margin-bottom: -82px; }
    .con4 .miao { font-size: 14px;     margin: 20px 0px; color: #4b4b4b; }
    .con4 .txt ul li span i{ font-size:40px; }
    .con4 .txt ul li span{ font-size:14px; }
    .con4 .txt ul li p{ font-size:14px; }
    .con4 .txt a.more{ font-size: 12px; padding: 5px 10px; margin-top: 40px; }
    .con4 .win .img{ bottom: 0;
        position: relative;
        max-width: initial;
        width: 110%;
        margin-left: -5%;
        overflow: hidden; }
    
    .con4.aboutbg{ background-size: cover; }
    
    
    .index_pro{ padding: 50px 0px; }
    .index_pro .txt{ margin-bottom:20px; }
    .index_pro .txt h2{ font-size:18px; margin-bottom: 20px; float:none; }
    .index_pro .txt ul{ float:none; grid-gap:10px; margin-right:0px; }
    .index_pro .txt ul li{ width:80px; }
    .index_pro .txt ul li span{ padding: 6px; width: 50px; }
    .index_pro .txt ul li h3{ font-size:12px; margin: 7px 0px; }
    .xle_swp .nav_menu{     top: -144px; }
    .xle_swp .swiper-slide img{ width:100%; } 
    .xle_swp .swiper-slide i{ font-size: 18px; top: 20px;  left: 20px;}
    .xle_swp .swiper-slide a{ padding:15px; padding-bottom: 60px; }
    .xle_swp .swiper-slide .title{ font-size:14px; }
    .imgBox { top: -280px;
    left: -420px;
    width: 600px;
    height: 600px;  }
    .xle_swp .swiper-slide .title h3{ font-size:14px; }
    .index_pro .indexpro_1_pro{ height:255px; }
    
    .news{ padding: 50px 0; }
    .news_list .title{ margin-bottom:20px; }
    .news_list .title h2{ font-size:18px; }
    .news_list .title .more{ margin-top: 0; font-size: 12px;  padding: 5px 10px; }
    
    .news-swiper .swiper-slide a{ padding:20px; }
    .news-swiper .swiper-slide time{ font-size:12px; }
    .news-swiper .swiper-slide h2{ font-size:14px; margin-top:20px; }
    .news-swiper .swiper-slide p { font-size:12px;     margin-top: 20px; -webkit-line-clamp: 3; }
    .news-swiper .swiper-slide span{ width: 30px;
        height: 30px;
        line-height: 25px; opacity: 0; }
        
    footer{ padding:30px 0; }
        
    footer .txt .dizhi{ width:100%; }
    footer .txt ul{ display:none; }
    footer .txt{ float:none; margin-top: 20px;}
    
    footer .footer_logo {
    float: none;
    margin-top: 0px;
    overflow: hidden;}

    footer .footer_logo img{ float:left; width:150px; }
    
    footer .txt .dizhi{ margin-top: 0px; }
    footer .txt .dizhi span{ font-size:12px; }
    .copyright{ font-size:12px; float:none; margin-top: 10px; }
    
    
    .up{ float:right;  margin-top: 0;  padding: 30px 0px;  padding-top: 50px; padding-bottom: 10px; font-size: 12px;}
    .up svg{ left:0px; }
    
    
    .about{ margin-top: 0; padding-bottom:0px; }
    
    .about_a .title h2{ font-size:18px; margin-bottom: 10px; }
    .about_a .title p{ font-size:14px; }
    
    .about_a ul{ margin-top: 20px;  width: 100%; }
    .about_a ul li span{ font-size:14px; }
    .about_a ul li span i{ font-size:40px; }
    .about_a ul li p{ font-size:14px; }
    .about_img { margin-top: 20px;}
    .about_company {  padding:30px 0px;}
    .about_company h2{ font-size:18px; margin-bottom: 10px;}
    .about_company .lf{ float:none; width:100%; }
    .about_company .lf p{ font-size:14px; }
    .about_company .rt{ float:none; width:100%; font-size: 12px; margin-top: 20px; }
    
    .idx-tags{ margin-bottom:30px; }
    .idx-tags ul{ display: grid;  grid-template-columns: 1fr 1fr; grid-gap:20px; row-gap:20px; }
    .idx-tags ul li .tags_left span.counter{ font-size:40px; line-height: 50px; }
    .idx-tags ul li .tags_left span{ font-size:14px; }
    .idx-tags ul li:nth-child(2):before,.idx-tags ul li:nth-child(3):before,.idx-tags ul li:nth-child(4):before{ display:none; }
    
    
    .tedian ul{ display: grid;  grid-template-columns: 1fr 1fr; grid-gap:20px;  row-gap:20px; }
    .tedian ul li img{ width:50px; }
    .tedian ul li h4{ font-size:14px; }
    .tedian ul li .miao{font-size:12px;     padding:20px 15px; }
    
    .about-history h2{ font-size:18px; margin-bottom:0px; }
    .nav_menu li{ padding: 5px; height: 20px; }
    .nav_menu li svg{ width: 20px; height: 20px; }
    
    .about-history{     height:auto;  background-size: cover; }
    .about-history-swiper{ margin-top: 30px; margin-bottom: 30px; }
    .about-history-swiper .pic em{ font-size:30px;     left: -20px; }
    .about-history-swiper .pic i{ font-size:20px; top: 10px; }
    .about-history-swiper .text h2 { font-size:14px;     margin: 15px 0px;  line-height: 18px; }
    .about-history-swiper .text .miao{ font-size:12px;    line-height: 20px; }
    .about-history-swiper .swiper-slide.hover { margin-top: 25px;}
    .about-history-swiper{  }
    .about-history-swiper-nav .swiper-slide.active span{ font-size:16px; }
    .about-history-swiper-nav .swiper-slide span{ font-size:14px; }
    .about-history-swiper-nav{ width:90%; }
    .about-history-swiper .swiper-slide .end{ font-size:20px; }
    .about-history .title{ margin-bottom:20px;     overflow: inherit; }
    .about-history-swiper .text .miao::after{ margin-top:20px; }
    
    .honor {  padding: 30px 0px;}
    .honor h2{ font-size:18px; margin-bottom:0px; }
    .honor .title{ margin-bottom:20px; overflow:initial; }
    .honor .title:after{ content:''; display:block; clear:both; }
    .top_title{ width:100%; min-width:auto; }
    
    
    
    .top_title .bot_txt{ top: 50%; left: 5%; }
    .top_title .txt h2{ font-size:18px; max-width:60%; }
    .top_title .txt p { display:none; }
    .top_title .img img{ width: 150%; margin-left: -110px; }
    
    .lm_nav{ margin-top: -25px; border-radius:8px; padding:10px; }
    .lm_nav_ul_li{   width: 100%; }

    .lm_nav_ul_li ul{ display: grid;grid-template-columns: 1fr 1fr; grid-gap:10px; row-gap:5px;  }
    .lm_nav_ul_li li{ float:none; display:inline-block; margin-right:0px; }
    .lm_nav_ul_li li:nth-child(2n){ margin-right:0px; }
    .lm_nav_ul_li li a{ padding:5px 0px; font-size: 13px; text-align: left; min-width: auto; position: relative;
        padding-left: 20px; }
    .lm_nav_ul_li li a img{ width:16px; margin-right:0px; position: absolute;  left: 0;  top: 7px; }
    .imgBoxPro{ display:none; }
    .lm_nav_ul_li .line{ top: -2px; display:none; }
    
    .about_a .title h2 span{ display:inline-block; }
    
    .idx-tags ul li .tags_left span .counter{ font-size:40px; line-height: 40px; }
    .idx-tags ul li .tags_left span i{ top:0px; }
    
    .products { margin-top: 30px;   padding-bottom: 30px;  border-bottom: 1px solid #f1f1f1;}
    
    .products.products_other{ margin-bottom:0px; }
    
    .products ul{ grid-template-columns: 1fr 1fr; grid-gap:20px; row-gap:20px; }
    .products ul li img{ width:100%; }
    .products ul li .title{ font-size:14px; bottom: 15px; margin-bottom:0px; }
    .products ul li a{ padding:10px; padding-bottom: 30px;         border-radius: 8px;}
    .products ul li svg{ right: -7px; top: -5px; width: 30px; height: 30px; }
    
    .products_pic .gallery-top{ overflow:hidden; }
    .products_pic .gallery-thumbs{ width:100%; }
    .products-show{ padding-top: 100px; padding-bottom: 30px; }
    
    .products-show .title{ position: static; margin-top: 30px;width: 100%; }
    .products-show .title h1{ font-size:18px; }
    .products-show .title .miaosh{ font-size:14px; margin-top: 10px; }
    .products_pic .gallery-thumbs .swiper-slide{ height:auto !important;  }
    .products_pic .gallery-thumbs.duan .swiper-slide{   }
    
    .products-show .txt ul li a{ font-size: 26px;width: 30px; height: 30px; line-height: 15px; }
    .products_pic .gallery-top .swiper-slide .name{ opacity:0; }
    .products_other .title{ font-size:18px; margin-bottom: 20px; }
    .products-show .txt ul li a span{ font-size:12px; line-height:15px; }
    
    .go_scr{ width: 25px;  height: 25px; margin-top: 0px; }
    
    
    
    .ys .imgBox{ top:-830px;  left: -260px; }
    .ys_nav{ width:100%; height: 150px; }
    .ys_nav li{ width:80px;   height:80px; }
    .ys_nav li span{ font-size:12px; }
    .ys_nav li img{ width:35px; margin-bottom:0px; }
    
    .ys_nav li.b{ top:0px; left:calc(100% - 80px); }
    
    .ys_nav li.hover{ width:85px; margin-left: 0; height:85px; padding: 13px; top: 20px;  left: calc(50% - 42px); }
    .ys_nav li.hover img{ width:40px; }
    .ys_nav li.hover span{ font-size:14px; }
    .ys_nav li.c{ top: -200px; left: 140%; }
    
    .ys{ padding:30px 0px; overflow:hidden; margin-bottom:0px; }
    
    
    .ys_text li{ display:block; }
    .ys_text li .txt{ margin:0px; margin-top:20px; }
    .ys_nav li::before{ transform: rotate(90deg); left:39px; top:46px; width: 20px; height: 50px;  background-size: contain; }
    .ys_nav li.hover::before{ top: 86px; left:32px; top:75px; }
    .ys_text li .txt h2{ font-size:14px; margin-bottom: 10px; }
    .ys_text li .txt .miaoshu{ font-size:12px; }
    .ys_text{width:100%;  margin-top: 180px; height: 310px; }
    
    .factory {padding: 0px; }
    .factory .title h2{ font-size:18px;         margin-bottom: 20px; }
    .nav_menu{ margin-top: -5px; }
    .factorySwiper .swiper-slide{ border-radius: 10px; }
    
    .about_company .miaoshu{ font-size:14px; }
    
    .yanf_a_b { border-bottom:1px solid #f1f1f1; }
    
    
    
    
    .weizhi{ font-size:12px; }
    .about_a .txt{ font-size:18px; display:none; }
    
    .index-news-list{ grid-template-columns: 1fr; grid-gap: 20px; }
    .index-news-list li a .img{ height:180px; }
    .index-news-list li a .img img{ top: 50%; margin-top: -157px; }
    .index-news-list li a .txt{ padding:15px; }
    .index-news-list li a h2{ font-size:14px; padding-bottom:0px;         margin-bottom: 30px; }
    .index-news-list li a time{font-size:12px; bottom: 18px; }
    .index-news-list li{ border-radius: 10px; }
    
    .news-show .win{ width:90%; }
    .news-show{ padding: 80px 0px; padding-bottom: 0px; }
    
    .postion .win{ width:100%; font-size: 12px; }
    
    .news-article h1{ margin-top:0px; font-size:18px; }
    
    .news-article .time { margin-top: 20px; font-size: 12px;}
    
    .news-wz{ margin-top: 60px;  padding: 0px; min-height: 380px; }
    .news-wz::before{ top: -30px; }
    .news-show .win{ font-size:14px; }
    
    
    .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:#ff0000; color:#fff; }
    
    .app-top-lianx .btna{    float: right; }
    .app-top-lianx .btna a{ background: #ff0000;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border: 3px solid #ff0000;
    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 }
    
    .cotantmap{  background: url(../images/aboutbg.jpg) no-repeat center -100px;
        height: 910px;
        background-size: 1030px; }
    .companyname{ padding-top:130px; margin-top:0px; margin-bottom:90px; }
    
    .companyname h3, .contact_a h3, .companyname h2, .contact_a h2{     margin-bottom: 10px; font-size: 18px; }
    
    .companyname_info span{ margin-right: 0; position:relative;     padding-left: 20px; font-size:14px; line-height: 20px; margin-bottom: 12px; }
    .companyname_info span i{     margin-right: 0;  position: absolute; left: 0;  top: 2px; }
    
    .p-list7{ display:none; }
    
    .map-con h3{font-size:14px; }
    
    .map-con .desc p{ font-size:12px !important; }
    .map-con li{ font-size:12px }
    
    
    #searchform{ width:100%; }
    .classmd5{     padding: 90px 0px;
    margin-top: 70px;
    min-height: 320px; }
    
    .classmd5 input{ box-sizing: border-box; font-size: 14px; width: 70%; }
    .classmd5 button{ box-sizing: border-box; font-size: 14px; width:30%; }
    
    .con4 .txt a.more.yanfa_btn{ margin-left:10px; }
    
    .ys .imgBox{ width:350px;  height:350px;  top:-260px;   left: 50%;  margin-left: -175px;}
    
    .yuan{ width: 350px;  height: 350px;  left: 50%;  margin-left: -175px;   top:-260px; }
    .yuan li{ width:70px; height:70px; }
    .yuan li.icon01{ top: 140px; left: 310px; }
    .yuan li.icon02{ top: 250px;  left: 265px;}
    .yuan li.icon03{ top: 310px;  left: 145px; }
    .yuan li.icon04 { top: 250px;  left: 10px;}
    .yuan li img{ width:35px; margin-bottom:0px; margin-top: -5px; }
    .yuan li span { font-size:12px; }
    
    .con4.con4_jp .txt ul li span b{ right: 5px;  top: 0; }
    
    
    .hxjs{ padding: 30px 0px; }
    .hxjs .title h2{ font-size:18px; margin-bottom:0px; }
    .hxjs .photo-nav .swiper-slide{ font-size:14px; }
    .hxjs .photo-nav .swiper-slide svg{ width: 10px;  height: 10px; margin-left: -5px; }
    .hxjs .photo-nav .swiper-slide.swiper-slide-thumb-active svg{ bottom:-10px; }
    .hxjs .title{ margin-bottom:0px; }
    .photo-show-item h2{ font-size:14px;display:none; }
    .photo-show-item .miaoshu{ font-size:12px; margin:0px; margin-bottom: 20px; }
    .photo-show-item ul{ grid-template-columns: 1fr 1fr;  grid-gap: 15px;  row-gap: 15px; }
    .yanf_a.yanf_a_b .about_company{ padding-bottom:30px; }
    
    .yuan li::before{ transform: rotate(90deg); background-size: cover; width: 16px;  height: 30px; left: 50%;  margin-left: -8px;}
    .yuan li.hover::before{ top: 68px; left: 50%;  margin-left: -8px; }
    .yuan li.hover::before{  }
    .yuan li.hover{     transform: scale(1.2); }
    
    .allnews{ margin-top:30px; }
    
    .ys_text li .img{ border-radius:10px; }
    
    .con4 .txt ul li span b{ font-size: 18px; top: 6px; }
    .about_a ul li span b{ top:10px; }
    
    .about-history .title:after{ display:block; content:''; clear:both; }
    
    .banner.banner_en .txt h2{ font-size:18px; }
    .banner.banner_en .txt h3{ font-size:14px; }
    .about_a .title p{ font-size:14px; }
    .con4.con4_en .txt ul li span b { right: 27px;}  

 .hxjs .photo-nav{ width:100%; }
 
 .about_a.about_a_en ul li span b{ right: 24px; }
 
 .yuan.yuan_en li span{ font-size:10px; }
 .about-history-swiper.about-history-swiper-en .text h2{ font-size:14px; }
 .about-history-swiper.about-history-swiper-en .text .miao { line-height: 18px;}
 
 
 .banner.banner-jp .txt h2{ font-size:18px; }
 .banner.banner-jp .txt h3{ font-size:16px; }
 
 .contact_center .companyname {  }
 
 .companyname.companyname_en h2{ font-size:18px; max-width:none; }
 .companyname.companyname_en .companyname_info{ max-width:none; }
    
}