/*
Theme Name: mine
Theme URI: https://wp-westlake.com
Author: wp-westlake.com
Author URI: https://wp-westlake.com
Description: customised by wp-westlake.com.
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: prodnpumps
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/* CSS Document */
/* KISSY CSS Reset */

	@font-face {
    font-family: 'NotoSans-Regular';
    src: url('font/NotoSans-Regular3860.ttf?v=1');
}



body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"NotoSans-Regular";}
*{padding:0; margin:0; list-style:none;font-family:"NotoSans-Regular";}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
input,textarea{border:none;outline: none;-webkit-appearance: none;border-radius: 0;}
input[type=submit],input[type=button]{cursor:pointer;-webkit-appearance: none;box-sizing: border-box;border:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}

/* default color */
a{text-decoration:none;}
ul,li{padding:0; margin:0;}
/*-------------------------------
  end: reset */

/*浮动*/
.fl{float:left;}
.fr{float:right;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

/*自定义字体*/
@font-face {
    font-family: "DIN";
    src: url('../front/DIN-MEDIUM.html');
}

@font-face {
    font-family: "DIN";
    src: url('../front/DIN-BOLD.html');
    font-weight: bold;
}

@font-face {
    font-family: "DIN";
    src: url('../front/DIN-LIGHT.html');
    font-weight: lighter;
}

@font-face {
    font-family: "Akrobat";
    src: url('../front/AKROBAT-REGULAR.html');
}

@font-face {
    font-family: "Akrobat";
    src: url('../front/AKROBAT-BLACK.html');
    font-weight: bold;
}

@font-face {
    font-family: "Akrobat";
    src: url('../front/AKROBAT-THIN.html');
    font-weight: 300;
}

i{display:inline-block;*display:inline;*zoom:1;font-style:normal;}
.imgBg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.motionL{transition:all 1.0s ease-in-out;-webkit-transition:all 1.0s ease-in-out;-moz-transition:all 1.0s ease-in-out;-o-transition:all 1.0s ease-in-out;}
.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}
.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.container{width: 72.9167vw;margin: 0 auto;}
.load-more{display:block;width: 1.4583vw;height: 1.4583vw;background: url('images/load_more.html') no-repeat;background-size: cover;margin: 0 auto;}
.fsb-box{display: flex;justify-content: space-between;}
.xs-show{display: none !important;}
.xs-hidden{display: block !important;}
.fcc{display: flex;justify-content: center;align-items: center;}
.fjc{display: flex;justify-content: center;}
.fac{display: flex;align-items: center;}
.fsb{display: flex;justify-content: space-between;}
.fsc{display: flex;justify-content: space-between;align-items: center;}
form{display: flex;justify-content: space-between;}

/*翻页*/
.page{display: flex;justify-content: center;}
.page a{display: block;width: 32px;height: 32px;border:1px solid #B3B3B3;border-radius: 2px;font-size: 12px;color: #4D4D4D;text-align: center;line-height: 32px;margin: 0 3px;}
.page span{display: block;font-size: 12px;color: #2E2E2E;margin: 0 5px;line-height: 34px;}
.page input{display: block;width: 32px;height: 32px;border:1px solid #B3B3B3;border-radius: 2px;font-size: 12px;color: #4D4D4D;text-align: center;margin: 0 3px;}
.page .prev,
.page .next{width: 22px;position: relative;color: #9598A4;}
.page .prev{padding-left: 10px;}
.page .next{padding-right: 10px;}
.page .prev::before,
.page .next::before{content: '';position: absolute;left: 10px;top: 11px;background: url('images/page_arrow.png') no-repeat;background-size: cover;width: 7px;height: 13px;}
.page .next::before{transform: rotate(180deg);left: auto;right: 10px;}
.page a.on,
.page a:hover{background-color: #18AD5E;border-color: #18AD5E;color: #fff;}
.page .prev:hover::before,
.page .next:hover::before{background-image: url('images/page_h_arrow.html');}


	.help-box {
	background: url(images/help_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 2.2396vw 0 2.5vw;
	margin-bottom: 5.7292vw;}
	.help-box .title {
	font-size: 1.5104vw;
	line-height: 1.62482;
	color: #fff;}
	.help-box .info {
	font-size: 1.5104vw;
	line-height: 1.62482;
	color: #fff;}
	.help-box .link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #fff;
	background: rgba(255,255,255,0.2);
	width: 8.5938vw;
	height: 2.6042vw;
	padding: 0 1.875vw;
	font-size: 0.7292vw;
	color: #fff;
	margin-top: 1.0417vw;}
	
	.help-box .link:hover{
	    background: #18AD5E;
	    border-color:#18AD5E;
	}

	.help-box .link i {
	display: block;
	width: 0.8333vw;
	height: 0.2604vw;
	background: url(images/arrowR.png) no-repeat center;
	background-size: cover;
	}
	
	@media screen and (max-width: 1440px){
        .help-box .link{
            width: 10.5938vw;
        }	    
	}   

	@media screen and (max-width: 750px){
	.help-box {
	padding: 1rem 0;
	background-image: url(images/help_m_bg.jpg);
	margin-bottom: 0.8rem;
	}

	.help-box .title {
	font-size: .36rem;
	}
	.help-box .info {
	font-size: .36rem;	
	}
	.help-box .link {
	padding: 0 0.3rem;
	width: 2.8rem;
	height: 0.8rem;
	font-size: .28rem;
	margin-top: 0.3rem;}
	.help-box .link i {
	width: 0.32rem;
	height: 0.1rem;
	}