@charset "utf-8";
/* CSS Document */
@media (max-width: 1218px) {
.product8_bg > div,.product9_bg > div{
	width: 460px;
}
.product9_bg {
    background: url(../images/img/p9_contbgm.jpg) top repeat-y;
}
.p8_1{
    background: url(../images/img/p8_p01m.png) center no-repeat;
    background-size: contain;
    height: 681px;
}
.p8_2{
    background: url(../images/img/p8_p02m.png) center no-repeat;
    background-size: contain;
    height: 358px;
}
.p8_3{
    background: url(../images/img/p8_p03m.png) center no-repeat;
    background-size: contain;
    height: 319px;
}
.p8_4{
    background: url(../images/img/p8_p04m.png) center no-repeat;
    background-size: contain;
    height: 359px;
}
.p8_5{
    background: url(../images/img/p8_p05m.png) center no-repeat;
    background-size: contain;
    height: 407px;
}
.p8_6{
    background: url(../images/img/p8_p06m.png) top center no-repeat;
    background-size: contain;
    height: 504px;
}
.p9_1{
    background: url(../images/img/p9_p01m.png) center no-repeat;
    background-size: contain;
    height: 630px;
}
.p9_2{
    background: url(../images/img/p9_p02m.png) center no-repeat;
    background-size: contain;
    height: 576px;
}
.p9_3{
    background: url(../images/img/p9_p03m.png) center no-repeat;
    background-size: contain;
    height: 374px;
}
.p9_4{
    background: url(../images/img/p9_p04m.png) center no-repeat;
    background-size: contain;
    height: 488px;
}
.p9_5{
    background: url(../images/img/p9_p05m.png) center no-repeat;
    background-size: contain;
    height: 615px;
}
.p9_6{
    background: url(../images/img/p9_p06m.png) center no-repeat;
    background-size: contain;
    height: 332px;
}
}
@media (max-width: 1175px) {
.p_w{
	width: 280px;
    left: calc(50% - 480px);
}
.p_t{
	left: calc(50% - 220px);
}
.p_l{
	width: 200px;
	left: calc(50% + 200px);
}
}
@media (max-width: 1105px) {
.greenbg .prod_blog{
    width: calc(100% - 20px);
}	
.prod_blog {
    padding: 40px 10px;
}
.prod_blog > a {
    width: 32%;
    margin-right: 0.2%;
}
.prod1000{
	width: 100%;
}
.indproall > a {
	display: block;
	width: 100%;
}
.ppp1, .ppp2 {
    top: 450px;
}
.ip001 div{
	background: url(../images/img/index_pro8new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip002 div{
	background: url(../images/img/index_pro10new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip004 div{
	background: url(../images/img/index_pro4new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip005 div{
	background: url(../images/img/index_pro7new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip006 div{
	background: url(../images/img/index_pro6new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip007 div{
	background: url(../images/img/index_pro1new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip009 div{
	background: url(../images/img/index_pro3new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip010 div{
	background: url(../images/img/index_pro5new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip011 div{
	background: url(../images/img/index_pro11new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip012 div{
	background: url(../images/img/index_pro12.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip013 div{
	background: url(../images/img/index_pro13.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
.ip014 div{
	background: url(../images/img/index_pro14new.png) no-repeat center bottom;
	background-position-x: calc(50% + 100px);
}
}
@media (max-width: 1020px) {
.logo_mobile {
    padding: 5px 0 ;
    width: 110px;
}
.listmenu {
    margin: 15px 20px 0 0;
}
}
@media (max-width: 991px) {
.footer2023{
	display: none;
}
.m_footer2023{
	display:block;
	background: url(../images/footer_mbg.png) repeat-x bottom;	
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding-bottom: 7px;
	position: relative;
	z-index: 5;
    margin-bottom: -30px;
    margin-top: -59px;
}
.m_footer2023 div{
	display: inline-block;
	margin-top: 65px;
	vertical-align: top;
}
.product_kv2023 {
    margin-top: 75px;
}
.cont_bg {
    padding: 80px 0;
}
.product9_bg {
    background: url(../images/img/p9_contbgm2.jpg) top repeat-y center;
}
.movie {
    height: 700px;
}
}
@media (max-width: 940px) {
.p_w{
	width: 220px;
	top: 90px;
    left: 0;
}
.p_t{
	left: calc(50% - 250px);
}
.p_l{
	left: auto;
	right: 3%;
}
.product_w920{
	width: 100%;
}	
.p2023m > div{
	width: 90%;
	margin: 30px 5%;
}
.product_tab a{
	padding: 5px 2.5%;
}
}
@media (max-width: 790px) {
.greenbg h6{
	font-size: 20px;
}
.greenbg p{
	font-size: 16px;
	line-height: 25px;
}
.product_kv2023{
	height: 440px;
}
.p_w{
	width: 180px;
	top: 180px;
	left: calc(50% - 225px);
}
.p_t{
	left: calc(50% - 225px);
}
.p_l{
	top: 180px;
	right: auto;
	left: 50%;
}
.product_tab a {
    font-size: 18px;
	margin: 6px 2px;
}
.f_m2023{
	display: block;
}
}
@media (max-width: 750px) {
.movie {
    height: 500px;
}
.product2023{
    background: url(../images/img/index_prokvm.jpg) no-repeat center top #2c8b27;
	width: 100%;
	padding-bottom: 120px;
}
.bigtitle{
	background-position-y: 25%;
	height: 700px;
}
.indproall > a,.indproall > a div,.indproall.high > a,.indproall.high > a div{
	height: 380px;
}
.indproall > a span,.product2023_probg_bot{
	display: none;
}
.ip1 div{
	background: url(../images/img/index_pro8m.png) no-repeat center;
	background-size: contain;
}
.ip2 div{
	background: url(../images/img/index_pro10m.png) no-repeat center;
	background-size: contain;
}
.ip11 div{
	background: url(../images/img/index_pro11m.png) no-repeat center;
	background-size: contain;
}
.ip3 div{
	background: url(../images/img/index_pro9m.png) no-repeat center;
	background-size: contain;
}
.ip4 div{
	background: url(../images/img/index_pro4m.png) no-repeat center;
	background-size: contain;
}
.ip5 div{
	background: url(../images/img/index_pro7m.png) no-repeat center;
	background-size: contain;
}
.ip6 div{
	background: url(../images/img/index_pro6m.png) no-repeat center;
	background-size: contain;
}
.ip7 div{
	background: url(../images/img/index_pro1m.png) no-repeat center;
	background-size: contain;
}
.ip8 div{
	background: url(../images/img/index_pro2m.png) no-repeat center;
	background-size: contain;
}
.ip9 div{
	background: url(../images/img/index_pro3m.png) no-repeat center;
	background-size: contain;
}
.ip10 div{
	background: url(../images/img/index_pro5m.png) no-repeat center;
	background-size: contain;
}
.ip001 div{
	background: url(../images/img/index_pro_m8.png) no-repeat center;
	background-size: contain;
}
.ip002 div{
	background: url(../images/img/index_pro_m10.png) no-repeat center;
	background-size: contain;
}
.ip004 div{
	background: url(../images/img/index_pro_m4.png) no-repeat center;
	background-size: contain;
}
.ip005 div{
	background: url(../images/img/index_pro_m7.png) no-repeat center;
	background-size: contain;
}
.ip006 div{
	background: url(../images/img/index_pro_m6.png) no-repeat center;
	background-size: contain;
}
.ip007 div{
	background: url(../images/img/index_pro_m1.png) no-repeat center;
	background-size: contain;
}
.ip009 div{
	background: url(../images/img/index_pro_m3.png) no-repeat center;
	background-size: contain;
}
.ip010 div{
	background: url(../images/img/index_pro_m5.png) no-repeat center;
	background-size: contain;
}
.ip011 div{
	background: url(../images/img/index_pro_m11.png) no-repeat center;
	background-size: contain;
}
.ip012 div{
	background: url(../images/img/index_pro_m12.png) no-repeat center;
	background-size: contain;
}
.ip013 div{
	background: url(../images/img/index_pro_m13.png) no-repeat center;
	background-size: contain;
}
.ip014 div{
	background: url(../images/img/index_pro_m14new2.png) no-repeat center;
	background-size: contain;
}
}
@media (max-width: 640px) {
.product_kv2023 {
    height: 380px;
}
.product_tab{
	width: 92%;
	text-align: left;
	margin: 0 auto;
}
.product_tab a{
	padding: 5px 0;
    width: calc(25% - 7px);
	margin: 6px 0;
}
.product_tab a.long{
    width: calc(33% - 6px);
}
}
@media (max-width: 576px) {
.prod_blog > a {
    width: 100%;
    margin: 0 0 20px 0;
    height: auto;
}
.greenbg .prod_blog a {
    height: auto;
}
.m_footer2023{
	display: none;
}
.m_footer2023a{
	display:block;
	background: url(../images/footer_mbg.png) repeat-x bottom;	
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding-bottom: 7px;
	position: relative;
	z-index: 5;
    margin-bottom: -30px;
    margin-top: -59px;
}
.product_kv2023 {
    background-position-x: 0;
}

}
@media (max-width: 500px) {
.product8_bg > div,.product9_bg > div{
	width: 90%;
    margin: 0 auto;
}
.indproall > a {
	width: 90%;
}

}
@media (max-width: 480px) {
.p_t{
	width: 90%;
	left: 5%;
}
.p2023m .pro_tit {
    font-size: 26px;
}
.p2023m .pro_txt {
    width: calc(100% - 180px);
}
.p_new {
    right: 0;
}
.p2023m .pro_pic{
	width: 190px;
}
}
@media (max-width: 420px) {
.product_tab a {
    font-size: 16px;
}
.p_w {
    top: 160px;
    left: 0;
}
.p_l {
    top: 160px;
    left: auto;
    right: 0;
}
.p8_1,.p9_1{
    height: 560px;
}
.p8_2{
    height: 330px;
}
.p9_2{
	height: 480px;
}
}
@media (max-width: 320px) {
.p8_6{
    background: url(../images/img/p8_p06m.png) top center no-repeat;
    background-size: contain;
    height: 304px;
}
}