@charset "utf-8";
/* CSS Document */
/*---------
productlist
----------*/
#product-link{ padding:4rem 0 0 0; overflow:hidden; position:relative;}
#proclassgundong .swiper-wrapper{  padding-bottom:4rem;}
.prodct-link-list{display: flex; align-items: center; margin-left:2rem;}
.prodct-link-list a{ display:inline-block; border-radius:20px ; background-color:#eef3f9; white-space:nowrap; font-size:1.3rem;color:#757475;line-height:2.4em;text-align:center; overflow:hidden;}
.prodct-link-list a img{ border-radius:20px 20px 0 0 ;}
.prodct-link-list a:hover img{opacity:0.6;} 
.pro-scheme-text{ padding:8px 0;}
.prodct-link-list a:hover .pro-scheme-text{color:var(--web-theme-color);}
.prodct-link-list a:hover img{}
/*product list*/
#productlist{margin-top:4rem;}
#productlist .wrap-flex{justify-content: space-between; align-items: center;}
.productlist-title h3{ text-align:left; font-weight:400; color:var(--web-theme-color-gray);}
.productlist-title-kind{ padding-top:2rem; font-size:4.2rem; color:var(--web-theme-color-black);}
#productlist .wrap-flex p{ width:min(80%,600px);}
#productlist .grid{grid-template-columns:repeat(4,1fr); margin-top:6rem;}
.product-content{ border-right:#eeeeee solid 1px; border-bottom:#eeeeee solid 1px; }
.product-content:nth-child(4n){ border-right:none;}
#productlist h2{ text-align:left; text-transform:none;}
#productlist p{ padding-top:0;}
/*Product Menu*/
#product-menu{ padding:8rem 0;}
#product-menu h1{ text-align:center; color:var(--web-theme-color-black);}
#product-menu ul{justify-content: center; align-items: center; margin-top:3rem;}
#product-menu ul li{color:var(--web-theme-color-gray);}
#product-menu ul li a{ color:var(--web-theme-color-gray);}
#product-menu ul li:nth-child(2){ margin-left:1.4rem;}
#product-menu ul li:last-child{color:var(--web-theme-color-black);}
#product-menu ul li a:hover{color:var(--web-theme-color-black);}
/*product search*/
#productlist .product-search-keyword{ text-align:left;}
.product-search-keyword span{color:var(--web-theme-color-red);}
/*Reset Paging*/
#productlist .thumbnail .caption:hover,#productlist .thumbnail .caption:hover span{color:var(--web-theme-color);}
.pagination>li>span{
	color:#fff;
	background-color:var(--web-theme-color);
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:var(--web-theme-color);}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}
/*-----
Product Dateil
-------*/
#product-details .grid{ background-color:#fff; grid-template-columns:repeat(2,1fr);}
.proviewgs{margin-top:4rem; }
.proname{
	font-size:2rem;
	color:var(--web-theme-color-gray);
	 font-weight:600;
	font-weight:normal;
	text-transform:capitalize;
}
.proname strong{
	font-size:3.8rem;
	line-height:1.8em;
	color:var(--web-theme-color);
	font-weight:700;
}
.proviewgs p{
	padding-top:15px;
	color:#757475;
	word-wrap: break-word;
    word-break: normal;
}	
.proviewgs h3{
	padding-top:2rem;
	color:#333;
}
.product-series-search{ display:none;}
.product-series-search-form form input {
      color: #7d7d7d;
      border: 1px solid transparent;
      height: 40px;
      line-height: 24px;
      padding: 7px 15px;
      width:100%;
	  border: 1px solid #7d7d7d;}
.product-series-search-form{ position:relative; background-color:#333;width:max(100%,34rem); }
.product-series-search-form form button{
	position: absolute;
      right: 0;
      top: 0;
      background-color: transparent;
      color: #333;
      width: 40px;
      height: 40px;
      border: none;
      cursor: pointer; }
@keyframes rotatete{
from{transform: rotate(0deg);}
to{transform: rotate(180deg);}
}
			
@keyframes rotatete{
from{transform: rotate(0deg);}
to{transform: rotate(180deg);}
}		
	
@-moz-keyframes rotatete2{
from{transform: rotate(180deg);}
to{transform: rotate(0deg);}
}

@keyframes rotatete2{
from{transform: rotate(180deg);}
to{transform: rotate(0deg);}
}
.com-more-1 .more{ background-color:transparent; border:#999 solid 2px; color:#999; cursor:pointer;}
.com-more-1 .more:hover{ background-color:var(--web-theme-color-red); color:#fff; border:var(--web-theme-color-red) solid 2px;}
.proviewgs table{ overflow:hidden; width:100%; max-width:500px; margin-top:5rem;}
.proviewgs table tr td{ padding:15px 2rem; white-space:nowrap;}
.proviewgs table thead tr td:first-child{ border-radius:15px 0 0 0; background-image: linear-gradient(rgba(0,64,150,1) ,rgba(0,104,184,1));  }
.proviewgs table thead tr td:nth-child(2n){ background-image: linear-gradient(rgba(0,116,194,1) ,rgba(0,160,231,1));  }
.proviewgs table thead tr td:nth-child(2n-1){ background-image: linear-gradient(rgba(0,64,150,1) ,rgba(0,104,184,1)); }
.proviewgs table thead tr td:last-child{ border-radius:0 15px 0 0;}
.proviewgs table thead tr td{ color:var(--web-theme-color-white); text-align:center;}
.proviewgs table tbody tr td{ color:var(--web-theme-color-black); text-align:center;}
.proviewgs table tbody tr:nth-child(2n){ background-color:#EFF4FA;}
.proviewgs .wrap-flex{ margin-top:2rem;}
.proviewgs .wrap-flex a:last-child{ margin-left:2rem; }
.promartoptitle{ width:18rem;background-color:var(--web-theme-color); padding:1rem 2rem; font-size:2rem; font-weight:600;color:#fff;}
/*Table*/
.nyjiacondetc table{overflow:hidden;}
.nyjiacondetc img{ width:100%;}
.nyjiacondetc table tbody tr td{ padding:8px 2rem;}
.nyjiacondetc table tbody tr:first-child{ background-color:#C2C7CA !important; font-weight:700;}
.nyjiacondetc table tbody tr:nth-child(odd){ background-color:#E6E9EB;}
.nyjiacondetc h3{ padding:2rem 0;}
/*Others*/
#proothers{ position:relative; width:100%; background-color:var(--web-theme-color-white);}
.proothersleft{display: -webkit-flex;  display: flex;  justify-content: space-between; align-items: center; font-size:4rem; color:#333;font-weight:700;text-align:center; white-space:nowrap; }
.proothers-line{ width:80%; height:2px; background-color:#c7c7c7; margin-left:4rem;}
#proothers .grid{grid-template-columns:repeat(4,1fr); margin-top:6rem;}
.prootherslist{position: relative;  margin-top:6rem; overflow:hidden;}
#proothers .swiper-pagination{ display:none;}
#proothers .swiper-button-next,#proothers .swiper-button-prev{ font-size:4rem; color:#333;}
#proothers .swiper-button-next{right:6%; top:60%; }
#proothers .swiper-button-prev{left:6%;  top:60%; }
#proothers .swiper-button-next:after,#proothers .swiper-button-prev:after{font-size:4rem;color:#333;}
#proothers .swiper-button-next:after{top:60%; }
#proothers .swiper-button-prev:after{top:60%; }
#proothers .swiper-slide{ background-color:#f0f0f0; border-radius:20px;}
.productsimg{ margin:2rem 0;}

/*moblie phone*/
@media (max-width:1023px){	
/*product menu*/
.product-series-search{display:block; margin-top:2rem;}
/*productlist*/
#productlist{ padding-top:0.4em; padding-bottom:2rem;}
.prodct-link-list a{ font-size:10px;}
#productlist h3{ padding-top:2rem;}
#productlist .grid{grid-template-columns:repeat(2,1fr);}
.product-content:nth-child(2n){ border-right:none;}
#productlist .wrap-flex{ flex-direction:column;}
.productlist-title-kind{ padding-top:1rem; font-size:3rem; line-height:1.1em;}
/*-----
productdateil
-------*/
#product-menu h1{ font-size:3rem;}
#product-menu{ padding:4rem 0;}
#product-menu ul{margin-top:2rem;}
#product-menu ul li,#product-menu ul li a{ font-size:1.4rem; white-space:nowrap;}
#product-menu ul li:nth-child(2){ margin-left:1rem;}
#product-details .grid{ background-color:#fff; grid-template-columns:auto;}
.proviewgs{ padding-top:4rem; }
.proname{
	font-size:2rem;
	color:var(--web-theme-color-gray);
	 font-weight:600;
	font-weight:normal;
	text-transform:capitalize;
}
.proname strong{
	font-size:3rem;
}
.proviewgs p{
	padding-top:15px;
}	
.proviewgs h3{
	padding-top:2rem;
	color:#333;
}
.proviewgs .wrap-flex{ margin-top:2rem;}
.proviewgs .wrap-flex .more{width:max(16rem,120px);  }
.proviewgs .wrap-flex a:last-child{ margin-left:1rem; }
.promartoptitle{ width:18rem;background-color:var(--web-theme-color); padding:1rem 2rem; margin-top:6rem; font-size:2rem; font-weight:600;color:#fff;}
.nyjiacondetc table{ width:100%;overflow:hidden;}
.nyjiacondetc h3{ text-indent:1.2em;}
/*others*/
.proothersleft{ font-size:3.6rem;}
.prootherslist{margin-top:6rem;}
#proothers .grid{grid-template-columns:auto auto; grid-gap:0;}
#proothers .swiper-button-next,#proothers .swiper-button-prev{ font-size:4rem; color:#333;}
#proothers .swiper-button-next{right:6%; top:60%; }
#proothers .swiper-button-prev{left:6%;  top:60%; }
#proothers .swiper-button-next:after,#proothers .swiper-button-prev:after{display:none;}
#proothers .swiper-wrapper{ padding-bottom:4rem;}
#proothers .swiper-pagination{ display:block;}
#proothers .swiper-pagination-bullet{background-color:var(--web-theme-color);}
.productsimg{ margin:2rem 0;}
#productlist .wrap-flex p{ width:100%; margin-top:2rem; padding-left:1.6rem;}
}