@charset "utf-8";
/* CSS Document */
.m_footer2023,.m_footer2023a{
	display: none;
}
/*------------footer-------------*/
.footer2023{
	width: 100%;
	height: 97px; 
	background: url(../images/footer_bg.png) repeat-x bottom;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 45px;
	vertical-align: bottom;
	position: relative;
	z-index: 5;
    margin-bottom: -30px;
    margin-top: -59px;
}
.footer2023 span{
	font-weight: bold;
	font-size: 14px;
}
.footer2023 img{
	vertical-align: bottom;
}
.footer{
    margin-bottom: -30px;
}
.greenbg{
	background: url(../images/img/product_blog_bg.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.greenbg h2{
	color: #fff;
	margin-bottom: 20px;
}
.greenbg h2 img{
    vertical-align: bottom;
    margin-right: 0;
}
.greenbg .prod_blog{
    width: calc(1100px - 80px);
	margin: 0 auto;
}
.greenbg .prod_blog a{
	background: #fff;
	height: 550px;
	padding: 30px 20px;
}
.greenbg h6{
	font-size: 25px;
	text-align: center;
	color: #207328;
	padding-bottom: 10px;
	border-bottom: 2px solid #207328;
}
.greenbg p{
	font-size: 19px;
	font-weight: bold;
	color: #645d5d;
}
.content{
	position: relative;
	padding-bottom: 0;
	z-index: 4;
}
.product_kv2023{
	position: relative;
	background: url(../images/img/product_kv_bg.jpg) no-repeat center top;
	width: 100%;
	height: 380px;
	z-index: 5;
}
.product_kv2023 > div{
	position: absolute;
}
.p_w{
	background: url(../images/img/product_kv_women.png) no-repeat center top;
	background-size: contain;
	width: 363px;
	height: 561px;
    top: 40px;
    left: calc(50% - 600px);
}
.p_t{
	background: url(../images/img/product_kv_txt.png) no-repeat center top;
	background-size: contain;
	width: 451px;
	height: 121px;
	top: 40px;
	left: calc(50% - 250px);
}
.p_l{
	background: url(../images/img/product_kv_logo.png) no-repeat center top;
	background-size: contain;
	width: 237px;
	height: 224px;
	top: 15px;
	left: calc(50% + 180px);
}
.product_2023{
	position: relative;
	background: #f6f6f4;
	width: 100%;
}
.product_w920{
	width: 920px;
	margin: 0 auto;
	text-align: center;
}
.product_tab{
	position: relative;
	z-index: 10;
}
.product_tab a{
	display: inline-block;
	border: 1px solid #6f6f6f;
	background: #fff;
	font-size: 21px;
	color: #6f6f6f;
	margin: 10px 5px;
	padding: 5px 23px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}
.product_tab a.hide{
	display: none;
}
/*.product_tab a.long{
	width: calc(25% - 40px);
}*/
.product_tab a.long{
	width: calc(33% - 45px);
	padding: 5px 0;
}
.product_tab a.long.on,.product_tab a.long:hover{
	color: #fff;
	background: #219170;
	border: 1px solid #219170;
}
.product_tab a.on,.product_tab a:hover{
	color: #fff;
	background: #f1972d;
	border: 1px solid #f1972d;
}
.p2023m{
	text-align: left;
	margin: 20px 0 50px 0;
}
.p2023m > div{
	position: relative;
	width: 48.5%;
	display: inline-block;
	vertical-align: top;
	margin: 30px 0;
	font-size: 20px;
	transition: 0.3s;
}
.p2023m > div:hover{
	filter: brightness(1.1);
}
.p2023m > div:nth-child(odd){
	margin-right: 15px;
}
.p2023m .pro_tit{
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	margin-bottom: 15px;
}
.p2023m a.pro_more{
	position: absolute;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	right: 40px;
	bottom: 17px;
	z-index: 6;
}
.p2023m .pro_out{
	position: relative;
	padding: 10px 15px;
}
.p_new{
	position: absolute;
	background: url(../images/img/icon_new.png) no-repeat ;
	width: 91px;
	height: 54px;
	top: 10px;
	left: 115px;
}
.p2023m .pro_out > div{
	display: inline-block;
	vertical-align: top;
}
.p2023m .pro_pic{
	width: 220px;
	height: 240px;
}
.p2023m .pro_txt{
	padding-top: 60px;
	text-align: left;
	line-height: 35px;
	color: #6f6f6f;
	width: calc(100% - 210px);
	margin-left: -20px;
	font-weight: bold;
}
.p01a{
	color: #c5a126;
}
.p01a .pro_out{
	border: 1px solid #c5a126;
	background: linear-gradient(to bottom, transparent 74.9%,#c5a126 75%);
}
.p01a .pro_pic{
	background: url(../images/img/product_m04.png) no-repeat left;
	background-size: contain;
}
.p01b{
	color: #004ea1;
}
.p01b .pro_out{
	border: 1px solid #004ea1;
	background: linear-gradient(to bottom, transparent 74.9%,#004ea1 75%);
}
.p01b .pro_pic{
	background: url(../images/img/product_m03.png) no-repeat left;
	background-size: contain;
}
.p01c{
	color: #32b16c;
}
.p01c .pro_out{
	border: 1px solid #32b16c;
	background: linear-gradient(to bottom, transparent 74.9%,#32b16c 75%);
}
.p01c .pro_pic{
	background: url(../images/img/product_m01.png) no-repeat left;
	background-size: contain;
}
.p01d{
	color: #f39300;
}
.p01d .pro_out{
	border: 1px solid #f39300;
	background: linear-gradient(to bottom, transparent 74.9%,#f39300 75%);
}
.p01d .pro_pic{
	background: url(../images/img/product_m02.png) no-repeat left;
	background-size: contain;
}
.p01e{
	color: #d1ab56;
}
.p01e .pro_out{
	border: 1px solid #d1ab56;
	background: linear-gradient(to bottom, transparent 74.9%,#d1ab56 75%);
}
.p01e .pro_pic{
	background: url(../images/img/product_m05.png) no-repeat left;
	background-size: contain;
}
.p01f{
	color: #9e1a83;
}
.p01f .pro_out{
	border: 1px solid #9e1a83;
	background: linear-gradient(to bottom, transparent 74.9%,#9e1a83 75%);
}
.p01f .pro_pic{
	background: url(../images/img/product_m06.png) no-repeat left;
	background-size: contain;
}
.p01g{
	color: #01376b;
}
.p01g .pro_out{
	border: 1px solid #01376b;
	background: linear-gradient(to bottom, transparent 74.9%,#01376b 75%);
}
.p01g .pro_pic{
	background: url(../images/img/product_m07.png) no-repeat left;
	background-size: contain;
}
.p01h{
	color: #c5a126;
}
.p01h .pro_out{
	border: 1px solid #c5a126;
	background: linear-gradient(to bottom, transparent 74.9%,#c5a126 75%);
}
.p01h .pro_pic{
	background: url(../images/img/product_m08.png) no-repeat left;
	background-size: contain;
}
.p02a{
	color: #014a99;
}
.p02a .pro_out{
	border: 1px solid #014a99;
	background: linear-gradient(to bottom, transparent 74.9%,#014a99 75%);
}
.p02a .pro_pic{
	background: url(../images/img/product_c01.png) no-repeat left bottom;
    background-size: 85%;
    background-position-x: 10px;
}
.product8_bg{
	background: url(../images/img/product_c01.png) no-repeat left;
}
.bg08b {
    background: url(../images/img/p8_kv.jpg) center;
    background-size: cover;
}
.product8_bg {
    background: url(../images/img/p8_contbg.jpg) repeat-y;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
}
.product8_bg > div{
    margin: 0 auto 50px auto;
    text-align: center;
}
.p8_1{
    background: url(../images/img/p8_p01.png) no-repeat;
    width: 987px;
    height: 398px;
}
.p8_2{
    background: url(../images/img/p8_p02.png) no-repeat;
    width: 813px;
    height: 181px;
}
.p8_3{
    background: url(../images/img/p8_p03.png) no-repeat;
    width: 775px;
    height: 209px;
}
.p8_4{
    background: url(../images/img/p8_p04.png) no-repeat;
    width: 775px;
    height: 209px;
}
.p8_5{
    background: url(../images/img/p8_p05.png) no-repeat;
    width: 775px;
    height: 245px;
}
.p8_6{
    background: url(../images/img/p8_p06.png) no-repeat;
    width: 779px;
    height: 374px;
}
/*------------p9-------------*/
.bg09b {
    background: url(../images/img/p9_kv.jpg) center;
}
.product9_bg {
    background: url(../images/img/p9_contbg.jpg) top repeat-y;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
}
.product9_bg > div{
    margin: 0 auto 50px auto;
    text-align: center;
}
.p9_1{
    background: url(../images/img/p9_p01.png) no-repeat;
    width: 988px;
    height: 399px;
}
.p9_2{
    background: url(../images/img/p9_p02.png) no-repeat;
    width: 927px;
    height: 363px;
}
.p9_3{
    background: url(../images/img/p9_p03.png) no-repeat;
    width: 774px;
    height: 247px;
}
.p9_4{
    background: url(../images/img/p9_p04.png) no-repeat;
    width: 774px;
    height: 250px;
}
.p9_5{
    background: url(../images/img/p9_p05.png) no-repeat;
    width: 771px;
    height: 409px;
}
.p9_6{
    background: url(../images/img/p9_p06.png) no-repeat;
    width: 629px;
    height: 302px;
}
/*------------index-------------*/
.product2023{
	position: relative;
    background: url(../images/img/index_prokv.jpg) no-repeat center top #3daf36;
	width: 100%;
	padding-bottom: 120px;
	background-size: contain;
}
.product2023_probg_bot{
	position: absolute;
	background: url(../images/img/productbgdown.png) no-repeat center bottom;
	width: 100%;
	height: 121px;
	bottom: 0;
	background-size: cover;
}
.bigtitle{
	background: url(../images/img/index_probigt.png) no-repeat center;
	background-position-y: 65%;
	width: 289px;
	height: 577px;
	text-align: center;
	margin: 0 auto;
}
.bigtitle.newcss3{
	background: url(../images/img/index_probigt.png) no-repeat center;
	background-position-y: 75%;
	height: 450px;
}
.prod1000{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.indprotit{
	width: 100%;
	height: 62px;
	padding-bottom: 35px;
}
.indprotit.newcss{
	height: 150px;
}
.ipt1{
	background: url(../images/img/index_prot1.png) no-repeat center;
}
.ipt2{
	background: url(../images/img/index_prot2.png) no-repeat center;
}
.ipt3{
	background: url(../images/img/index_prot3.png) no-repeat center;
}
.ipt4{
	background: url(../images/img/index_prot4.png) no-repeat center;
}

.indproall > a {
	position: relative;
	display: inline-block;
	width: 48%;
	height: 350px;
	margin: 0 auto 50px auto;
	cursor: pointer;
	transition: 0.3s;
}
.indproall > a div{
	position: relative;
	width: 100%;
	height: 350px;
}
.indproall > a span{
	position: absolute;
	display: block;
	width: 234px;
	height: 165px;
	top: 60px;
	left: calc(50% + 70px);
}
.indproall > a:hover{
	filter: brightness(1.1);
}
.ip1 div{
	background: url(../images/img/index_pro8.png) no-repeat center;
}
.indproall > a.ip1 span{
	left: calc(50% + 100px);
	background: url(../images/img/index_pro8t.png) no-repeat left bottom;
}
.ip2 div{
	background: url(../images/img/index_pro10.png) no-repeat center;
}
.ip11 div{
	background: url(../images/img/index_pro11.png) no-repeat center;
}
.ip11 span{
	background: url(../images/img/index_pro11t.png) no-repeat left bottom;
}
.ip2 span{
	background: url(../images/img/index_pro10t.png) no-repeat left bottom;
}
.ip3 div{
	background: url(../images/img/index_pro9.png) no-repeat center;
}
.ip3 span{
	background: url(../images/img/index_pro9t.png) no-repeat left bottom;
}
.ip4 div{
	background: url(../images/img/index_pro4.png) no-repeat center;
}
.ip4 span{
	background: url(../images/img/index_pro4t.png) no-repeat left bottom;
}
.ip5 div{
	background: url(../images/img/index_pro7.png) no-repeat center;
}
.ip5 span{
	background: url(../images/img/index_pro7t.png) no-repeat left bottom;
}
.ip6 div{
	background: url(../images/img/index_pro6.png) no-repeat center;
}
.ip6 span{
	background: url(../images/img/index_pro6t.png) no-repeat left bottom;
}
.ip7 div{
	background: url(../images/img/index_pro1.png) no-repeat center;
}
.ip7 span{
	background: url(../images/img/index_pro1t.png) no-repeat left bottom;
}
.ip8 div{
	background: url(../images/img/index_pro2.png) no-repeat center;
}
.ip8 span{
	background: url(../images/img/index_pro2t.png) no-repeat left bottom;
}
.ip9 div{
	background: url(../images/img/index_pro3.png) no-repeat center;
}
.ip9 span{
	background: url(../images/img/index_pro3t.png) no-repeat left bottom;
}
.ip10 div{
	background: url(../images/img/index_pro5.png) no-repeat center;
}
.ip10 span{
	background: url(../images/img/index_pro5t.png) no-repeat left bottom;
}
.indprobg1{
	position: relative;
	background: url(../images/img/index_pro_bg1.png) no-repeat bottom;
	width: 100%;
	padding-bottom: 200px;
	background-size: contain;
}
.indprobg1.newcss2{
	padding-bottom: 0;
}
.indprobg2{
	position: absolute;
	background: url(../images/img/index_pro_bg2.png) no-repeat left;
	width: 500px;
	height: 841px;
	right: 0;
	top: 0;
}
.indprobg3{
	position: absolute;
	background: url(../images/img/index_pro_bg2.png) no-repeat right;
	width: 500px;
	height: 841px;
	left: 0;
	bottom: 0;
}
.mt150{
	position: relative;
	margin-top: -150px;
}
/*--------202410---------*/

.indproall.high > a {
	height: 400px;
}
.indproall.high > a div{
	height: 400px;
}
.ip001 div{
	background: url(../images/img/index_pro8new.png) no-repeat right bottom;
}
.ip002 div{
	background: url(../images/img/index_pro10new.png) no-repeat right bottom;
}
.ip004 div{
	background: url(../images/img/index_pro4new.png) no-repeat right bottom;
}
.ip005 div{
	background: url(../images/img/index_pro7new.png) no-repeat right bottom;
}
.ip006 div{
	background: url(../images/img/index_pro6new.png) no-repeat right bottom;
}
.ip007 div{
	background: url(../images/img/index_pro1new.png) no-repeat right bottom;
}
.ip009 div{
	background: url(../images/img/index_pro3new.png) no-repeat right bottom;
}
.ip010 div{
	background: url(../images/img/index_pro5new.png) no-repeat right bottom;
}
.ip011 div{
	background: url(../images/img/index_pro11new.png) no-repeat right bottom;
}
.ip012 div{
	background: url(../images/img/index_pro12.png) no-repeat right bottom;
}
.ip013 div {
    background: url(../images/img/index_pro13.png) no-repeat right bottom;
}
.ip014 div {
    background: url(../images/img/index_pro14new.png) no-repeat right bottom;
}
.mt00{
	position: relative;
	overflow: hidden;
}
.footer2024{
	width: 100%;
}
.footerout{
	position: relative;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 0;
}
.footerout > div{
	display: inline-block;
}
.footerlogo{
	background: url(../2019/img/logo2.png) no-repeat bottom;
	width: 146px;
	height: 70px;
}
.footertxt1{
    font-size: 15px;
    line-height: 1.6;
    color: #000;
    margin: 5px auto;
    text-align: center;
    width: 550px;
}
.footertxt1 a{
	color: #007bff;
	text-decoration: none;
}
.footertxt1 .warn{
	color: #ff0000;
}
.footerpic{
	position: absolute;
	background: url(../2019/img/milk.png) no-repeat;
	width: 250px;
	height: 93px;
	right: 0;
	top: -20px;
}
.footerout2{
	border-top: 1px solid #ccc;
	width: 100%;
}
.footerout2menu{
	position: relative;
	width: 1000px;
	margin: 30px auto 0 auto;
	color: #969393;
}
.footerout2menu > a{
	display: inline-block;
	color: #969393;
	text-decoration: none;
	margin-right: 30px;
}
.footerout2menu > a:hover{
	color: #00bf98;
}
.footerout2menu2{
	position: absolute;
	right: 0;
	top: -10px;
}
.footerout2menu2 span{
	display: inline-block;
	margin-right: 10px;
}
@media (max-width: 1105px) {
.mv {
	height: 350px;
}
}
@media (max-width: 1020px) {
.footerout{
	width: 100%;
	padding: 0;
}
.footertxt1{
    width: 100%;
    margin-top:80px;
}
.footerpic{
	left: calc(50% - 125px);
	right: auto;
	top: -20px;
}
.footerout > div.footerlogo,.footerout2{
	display: none;
}
}
@media (max-width: 480px) {
.footertxt1{
    font-size: 12px;
}	
}
@media (max-width: 380px) {
.footertxt1{
    font-size: 10px;
}	
}