.bg_t1 {background:#475;}
.bg_t2 {background:#435;}
.bg_t3 {background:#987;}
.bg_t4 {background:#321;}



/* product */
.d_pt {width:100%;height:auto;display:flex;justify-content:center;margin-top:-50px;z-index:300;}
.d_ptc {width:1100px;height:auto;margin:0 auto;}
.fx_ptc {width:100%;height:auto;display:flex;justify-content:space-between;padding-bottom:50px;}
.d_ptcx {width:31.33%;float:left;margin:0px 1%;box-shadow:#eee 0px 7px 20px;background:#fff;
	background-repeat:no-repeat;background-position:left top;position:relative;}
.d_ptp {width:25%;height:auto;float:left;}
.d_ptp img {width:100%;height:100%;border:0px;}
.d_ptt {width:65%;float:left;padding:20px 5% 80px 5%;text-align:left;}
.sf_pt1 {font-size:13px;line-height:40px;color:#55ab64;}
.sf_pt2 {font-size:20px;line-height:30px;color:#1a1a1a;}
.sf_pt2 a:link {color:#1a1a1a;}
.sf_pt2 a:visited {color:#1a1a1a;}
.sf_pt2 a:hover {color:#55ab64;}
.sf_pt2 a:active {color:#1a1a1a;}

.sf_pt3 {font-size:14px;line-height:22px;color:#c0c0c0;font-family:'system ui';font-weight:200;}

.sf_ptbtn {width:100px;margin-top:20px;padding:0px 20px 0px 20px;background:#55ab64;color:#fff;
	font-size:13px;line-height:30px;border-radius:15px;font-family:'system ui';position: absolute;bottom:30px;left:30%;
	background-repeat:no-repeat;background-position:right 25px center;background-size:12px 12px;
	background-image:url('/images/arr_w.png');transition: all 0.3s ease;}
.sf_ptbtn:hover {background:#5bdc71;background-repeat:no-repeat;background-image:url('/images/arr_w.png');background-size:12px 12px;background-position:right 20px center;transition: all 0.3s ease;}


.d_bmtn {width:100%;height:auto;padding-top:80px;padding-bottom:20px;}
.d_bmtnc {width:70%;height:auto;margin:0 auto;font-size:20px;line-height:45px;padding:10px 0px;text-align: center;color:#55ab64;}
.d_bmtnc span {font-size:40px;line-height:50px;font-weight:600;color:#1a1a1a;}

.d_pcmt {width:100%;height:auto;padding-bottom:20px;overflow: auto;}
.d_pcmtc {width:1200px;height:auto;margin:0 auto;}
.d_pcmtcx {width:28.33%;height:auto;margin:10px 1%;padding:20px 1.5% 0px 1.5%;float:left;background:#fff;transition: all 0.3s ease;border-radius:10px;}
.d_pcmtcx:hover {box-shadow:#aaa 0px 7px 20px;transition: all 0.3s ease;}
.d_pcmxp {width:30%;height:auto;float:left;}
.d_pcmxp img {width:100%;height:100%;border:0px;border-radius:5px;}
.d_pcmxt {width:65%;height:auto;float:right;text-align:left;font-size:14px;line-height:22px;color:#5e5e5e;font-family:'system-ui';font-weight:300;}
.d_pcmxt span {font-size:18px;line-height:25px;color:#55ab64;}
.d_pcmxt span a:link {color:#55ab64;}
.d_pcmxt span a:visited {color:#55ab64;}
.d_pcmxt span a:hover {color:#277535;}
.d_pcmxt span a:active {color:#55ab64;}
.d_pcmxt p {display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}

.a_pcmxt {display:block;}	


.d_bybtn {width:100px;margin-top:20px;padding:0px 20px 0px 20px;background:#eaeaea;color:#5e5e5e;
	font-size:13px;line-height:30px;border-radius:15px;font-family:'system ui';position: absolute;bottom:30px;left:30%;
	background-repeat:no-repeat;background-position:right 25px center;background-size:12px 12px;
	background-image:url('/images/arr_w.png');transition: all 0.3s ease;}
.d_bybtn:hover {background:#5bdc71;color:#fff;background-repeat:no-repeat;background-image:url('/images/arr_w.png');background-size:12px 12px;background-position:right 20px center;transition: all 0.3s ease;}



.d_pss2 {width:100%;height:auto;}
.d_pss2t {width:70%;height:auto;margin:0 auto;font-size:20px;line-height:45px;padding:90px 0px 10px 0px;text-align: center;color:#55ab64;}
.d_pss2t span {font-size:40px;line-height:50px;font-weight:600;color:#1a1a1a;}
.d_pss2ts {width:100%;font-size:16px;line-height:30px;padding:10px 0px;color:#5e5e5e;font-family:'system ui';}


.d_pss3 {width:100%;height:auto;}
.d_pss3t {width:70%;height:auto;margin:0 auto;font-size:20px;line-height:45px;padding:60px 0px 10px 0px;text-align: center;color:#55ab64;}
.d_pss3t span {font-size:40px;line-height:50px;font-weight:600;color:#1a1a1a;}
.d_pss3ts {width:100%;font-size:16px;line-height:30px;padding:10px 0px;color:#5e5e5e;font-family:'system ui';}




.d_s2 {width:100%;height:auto;overflow:auto;}
.d_s2c {width:1200px;height:auto;margin:0 auto;}
.d_s2ct {width:30%;height:100%;float:left;background:#fff;}
.d_s2ct ul {width:75%;height:80%;padding:10% 12.5%;}
.d_2t {width:100%;height:auto;font-size:20px;line-height:40px;font-weight:500;color:#1a1a1a;text-align:left;}
.d_2c {width:95%;height:auto;font-size:16px;line-height:25px;text-align:left;padding:10px 0px 10px 5%;border-bottom:#eee solid 1px;font-family:'system-ui','sans-serif';font-weight:240;}
.d_2c a:link {color:#5e5e5e;display: block;}
.d_2c a:visited {color:#5e5e5e;display: block;}
.d_2c a:hover {color:#55ab64;display: block;}
.d_2c a:active {color:#5e5e5e;display: block;}

.d_s2p {width:70%;height:100%;float:left;}
.d_2pa {width:100%;height:100%;background-repeat:no-repeat;background-position: center center;background-size:cover;}
.d_2mk {width:100%;height:100%;background:rgba(0,0,0,0.3);display: flex;flex-direction: column;justify-content: flex-end;}
.d_2mkc {width:80%;height:auto;font-size:16px;line-height:25px;text-align:left;padding-left:10%;padding-bottom:8%;font-family:'system-ui','sans-serif';font-weight:240;color:#fff;}
.d_2mkc span {font-size:25px;line-height:50px;color:#fff;font-family:'system-ui','sans-serif';font-weight:400;}



.d_ss3 {width:100%;height:auto;overflow: auto;}
.d_ss3c {width:1200px;height:auto;margin:0 auto;overflow: auto;background-repeat:no-repeat;background-position: center right;background-size:72% 100%;}
.d_s3ct {width:22%;height:92%;padding:4%;float:left;background:#fff;}
.d_s3cp {width:62%;height:92%;padding:4%;float:left;background:rgba(0,0,0,0.3);display: flex;flex-direction: column;justify-content: flex-end;}
.d_s3cpt {width:100%;height:auto;text-align: left;}
.sf_3pt {font-size:25px;line-height:50px;color:#fff;font-family:'system-ui','sans-serif';font-weight:400;}
.sf_3pd {font-size:16px;line-height:25px;color:#fff;font-family:'system-ui','sans-serif';font-weight:300;}
.d_s3ctt {width:100%;height:auto;font-size:20px;line-height:40px;font-weight:500;color:#1a1a1a;text-align:left;}
.d_s3ctc {width:95%;height:auto;font-size:16px;line-height:25px;text-align:left;padding:10px 0px 10px 5%;border-bottom:#eee solid 1px;font-family:'system-ui','sans-serif';font-weight:240;}
.d_s3ctc a:link {color:#1a1a1a;}
.d_s3ctc a:visited {color:#1a1a1a;}
.d_s3ctc a:hover {color:#55ab64;}
.d_s3ctc a:active {color:#1a1a1a;}

.d_gy {width:100%;height:auto;overflow: auto;}
.d_gyc {width:1200px;height:auto;margin:0 auto;padding-bottom:50px;display:flex;justify-content:center;flex-flow:wrap;}
.d_gycx {width:16%;height:auto;margin:0px 1%;padding:10px 1%;float:left;background:#fff;transition: all 0.3s ease;}
.d_gycx:hover {box-shadow:#aaa 0px 7px 20px;transition: all 0.3s ease;}
.d_gyp {width:100%;height:auto;}
.d_gyp img {width:100%;height:100%;border:0px;}
.d_gyt {width:90%;height:50%;padding:5%;}


/* by */

.d_pctm {width:100%;height:auto;padding:20px 0px;overflow: auto;}
.d_pctmc {width:800px;height:auto;margin:0 auto;}
.d_pctmcx {width:31.33%;height:auto;float:left;box-sizing:border-box;border:#eee solid 1px;margin:10px 1%;background-repeat: no-repeat;background-position: left top;background-size:auto 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;padding:20px 1% 20px 10%;}
.d_pctmcx:hover {box-shadow:#eee 0px 4px 10px;}
.d_pctmcxp {width:25%;height:100%;float:left;}
.d_pctmcxp img {width:100%;height:100%;border:0px;}
.d_pctmcxt {width:71%;height:100%;background:#456;float:left;padding:0px 2%;text-align:left;}

.d_bym {width:100%;height:auto;background:#fff;overflow:auto;box-shadow:#eee 0px 5px 10px;}
.d_bymc {width:90%;height:auto;margin:0 auto;display:flex;justify-content:center;flex-flow:wrap;padding-top:30px;padding-bottom:30px;}
.d_bymcx {width:auto;height:40px;padding:0px 10px;border-radius:20px;line-height:40px;font-size:14px;margin:10px 10px;transition: all 0.3s ease;background:#aaa;color:#fff;}
.d_bymcx:hover {color:#fff;background:#55ab64;transition: all 0.3s ease;}
.d_bymcx a:link {padding:0 10px;color:#fff;display:block;}
.d_bymcx a:visited {padding:0 10px;color:#5e5e5e;display:block;}
.d_bymcx a:hover {padding:0 10px;color:#fff;display:block;}
.d_bymcx a:active {padding:0 10px;color:#f8f8f8;display:block;}

.d_pro {width:100%;height:auto;overflow:auto;margin-top:50px;padding-top:50px;padding-bottom:50px;background-color: #ffff;}
.d_pro ul {width:1200px;height:auto;margin:0 auto;overflow:auto;border-bottom:#eee solid 1px;padding-bottom:80px;}
.d_prop {width:32%;height:auto;float:left;}
.d_prop img {width:100%;height:auto;}
.d_prot {width:65%;float:right!important;font-size:16px;line-height:25px;text-align: left;}
.d_prot span {font-size:25px;line-height: 50px;}

.d_pls {width:100%;height:auto;}
.d_plsc {width:1200px;height:auto;overflow:auto;margin:0 auto;padding-bottom:30px;display:flex;justify-content:flex-start;flex-flow:wrap;}
.d_plscx {width:31.33%;height:60px;margin:10px 1%;float:left;border:#eee solid 1px;box-sizing:border-box;transition: all 0.3s ease;}
.d_plscx:hover {box-shadow:#eee 0px 4px 10px;transition: all 0.3s ease;}
.d_pxp {width:22%;height:100%;float:left;}
.d_pxp img {width:100%;height:100%;border:0px;}
.d_pxt {width:75%;height:100%;float:right;display: flex;flex-direction: column;justify-content: center;text-align:left;font-size:16px;line-height:22px;color:#5e5e5e;}





#pbtn {cursor:pointer;}
.sf_pbtn {width:auto;height:40px!important;line-height:40px!important;padding:10px 60px 10px 20px;text-align:left;color:#fff;
	background-color: #ff9900;border-radius:20px;font-size:14px!important;cursor:pointer;
    background-repeat: no-repeat;background-position: right 25px center;background-size: 20px 20px;background-image: url(../images/arr_w.png);
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.sf_pbtn:hover {width:auto;height:40px!important;line-height:40px!important;background-position:right 15px center;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}







/** 1200 **********************************************************/
@media(max-width:1200px){

.d_bmtn {padding-top:50px;padding-bottom:20px;}
.d_bmtnc {width:80%;font-size:18px;line-height:40px;padding:10px 0px;}
.d_bmtnc span {font-size:38px;line-height:50px;font-weight:600;}
	

.d_pss2t {width:80%;font-size:18px;line-height:40px;padding:40px 0px 10px 0px;}
.d_pss2t span {font-size:38px;line-height:50px;font-weight:600;}
.d_pss2ts {font-size:14px;line-height:25px;}
	
	
	
	
	
.d_pcmtc {width:90%;}	
	
.d_s2c {width:90%;}

.sf_ptbtn {background-position:right 20px center;}
.sf_ptbtn:hover {background-position:right 15px center;}

	
.d_gyc {width:90%;}
	
/* by */
	

	
	
.d_pro ul {width:90%;padding-bottom:80px;}
.d_plsc {width:90%;}
	
	
}






/** 968 **********************************************************/
@media(max-width:968px){
	
	
.d_bmtn {padding-top:40px;padding-bottom:20px;}
.d_bmtnc {width:90%;font-size:18px;line-height:40px;padding:10px 0px;}
.d_bmtnc span {font-size:35px;line-height:50px;font-weight:600;}
	
.d_pss2t {width:90%;font-size:18px;line-height:40px;padding:40px 0px 10px 0px;}
.d_pss2t span {font-size:35px;line-height:50px;font-weight:600;}
.d_pss2ts {font-size:14px;line-height:25px;}

.d_pt {width:100%;height:auto;display:flex;justify-content:center;margin-top:20px;z-index:300;}
.d_ptc {width:1100px;height:auto;margin:0 auto;}
.fx_ptc {width:100%;height:auto;display:flex;justify-content:flex-start;padding-bottom:20px;}
.d_ptcx {width:100%;float:left;height:auto;margin:10px 0%;box-shadow:#eee 0px 7px 20px;background:#fff;
	background-repeat:no-repeat;background-position:left top;}
.d_ptp {width:20%;height:auto;float:left;overflow:hidden;}
.d_ptp img {width:100%;height:100%;border:0px;}
.d_ptt {width:70%;float:left;padding:20px 5% 80px 5%;text-align:left;}
.sf_pt1 {font-size:13px;line-height:30px;color:#c0c0c0;}
.sf_pt2 {font-size:20px;line-height:30px;color:#55ab64;}
.sf_pt3 {font-size:13px;line-height:20px;color:#5e5e5e;font-family:'system ui';}
.sf_ptbtn{left:25%;}
	
	
.d_pcmtcx {width:95%;height:auto;margin:10px 1%;padding:10px 1.5% 10px 1.5%;}
	
.d_pcmxp {width:35%;}
.d_pcmxt {width:60%;}

.d_plscx {width:48%!important;height:60px;}
	
	
}







/** 768 **********************************************************/
@media(max-width:768px){

.d_bmtn {padding-top:40px;padding-bottom:20px;}
.d_bmtnc {width:90%;font-size:16px;line-height:25px;padding:10px 0px;}
.d_bmtnc span {font-size:20px;line-height:25px;font-weight:500;}		

.d_pss2t {width:90%;font-size:16px;line-height:25px;padding:30px 0px 10px 0px;}
.d_pss2t span {font-size:20px;line-height:25px;font-weight:600;}
.d_pss2ts {font-size:14px;line-height:25px;font-family:'system-ui','pf_sj';}	
	
.d_pctmc {width:96%;height:auto;margin:0 auto;}
.d_pctmcx {background-size:auto 100%;padding:10px 2% 10px 10%;}

	

	
.d_pcmxp {width:30%;}
.d_pcmxt {width:65%;}
	
.d_pcmxt p {-webkit-line-clamp:5;}		
	
	
.a_pcmxt {display:none;}	
	

.d_s2c {width:100%;height:auto;margin:0 auto;}
.d_s2ct {width:100%;height:auto;float:left;background:#fff;}
.d_s2p {width:100%;height:auto;float:left;}	

.d_gycx {width:29.33%;height:auto;margin:10px 1%;padding:10px 1%;float:left;background:#fff;}
	
	
	
	
}





/** 600 **********************************************************/
@media(max-width:600px){

	
	
.d_pctmcx {width:98%;}
	
.d_gycx {width:46%;height:auto;margin:10px 1%;padding:10px 1%;float:left;background:#fff;}	
	
/* by */
.d_prop {width:100%;height:auto;float:left;}
.d_prot {width:100%;float:right!important;font-size:16px;line-height:25px;text-align: left;}
.d_prot span {font-size:25px;line-height:50px;}
.d_plscx {width:98%!important;height:60px;}
	
}




/** 400 **********************************************************/
@media(max-width:400px){

	
/* album */


}