@charset "utf-8";
/* Design&CSS by seaoudesign,seaou.com,qq:3026026 */

.pd_main{
	padding: 20px 0;
	margin-top:20px;
}

.products_nav{
	padding: 10px 0;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 0.5px solid #e6e8ec;
}

.products_nav li{
	font-size: 16px;
	width:156px;
	height: auto;
	display: inline-flex;
	margin: 0 6px 15px 6px;	
}

.products_nav li:last-child{
	margin-right: 0;
}

.products_nav li a{
	color:#86898d;
	width: 100%;
	display:block;
	padding: 5px 0;
	font-size:16px;
	text-align: center;
	position: relative;
	transition: all .3s ease;	
	-webkit-transition:all .3s ease;
}

.products_nav li.current-cat a{
	color:#444648;
}

.products_nav li a:hover{
	color:#000;
}

.products_nav li a:hover span,
.products_nav li.current-cat a span{
	opacity:1;
	filter:alpha(opacity=100);
}

.products_nav li a span{	
	font-size:16px;
	max-width:160px;
	width: 100%;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	display:inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 5px;
	background-size: cover;	
	background-position: center center;
	background-repeat: no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.products_nav li a span img{
	width:100%;
	height:auto;
	display: inline-block;
	vertical-align: top;
}


.product_box .swiper-container{
	width: 94%;
}

.top_slides .swiper-container{
	background-color: #FFF;
}


.top_slides{
	height: 480px;
	position: relative;
	background-color: #9eb8db;
}

.product_box .swiper-button-prev,
.product_box .swiper-button-next{	
	position: absolute;
	top: 48%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	z-index: 9999;
	cursor: pointer;
	background-size: 20px 33px;
	background-position: center;
	background-repeat: no-repeat;
}

.product_box .swiper-button-prev{
  left: -5px;
  right: auto;
  opacity:0;	
  filter:alpha(opacity=0);
}

.product_box .swiper-button-next{
  right: -5px;
  left: auto;
  opacity:0;	
  filter:alpha(opacity=0);
}

.top_slide_01{
	background:  url(../images/top_slide_01.jpg) center top no-repeat;
	background-size: cover;	
}

.top_slide_02{
	background:  url(../images/top_slide_02.jpg) center top no-repeat;
	background-size: cover;	
}


.pd_sticky{
	color:#fff;
	width:53px;
	height: 24px;	
	z-index: 100;
	position: absolute;
	padding-left:8px;
	display: inline-block;
	box-sizing: border-box;
    line-height: 1.7;
    top: 14px;
    left:10px;
	font-size:14px;
	overflow: hidden;
	text-align: left;
	background-repeat: no-repeat;
    background-position:top 50% right 50%;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='24' viewBox='0 0 22.04 10.02'%3E%3Cpath /%3E%3Cpath d='M0 0.01c5.92,-0.01 9.92,-0.01 15.85,-0.01 1.07,0 1.96,0.44 2.52,0.97l3.33 3.44c0.44,0.5 0.46,0.66 -0.01,1.21l-3.32 3.42c-0.56,0.54 -1.45,0.97 -2.52,0.98 -5.93,-0.01 -9.93,-0.01 -15.85,-0.01l0 -10z' fill='%23c98123'/%3E%3C/svg%3E");
}

.pd_sticky:after{
	content: 'New';
	display:inline-block;
	line-height: 1.2;
	width:50px;
	padding-top: 4px;
	height: auto;
	font-size:14px;
	color:#fff;
	word-wrap:break-word;
	word-break: break-all;
}

.products_list{
	padding: 20px 0;
	margin: 15px 0;
	min-height: 580px;
	height: auto;
}

.products_list ul{	
	margin-right: -2%;
	margin-top: 15px;
}

.products_nav + .products_list ul{
	margin-top: 0;
}

.products_list li,
.pd_box_slide{
	width:23%;
	height: 410px;
	margin: 0 2% 3% 0;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	float:left;
	top:0;
	position: relative;
	box-sizing: border-box;
	background-color:#f4f2e8;
	transition: all .4s ease;	
	-webkit-transition:all .4s ease;	
}

.pd_box_slide{
	float:none;
	width:282px;
	margin:0 0 20px 0;
}

.products_list li:hover,
.pd_box_slide:hover{	
	top:-2px;
	background-color:#fff;
	box-shadow:0 10px 10px -4px rgba(0,0,0,.15);
	-webkit-box-shadow:0 10px 10px -4px rgba(0,0,0,.15);
}

.products_list li a,
.pd_box_slide a{
	display: block;
	position: relative;
}

.products_list li h4,
.pd_box_slide h4{
	color:#000;
	font-size:22px;
	padding: 10px 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products_list li p,
.pd_box_slide p{
	color:#87888b;
	height: 44px;
	padding:0 15px;
	overflow: hidden;
	margin-bottom: 5px;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;	
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.products_list li img,
.pd_box_slide img{
	width:100%;
	height:282px;
}

.products_list li:hover h4,
.pd_box_slide:hover h4{
	color:#144c98;
}

.product_img,
.product_info{
	min-height: 500px;
	height: auto;
	float: left;
}

.product_img{
	width:520px;	
	margin-right: 40px;
}

.pd_img{
	text-align: center;
	position: relative;
	cursor: zoom-in;
}

.pd_img img{
	width:520px;
	height: 520px;
	vertical-align: top;
}

.product_img ul{	
	text-align: center;
	padding:15px 0 15px 0;
	border-bottom: 1px solid #dcdfe4;
	margin-bottom: 10px;
}
	
.product_img li{
	display:inline-block;		
	margin-right:25px;
}

.product_img li:last-child{
	margin-right: 0;
}

.product_img li a{
	display: inline-block;
}

.product_img li a img{
	width:60px;
	height:60px;
	padding: 2px;
	vertical-align: top;	
	opacity: .8;
	border: 0.5px solid #fff;
	transition: all .3s linear;
    
}

.product_img li a:hover img,
.product_img .cloudzoom-gallery-active{	
	opacity: 1;
	border-color:#b8babe;
}


.product_info{	
	width:640px;
}

.product_info h3{
	color:#000;
	padding:20px 0 15px 0;
	font-size:28px;
	text-transform: uppercase;
}

.product_info h4{
	padding: 5px 0 15px 0;
	font-size:20px;
	margin-bottom: 15px;
	border-bottom: 0.5px solid #e6e8ec;
}

.product_info .desc{
	font-size:16px;
	padding: 5px 0;
	margin-bottom: 15px;
	min-height: 220px;
	max-height: 320px;
	height:auto;	
	line-height: 1.7;
	overflow: hidden;
}

.product_info > div > ul{
	list-style: disc;
    padding: 10px 5px 5px 20px;
}

.product_info > div > ul li {
    list-style: disc;
    padding: 5px 0;
}

.product_info > ul{	
	padding: 10px 0 5px 0;
	margin: 15px 0 30px 0;
	border:0.5px solid #edf0f4;
}

.product_info > ul li{
	width:25%;
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 10px 5px 10px;
}

.product_info > ul li span{
	width:24px;
	height: 24px;
	vertical-align: middle;
	border-radius: 4px;
	margin-bottom: 5px;
	margin: 0 10px 5px 0;
	display:inline-block;
}


.pd_price{
	padding: 5px 10px;
	background-color: #edf0f4;
}

.pd_price span{
	height: 40px;	
	padding: 5px 10px;
	margin-right: 10px;
	display: inline-block;
}

.pd_price span:before{
	content: '$';
	font-size:18px;
	margin: 0 2px;
	display: inline-block;
}

.pd_price span:first-of-type:before{
	font-size:32px;
}

.pd_price span:first-of-type{
	padding: 5px 10px 15px 10px;
}

.pd_price span{
	color:#144c98;
	font-size:32px;
}

.pd_price span + span{
	color:#626568;
	font-size:20px;
	text-decoration: line-through;
	padding: 5px 10px 0 10px;
}

.product_detail{
	padding: 20px 0;
	min-height: 700px;
	height: auto;
	margin-top: 20px;
}


.pd_tab_nav{
	padding:10px 0;
	margin-bottom: 10px;
	border-bottom:1px solid #dcdfe4;
}

.pd_tab_nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.pd_tab_nav li{
	text-align: center;
	width: 50%;
	display: inline-block;
}

.pd_tab_nav li a{
	color:#626568;	
	font-size: 18px;
	display: block;
	padding:5px 0;
	position: relative;
}

.pd_tab_nav li a:hover,
.pd_tab_nav li a.active{
	color:#144fa8;
}

.pd_tab_nav li a:after{
    content: '';
	font-size: 0;	
	bottom:-11px;   
    left:42%;
	display:inline-block;	
    position: absolute;
	transition: all .3s;
    -webkit-transition: all .3s;
	height:2px;
    width: 5%;
	
}

.pd_tab_nav li a:hover:after,
.pd_tab_nav li a.active:after{		
	width: 100%;
	left:0;	
	background-color: #2980d8;
}

.pd_tab_cons{
	padding: 10px;
	min-height: 400px;
	height: auto;
}

.pd_tab_cons img{
	width:100%;
	height:auto;
	padding:10px 0;
	display: inline-block;
}

.pd_con{
	position: relative;
    display: none;
}

.pd_tab_cons h3 {    
    font-size: 24px;
    padding: 5px 0;
    width: 80%;
    margin: 0 auto;
	margin-top: 30px;
}

.pd_tab_cons a{
	color:#626568;
}

.pd_tab_cons a:hover{
	color:#000;
}


.pd_tab_cons dl{
	padding:0 0 5px 0;
	width: 80%;
	margin: 0 auto;
	display: flex;
	margin-top:5px;
	margin-bottom: 5px;
	border-bottom:1px solid #e6e8ec;
}

.pd_tab_cons dl dt,
.pd_tab_cons dl dd{
	padding: 10px;
    display: flex;
	box-sizing: border-box;
    align-items: center;
}

.pd_tab_cons dl dt{
	width:30%;
}

.pd_tab_cons dl dd{
	width:70%;
	display: inline-block;
}

.pd_tab_cons dl dd > p {
    padding: 3px 0;
}

.product_box{
	padding:10px 0;
	margin: 10px 0;
	position: relative;
}

.product_box_title{
	padding: 10px;
	margin-bottom: 10px;
}

.product_box_title h3{
	color:#3f4143;
	font-size:24px;
}

.product_box .products_list{
	padding: 10px 0;
    margin: 10px 0;
	margin-right: -2%;
	
}

.fancybox-skin {
	background: #f9f9f9;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


ul.article_list{
	margin: 15px 0;	
}

ul.article_list:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	font-size:0;
	height:0
}

ul.article_list li{	
	margin: 1% 2% 1% 0;
	vertical-align:top;
	display: inline-block;
	box-sizing: border-box;
	float:left;
	overflow: hidden;
}

ul.article_list li:last-child{
	margin:1% 0;
}

ul.article_list.column-1{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;   
    flex-wrap: wrap;
}

ul.article_list.column-1:nth-of-type(even){
	flex-direction: row-reverse;
}

ul.article_list.column-1 li{
	width: 50%;	
	margin:1% 0;
	padding:0 15px;
	box-sizing: border-box;	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

ul.article_list.column-1 li .column-1_block_text{
	margin:20px;
}

ul.article_list li .column-1_block_text h2{
	color:#000;
	font-size:40px;
	margin:20px 0 30px 0;
}

ul.article_list li .column-1_block_text h3{
	font-size:30px;	
	line-height: 1.4;
	margin: 0;
	width: auto;
}

ul.article_list li .column-1_block_text p{
	font-size:16px;
}

ul.article_list li .column-1_block_text p.dot::before {
    content: "• ";
	display: inline-block;
	height: 24px;
    width: 24px;
	font-weight: 700;
}

ul.article_list li .column-1_block_text p.link{
	margin:25px 0 15px 0;	
}

ul.article_list li .column-1_block_text p.link a{
	color:#626568;
	text-decoration: underline;
}

ul.article_list li h3 > b.num{
	display:block;
	margin:0 auto;
	margin-bottom: 5px;
} 


ul.article_list.column-2 li:nth-child(2n+0),
ul.article_list.column-3 li:nth-child(3n+0),
ul.article_list.column-4 li:nth-child(4n+0),
ul.article_list.column-5 li:nth-child(5n+0){
	margin:1% 0;
}

ul.article_list li h2{
	font-size:36px;
}


ul.article_list li h2,
ul.article_list li h3{
	color:#000;
	padding:15px 0;
}

.pages_content ul.article_list li a.imglink + h3{
	color:#626568;
	font-size:20px;
	line-height: 1.4;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pages_content ul.article_list li:hover a.imglink + h3{
	color:#000;
}

ul.article_list li a.imglink{
	display: block;
	width: 100%;
	height:480px;
	overflow: hidden;	
}

ul.article_list li h3 > b.num{
	color:#fff;
	width:24px;
	height: 24px;
	display: inline-block;
	font-weight: 400;
	background-color:#da1978;
	border-radius:50%;
	vertical-align:middle;
	margin-right:5px;
	text-align: center;
}

ul.article_list li p{
	padding: 5px 0;
}

ul.article_list li img{
	width:100%!important;
	min-width: 100%!important;
	max-width:685px!important;
	height: auto;
	padding:10px 0;
	vertical-align: top;
	display: inline-block;
}

ul.article_list li p img{	
	width:400px!important;
	min-width:400px!important;
	height: auto;
	float:left;
	margin-right: 15px;
}

ul.article_list.column-2 li p img{
	width:40%!important;
	min-width:40%!important;
	max-width:300px!important;
}

ul.article_list.column-3 li p img{
	width:180px!important;
	min-width:180px!important;
}

ul.article_list.column-4 li p img{
	width:100px!important;
	min-width:100px!important;
}

ul.article_list.column-5 li p img{
	width:80px!important;
	min-width:80px!important;
	display: block;
	margin: 0 auto;
	float:inherit;
}

ul.article_list.column-2 li{
	width:49%;
}

ul.article_list.column-3 li{
	width:32%;
}

ul.article_list.column-4 li{
	width:23.5%;
}

ul.article_list.column-5 li{
	width:18.4%;
}




@media(min-width:320px) and (max-width:1024px){

.fancybox-margin {
    margin-right:0;
}	
	
.product_box .swiper-container {
    width:100%;
}	
	
.top_slides{		
	width:100%;	
	height:14rem;
	overflow: hidden;
}
	
.product_box .swiper-button-prev,
.product_box .swiper-button-next{
	display: none!important;
	}
	
.pd_main{
	margin-top: 0;
}
	
.product_img,
.product_info {
    float:none;
	min-height: 380px;
}
	
.product_img {
    width:100%;
    margin-right:0;
}

.product_info{
	width: 100%;
	min-height: 300px;
	padding:15px;
	box-sizing: border-box;
}
	
.pd_img img {
    width: 100%;
    height:auto;
}
	
.product_img li {   
    margin-right:15px;
}
	
.product_img li a img {
    width: 48px;
	height: 48px;
}
	
.product_info h3{
	font-size:1.6rem;
	padding: 10px 0 15px 0;
}
	
.product_info h4{
	font-size:1.08rem;
}
	
.product_info .desc{
	font-size: 0.9rem;
	text-align: justify;
	min-height: 240px;
	max-height: 310px;
	height: auto;  
}
	
.product_info > ul li{
	font-size: 0.9rem;
	width: 33%;
}
	
.pd_tab_nav li a {
	font-size:1.02rem;
}
	
.product_detail {
    padding: 10px 15px;
    min-height: 500px;
    height: auto;
    margin-top: 20px;
}
	
.pd_tab_cons {
	padding: 10px 0;
	font-size:0.8rem;
}
	
.pd_tab_cons h3 {   
	font-size: 1.04rem;
}
	
.pd_tab_cons dl,
.pd_tab_cons h3 {    
	width: 100%;
}
	
.product_box {
	padding: 10px 15px;
}
	
.product_box_title h3{
		font-size:1.28rem;
}
	
.pd_box_slide {    
	height:auto;
	padding-bottom: 10px;
	
}
	
.products_list{
	padding: 20px 15px;
	min-height: 400px;
}
	
.products_list ul{	
	margin-right: -4%;
}
	

.products_list li{
	width: 46%;
	height: 290px;	
	margin: 0 4% 4% 0;
}
	
.products_list li img,
.pd_box_slide img {
    width: 100%;
	height:auto;
}
	
.products_list li h4,
.pd_box_slide h4 {
	font-size: 1.02rem;
	padding: 10px;
}
	
.products_list li p,
.pd_box_slide p {
    font-size: 0.8rem;
	height: 40px;
	padding:0 10px;
}
	
.pd_sticky:after {
	padding-top: 3px;
	font-size:0.9rem;
}

.products_nav{
	padding: 10px 15px;
	text-align: center;
}
	
.products_nav li{	
	width:45%;	
	margin: 0 2% 4% 2%;
}
	
.products_nav li:last-child {
	margin-right: 2%;
}
	
.products_nav li a{
	font-size: 0.9rem;
}
	
ul.article_list.column-1 li{
	width: 100%;
	padding:0;
}
	
ul.article_list.column-1 li .column-1_block_text{
    margin: 10px 15px;
}
	
ul.article_list li h2{
	font-size:2rem;
}
	
ul.article_list li .column-1_block_text h2{
	font-size:2rem;
	margin: 10px 0 25px 0;
}
	
ul.article_list li .column-1_block_text h3{
	font-size:1.6rem;
}
	
ul.article_list.column-2 li,
ul.article_list.column-3 li,
ul.article_list.column-4 li,
ul.article_list.column-5 li{
    width:100%;
	text-align: center;
	margin: 2% 0 2% 0;
}
	
ul.article_list.column-2 li{
	text-align: left;
}
	
ul.article_list li img{
    width: 100%!important;
	min-width:100%!important;
	max-width:480px;
	margin-left:auto!important;
}
	
ul.article_list.column-5 li img{
	width:40%!important;
	min-width:40%!important;
	max-width:280px;
}
	
ul.article_list.column-2 li p img {
	width:40%!important;
	min-width:40%!important;
}

ul.article_list li img {       
	display: block;
	margin: 0 auto;
	padding: 0;
}
	
ul.article_list li p img{
	float: inherit;
}
	


}


@media(max-width:375px){

.product_img li a img {
    width: 44px;
	height: 44px;
}
	
.pd_box_slide{
	width:100%;
}
	
}

@media(max-width:320px){

	
.products_list li {    
	height: 240px;
}

.product_img li {
    margin-right: 8px;
}
	
.product_img li a img {  
	padding: 1px;
}

.pd_tab_nav li {    
	width: 48.4%;
}

	
	

	
}


@media(min-width:640px) and (max-width:768px){

}

@media(min-width:411px) and (max-width:480px){
	
	
}

@media(min-width:768px) and (max-width:1024px){

.top_slides{	
	height:18rem;
}
	
.products_list li {   
	height: 480px;
}
	
.products_list li h4,
.pd_box_slide h4 {
	font-size: 1.2rem;
	padding: 10px 15px;
}

.products_list li p,
.pd_box_slide p {
	font-size: 1rem;
	height: 50px;
}
	
.product_img li{
	margin-right:30px;
}
	
.product_img li a img {
    width: 60px;
    height: 60px;
}
	
.product_info p {   	
	min-height: 140px;
    max-height: 180px;
	height: auto;
}
	
ul.article_list.column-1 li {
	width: 50%;
	padding: 0 5px;
}
	
ul.article_list.column-2 li p img{
	width:28%!important;
	min-width:28%!important;
}
	
.pages_content ul.article_list.column-2 li,	
ul.article_list.column-3 li,
ul.article_list.column-4 li,
ul.article_list.column-5 li{
    width:49%!important;
	min-width:49%!important;
	margin: 1% 2% 1% 0;
}
	
ul.article_list.column-3 li:nth-child(3n+0),
ul.article_list.column-5 li:nth-child(5n+0){
	margin: 1% 2% 1% 0;
}
	
ul.article_list li:nth-child(2n+0){
	margin:1% 0!important;
}
	
ul.article_list li a.imglink {
	height: auto;
	max-height: 380px;
}	

		
	
	
}


@media(min-width:820px) and (max-width:1024px){
	
.products_list li {
	height: 500px;
}
	
}


@media(min-width:1024px) and (max-width:1024px){
	
.products_list li {
	height: 600px;
}
	
.products_list li h4, .pd_box_slide h4 {
	font-size: 1.4rem;
}
	
	
}
