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

a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
	
	-webkit-transition:all 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: 'Conv_Interstate-Light';
	src: url('../fonts/Interstate-Light.eot');
	src: local('☺'), url('../fonts/Interstate-Light.woff') format('woff'), url('../fonts/Interstate-Light.ttf') format('truetype'), url('../fonts/Interstate-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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

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

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


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

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

h1,h2,h3,h4,h5{ font-family: 'Oswald'; }


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(241, 241, 241, 0)
	
}




header.onon{ background:#fff; border-bottom:1px solid #f1f1f1;     padding:0px 0; }



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

header .win{ position:relative; }

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


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


.logo {
    float: left;
    width: 210px;
    overflow: hidden;
	padding: 14px 0px;
}
.logo a{
	display: block; background:url(../images/logobg.png) no-repeat; background-size:100%;
}
.logo a img{ display: block; width:100%; opacity:0; }

.onon .logo a{ background:none; }	
.onon .logo a img{ opacity:1;   }
.navtop li a:hover{ color:#20978b; }



.nav {
    margin: 0 auto;
    float: left;
    text-align: right;
    width: calc(100% - 450px);
}
.nav li {
    position: relative;
    text-align: right;
    margin: 0px 30px;
    display: inline-block;
}

.nav li:first-child{ margin-left:0px; }
.nav li:last-child{ margin-right:0px; }
.nav li a {
    display: block;
    padding: 24px 0px;
    position: relative;
    text-align: center;
    position: relative;
    font-weight: 400;
    font-size: 22px;
    font-family: 'Oswald';
    color: #ffffff;
    text-decoration: none;
}
.onon .nav li a{ color:#000; }
.onon .nav li a.erj::after{ border-bottom: 2px solid #000; border-right: 2px solid #000;  }


.nav li a.erj{ padding-right:15px;  }

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

.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: 40px;
    height: 40px;
    font-weight: 500;
    text-align: center;
    padding: 0;
    width: 100%;
    color: #000;
    font-size: 21px;
    font-weight: 400;
}
.nav .nav_two li a:hover{ color:#c10001; }
.erj::after {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    margin-left:5px;
    vertical-align: super;
    position: absolute;
    top: 46%;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
}
 
 
 

header.hei .logo a img{ opacity:1; } 
header.hei .logo a{ background:none; }
 
header.hei .nav li a{ color:#000; }
header.hei .erj::after{     border-bottom: 2px solid #000;  border-right: 2px solid #000; }

header.hei .nav li a:hover{ color:#c10001; }
header.hei .nav li a:hover::after{ color:#c10001; }

 
.top-lianx {
    float: right;
    margin-top: 20px;
}
.top-lianx .btna a{
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px; font-family: 'Oswald'; position:relative; }


.top-lianx .btna a:after{ display:block; position:absolute; background: #c10001; border: 3px solid #c10001; width:100%; height:100%;     transform: skewX(-15deg); left:0; top:0; content:''; box-sizing: border-box;  z-index: -1; border-radius: 5px;     transition: all 0.5s ease-in; }

.top-lianx .btna a:hover:after{
    background: #000;
    border: 3px solid #000; transform: skewX(-25deg);
}

.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(0 0 0 / 55%) 0%, rgb(0 0 0 / 0%));
    top: 0;
    width:100%;
    height:100%; z-index:1;  }
.banner img{ display: block; position: absolute; z-index:0; width:100%; }
.banner .pc { display:block; }
	.banner .h5 { display:none; }
.banner .banner_nav img{ position: relative; width:700px; }
.banner .txt{ 
	color: #fff;
    position: relative;
    z-index: 3;
    margin-top:250px;
    margin-bottom:250px;
}
.banner .txt h2,.banner .txt h3{ font-size:40px; margin-bottom:20px; font-family: 'Oswald'; transform: skewX(-15deg);  }
.banner .txt h3{ font-weight: 500; }
.banner .txt span{
	font-size: 20px;
	width:800px;
	display: block;
	line-height: 1.5;
	margin-top: 3vh;
	color:#fff; opacity:0.5; 
}


/*.banner .swiper-wrapper .swiper-slide:nth-child(3) .txt ,.banner .swiper-wrapper .swiper-slide:nth-child(4) .txt{ min-height:252px; opacity:0; }*/

.banner .swiper-wrapper .swiper-slide:nth-child(3) .banner_nav,.banner .swiper-wrapper .swiper-slide:nth-child(4) .banner_nav{ display:none; }

/*.banner .swiper-slide:nth-child(3)::before,.banner .swiper-slide:nth-child(4)::before{ background-image: linear-gradient(to bottom, rgb(255 255 255) 30%, rgb(255 255 255 / 0%));*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 40%;*/
/*    z-index: 1;*/
/*    opacity: 0.8; }*/
    
    
/* .banner .swiper-wrapper .swiper-slide:nth-child(3) img ,.banner .swiper-wrapper .swiper-slide:nth-child(4) img{    }   */
    
  @media screen and (max-width:1600px){  
    
    .banner .txt{ margin-top: 200px;
    margin-bottom: 200px; }
    .banner .txt h2, .banner .txt h3{ font-size:30px; }
    
  }

.btn{
	margin-top:4vh;
}
.btn a,.btn span{
	
    color: #fff;
    text-transform: uppercase;
    padding: 20px 30px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    font-family: 'Oswald';
	cursor:pointer;
}

.btn a:after,.btn span:after {
    display: block;
    position: absolute;
    background: #c10001;
    border: 3px solid #c10001;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    left: 0;
    top: 0;
    content: '';
    box-sizing: border-box;
    z-index: -1;
    border-radius: 5px;
    transition: all 0.5s ease-in;
}

.btn a:hover,.btn span:hover{ color:#fff; }
.btn a:hover:after,.btn a.nobg:hover:after,.btn span:hover:after{ transform: skewX(-25deg); background:#000; border: 3px solid #000; }

.btn a.nobg{ color: #fff; margin-left:30px;  }
.btn a.nobg:after{ background: #000; border: 3px solid #000; }


.banner_nav{    position: absolute;  bottom:100px;  z-index: 1; left: 10%; }


  @media screen and (max-width:1600px){  
    
    .banner_nav{  left:5%; }
     
  }


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



.tedian{ margin-top:10vh;  }
.tedian ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:1px; row-gap: 30px; text-align:center; }
.tedian ul li{ 

    transform-style: preserve-3d; 
    -webkit-transform-style: preserve-3d;
    -moz-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;

	perspective: 1000px;
	-webkit-perspective: 1000px;
	position:relative; 
	cursor:pointer;
    
}
.tedian ul li .txt{ 
	background:#ffeeef;  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);
}	

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

.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:#000; 
	position: absolute;
	height: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:#c10001; 
 }
 
.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; 
    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);
    font-family: 'Oswald';
    font-size: 20px;
}

.tedian ul li img{ display:inline-block;     width:60px;  
	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:820px; margin:0 auto;}
.titleh2 h2{ font-weight:500; margin-bottom:20px; font-size: 38px; font-family: 'Oswald'; } 
.titleh2 span{ font-size:17px; line-height:1.5;  display: block; color:#a1a1a1; }
.titleh2 span.btn{     background: #c10001;
    color: #fff;
    width: 180px;
    margin: 0 auto;
    padding: 10px;
    border-radius:30px; }
.titleh2 span img{      
    margin-top: 15px;
    max-width: 80%;
    width: auto !important;
    height: auto !important;  
}

a{ color:#c10001; text-decoration: underline; }
a:hover{ color:#c10001; }

.txt_left{ text-align:left; }

.products { padding-bottom: 50px; padding-top: 160px;  background: url(../images/bg.png) no-repeat 10px 0px; margin-top: -80px;}


/*.products ul{ display:grid; margin:0 auto;  grid-template-columns: 1fr 1fr 1fr;  grid-gap:70px;  row-gap: 70px; margin-top:8vh; }*/
.products .project { overflow: hidden;
    height: 1300px;
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
    position: relative;
    padding-bottom:30px; height:760px; }
.products ul{     flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    width: 100%;
    display: flex;
    transition-property: transform;
    box-sizing: content-box; }


.products ul li{ margin-bottom:0px;  font-size: 18px;
     height: calc((100% - 100px) / 2);
     /* display: -webkit-box; */
     display: -ms-flexbox;
     /* -webkit-box-pack: center; */
     -ms-flex-pack: center;
     /* -webkit-justify-content: center; */
     /* justify-content: center; */
     /* -webkit-box-align: center; */
     -ms-flex-align: center;
     /* -webkit-align-items: center; */
     /* align-items: center; */
     overflow: hidden; }
.products ul li div span img{ display:block; width:25px; }
.products ul li div span{ display: inline-block; vertical-align: middle; }

.products ul li h4{ display: inline-block;  line-height: 26px;  vertical-align: middle; text-transform: uppercase; margin-bottom: 18px;
background:url(../images/ico6.png) no-repeat left center; text-indent:30px; font-family: 'Oswald'
}

.products ul li a{ display: block; color: #000; position:relative; }
.products ul li a img{ display: block; border-radius: 15px; width:100%; }
.products ul li p{ display: block;
    margin: 18px 0px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 15px;
    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;}
.products ul li p a{ display:inline-block; }
.products ul li .more{ font-weight:bold; color:#2eb5a7; text-decoration: underline; }
.products ul li .more:hover{ color:#20978b; }
 
.products ul li a::before{ content: '';
    display: block;
    background-image: linear-gradient(to top, rgb(0 0 0 / 47%) 20%, rgb(0 0 0 / 0%));
    width: 100%;
    height: 80%;
    bottom: 0px;
    position: absolute;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	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;
	}

.products ul li a:hover::before{ opacity:1; }
.products ul li a:hover p{ opacity:1; }
.products ul li a:hover h4{ color:#c10001; background:url(../images/ico7.png) no-repeat left center;  }
.products .swiper-pagination{ width:100%; } 
.products .swiper-pagination-bullet {
    padding: 8px;
    margin: 0px 5px;
}

.products .swiper-pagination-bullet{
    background: none;
    border: 1px solid #000000;
    opacity: 0.5;
}
.products .swiper-pagination-bullet-active  {
    border: 1px solid #c10001;
    background: #c10001;
    opacity: 1;
}



.top_title{ background:#fff; padding:200px  0px;  padding-bottom:80px;     min-width: 1300px; position: relative; }
.top_title .bot_txt{ margin-top: 0;  display: flex; padding:0; }
.top_title .txt{ flex:1; align-content: center;     position: relative;  z-index: 5; }
.top_title .txt p{ margin-top: 20px;     font-size: 17px; font-weight:400; font-size: 20px;
    width:900px;
    display: block;
    line-height: 1.5;
    margin-top: 3vh;
    color: rgb(143, 143, 143); }
.top_title .txt h2{ font-size: 40px;  margin-bottom: 20px; font-weight:500; font-family: 'Oswald'; }
.top_title .txt .btn{  
    color: #fff;
    text-transform: uppercase;
    padding: 20px 50px;
    display: inline-block;
    font-weight: bold;
    
    border-radius: 3px;
    font-size: 17px; font-family: 'Oswald'; position:relative; margin-left: 10px ; }
    
.top_title .txt .btn:after {
    display: block;
    position: absolute;
    background: #c10001;
    border: 3px solid #c10001;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    left: 0;
    top: 0;
    content: '';
    box-sizing: border-box;
    z-index: -1;
    border-radius: 5px;
    transition: all 0.5s ease-in;
}



.top_title .img{     flex: 1;
    text-align: right;
    margin-left: 0;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: -30px;  }
.top_title .img img{ display:block; width:100%; }

.products-list{ padding-bottom:50px; position: relative;  z-index: 1; }
.products-list:after{ content:''; display:block; clear:both;  }
.products-list .products-list-pro{ width: calc(100% - 430px); float:right; }
.products-list .products-list-pro ul{  display: grid;  grid-template-columns: 1fr 1fr 1fr; grid-gap:50px;  row-gap:50px;  }
.products-list .products-list-pro li{ transition:all 0.3s ease-in;   }

.products-list .products-list-pro li:hover{ transform-origin: center;  transform: scale(1.02); }
.products-list .products-list-pro li:nth-child(3n+1):hover{ transform-origin: right center;}
.products-list .products-list-pro li:nth-child(3n):hover{ transform-origin: left center;}


.products-list .products-list-pro li:nth-child(2):hover,.products-list .products-list-pro li:nth-child(5):hover,.products-list .products-list-pro li:nth-child(8):hover,.products-list .products-list-pro li:nth-child(11):hover,.products-list .products-list-pro li:nth-child(14):hover,.products-list .products-list-pro li:nth-child(17):hover,.products-list .products-list-pro li:nth-child(20):hover{ transform-origin: center;  transform: scale(1.05); }



.products-list .products-list-pro li .img{ border-radius:10px; overflow: hidden; margin-bottom:20px; background:#f7f7f7; transition:all 0.3s ease-in; position: relative;  box-shadow:0 0 .2604vw 0 rgb(129 129 129 / 0%); border:1px solid #f1f1f1;  }
.products-list .products-list-pro li:hover .img {  box-shadow:0vw 1.25vw 4.1666vw .2604vw rgb(129 129 129 / 20%);  }



.products-list .products-list-pro li:nth-child(3n+1):hover{ transform-origin: right center;}


.products-list .products-list-pro li:nth-child(3n+1):hover .img{ box-shadow: -3.125vw 1.25vw 4.1666vw .2604vw rgb(129 129 129 / 20%);}
.products-list .products-list-pro li:nth-child(3n):hover .img{  box-shadow:3.125vw 1.25vw 4.1666vw .2604vw rgb(129 129 129 / 20%); }




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

.page{ text-align: center; margin-top: 50px;     margin-bottom: 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; font-size: 18px;
    font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif;}
	 
.page b,.page a:hover{ background: #c10001;
	    color: #fff;
	    font-weight: 500; border: 1px solid #c10001; }
		
		
.like .products-list .products-list-pro{     min-width: auto;
    width: calc(100% - 40px); grid-template-columns: 1fr 1fr;
    grid-gap:15px;
    row-gap:15px; float: none; }
.like .products-list .products-list-pro li .img{ margin-bottom:10px; }
.like .win{ width:100%; min-width:auto; }
.like .products-list h4{ font-size:13px; width: 100%; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.like .products-list .products-list-pro li:nth-child(3n+1):hover .img,.products-list .products-list-pro li:nth-child(3n):hover .img{ box-shadow: 0vw 1.25vw 4.1666vw 0.2604vw rgb(129 129 129 / 20%); }
.like .products-list .products-list-pro li:nth-child(3n+1):hover,.products-list .products-list-pro li:nth-child(3n):hover{ transform-origin: center; }

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


.products-list .products-list-left{  float: left;  width: 380px;  overflow:hidden;  }
.products-list .products-list-left .down-left{ float:none; width:100%; }
.products-list .like{  width: 100%;
    float: none;
    border-radius: 0px;
    border: 1px solid #f1f1f1;
    margin-top: 20px; }
.products-list .like .title {
    font-weight: bold;
    color: #005db6;
    padding: 20px;
    position: relative;
}



.products_ms{ margin-bottom: 50px;
    border: 1px solid #f1f1f1;
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
}


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




.con4{ background:#ffeeee; overflow:hidden; padding:10vh 0px; }
.con4 h2 {
    font-weight: 500;
    font-size: 38px;    font-family: 'Oswald';
}
.con4 .miao {
    margin-top:20px;
    line-height:1.6;
    font-size: 17px;
    font-weight: 500;
	color: #424242;
}
.con4 h2 span{ color:#c10001;     font-family: 'Oswald'; }
.con4 .win .img {
    float: left;
    width:50%;
    align-content: center;
	position:relative;
}
.con4 .win .img img{ width:100%; display:block; }




.play{  transition:all 0.3s ease-in;  background: #c10001;
    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: right;
    width:45%;
    margin-left: 5%;
}

.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 a.more {
    background: #c10001;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 30px;
    display: inline-block;
    font-weight: bold;
    border: 3px solid #c10001;
    border-radius: 3px;
	margin-top:40px;
}
.con4 .txt a:hover.more{ background:#000; border: 3px solid #000; }

.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 li:nth-child(3) strong{ display:none; }
.data li:last-child .l { width:120px; }
.data li:last-child strong{ left: 110px; }
.data li:last-child .l.l2,.data li:last-child .l.l3{ width:82px; }
.data h3 {
    font-size:70px; font-family: 'Oswald';  font-weight: 400; color: #c10001; line-height:80px;
}
.data .l2 {
    width: 58px;
    overflow: hidden;
	margin-left: 8px; 
}
.data .l2, .data .l3 {
    padding-top:34px; text-align:left;
}
.data .l2 {
	width: 90px;
	overflow: hidden;
	font-weight: 500;
	color: #959595; padding-top: 27px;
}
.data li  strong {
    color: #000;
    font-size: 1rem;
    position: absolute;
    left: 88px;
    top: 0;
	color: #c10001;
}
.data .l3{ padding-top: 15px; }
.data .l3 img {
    width: 60px;
    margin-left: 15px;
}

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





.review{ padding: 10vh 0px; }
.review ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:50px;  row-gap:50px;  margin-top:50px; }
.review ul li{ border: 1px solid #f1f1f1; padding: 20px; box-sizing: border-box; border-radius: 10px; }
.review ul li .title{ overflow:hidden; }
.review ul li .title img{ display: block;  float: left;  width: 60px; border-radius:50%; }
.review ul li .title .name{ float: left; margin-left: 10px;  margin-top: 8px; }
.review ul li .title .name b{ display: block; color: #c10001;  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: 10vh 0; background: #eefaff;  }
.partner .title{ text-align:center; }
.partner .title .small_title { font-size: 18px;}
.partner .titleh2{ max-width:1000px; }

.logogd{ margin-top:10vh; position:relative; }
.logogd .logogd_a{ margin-bottom:80px; }
.logogd .swiper-slide{ width:auto; }
.logogd  .swiper-container .swiper-wrapper {
    transition-timing-function: linear;
}

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

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



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


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

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

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

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

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

.jt_btn span img{ display: block; width: 30px;
    height: auto; }
.jt_btn .swiper-button-disabled{ opacity: 0.5; }

footer{ background:#dedede; padding:10vh 0; padding-bottom:0; }
footer .win{ overflow: hidden; }
.bot_logo{  font-size:14px; margin-bottom:50px; float:left;  }
.bot_logo .tel{ font-size: 20px;  margin: 20px 0; margin-bottom:10px;  }
.bot_logo .tel a{ color: #000; text-decoration: none; font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; }
.bot_logo img{ width:210px; }
.bot_logo .add{ margin-bottom:20px; }


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

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


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

.postion.postion_news{ margin-top:250px; }

.postion a{ font-size:12px; color:#a5a5a5; }
.postion.postion-pro{ margin-top: 150px; }




/* about */

.nr_banner{ background-size: cover; color:#fff;  padding: 150px 0;
    padding-bottom: 100px;  min-width:1300px;     background-position: left center !important; position: relative; }

.nr_banner::before {
    content: '';
    display: block;
    position: absolute;
    background-image: linear-gradient(to right, rgb(0 0 0 / 55%) 0%, rgb(0 0 0 / 0%));
    top: 0;
    width: 100%;
    height: 100%;
    z-index:0;
}



.nr_banner .win{ overflow:hidden; position: relative; }
.nr_banner .title{ float:left; width:900px; }
.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;
    background-position: 130px 63px !important;
    background-size: 700px;
    background-repeat: no-repeat;
    
}
.con7 .win{ display:flex; }
.con7 .win:after{ content:''; display:block;     clear: both; }
.con7 .title{ float:left; width:415px; margin-right:80px; }
.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:70px; font-weight: 500; font-family: 'Oswald'; line-height:1.3; }
.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% - 160px); 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; font-family: 'Oswald'; }
.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(255 239 239) 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: auto;
    height: 100%;
    margin: 0 auto;
    display: block; }

.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:5vh;
    font-size: 38px; margin-top:10vh;  font-family: 'Oswald';
}

.aboutVideo .iso{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap:50px;
    row-gap:50px;
	width:700px; margin:0 auto;
}
.aboutVideo .iso li{ display: flex;
    justify-content: center;
    align-items: center; }
 
.aboutVideo .iso img{ display: block; width:100%; }
.aboutVideo .iso li span{ display:none; }
.certificate {
	display: grid;
	    margin: 0 auto;
	    grid-template-columns: 1fr 1fr 1fr 1fr;
	    grid-gap:50px;
	    row-gap:50px;
		margin-top:5vh;
}

.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:750px; 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;      font-family: 'Oswald';
}

.more_pic li.hover h3{ color: #c10001; }
/* end about */



/* down */

.down{ padding:10vh 0px; }
.down-faq{ min-height:600px; }
.down.down_job{ margin-top:290px; }
.down .win{  }
.down .win:after{ content:''; display:block; clear:both; }
.down-left{  float: left;
    width: 300px;
    border: 1px solid #f1f1f1;
    padding: 15px;
    box-sizing: border-box; }
.down-left h2{
	font-weight: 500;
	color: #000;
	position: relative;
	font-size:25px;
	border-left: none;
	border-right: 0;
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0px; padding-top:0px;     font-family: 'Oswald';
}
.down-left h2::before{     content: '';
    display: inline-block;
    width:7px;
    height: 20px;
    background: #c10001;
    margin-right: 10px;
    border-radius: 2px;     transform: skewX(-20deg);
}
.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: #c10001; 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 #c10001; }
.down-left ul li:hover em::before,.down-left ul li.hover em::before{ opacity:1; }
.down-left ul li.hover a{ color:#c10001; text-decoration: underline; }


.down-left ul li a{ color:#000; text-decoration:none;font-family: 'Oswald';
    font-size: 20px;
    font-weight: 400; }
.down-left ul li a:hover{  color:#c10001;   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: #c10001; 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:#c10001; }
.down-right ul li a:hover .txt .txt-1 h3{ color: #c10001; }


/* 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{  }
.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;
    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;     border-radius: 15px;  } 

.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;
	    font-weight: bold;
}

.shop_faq li h4:before{ content:''; display:inline-block; background:url(/images/faq.png) no-repeat; background-size:100%; width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: sub;
    opacity: 0.8;}

.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 .huifu {
    font-size: 18px;
    line-height: 24px;
    color: #343434;
    padding:0 80px 32px; position:relative;
}
.shop_faq  li .huifu:before{ content:''; display:inline-block; background:url(/images/huif.png) no-repeat; background-size:100%; width: 30px;
    height: 21px;
    margin-right: 0;
    top: 1px;
    margin-left: -36px;
    vertical-align: sub;
    opacity: 0.8; position:absolute; }


.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:#ffeeee;
	border: 1px solid #ffeeee;
}
.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;  }

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

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

.contact .info .adder{ margin-top:80px; font-size:18px; }
.contact .info .adder li{ background: url(../images/adder_icon.png) no-repeat left top; line-height: 1.5;  padding-left:40px; min-height:30px;  margin-bottom:40px; }
.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: #c10001;  color: #fff; text-transform: uppercase; padding: 15px 40px; width: 250px; display: block;  font-weight: bold;   border: 3px solid #c10001;  border-radius: 3px;  cursor: pointer;  margin: 0 auto;  margin-top: 30px;     font-family: 'Oswald'; transition: all 0.5s ease-in; }
.contact .info .quote input[type="submit"]:hover{ background:#000; border: 3px solid #000;  }

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

.con4.con4SER{ background:none;     padding: 10vh 0px; }

.con4.con4SER .win{ display: flex; justify-content: center;  align-items: center; max-width:1300px; }

.con4.con4SER .win .img{ width:40%; }
.con4.con4SER .win .img img{ border-radius:10px; }
.con4.con4SER .win .txt{ width:55%}
.con4.con4SER.on{background:#e0f5ff; }
.con4.con4SER.on .win .txt{ margin-left:0px; margin-right:5%; }

	
/* 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 show*/
.products_pic{ width:100%; overflow:hidden; margin-top:30px;  }
.products_nr { overflow:hidden; margin-top:30px; }
.products_nr .pic {float: left; width:50%;}
.products_nr .txt{ float: right; width: 45%; margin-top: 200px; padding: 0 50px;  box-sizing: border-box;} 
.products_nr .txt h1{ font-size:30px; font-weight: 500; margin-bottom: 30px;     font-family: 'Oswald'; }


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

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


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

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

 
.products_pic .gallery-thumbs{   }

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

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

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

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

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


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

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



.swiper-button-prev svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(90deg);  }
    
.swiper-button-next svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(-90deg);  }
	
	
	
.proBtn{ display:block; margin-top:30px;  }
.proBtn li {
	margin-right:20px;
	display: inline-block;  vertical-align: middle;
}
.proBtn li:last-child{   }
.proBtn li a{ display: block;
	background: #f3f3f3;
	padding: 10px;
	border-radius: 50%;
	font-size: 25px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 14px; position: relative; text-decoration:none  }
.proBtn li a:hover{ background:#c10001; }
.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; margin-bottom:10vh; }
.productInfo .title{ font-weight:bold; color:#005db6; padding: 20px; position:relative; font-family: 'Oswald'; color: #c10001; font-size:20px; }

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

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


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

.productDetails{ line-height:2; padding: 20px; padding-top: 0px; }
.productDetails img{ max-width:100%; height:auto; }
.productInfoTxt hr{
    background: #e5e5e5;
    border-color: #fff;
    height: 1px;
    border: none; }
..productDetails img{ max-width: 100%; height:auto !important; }
.productDetails table {
    width: 100% !important;
	border: 0;
	box-sizing: border-box;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	font-size: 14px;
}

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

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


/* end products show*/





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

.news_page .news_page_list{ float:right; width:100%; }
.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; font-family: 'Oswald'; }
.news_page_list h4 a:hover{ color: #2eb5a7; text-decoration: underline; }
.news_page_list p{ padding:0 20px; display: block; margin-bottom:20px; line-height:1.5; font-size:14px; height: 150px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient: vertical;}
.news_page_list li time{ font-size:12px; padding:0 20px; display: block; margin-bottom:20px; }
.news_page_list .more{ padding: 0 20px; padding-bottom: 20px;  display: block; font-weight:bold; }





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

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

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

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

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


.bodybg{ background:url("/images/bodybg.png") no-repeat top right; position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 300px;
    z-index: -1; }


@media screen and (max-width:1300px){
    
    header {
        -webkit-transition: all 0s ease-in;
        -moz-transition: all 0s ease-in;
        -o-transition: all 0s ease-in;
        transition: all 0s ease-in;
    }

    
}


.ourservice-title{ margin-top:10vh; margin-bottom:5vh; }
.ourservice { display: grid;   grid-template-columns: 1fr 1fr 1fr; grid-gap:50px;  row-gap:50px;  margin-bottom:10vh; }
    
.ourservice .pictxt-a  { background: #e0f5ff; border-radius: 15px;  overflow: hidden; padding-bottom:20px; }
.ourservice .pictxt-a .img{ width:100%; }
.ourservice .pictxt-a .img img{ display:block; width:100%;   }


.ourservice .pictxt-a .txt{     text-align: center;
    margin-top: 15px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px; }
.ourservice .pictxt-a .txt h2{ margin-bottom:10px; }

.nrnr { margin-bottom:50px; margin-top:50px; text-align:center; }
.nrnr img{ max-width:100%; height:auto !important; }

.step{  padding-bottom: calc(10vh - 40px); }
.step ul{ flex-wrap:wrap; justify-content:center; padding-top:5vh; overflow:hidden; }
.step ul li{ width:25%; box-sizing:border-box; text-align:center; padding:40px 20px; font-size:14px; font-weight:500; float:left; position:relative; transition: all 0.3s ease-in;  }
.step ul li:after{ content: '';
    display: block;
    position: absolute;
    /*background: url(../images/jtstep.png) no-repeat center #c10001;*/
    background: url(../images/jtstep2.png) no-repeat center #fff;
    width: 30px;
    height: 30px;
    background-size: 60%;
    top: 43%;
    right:-13px;
    border-radius: 50%;
    padding: 10px;
    box-sizing: border-box; border: 1px solid #dfdfdf; transition: all 0.3s ease-in; }


.step ul li:hover{ transform:scale(1.01); }
.step ul li:before{content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100px;
    right: -50px;
        top: 47%;
    margin-top: 1px;
    z-index: -1;
    border-bottom: 1px dashed #d1d1d1; }
.step ul li:nth-child(4):before{    left: 50%;
    bottom: -16px;
    top: auto;
    width: 1px;
    height: 60px;
    border-right: 1px dashed #d1d1d1; }

.step ul li:nth-child(4):after{     left: 50%;  transform: rotate(90deg); bottom: 0px;  top: auto; margin-left: -13px; }

.step ul li:nth-child(n+5):nth-child(-n+7):after {  left: -16px;  transform: rotate(180deg);}

.step ul li:nth-child(n+4):nth-child(-n+8){ float:right; }

.step ul li:nth-child(8):after {
    left: 50%;
    transform: rotate(90deg);
    top: auto;
    bottom: 0;
        margin-left: -14px;
}


.step ul li:nth-child(n+5):nth-child(-n+7):before{ right: auto;
    left: -50px; }

.step ul li:nth-child(8):before{     left: 50%;
    bottom: -16px;
    top: auto;
    width: 1px;
    height: 60px;
    border-right: 1px dashed #d1d1d1;}

.step ul li:last-child:after { display:none; }



.step ul li:hover:after{ background: url(../images/jtstep.png) no-repeat center #c10001; background-size: 60%; right:-20px; border: 1px solid #c10001; }

.step ul li:hover:nth-child(n+5):nth-child(-n+7):after {  left: -22px;  }
.step ul li:hover:nth-child(4):after,.step ul li:hover:nth-child(8):after { bottom: -10px; }




.step ul li h4{ font-size: 17px; margin:15px 0px; }
.step ul li h4 i{  color: #000;
    background: #e0f5ff;
    display: inline-block;
    height: 20px;
    width: 20px;
    font-weight: 500;
    border-radius: 50%;
    line-height: 18px;
    vertical-align: bottom;
    font-size: 12px; }
.step ul li img{ display: inline-block;
    max-width: 100%;
    height: 200px;
    width: auto;
    border-radius: 10px; opacity: 0.8; transition: all 0.3s ease-in; }

.step ul li:hover img{ opacity:1; }




.zxpro{ padding: 20px;
    padding-top: 0px; }
.zxpro h2{ font-weight: bold;
    color: #005db6;
	margin-bottom:15px;
    position: relative;
    font-family: 'Oswald';
    color: #c10001;
    font-size: 20px; }
.zxpro ul{ overflow: hidden; }
.zxpro ul li{ width: 48%;
    margin-right: 4%;
    float: left;
       margin-bottom: 25px;}
.zxpro ul li span{     display: block; }
.zxpro ul li input{  font-size: 16px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: none;
    border: 1px solid #b1b1b1;
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;}

.zxpro ul li:nth-child(2n) {
    margin-right: 0;
}
.zxpro ul li.msg {
    width: 100%;
    margin-right: 0;
}
.zxpro ul li textarea {
    height: 100px;
    font-size: 16px;
    width: 100%;
    display: block;
    box-sizing: border-box;
	border-radius: 5px;
    border: 1px solid #b1b1b1;
    padding: 15px;
	    margin-top: 10px;
}

.zxpro input[type="submit"] {
    font-size: 16px;
    background: #c10001;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 40px;
    width:190px;
    display: block;
    font-weight: bold;
    border: 3px solid #c10001;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Oswald';
    transition: all 0.5s ease-in;
}

.zxpro  input[type="submit"]:hover {
    background: #000;
    border: 3px solid #000;
}

@media screen and (max-width: 640px){
	
    .win{ min-width:auto;     width: 90%; }
	
	.nav{ position: fixed;
    float: none;
    margin-left: 0;
    width: 100%;
    opacity:0;
    left: 0;
    background: #fff;
    top:60px;
    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:90%; text-align: left;padding:10px 0px;
        padding-left: 5%;
        padding-right: 5%; display:inline-block; font-size: 18px; color:#000; }
	.nav .nav_two li{ text-align:left; } 
	.nav .nav_two li a{ display: inline-block;
        width: auto;
        font-size: 18px;
        line-height: 30px;
        height: 30px;
        font-weight: 300; }
	.nav li a.erj {
        width: 100%;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }
	
	.nav.appDown{ opacity: 1; pointer-events: auto; transform: none; max-height: 75vh;
    overflow-y: scroll;
    box-sizing: border-box;
    overflow-x: hidden;}
    
    .nav li span{         opacity: 0;
        display: inline-block;
        height: 20px;
        width: 190px;
        margin-left: -11px;
        padding: 20px 0px;
        vertical-align: middle;
        position: absolute;
        right: 0; }
    
    .erj::after{         right: 5%;         border-bottom: 2px solid #000000;
        border-right: 2px solid #000000; }
    
    
    .erj i{border: 1px solid #000;
    display: inline-block;
    height: 10px;
    width: 30px;}
    
    .nav li .nav_two{     transition: all 0s ease; padding-left: 5%; }
    
    .nav>li:hover>.nav_two{ position: relative; border-top: 0; box-shadow: none; margin-top: 0; padding-top: 0; width: 100%; left: 0; margin-left:0; }
    
	.logo{  width: 120px;  height: 30px; padding: 0;}
	.logo a img{ width:100%; }
    
     header .bg{ z-index:-2; pointer-events: none; background-color: rgba(0,0,0,.5); width: 114%; height: 120vh; transition: opacity .3s ease-in-out; position: absolute; top: 71px; left: -7%; opacity:0; }
     
    header .bg.appDown{ opacity: 1; pointer-events: auto; }
    
    header.onon{ padding:15px 0; }
    
    #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; background: none; }
    
    .sj_nav span:before {
    content: "";
    backface-visibility: hidden;
    background-color: #000;
    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: #131212;
        transform: rotate(45deg);
    }
    

    .sj_nav span:after {
    content: "";
    backface-visibility: hidden;
    background-color: #000;
    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: #131212;
        transform: rotate(-45deg)translateY(0);
    }
    
    
	.banner{  }
	.banner{
	min-width:auto;
}
	.banner img{ height:100%; width:auto; right:0; opacity:0.6; }
	.banner .pc { display:none; }
	.banner .h5 { display:block; }
	.banner .swiper-slide img{ right:-580px; }
	.banner .swiper-slide::before{      }
	.banner .swiper-slide{ overflow:hidden; }
	.banner .txt{  margin-top:20vh;
        width:90%;
        margin-left: 5%;
        margin-bottom:15vh; height:198px; }
        
        
	.banner .txt h2,.banner .txt h3{ font-size:18px; margin-bottom:10px; }
	
	.banner .txt span{ font-weight:500; font-size:12px; width: 100%; margin-top:20px; overflow: hidden;  text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;   height:auto; }
	.btn{ margin-top: 20px; }
	.btn a{ font-size: 12px; padding: 10px 15px; font-weight: 500; }
	.btn a.nobg{     margin-left: 15px; }
	
	.banner_nav{         bottom: 10vh;
        width: 70%;
        left: 5%; }
	.banner_nav ul{ text-align: right; }
	.banner_nav li{ display:inline-block; float:none;  width:auto; margin-right:15px; }
	.banner_nav li:last-child{ margin-right:0px; }
	.banner_nav li div,.banner_nav li.on div{ background: #fff; padding: 0; margin-bottom: 0; padding: 7px; box-sizing: border-box; border-radius: 50%; }
	.banner_nav li span{ display:none; }
	.banner_nav li img ,.banner_nav li.on img{ display: block; width: 100%; position: static; margin-top: 0; }
	
	.banner .banner_nav img{ width:100%; right:0px; } 
	 
	h2{ font-size:19px; }
	
	.top-lianx{ margin-top:0px; }
	.products{ padding:30px 0; padding-top:0px; margin-top:0px; background: none; }
	
	.titleh2{ width:80%; }
	.titleh2 h2{ margin-bottom: 10px; font-size:19px; }
	.titleh2 span{ font-size:12px; }
	.titleh2 span img{ margin-top:15px; }
	
	
	.tedian.win{ overflow-x: scroll; }
	.products ul{ grid-template-columns: 1fr; grid-gap: 0; row-gap: 0; margin-top:0px; }
	.products ul li{ height:48%;  }
	.products ul li:last-child{ margin-bottom:0; }
	.products ul li div span img{ width:18px; }
	.products ul li div h4{ font-size:14px; }
	.products ul li p { display: block; font-size: 12px; line-height: 1.6; font-weight:500; }
	.products ul li .more{ font-size:12px; }
	.products ul li div h4{ margin-left:0px; }
	
	.products ul li h4{ font-size:14px;     margin-bottom: 10px; background-size: 20px; }
	
	.quality ul{ grid-template-columns: 1fr 1fr; grid-gap: 25px; row-gap: 25px; margin-top: 5vh; }
	.quality ul li{ text-align: center; }
	.quality ul li h4 { margin-bottom: 10px; font-size: 14px; }
	.quality ul li p { line-height: 1.5; font-size: 12px; font-weight: 500; color: #4c4c4c; }
	
	
	.multi{ margin:0; padding:50px 0; }
	.list{ display: block; margin-bottom:5vh; display: flex;   flex-direction: column;  }
	
	.multi_two{ }
	.multi_two .list{ flex-direction: column-reverse; }
	
	.list:nth-child(2n){  flex-direction: column-reverse }
	.list .txt{ margin:0; margin-top:0px; }
	.list .txt i{   }
	.list .txt i img{ width:20px; }
	.list .txt h2 { margin: 10px 0; }
	.list .txt .miao{ font-size:14px; }
	.list .txt .miao ul li:last-child{ margin-bottom:0; }
	.list .txt .miao ul li:before{ width:15px; height:15px; }
	.list .txt .miao ul li{ margin-bottom: 15px; }
	
	
	.con11{ padding:50px 0; }
	.con11 .txt .miao img{ width:100%; }
	.con11 .txt .miao{ font-size:14px; }
	
	.review ul{ margin-top: 3vh; grid-template-columns: 1fr; grid-gap: 0; row-gap: 25px; }
	.review ul li .title img{ width:50px; }
	.review ul li .txt,.review ul li .title .name i{ font-size:12px; }
	.review ul li .title .name b{ font-size:14px; }
	
	.left_right .btn_left, .left_right .btn_right{ height: 40px; width: 40px; }
	
	.news{ margin:30px 0; }
	.news_list .title{ width:100%; float:none; }
	.news_list .title p{ font-size:12px; margin:10px 0; }
	.jt_btn {margin-top: 20px;}
	.news-swiper{ width:100%; margin-top: 5vh; }
	.jt_btn span:nth-child(2) {  margin-left: 20px; }
	
	footer{ padding:20px 0; }
	.bot_logo{ text-align:center; width:100%; }
	.bot_nav{ display:none; }
	
	.postion{ margin-top: 208px;
        box-sizing: border-box;
        width: 100%;
        left: 0; }
    .postion,.postion a{ color:#a5a5a5; }
	.titleh2{  }
	.top_title{ padding-bottom:50px; position:relative; overflow: hidden; }
	.top_title .bot_txt{ display: block;
        width: 65%;
        margin-left: 5%;}
 
	.top-lianx .btna a{ padding:5px 10px; font-size: 12px; }
	.all_news .news_hot{ width:100%; }
	.top_title .txt p{ margin-top:0px; font-size:12px; }
	
	.top_title .img{ margin-top: 0px;
        margin-left: 0px;
        top: 0px;
        right: -140px;
        width: 780px; }
	
	.top_title .txt .btn{ padding: 10px 20px; font-size: 12px; font-weight: 500; margin-top: 10px;}
	.bot_li{ margin-top:10px; }
	.con1{ padding: 50px 0; }
	.con1 .win{ display:block; }
	.con1 .jump{  float: none; width: 100%; margin-bottom: 30px; }
	.con1 .jump ul li a{ font-size:14px; }
	.con1 .txt{ width:100%; }
	.jump.float{ width: 280px; top: auto; bottom: 0; margin-bottom: 0; }
	
	.con1 .txt h2,.con1 .jump .title{ margin-bottom: 20px; font-size: 16px; }
	
	.con1 .txt .miao{ font-size:14px}
	
	.step{ padding:30px 0; }
	.step ul li h4{ font-size:14px; margin: 10px 0px; }
	.step ul li h4 i{ font-size:12px; height: 15px;
    width: 15px;
    line-height: 15px; }
	.step ul{ padding-top: 30px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    row-gap: 15px;
    display: grid;}
	.step ul li:before,.step ul li:after{ display:none; }
	.step ul li{ padding: 0; width: auto; }
	.step ul li img{ display: block; margin: 0 auto;  height:auto; width:100%; }
	
	.bot_li ul{ width:100%; margin-top:10px; }
	.bot_li ul li{ flex:1;     margin-left: 25px; }
	
	.con3{ padding:50px 0; }
	.con3 .miao{ margin-top:30px; overflow: scroll; }
	
	table td{ font-size:12px; padding: 10px; }
	table td strong{ font-size:14px; }
	
	.con4{ padding:30px 0; }
	.con4 .win .img{ width:100%; margin-bottom:20px; }
	.con4 .win{ display:block; }
	.con4 .win .txt{ width:100%; }
	
	.con4 .miao{margin-top: 0px;
        line-height: 1.5;
        font-weight: 300;
        font-size: 14px; }
	
	.con4 .miao ul{ grid-template-columns: 1fr 1fr;  grid-gap:15px; row-gap:15px;}
	
	.con4 .miao ul li{ font-size:12px; }
	.con4 .miao ul li:before{ width: 15px; height: 15px; }
	
	.con5{ padding:50px 0; }
	.con5 .case-swiper,.left_right{ margin-top: 30px; }
	
	.list .img{ margin-bottom:20px; border:none; }
	.list .txt a.more{     padding: 10px 20px;  font-size: 14px; margin-top:20px; }
	
	.con6{ padding:30px 0;  }
	.con6 ul{ margin-top:20px; grid-template-columns: 1fr 1fr; grid-gap: 14px; row-gap: 14px; }
	.con6 ul li h3{     margin: 10px 0px; font-size:14px; }
	.con6 ul li p{ padding:0px;     font-size: 12px; }
	
	.con7{ padding:30px 0; }
	.con7 .win{ display:block; }
	.con7 .title{ width:100%; }
	.con7 .miao{ width:100%; font-size:14px; }
	.con7 .miao ul li:last-child{ margin-bottom:0px; }
	.con7 .miao img{ max-width:100%; }
	
	.review{ margin-top:30px; padding:0px; margin-bottom: 30px; }
	
	.goto{ padding:30px 0; }
	.goto_txt p{ font-size:25px;  }
	.con7 .title { margin-bottom:10px;          margin-right: 0;}
	.con7 .title p{ font-size:14px; margin: 10px 0; }
	
	.con7 .title .jt_right{
	    color: #5b6770 !important;
        height: 45px;
        width: 45px;
        display: inline-block !important;
        vertical-align: middle;
        position: relative;
        margin: 0;
        border-radius: 28px;
        border: 1px solid #e5e5e5;
        box-sizing: border-box;
        transform: rotate(90deg);
        margin: 10px 0px;
	}
	.bot_logo{ font-size:12px; margin-bottom: 0px; }
	.bot_txt{  padding: 0; margin-top:0px; }
	
	.news_page{ padding:50px 0px; padding-top:0px; }
	
	.news_page .catalogue{ width:100%; }
	.news_page .news_page_list{ width:100%; }
	.news_page .news_page_list ul{ grid-template-columns: 1fr;  grid-gap:30px; row-gap:30px; }
	
	.news_page_list h4 a{ font-size:18px; }
	.news_page_list p{ height:auto; }
	.news_page .catalogue { width: 100%;
        margin-bottom:30px;
        margin-top: 0;
        border-bottom: 1px solid #f1f1f1; }
	.news_page .catalogue ul{ border: none; padding: 0; display: flex; }
	.news_page .catalogue ul li{ margin-right:20px; margin-bottom:0px; }
	.news_page .catalogue ul li:last-child{ margin-right:0px; }
	.news_page .catalogue ul li a { color: #000;  text-decoration: none; display: block;  line-height: 50px;}
	
	.all_news{ padding:0; }
	
	.all_news .news_con{ float: none; width: 100%; margin-bottom:30px; }
	
	.all_news .news_con h1{ font-size:20px; }
    .bot_txt .copyright{ float:none; text-align: center;  margin-bottom: 15px; }
    .bot_txt ul{ float:none; }
    .bot_txt ul li{ text-align:center; margin-left:0px}
    .bot_logo img{ width:80px; }
    .bot_logo .tel{ font-size:16px; }
    
    .nr_banner{ background-size: cover !important;
        padding: 60px 0;
        min-width: 100%;
        width: 100%; }
    .nr_banner .title{ width:100%; margin-top: 20px; }
    .nr_banner .title h2{ font-size:19px; }
    .nr_banner .title p{ font-size:12px; margin-top: 10px; }
    .nr_banner .miao{ width: 100%; font-size: 14px; }
    .what{     padding:50px 0; }
    .what ul{ grid-template-columns: 1fr;  grid-gap:30px; row-gap: 30px;  margin-top: 30px; }
    .more_pic ul{ width:100%; }
    
    .more_pic .pic_list div{ grid-template-columns: 1fr 1fr; grid-gap:15px; row-gap:15px; margin-top: 30px; }
    .more_pic .pic_list div img{ width:100%; }
    
    .tedian{     margin-top:10px; padding:20px 0; padding-bottom: 0px; margin-bottom:20px; }
    .tedian ul{grid-gap:15px; row-gap: 15px; width:750px; }
    .tedian ul li .miao { padding:10px 10px; font-size:12px; }
    .tedian ul li .txt{padding: 20px 15px; }
    .tedian ul li h4{ font-size:14px;     margin-top: 0; }
    .tedian ul li img{ width:40px; }
    
    .play{ transform: scale(0.7); top:38%; }
    .con4 h2{ font-size:18px;    margin-bottom: 10px; }
    
    .con4 .txt a.more{ font-size: 12px;
    padding: 10px 15px;
    font-weight: 500;
    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: 35px; line-height: 40px; }
    .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;}
    .partner{ padding: 30px 0; }
    .logogd{ margin-top: 20px; }
    .logogd .swiper-slide img{ height:20px; }
    .logogd .logogd_a { margin-bottom: 20px;}
    
    .jt_btn span img{ width:25px; }
    
    .news-swiper {   margin-top: 20px;  }
    .news-swiper .swiper-slide h4 a{ font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        width: 100%; }
    .news-swiper .swiper-slide h4 {padding: 10px;}
    .news-swiper .swiper-slide p { padding: 0 10px; font-size: 12px; color: #a2a2a2; margin-bottom:10px;}
    .news-swiper .swiper-slide .more{ padding: 0 10px;font-size: 12px; margin-bottom:10px; }
    
    .contact .titleh2{ width:100%; }
    .contact .info .txt{ width:100%; }
	.contact .info .txt .url li {  margin-right: 25px;  }
	.contact .info .txt .url li a img{ left:0; }
	.contact .info{ margin-top: 20px; }
	.contact .info .adder{         margin-top: 10px; font-size: 15px; }
	.contact .info .adder li.add{ margin-bottom: 20px; }
	.contact .info .quote{ width: 100%; margin-top: 30px;  padding: 25px; }
	.contact .info .quote h3{ margin-bottom:30px;}
	.contact .info .quote ul li{ width: 100%;  margin-right: 0; }
	.contact .info .quote ul li input{     padding: 10px 0; }
	.contact .info .adderimg{ margin-top: 20px; grid-template-columns: 1fr 1fr 1fr; }
	.contact .info .adder li{     margin-bottom: 20px; }
	.postion{ min-width:auto; }
	.postion.postionCantact{     margin-top: 60px; }
	.contact .info .quote{ font-size:14px; }
	.contact .info .quote input[type="submit"]{  padding: 10px 20px; width: 160px;     font-size: 14px; }
	.contact .info .quote ul li textarea{ height:60px; }
	
	.products_nr{ margin-top: 15px; }
	
	.banner .swiper-wrapper .swiper-slide:nth-child(3) .txt, .banner .swiper-wrapper .swiper-slide:nth-child(4) .txt{ min-height:auto; }
	
	.con7 .title .titlecon h2{ font-size:19px; }
	.con7 .miao h2, .con7 .miao h1,.con7 .miao h3{ font-size:14px; }
	.con7 .title .jt_right{ height: 35px;  width: 35px; }
	.con7 .title .jt_right .material-symbols-outlined{ font-size:14px; }
	.products_pic .gallery-thumbs .swiper-slide{ height: 50px !important; width: 50px !important; }
	.productDetails table td{ padding:6px; font-size:12px; }
	.products_pic .gallery-thumbs{ margin-right:0px; }
	.aboutVideo{ padding:30px 0px; }
	.aboutVideo .video{ width: 90%; height:auto; display: block; }
	
	.aboutVideo::after{ top: 130px; height: 180px; }
	.aboutVideo .title h3{ font-size: 19px; margin-top: 30px; margin-bottom: 10px; }
	
	.aboutVideo .iso{width:90%; grid-template-columns: 1fr 1fr 1fr;  grid-gap: 20px;  row-gap: 20px; font-size: 14px; }
	.aboutVideo .iso li .img{ width:70%; margin:0 auto; }
	
	.certificate{ grid-gap: 20px;  row-gap: 20px;  margin-top: 30px;}
	
	.more_pic h3{ font-size:19px;margin-bottom: 0; }
	.more_pic ul{     margin-bottom: 20px; }
	.more_pic .pic_list{ margin-top:0px; }
	.contact{ padding-top:0px; }
	.contact .info .txt .url { width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap: 0;  row-gap: 0; display: grid; }
	.contact .info .txt .url li a img{ position:relative; width: 50px; }
	.contact .info .txt .url li a{ width:100%; height:auto; }
	 .contact .info .txt .url li { margin-right:0px; text-align: center;}
	 
	 
	 .contact .info .adder li{ background-size: 20px; padding-left: 30px; font-size: 14px; }
	 .contact .info .adder li.email { background-position: 0px -66px;}
     .contact .info .adder li.tel { background-position: 0px -136px;}
     .bodybg{     height: 110px;  background-size: cover; }
     
     .con4.con4RD{ padding: 30px 0px; }
     .con4.con4RD .win{ display:block; }
     
     .con6 .titleh2{ width:100%; }
     
     .con7{     background: url(../images/bg.png) no-repeat -70px -90px; background:none !important; }
     .con7.con7RD{ padding: 30px 0px;         padding-top: 0; }
     
     .con6.con6QC ul{     grid-template-columns: 1fr 1fr 1fr; }
     
     .products-list .products-list-pro{ width:100%}
	 .products-list .products-list-pro ul{ grid-template-columns: 1fr 1fr; grid-gap: 20px; row-gap: 30px;  }
     .postion.postion-pro { margin-top: 50px; z-index:1; overflow:hidden; }
     .products-list .img{ margin-bottom:10px; }
     .products-list h4{ font-size:12px; width: 100%; }
     .top_title .txt h2{ font-size:18px; margin-bottom: 0;}
     .top_title{ padding: 99px 0px; padding-bottom: 30px; min-width:auto; }
     
     .products-list-left .like{ display:none; }
     .products-list .products-list-left{ width:100%; margin-bottom: 20px;}
     .products_nr .pic{ width:100%; }
     .products_nr .txt{ width:100%;  padding: 0;  margin-top: 30px; font-size: 14px; }
     .products_nr .txt h1{ font-size:18px; margin-bottom: 10px; }
     .proBtn{ margin-top: 10px; display:none; }
     
     .products_nr .btn a,.products_nr .btn span{ font-size: 12px;
        padding: 10px 15px;
        font-weight: 500;
        width: 40%;
        text-align: center;
        box-sizing: border-box; }
        
        .productInfo{         margin-top: 30px;  margin-bottom: 30px; }
        .productInfoTxt{ width:100%; }
        .like{ width:100%; margin-top:30px; }
    .productDetails ul{ margin-top:10px; }
    .productDetails ul li{ margin-bottom: 10px; }
    .productDetails img{ max-width:100% !important; height:auto !important; }
    .productInfoTxt .down-right ul li a .txt .txt-1 h3{ font-size:14px; }
    .down-right ul li a .btn{ font-size:12px; margin-top: 0; padding: 5px 10px;}
    .productInfoTxt .down-right ul li a .txt svg{ width: 35px;  height: 35px; }
    .productInfoTxt .down-right ul li a{ padding-top:0px; }
    .like .products-list ul{ grid-template-columns: 1fr 1fr;  grid-gap: 15px;  row-gap: 20px; }
    
    .like .products-list{ padding-bottom: 20px; }
    .productInfo .title::after{ height: 10px;  width: 10px; }
    .products_pic .gallery-thumbs .swiper-slide:last-child{ margin-right:0px !important; }
    
    
    .down{ padding:30px 0px; }
    .down-left{ width:100%; }
    .down-left h2{ font-size:16px; padding: 10px 0px; padding-top: 0; }
    .down-left h2::before{ height:14px; }
    .down-left ul li a{ font-size:14px; }
    .down-left ul li{ line-height:normal; }
    .down-right{ width:100%; margin-top:30px; }
    .down-right ul{     grid-template-columns: 1fr;  grid-gap: 0; row-gap: 15px; }
    .down-right ul li a{ font-size:14px; padding:15px; }
    .down-right ul li a .txt svg{width: 35px;  height: 35px;  margin-right: 10px; }
    .down-right ul li a .txt .txt-1 h3{ font-size:14px; }
    
    .down-left ul li em{ width: 6px;  height: 6px; margin-right: 6px; }
    
    .shop_faq{ width:100%; margin-top:30px; }
    .shop_faq li{ margin-bottom: 20px; height:auto; }
    .shop_faq li h4{         line-height: 1.5;
        padding: 6px 15px;
        font-size: 14px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        height: 43px; }
    
    .shop_faq li .index-section7-content{     height: 58px; }
    .shop_faq li h4 svg{     right: 10px;     width: 12px; height: 38px; }
    .shop_faq li.on .index-section7-content img{ max-width:100% !important; height:auto !important; }
    
    .shop_faq li .huifu { font-size: 13px;  line-height: 18px;  color: #666; padding: 0 45px 15px;
        padding-right: 10px;}
    .shop_faq li .huifu:before{ width: 20px;
    height: 15px;
    margin-right: 0;
    top: 2px;
    margin-left: -24px; }
    .newstwo{ width:100%; margin-top:30px; }
    .newstwo ul{ grid-template-columns: 1fr; }
    .newstwo.newsvideo li .videolist h4{ padding: 15px 15px;  font-size: 14px; margin-bottom:0px; padding-bottom: 5px; }
    .newstwo.newsvideo li .videolist span {  padding: 0 15px; font-size: 12px; margin-bottom: 0;  padding-bottom: 15px; }
    .openvideo_show .video_src { width: 90%;   left: 0; margin-left: 5%;}

    .banner .swiper-wrapper .swiper-slide:nth-child(3) .banner_nav, .banner .swiper-wrapper .swiper-slide:nth-child(4) .banner_nav{ display:block; }
    
    .ourservice-title{ margin-top:3vh;  margin-bottom: 5vh; }
    .ourservice{     margin-bottom: 0;  grid-template-columns: 1fr;  grid-gap: 20px;  row-gap: 20px; }
    .step .titleh2{ width:100%; }
    .ourservice .pictxt-a .miao{ font-size:12px; }
    
    .nrnr { margin-bottom: 30px;  margin-top: 0; }
    
    .products .project{ margin-top: 0px; width: 90%; height: 390px; padding-bottom: 30px; margin-top: 20px; }
    
    .products .swiper-pagination{ bottom: 0px; }
    .products .swiper-pagination-bullet{ padding:3px; }
    
    .aboutVideo .video video{ width:100%; }
    
    .down-left ul{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;  row-gap: 10px; }
    
    .products-list { padding-bottom: 30px; }
    
    .products_ms{ padding: 0;  border: none;  border-top: 1px solid #f1f1f1;  padding-top: 20px; border-radius: 0px; font-size:13px; }
    .products_ms ul li:before{ width: 15px;   height: 15px; }
    .products_ms ul li{ margin-bottom:10px; }
    .products_ms h3{ font-size: 16px; }
    .products_ms ul {  margin-top: 10px;  margin-left:0px;}
    
    .products-list .products-list-pro li .img{ margin-bottom: 10px; }
    
    .products-list .img i{ transform: scale(0.5); }
    .products-list .products-list-pro li a:hover .img i{ margin-left: -25px; }
    
    .products_nr .btn a,.products_nr .btn span{ width: 40%; }
    .products_nr .btn {  padding-left: 10px;  }
    .products_nr .btn a.nobg {  margin-left: 15px;   }
    
    .productInfo .title{ font-size: 16px; padding: 10px; }
    .productDetails{ padding: 10px;  font-size: 14px;  padding-top: 0px; line-height: 1.5; }
    .productDetails table{     height: auto; }
}