@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");
}

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

a {
    font-family: "HarmonyOSHans-Medium","Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #000;
	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: 'haian';  /* Project id 4627527 */
  src: url('//at.alicdn.com/t/c/font_4627527_9da4wm4grcg.woff2?t=1724991465888') format('woff2'),
       url('//at.alicdn.com/t/c/font_4627527_9da4wm4grcg.woff?t=1724991465888') format('woff'),
       url('//at.alicdn.com/t/c/font_4627527_9da4wm4grcg.ttf?t=1724991465888') format('truetype');
}



.haianfont{ font-family:'haian' !important; }



a:hover {
    
}
.win{ min-width:1200px; width:1300px; margin:0 auto; }


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

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


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

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

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

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


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


html,body{ min-width:1300px; }
body{ color: #000;   font-family:"HarmonyOSHans-Medium","Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


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



.haianfont{ font-family:'haian' !important; }



header{
	position: fixed;
    top: 0;
    width: 100%;
    z-index:100;
    box-sizing: border-box;
    -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;
}
header.topbg{ background:#fff; }


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: 0;
	left: 0;
	opacity: 0;
}
header .bg.appDown {
    opacity: 1;
    pointer-events: auto;
}

.top{ padding: 20px 5%; transition: all 0.3s ease-in; }
.top::after{ content:''; display: block; clear: both; }
header.topbg .top{ padding:10px 5%;  }
.top .logo{ float:left; }
.top .logo a{ display: block; }
.top .logo img{   transition: all 0.3s ease-in;  width:80px; height:auto;  display: block; }
header.topbg .top .logo img{ width:60px; }

 
.top_nav{ float:right;  -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; margin-top: 14px; }
.topbg .top_nav{  margin-top:7px;  }
.top_nav.top_nav_hide{ opacity:0; }
.top_nav ul {   }
.top_nav ul li{ float:left; margin-left:20px; position:relative; cursor:pointer; }
.top_nav ul li span{ pointer-events: none;
    opacity: 0;
    position: absolute;
    width: 140px;
    left: -50px;padding-top:18px;
}
.top_nav ul li span:before{ content: '';
    display: block;
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top:11px;
    border-radius: 5px;
    transform: rotate(45deg);
    left: 50%;
    margin-left: -10px; }
    
.top_nav ul li span em{ background: #fff;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 9px;
    box-sizing: border-box;
    width: 180px;
    margin-left: -18px;
    font-weight: bold; }
.top_nav ul li span img{ display:block; width:100%;     padding: 10px;
    background: #fff;
    border-radius: 5px; box-sizing: border-box; }
.top_nav ul li:hover span{ opacity: 1;  pointer-events: auto; }
.top_nav ul li:first-child{ margin-left:0px; }
.top_nav ul li:last-child i{ font-size: 16px; font-weight: bold; }
.top_nav ul li a{ font-size:18px; }
.top_nav ul li span a{ background: #fff;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 9px;
    box-sizing: border-box;
    width: 180px;
    margin-left: -18px;
    font-weight: bold; }
.top_nav ul li span a:hover{ color:#f14b3b; }
.top_nav ul li i{ font-size: 25px;
    vertical-align: text-top;
    margin-right: 5px;
    color: #fff;
    display: block;
    border: 3px solid #f1f1f1;
    border-radius: 50%;
    padding: 3px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 100; }
.top_nav ul li i.language{    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden; }
.top_nav ul li i.language img{ display:block; height:100%; }
nav{  -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; 
	float: right;
}

nav.nav_top{ 
	margin-top:-73px;
	margin-left:130px;
	border:none;
}

nav ul{ text-align: center; }
nav ul li{ display:inline-block;     position: relative; }
nav ul li a{ padding: 0 50px;
    padding-bottom: 0;
    padding-top: 24px;
    display: block;
    font-size:20px;
    position: relative;
    z-index: 2;
    color: #fff;
    text-transform: uppercase; transition: all 0.3s ease-in;      position: relative; }
	
.topbg nav ul li a{ padding-top: 13px; color:#000;  }

.topbg nav ul li a.erj::before{ border-bottom: 2px solid #000;
    border-right: 2px solid #000; }

.topbg .top_nav ul li i{ color:#000; border: 3px solid #000; }

.topbg nav .nav_two a{ padding-top:0; }
nav ul li i{ display:none; }
nav ul li a::after { 
	background: #f14b3b;
    display: block;
    content: '';
    width:0%;
    height:2px;
	margin:0 auto;
	margin-top:20px;
    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; }

.topbg nav ul li a::after { margin-top: 9px; }

nav ul li:hover a{ color: #f14b3b; }
nav ul li:hover a::after{ opacity:1; width:100%; }
nav ul li:hover a.erj::before{ border-bottom: 2px solid #f14b3b;  border-right: 2px solid #f14b3b; }
.erj::before {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: 5px;
    vertical-align: super;
    position: absolute;
	top:46%;
	right: 35px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
	transition: all 0.3s ease-in;
}
 

.topbg nav ul li:hover a{ color: #f14b3b; }
.topbg nav ul li:hover a::after{ background: #f14b3b; }
.topbg nav ul li:hover a.erj::before{ border-bottom: 2px solid #f14b3b;  border-right: 2px solid #f14b3b; }

nav li:hover .nav_two {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top:0px;
}
nav ul li .nav_two {
    position: absolute;
    left:-20%;
    width: 140%;
    opacity: 0;
    padding: 10px 0;
    border-radius: 5px;
	margin-top:-10px;
    overflow: hidden;
    background: #fff;
    pointer-events: none;
    transition: all .5s ease;
    box-shadow: 0 5px 0.2rem -3px rgb(0 0 0 / 9%);
}
nav .nav_two li {
    float: none;
    margin-left: 0px;
    width: 100%;
    padding: 0;
}
nav .nav_two li a {
    line-height:50px;
	height:50px;
	font-weight: 400;
	text-align: center;
	padding: 0;
	font-size: 18px;
	color: #000;
	text-transform: none;
}

nav .nav_two li a::after{ display:none; }

nav ul li:hover .nav_two li a{ color: #000; }
nav ul li:hover .nav_two li a:hover{ color: #f14b3b; }

.banner{ overflow:hidden; height:100vh; }
.banner img{ display: block; width:100%; height:auto; }
.banner .txt{ position: absolute;
    top: 38%;
    width:100%;
    z-index: 6;
    color: #fff;
    text-align: center;
    font-size: 37px;
	}
.banner .txt h2{    display: block; font-size: 80px;  font-weight: 500;     margin-top:100px; opacity:0; transition: all 0.5s ease-in;  text-transform: uppercase;}
.banner .txt h3{ font-size:60px; margin-top:100px; opacity:0; transition: all 0.7s ease-in; }

.banner .swiper-slide-active .txt h2,.banner .swiper-slide-active .txt h3{ margin-top:0; opacity:1; }

.banner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; vertical-align: middle; }
.banner .swiper-pagination-bullet-active{ background:#fff; width:15px; height:15px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{     margin: 0 15px; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{     bottom: 40px; }


.index_about{  padding:100px 16vw; box-sizing: border-box; background:#f1f1f1; }
.index_about .win{ width:100%; min-width:auto }
.index_about .about-con{text-align:center; color:#666; font-size:18px; position:relative; padding:50px 0px; line-height:1.8;     font-family: "HarmonyOSHans-Regular"; padding-bottom:0px; }

.index_about .about-con::after{ content: 'SENHUAN';
    position: absolute;
    font-size: 116px;
    color: #f14b3b;
    width: 100%;
    display: block;
    text-align: center;
    top: 1%;
    font-weight: bold;
    opacity: 0.05; }

.title{ margin:0 auto; color:#000; font-size:40px;  text-align:center;  text-transform: uppercase; font-weight:bold; }

.more{ width:110px;}
.more a{ display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    background: #f14b3b;
    text-align: center;
        padding: 10px 5px;
    font-size: 14px;
     border-radius: 5px; transition: all 0.5s ease-in; }
.more a:hover{  background: #4e8037; }



.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: #f14b3b;
}
.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: #f14b3b;
}
.data .l3{ padding-top: 15px; }
.data .l3 img {
    width: 60px;
    margin-left: 15px;
}

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

.data li:last-child .l {
    width: 120px;
}
.data li:last-child .l.l3{ width:auto; }
.data li:last-child .l.l2{ width:auto; }
.data li:last-child strong {
    left: 110px;
}



.sh_about{ padding: 100px 16vw; }
.sh_about .txt{ overflow:hidden; margin-top:50px; }
.sh_about .txt h3{ text-align:left; }
.sh_about .txt .txt_left{ float: left;
    width: 50%;
    font-family: "HarmonyOSHans-Regular";
    color: #666;
    font-size: 18px; 
    line-height: 1.8; }
.sh_about .txt .txt_left .more{ margin-top:30px; }
.sh_about .txt .txt_right{ float:right; width:45%; }
.sh_about .txt .txt_right img{ display:block; width:100%; border-radius:10px; }




.index_pro{ padding: 100px 5%;     padding-top: 0px; }
.index_pro .title h2{ margin: 0 auto; color: #000;  font-size: 40px;  text-align: center;  text-transform: uppercase;  font-weight: bold; }
.index_pro .title .miaoshu{ display:none; text-transform: none;
    font-weight: 200;
    font-family: "HarmonyOSHans-Regular";
    color: #666;
    font-size: 18px; }
.index_pro ul{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;
    margin-top: 50px; }
.index_pro ul li{}
.index_pro ul li a{ display: block; position:relative; }
.index_pro ul li a img{ display: block; width:100%; }
.index_pro ul li a h3{ position: absolute; width:100%; text-align:center; color:#fff; font-size:25px; top:42%;  text-transform: uppercase;}
.index_pro .more{ 
	position: absolute;
    top: 62%;
    left: 50%;
    width: 150px;
    margin: 0 auto;
    margin-left: -75px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: #f14b3b;
    text-align: center;
    padding: 10px 5px;
    font-size: 22px;
    font-weight: bold;
	 opacity:0; transition: all 0.3s ease-in;}

.index_pro ul li a::before{ display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: .6; transition: all 0.3s ease-in; }

.index_pro ul li a:hover::before{opacity:0.2;  }
.index_pro ul li a:hover .more{ opacity:1; }

.index_pro ul li a:hover h3{ top:30%;  }

.hezuo{ padding:70px 0; }
.hezuo ul{     display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.hezuo ul li {
   width: 25%;
       box-sizing: border-box;
       text-align: center;
       padding: 40px 20px;
       font-size: 14px;
       font-weight: 500;
       display: flex;
       align-items: center;
       flex-direction: column;
       flex-wrap: nowrap;
       justify-content: center;
}

.hezuo ul li img{     max-width: 100%; }


.youshi{ background:url(../images/bg.jpg) no-repeat bottom #e3e4e6; padding:70px 0px; }
.youshi .youshi_6{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:0px; row-gap:0px; margin:50px 0px;  }
.youshi .youshi_6 li{ text-align:center; }
.youshi .youshi_6 li h4{ font-size: 25px;
    line-height: 30px;
    text-transform: uppercase; color:#666666; margin-top:10px; }

.youshi .video video{ width:100%; border-radius:20px; }


.sys{ text-align:center; padding:70px 0px; background: #f1f1f1;}
.sys .win{ min-width: 800px;
    width: 1000px; }
.sys .txt{ color:#666666; font-size:20px; }
.sys form{ margin-top:50px}
.sys ul{ width:100%; margin:0 auto; }
.sys ul li{ text-align: left; margin-bottom:15px; }
.sys ul li span{ display: block; font-size:18px; margin-bottom:5px; color:#666666;  }
.sys ul li span i{ display: block; font-size:14px; }
.sys ul li input{ width:100%; display: block;
    text-align: left;
    margin: 0 auto; border:2px solid #f14b3b; 
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 23px; box-sizing: border-box; font-family: "HarmonyOSHans-Regular"; }
.sys ul li textarea {
    width:100%;
    border:2px solid #f14b3b; 
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 23px; 
	box-sizing: border-box;
	font-family: "HarmonyOSHans-Regular";
}

.sys input.tjjm {
    -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;
    cursor: pointer;
    background: #f14b3b;
    border-radius: 8px;
        width: 200px;
        font-size:20px;
        border: none;
        color: #fff;
        padding:15px;
}


.sys input.tjjm:hover {
    background: #c70136;
}

footer{ background:#333333; padding:70px 0px; }

.foo_logo{ text-align:center; }
.dizhi{ text-align: center; color: #fff; width:100%; margin: 0 auto; margin-top: 30px; }
.dizhi ul{ overflow:hidden; }
.dizhi ul li{  font-size:18px; line-height: 45px; font-family: "HarmonyOSHans-Regular"; }
.dizhi ul li:first-child{ width:100%; margin:0; }
.dizhi i{ font-size: 25px;  vertical-align: bottom; }
.medium ul {
    width:360px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 35px;
    margin-top: 0;
    margin-right: 0;
	font-size: 50px;
	margin:0 auto; margin-top:30px;
}
.medium ul li{ text-align:center; }
.medium ul a{ color:#fff; }
.medium ul a:hover{ color: #c70136; }
.copyright{ text-align: center;  color: #fff; margin-top:30px;}



.page-banner-2{overflow:hidden; position:relative; }
.page-banner-2.page-banner-0{ margin-top: 209px;  }
.page-banner-2 img{ width:100%; display: block; }
.page-banner-2 .win div{ width: 100%;  text-align: center; }
.page-banner-2 .win{     position: absolute;
    top: 0;
    width: 1300px;
    left: 50%;
    margin-left: -650px; display: flex;
  align-items: center;      height: 100%; }
.page-banner-2 h2{ font-size:60px; font-family: "HarmonyOSHans-Regular"; color: #fff; font-weight: 500; text-transform: uppercase; }
.page-banner-2 h3{ font-size: 25px; font-weight: 500; color: #fff; }
.page-banner-2 .miao{ color: #fff; margin-top: 20px; font-size: 20px; }


.products{ width: 90%; margin: 0 auto; padding: 70px 0px; }

.products::after{ content:''; display: block; clear: both; }

.products_left{ float:left; width:370px; position: sticky;  top:100px !important; }
.products_left h3{ background: #000;
    color: #fff;
    text-indent: 15px;
    line-height: 60px;
    font-size: 25px;
    text-transform: uppercase; margin-bottom:0px; border-radius: 10px; border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; font-weight:500; }
.products_left ul{}
.products_left ul li{ border: 1px solid #dbdbdb;
    border-bottom: none; }
 .products_left ul li:last-child{ border-bottom:1px solid #dbdbdb; }  
.products_left ul li a{ transition: all 0.2s ease-in;  color: #666666; display: block; line-height: 50px;  height: 50px; font-size: 18px; text-indent: 15px;     letter-spacing: 10px; }

.products_left.products_left_en ul li a { letter-spacing:0px;  }

.products_left ul li a:hover{ color:#f14b3b; }
.products_right{ float:right; width:calc(100% - 410px); }
.products_right ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:30px; row-gap:30px; }

.products_right ul li a:hover .img{ border: 1px solid #f14b3b; }
.products_right ul li .img{     border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    height: 266px;
    text-align: center; }


.products_right ul li img{ display: inline-block;
    max-height: 100%;
    width: auto;
    max-width: 100%; }
.products_right ul li a h3{ color:#666666; }
.products_right ul li a:hover h3{ color:#f14b3b; }
.products_right ul li .txt{ overflow:hidden; margin-top:10px; }
.txt .biaoj{ float:left; width:40%; margin-right:5%; margin-bottom: 10px; }
.txt .biaoj:nth-child(2n){ width:55%; margin-right:0; }
.products_right ul li .txt span{    color: #666666;}
.products_right ul li .txt i{ display: block; color: #6e6e6e; font-family: "HarmonyOSHans-Light"; }


.products_left ul li .erlm a{      letter-spacing:0px;   font-family: "HarmonyOSHans-Light";line-height: 40px; height: 40px; }
.products_left ul li .erlm a:last-child{ margin-bottom:10px; }

.products_con{ float:right; width:calc(100% - 410px); }
.products_con::after{ content:''; display: block; clear: both;  }


.pro_top::after{ content:''; display: block; clear: both; }


.pro_top .img { width:40%; float:left; }
.pro_top .img img{ width:100%; display:block; }
.pro_top .mySwiper2,.pro_top .mySwiper { overflow:hidden; position: relative; border-radius:10px; overflow:hidden; }
.pro_top .mySwiper2{ padding: 0 70px; }
.pro_top .swiper-slide{ cursor:pointer; }

.pro_top .mySwiper{ margin-top:30px; }
.pro_top .mySwiper img{ border-radius:10px;  }
 
.pro_top .mySwiper2 img{ border-radius:10px; width:100%; margin: 0 auto;  }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ color: #d3d3d4;
    border:3px solid #d3d3d3;
    height:45px;
    width:45px;
    border-radius: 50%; transition: all 0.3s ease-in; }
.pro_top  .swiper-button-next:after,.pro_top  .swiper-button-prev:after{ font-size:20px; font-weight:bold; }
.pro_top .swiper-button-prev,.pro_top  .swiper-container-rtl .swiper-button-next{ left: 0; }
.pro_top .swiper-button-next,.pro_top  .swiper-container-rtl .swiper-button-prev{ right:0; }

.pro_top .swiper-button-next:hover,.pro_top  .swiper-container-rtl .swiper-button-prev:hover,.pro_top .swiper-button-prev:hover,.pro_top  .swiper-container-rtl .swiper-button-next:hover{
	color: #f14b3b;  border:3px solid #f14b3b;
}


.pro_top .mySwiper .swiper-slide { opacity:.6; transition: all 0.3s ease-in; }
.pro_top .mySwiper .swiper-slide.swiper-slide-thumb-active{ opacity:1; }


.pro_top .txt{ float:right; width:55%; }
.pro_top .txt h1{ margin-bottom:30px; }
.pro_top .txt .txt_li ul{ overflow: hidden;  display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; row-gap: 15px; color: #666666; font-family: "HarmonyOSHans-Light"; }
.pro_top .txt .txt_li ul li span{ color:#4e4e4e; font-family: "HarmonyOSHans-Medium" }

.price{  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
    row-gap: 15px;
    box-shadow: 1px 1px 6px #b7b7b7;
    padding: 20px 20px;
    width:100%;
    border-radius: 8px;
    margin-top: 30px;
	box-sizing: border-box; display:none;
}
.price li span{ display:block; color: #666666; }
.price li strong{     line-height: 60px; font-size: 28px; letter-spacing: 1px; }

.inquiry a{ width:100%;
    height:50px;
    line-height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    background:#f14b3b;
    font-size:18px;
    border-radius:10px;     transition: all 0.2s ease-in;
    text-transform: uppercase; margin-top:30px; font-weight:bold; padding: 10px 0px; }

.inquiry a:hover{ background:#4e8037 }

.pro_con{ margin-top:50px; border-top:3px solid #e3e3e3; padding:50px 15%; }
.pro_con img{ max-width:100%; height:auto !important; }
.pro_con .title{     color: #f14b3b; font-size: 60px; text-align:center; }


.about{ width: 1200px; margin: 0 auto; text-align: center; margin-top:70px; }
.about .txt{ font-family: "HarmonyOSHans-Regular";
    color: #666;
    font-size: 18px;
    line-height: 1.8;
    margin-top: 50px; }
.about .txt img{ max-width:100% !important; height:auto !important; }
.contact{ width: 1200px; margin: 0 auto; text-align: center; margin-top:70px; margin-bottom:70px; }
.contact h2{ color: #000; font-size: 30px; }
.contact .txt{ text-align:center; font-size:16px; line-height: 2; color: #767676; }

.contact_li{ width: 1000px; display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    row-gap: 15px; margin:0 auto; margin-top:70px; }
.contact_li li div *{ display: block; }
.contact_li li img{ display: block; margin:0 auto; margin-bottom:10px; }




.products_right .ser{ width:300px; margin-bottom:30px; display:none;}
.products_right .ser-input{width:100%;
    margin: 0 auto;border: 1px solid #434343; border-radius: 29px; position: relative; overflow: hidden; 
	}
	
.products_right .ser-input:hover{ border:1px solid #000000; }
.products_right .ser-input:hover .submit{ opacity:0.8; }

.products_right .searchtwo{ border: none;   color: #000000; display: inline-block; height: 40px; line-height: 40px; width: 94%; margin-left: 3%;  text-align: center; font-size: 18px; background: none; text-indent: 20px; }
.submit { border: none;
    background: none;
    color: #000;
    position: absolute;
    left: 50%;
    margin-left:-80px;
    font-size: 20px;
    top: 8px;
    opacity: 0.5; cursor:pointer; }

.submit.hover{ left:100%; opacity:1; margin-left:-40px; }


.certificate{width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top:100px; margin-bottom:100px; }

.certificate ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;
    margin-top: 50px;}

.certificate ul li{ }
.certificate ul li img{ display:block; border-radius:10px;     width: 100%; }


.news_page_list{ padding:100px 0px; }
.news_page_list ul{ display: grid; grid-template-columns: 1fr 1fr 1fr;  grid-gap: 50px; row-gap: 50px; }
.news_page_list li{ border:1px solid #f1f1f1; border-radius:10px; overflow:hidden; }
.news_page_list li img{ display:block; width:100%; }
.news_page_list h4{ padding:20px; }
.news_page_list h4 a{ color: #000; font-size:22px; text-decoration:none; }
.news_page_list h4 a:hover{ color: #f14b3b; text-decoration: underline; }
.news_page_list p{ padding:0 20px; display: block; margin-bottom:20px; line-height:1.5; font-size:14px; height:80px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient: vertical; color: #646464;
    font-family: "HarmonyOSHans-Regular";}
.news_page_list li time{color: #b7b7b7; font-size:12px; padding:0 20px; display: block; margin-bottom:20px; }
.news_page_list .more{ padding: 0 20px; padding-bottom: 20px;  display: block;  font-size: 14px;
    width: 100%; }
.news_page_list .more:hover{ color: #f14b3b; text-decoration: underline; }


.all_news{ margin-top:100px; margin-bottom:100px; }
.news_con time{ color: #b7b7b7; font-size: 12px; display: block;  margin: 20px 0px; }
.news_con .content{     font-family: "HarmonyOSHans-Regular"; margin-top: 30px;  padding-top: 30px;  border-top: 1px solid #f1f1f1;     font-weight: 500;  line-height: 1.6;  }
.all_news .news_con .content * {
    margin: revert;
    font-size: revert;
}
.all_news .news_con .content img {
    display: inline-block;
    max-width: 100%;
    height: auto !important;
}

.pro_top .mySwiper{ display:none; }




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


@media screen and (max-width: 640px){
	html, body{ min-width:auto; }
	
	
	.top .logo img,header.topbg .top .logo img{ width:40px; }
	
	.top_nav{ display:none; }
	.top{ padding: 10px 5%; }
	.topbg nav ul li a { padding-top:0px }
	.win{ width:90%;min-width:auto; }
	.page-banner-2 .win{ width:100%;min-width:auto; left:0; margin-left:0; }
	.page-banner-2 h2{ font-size:18px; }
	.page-banner-2 img{ width:140%; margin-left:-20%; }
 
	nav {
	    position: fixed;
	    float: none;
	    margin-left: 0;
	    width: 100%;
	    opacity: 0;
	    left: 0;
	    background: #fff;
	    top: 57px;
	    display: block;
	    transition: opacity .3s cubic-bezier(.43,.195,.02,1),transform 1s cubic-bezier(.43,.195,.02,1);
	    transform: translateY( calc(-100% - 57px) );
	    z-index: -1;
	    padding: 30px 0px;
		height:70vh;
	}
	
	nav.appDown {
	    opacity: 1;
	    pointer-events: auto;
	    transform: none;
	    overflow-y: scroll;
	    box-sizing: border-box;
	    overflow-x: hidden;
	}
	nav ul li{ display: block; }
	nav ul li a{  width: 100%;
	    text-align: left;
	    padding-left: 5%;
	    padding-right: 5%;
	    box-sizing: border-box; color:#000;  padding: 0 5%;  height:50px;
        line-height:50px; font-size: 18px;}
	nav ul li a::after{ display:none; }
	.erj::before{  border-bottom: 2px solid #000;  border-right: 2px solid #000; }
	.topbg nav ul li:hover a{ color:#f14b3b; }
	nav li span {
		opacity: 0;
		display: inline-block;
		height: 100%;
		width: 190px;
		margin-left: -11px;
		padding:0px;
		vertical-align: middle;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
	}
	nav li .nav_two{ width:100%; }
	nav ul li .nav_two{ width:100%; left:0px; }
	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;
	}
	nav .nav_two li{ padding: 0 5%; }
	nav .nav_two li a{ text-align:left; font-size:16px; }
		
	header .bg {
		z-index: -2;
		pointer-events: none;
		background-color: rgba(0, 0, 0, .5);
		width: 114%;
		height: 120vh;
		transition: opacity .3s ease-in-out;
		position: absolute;
		top: 71px;
		left: -7%;
		opacity: 0;
	}
	
	header .bg.appDown { opacity: 1; pointer-events: auto; 	}
	.banner{ height:auto;         position: relative; }
	.banner .txt h2{ font-size:18px; }
	.banner .txt{ width:80%; left:10%; top: 42%; }
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 15px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{     margin: 0 10px; }
	
	.index_about {  padding:30px 0;  }
	.index_about .win {  width:90%;  min-width: auto;}
	.index_about .about-con{ font-size:12px; margin-bottom:0px;  padding: 0;}
	.index_about .about-con::after{ font-size: 65px; top: 7%; }
	
	.more a{ padding: 10px 5px; font-size: 14px; }
	.index_pro ul li a:hover .more{ display:none; }
	.contact{ width:90%; overflow: hidden;     margin-top: 30px; }
	.contact h2{font-size:18px; margin-bottom: 15px;}
	.contact .txt{font-size:14px; }
	.title{ font-size:18px; }
	.contact_li li div *{ font-size:12px; }
	.contact_li{ width: 100%; margin-top: 30px; grid-template-columns: 1fr; }
	
	 .sj_nav{ float: right; width: 30px; height: 36px; position: relative; margin-left: 25px; }
	    .sj_nav span{ background-color: #fff; border-radius:2px;  width:15px; height:3px; margin:auto 0; transition: all .4s; display: block;  position: absolute; top: 0; bottom: 0; transition: all .4s; }
	    
	    .sj_nav.close span{ background:none; }
	    
	    .sj_nav span:before {
	    content: "";
	    backface-visibility: hidden;
	    background-color: #fff;
	    border-radius: 2px;
	    width:25px;
	    height: 3px;
	    margin: auto;
	    transition: all .4s;
	    display: block;
	    position: absolute;
	    transform: translateY(8px);
	    transition: all .4s;
	    }
	    
	    .sj_nav.close span:before {
	        background-color: #fff;
	        transform: rotate(45deg);
	    }
	    
	
	    .sj_nav span:after {
	    content: "";
	    backface-visibility: hidden;
	    background-color: #fff;
	    border-radius: 2px;
	    width:25px;
	    height: 3px;
	    margin: auto;
	    transition: all .4s;
	    display: block;
	    position: absolute;
	    transform: translateY(-8px);
	    transition: all .4s;
	    }
	    
	    .sj_nav.close span:after {
	        background-color: #fff;
	        transform: rotate(-45deg)translateY(0);
	    }
	
	.topbg .sj_nav span{ background-color:#000; }
	.topbg .sj_nav span:before{ background-color:#000; }
	.topbg .sj_nav span:after{ background-color:#000; }
	.topbg .sj_nav.close span {background: none;}
	
	
	.sys{ padding:30px 0px; }
	.sys ul li:last-child{ margin-bottom:0; }
	.sys ul li textarea{ box-sizing: border-box;     font-size: 14px; padding: 10px; }
	.sys ul{ width:100%; }
	.sys ul li input{     font-size: 14px; padding:7px;  margin-bottom: 20px; }
	.sys ul li span{ font-size:12px; }
	.sys ul li span i{font-size:12px; }
	.sys input.tjjm{     padding: 15px; font-size: 15px; width:100%; }
	footer{ padding: 30px 0px; }
	.dizhi{ width:100%; margin-top: 15px; }
	.dizhi ul li{ width:100%; font-size:12px; line-height:28px; }
	.dizhi ul li:first-child{     line-height: 20px; }
	.dizhi i{ font-size:12px; }
	.medium ul{     width: 100%;
    grid-gap: 25px;
    font-size: 25px;
    text-align: center; margin-top: 15px; }
	
	.copyright { margin-top: 15px; }
	
	.index_pro ul{ grid-template-columns: 1fr 1fr; margin-top:20px; grid-gap: 15px;  row-gap: 15px;  margin-top: 20px;}
	.youshi{background-size: cover; padding:35px 0px; }
	.youshi .youshi_6{ grid-template-columns: 1fr 1fr 1fr;     grid-gap: 10px; row-gap: 20px; margin: 25px 0px; }
	.youshi .youshi_6 li h4{ font-size:12px; color: #fff;     line-height: 16px; font-weight:500; }
	.youshi .youshi_6 li img{ display: block; width:42%;  margin: 0 auto; }
	.youshi .video video{ border-radius:10px; }

	
	.sys .win{ width: 90%;  min-width: auto; }
	.sys form { margin-top: 20px; }
	.sys .txt{         font-size: 12px;  font-family: "HarmonyOSHans-Regular"; } 
	
	.index_pro{ padding: 30px 5%;     padding-top: 0px; }
	.index_pro ul li a h3{ font-size: 14px;
        font-weight: 500;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 30%; }
	.index_pro .more{ width: 100px;  margin-left: -50px; font-size: 12px; top: 54%; padding: 5px 0px;  }
	.index_pro ul li a:hover h3{ top: 30%; }
	
	.hezuo ul li{ width: 33%; padding: 15px 20px; }
	.hezuo {
	    padding: 30px 0;
	}
	
	.about{ width:90%; margin-top:30px; }
	
	.products{ padding: 30px 0px; }
	.products_left{ width:100%; position: relative; top:0px !important; text-align: center; }
	.products_right{ width:100%; margin-top:30px; }
	.products_right ul{ grid-template-columns:1fr; }
	.products_left ul li a{ text-indent: 0; font-size:12px; line-height:30px; height:30px; }
	.products_left ul{ overflow:hidden; }
	.products_left ul li{ width:100%; margin-right:0; float:left; box-sizing: border-box; }
	.products_left ul li:nth-child(2n){ margin-right:0px; }
	.products_left h3{ display: inline-block;
        text-align: center;
        padding: 0 20px;
        font-size: 14px;
        text-indent: 0;
        line-height: 40px;
        font-weight: 500;  width: 100%;
        box-sizing: border-box; }
	.products_con{ width:100%; }
	.products.products_nr .products_left{ display:none; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ 
		height: 25px;
		width: 25px; 
	}
	.pro_top .swiper-button-next:after, .pro_top .swiper-button-prev:after{ font-size:16px; }
	.pro_top .mySwiper2 { padding: 0 40px; }
	
	.pro_top .img{ width:100%; margin-bottom:30px; }
	.pro_top .txt{ width:100%; }
	
	.pro_top .txt h1{ font-size:20px; }
	.pro_top .txt .txt_li{ font-size:14px; }
	.pro_top .txt .txt_li li span{ display: block; }
	.pro_con .title{ font-size:30px; }
	.pro_con img{ width:100% !important; height:auto !important; }
	.price li span{ font-size:12px; }
	.price li strong{ font-size:16px; line-height: 30px; }
	.products_left_nr{ display:none; }
	.txt .biaoj{ font-size:14px; }
	.foo_logo img{ width: 70px; }
	.copyright{ font-size:12px; }
	
	.about .txt img{ max-width:100% !important; height:auto !important ; }
	.about .txt{ font-size:12px; margin-top:20px; }
	
	.inquiry a{ height: 40px; font-size: 16px; line-height: 40px; }
	
	.sh_about {  padding:30px 0;}
	.sh_about .txt{ margin-top:0px; }
	.sh_about .txt .txt_left{ width:100%; text-align: center; font-size: 12px;}
	.sh_about .txt .txt_right{ width:100%; margin-top:20px; }
	.sh_about .txt h3{ text-align:center; }
	.sh_about .txt .txt_left .more{ margin:0 auto; margin-top:20px; }
	
	.data{ margin-top:20px; }
    .data ul{ grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap: 15px;  row-gap: 0px; }
    .data h3{ font-size:30px; }
    .data li p{ font-size:12px; }
    .data .l{ width:100%; }
    .data .l2{ width: 100%;  height: 20px; overflow: hidden;  font-weight: 500; color: #959595; text-align: center;  margin: 0;  padding-top:0px; }
    .data .l3{ padding-top: 10px; }
    .data .l3 img{ display: block; width: 40px;  margin: 0 auto; }
    .data li:last-child .l.l2, .data li:last-child .l.l3 {  width: 100%;}
    .data li:last-child .l{ width:100%; }
    .data li strong{ left: 54px; }
    .data li:last-child strong { left: 60px;}
    
    .index_pro .title .miaoshu{ font-size:14px; }
    .index_pro .title h2{ font-size:18px; }
	
	.news_page_list { padding:30px 0px;}
	.news_page_list ul{ grid-template-columns: 1fr;  grid-gap:0px;  row-gap:20px; }
	.news_page_list h4 { padding: 10px;}
    .news_page_list h4 a{ font-size: 14px;     font-weight: 500; }
    .news_page_list p { padding: 0 10px; font-size: 12px; height: 37px; margin-bottom: 10px;}
    .news_page_list li time{ padding: 0 10px; margin-bottom: 10px; font-family: "HarmonyOSHans-Regular"; }
    .news_page_list .more{ padding: 0 10px; padding-bottom:10px; font-size: 12px;}
    .all_news { margin-top:30px;  margin-bottom:30px;}
    .news_con h1{ font-size:18px; }
    .news_con .content{ font-size:12px; margin-top:10px;  padding-top:10px; }
    .news_con time {  margin: 10px 0px;}
    
    
    .certificate{ width:90%; margin-top:30px;  margin-bottom:30px; }
    .certificate ul{     grid-template-columns: 1fr 1fr; grid-gap:15px; row-gap:20px;   margin-top:20px; }
    
    .page{     margin-top: 30px; }
	.page b, .page a{     line-height: 25px;
	
    
}