@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 #e5003e;
    width: 3px;
    border-radius: 4px;
    background-color: #e5003e
}

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

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

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


::selection {
    background: #e5003e; /* 粉红色的底色 */
    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:#333333; }


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: 114px; height:auto;  display: block; }
header.topbg .top .logo img{ width:90px; }

 
.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:#e5003e; }
.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;  }
.topbg nav .nav_two a{ padding-top:0; }
nav ul li i{ display:none; }
nav ul li a::after { 
	background: #e5003e;
    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: #e5003e; }
nav ul li:hover a::after{ opacity:1; width:100%; }
nav ul li:hover a.erj::before{ border-bottom: 2px solid #e5003e;  border-right: 2px solid #e5003e; }
.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: #e5003e; }
.topbg nav ul li:hover a::after{ background: #e5003e; }
.topbg nav ul li:hover a.erj::before{ border-bottom: 2px solid #e5003e;  border-right: 2px solid #e5003e; }

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

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

nav ul li:hover .nav_two li a{ color: #fff; }
nav ul li:hover .nav_two li a:hover{ color: #e5003e; }

.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: 8% 16vw; box-sizing: border-box; }
.index_about .win{ width:100%; min-width:auto }
.index_about .about-con{text-align:center; color:#666; font-size:18px; position:relative; margin-bottom:50px; }

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

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

.more{ width:130px; margin:0 auto; }
.more a{ display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    background: #e5003e;
    text-align: center;
    padding: 15px 10px;
    font-size: 20px;
     border-radius: 5px; }


.index_pro ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:0px; row-gap:0px; }
.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: 36px; 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: #e5003e;
    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;  }
.index_pro ul li a:hover .more{ opacity:1; }


.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;}
.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 #e5003e; 
    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 #e5003e; 
    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: #e5003e;
    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:960px; margin: 0 auto; margin-top: 30px; }
.dizhi ul{ overflow:hidden; }
.dizhi ul li{ float:left; width:30%; font-size:18px; line-height: 45px; }
.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: 250px; 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:15px; border-radius: 10px; }
.products_left ul{}
.products_left ul li{}
.products_left ul li a{ transition: all 0.2s ease-in; text-transform: uppercase; color: #666666; display: block; line-height: 50px;  height: 50px; font-size: 18px; text-indent: 15px; }
.products_left ul li a:hover{ color:#c70136; }
.products_right{ float:right; width:calc(100% - 300px); }
.products_right ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:30px; row-gap:30px; }
.products_right ul li .img{ border-radius: 15px;  overflow: hidden; margin-bottom:20px; }
.products_right ul li img{width:100%;     display: block;  }
.products_right ul li a h3{ color:#666666; }
.products_right ul li a:hover h3{ color:#c70136; }
.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_con{ float:right; width:calc(100% - 300px); }
.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: #e5003e;  border:3px solid #e5003e;
}


.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;
}
.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:#e5003e;
    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:#c70136 }

.pro_con{ margin-top:50px; border-top:3px solid #e3e3e3; padding:50px 15%; }
.pro_con .title{     color: #e5003e; font-size: 60px; text-align:center; }


.about{ width: 1200px; margin: 0 auto; text-align: center; margin-top:70px; }
.about .txt{ color:#9fa0a0; font-size:20px; font-family: "HarmonyOSHans-Regular"; }
.about .txt img{ max-width:100% !important; height:auto !important; }
.contact{ width: 1200px; margin: 0 auto; text-align: center; margin-top: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 1fr 1fr 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; }
.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; }




@media screen and (max-width: 640px){
	html, body{ min-width:auto; }
	
	
	.top .logo img,header.topbg .top .logo img{ width:60px; }
	
	.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:25px; }
	.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: 60px;
        line-height: 60px;}
	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:#e5003e; }
	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 5%;  }
	.index_about .about-con{ font-size:14px; margin-bottom: 25px; }
	.index_about .about-con::after{font-size:70px;     top: 34%; }
	
	.more a{ padding: 10px 5px; font-size: 14px; }
	
	.contact{ width:90%; overflow: hidden;     margin-top: 30px; }
	.contact h2{font-size:18px; margin-bottom: 15px;}
	.contact .txt{font-size:14px; }
	.title{ font-size:25px; }
	.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);
	    }
		
	
	.sys{ padding:35px 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:15px; }
	.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:14px; }
	.dizhi ul li:first-child{     line-height: 20px; }
	.dizhi i{ font-size:18px; }
	.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; }
	.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; }
	
	.index_pro ul li:last-child{ display:none; }
	
	.sys .win{ width: 90%;  min-width: auto; }
	.sys form { margin-top: 25px; }
	.sys .txt{ font-size: 16px; } 
	
	
	.index_pro ul li a h3{ font-size:13px; }
	.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: 40px; height: 40px; }
	.products_left ul{ overflow:hidden; }
	.products_left ul li{ width:49%; margin-right:2%; float:left; }
	.products_left ul li:nth-child(2n){ margin-right:0px; }
	.products_left h3{ display: inline-block; text-align: center;  padding: 0 25px; font-size: 16px;  text-indent: 0; line-height: 50px;}
	.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:14px; }
	
	.about .txt img{ max-width:100% !important; height:auto !important ; }
	.about .txt{ font-size:18px; }
	
	.inquiry a{ height: 40px; font-size: 16px; line-height: 40px; }
	
}