@media screen and (max-height: 850px){ 
.my-logo{ width:260px; height:50px; float:left; margin:10px 0 0 20px;}



/*导航*/
.f-nav{ height:80px; float:right; margin-right:20px;}


.f-nav{ height:80px; float:right; margin:0 10px 0 0;}

.m-nav{ height:80px; position:relative;}
.nav_list{ height:80px; margin:0; padding:0; text-align:center;}

.m-nav li{ width:100px; height:80px; position:relative; float:left; margin:0; padding-top:20px; box-sizing:border-box;}
.m-nav li:last-child{ background:none; margin:0;}
.m-nav li .m-nav-cn{ display:block; width:98px; }
.m-nav li .m-nav-en{ display:block; width:98px;}
.m-nav li .m-nav-icon{ display:block; width:100px; height:91px;  }



.f-tel{ display:none;}



/* 第二屏   */
.g-about{ width:1200px; height:auto; margin:80px auto 0; position:relative;}

.f-about-img{ width:335px; height:500px;}

.f-about{ width:780px; height:400px;}             
.f-about-title{ width:300px; height:60px; margin-bottom:30px;}
.f-about-desc{ width:100%; height:150px; line-height:30px; margin:0 auto 20px;}
.m-list{ width:780px; height:190px; position:relative; overflow:hidden; margin:20px auto 0;}


/* 第三屏   */
.g-product{ width:100%; height:auto; margin:60px auto 0; position:relative;}
.f-product-title{ width:1280px; height:55px;  text-align:center;}
.f-product{ width:100%; height:400px; overflow:hidden; margin:30px auto 0; z-index:999; position:relative; top:150px; opacity:0;}
.swiper-slide{ overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.m-product-box{ width:100%; height:400px; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); overflow:hidden; opacity:0;}
.m-product-bk{ width:98%; height:98%; border:1px solid #fff; box-sizing:border-box; margin:0; position:absolute; left:1%; top:1%;}
.m-product-title{ width:220px; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:150px auto 0; position:relative;}
.m-product-more{ width:130px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333333; background:#ffbf00; margin:150px auto 0; position:relative; overflow:hidden;}

.swiper-slide:hover .m-product-title{ color:#f1ab27; margin-top:100px;}
.swiper-slide:hover .m-product-line01{ width:220px;}
.swiper-slide:hover .m-product-line02{ width:220px; left:0;}




/* 第四屏   */
.f-adv{ width:1280px; height:auto; overflow:hidden; margin:70px auto 0; position:relative;}
.f-adv-title{ width:1280px; height:55px; text-align:center;}


.m-adv{ width:1280px; height:auto; margin:50px auto 0; position:relative;}
.m-adv ul{ width:1280px; margin:0; padding:5px 0 0; display:flex; justify-content:space-between;}
.m-adv ul li{ width:278px; height:384px; float:left; position:relative; border:1px solid #000000; box-sizing:border-box;}

.m-adv-box{ width:263px; height:369px; text-align:center; margin:0; position:absolute; top:6px; left:6px; overflow:hidden;}
.m-adv-img{ width:263px; height:369px; text-align:center; margin:0; position:relative; overflow:hidden;}

.m-adv ul li:nth-child(odd){ margin-top:60px;}



/* 第五屏   */
.g-news{ width:100%; height:auto; margin:70px auto 0; position:relative;}

.f-news-title{ width:1280px; height:55px; }




.f-news{ width:100%; height:auto; position:relative; margin:30px auto 0; position:relative; top:100px; opacity:0;}
.f-news ul li{ width:100%; height:130px; position:relative; padding:20px 0 0; box-sizing:border-box;}

.f-news-box{ width:1280px; height:auto; overflow:hidden; margin:0 auto; position:relative;}

.m-news-date{ width:100px; height:80px; margin:0; overflow:hidden; position:relative; float:left; border-right:1px solid #fff; box-sizing:border-box;}
.m-news-day{ height:60px; line-height:60px; font-size:60px; color:#fff; font-weight:bold; margin:0;} 
.m-news-year{ height:20px; line-height:20px; font-size:16px; color:#fff; margin:0;} 


.m-news-txt{ width:720px; height:auto; margin:0; overflow:hidden; position:relative; float:left; margin-left:45px;}
.m-news-title{ width:720px; height:30px; line-height:30px; font-size:18px; color:#fff; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:10px;}
.m-news-desc{ width:720px; height:40px; line-height:20px; font-size:14px; color:#fff; overflow:hidden; margin-bottom:0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.m-news-more{ width:130px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333333; background:#ffbf00; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:20px 0 0; display:none;}


.m-news-box{ width:200px; height:90px; margin:0; overflow:hidden; position:relative; float:right;}
.m-news-img{ width:200px; height:90px; margin:0;}


.f-news-more{ width:170px; height:45px; margin:30px auto 0; position:relative; border:1px solid #ffbf00; box-sizing:border-box; top:-50px; opacity:0;}

/*第六屏*/
.g-contact{ width:1280px; height:auto; margin:20px auto 0; position:relative;}

.f-contact-title{ width:1280px; height:55px;}


.f-contact{ width:1280px; height:auto; margin:30px auto 0; position:relative;}

.f-contact-left{ width:670px; height:430px; position:relative; float:left; overflow:hidden; background:rgba(186,6,6,0.7); padding:10px 15px; box-sizing:border-box; left:-200px; opacity:0;}

.f-message-title{ width:100%; height:30px; line-height:30px; font-size:22px; color:#fff; margin-bottom:5px; box-sizing:border-box;}

/*留言*/
.f-message{ width:640px; height:auto; position: relative;}
.f-message .messageBox{ width:640px; height:auto; margin:0 auto;}
.f-message .messageBox .notice{width:640px; height:35px; line-height:35px; text-align:left; background:none; font-size:14px; color:#fff; padding:0 10px; border:none; margin-bottom:10px; }

.f-message .messageBox .name{width:310px; height:35px; line-height:35px; background:none; font-size:14px; color:#fff; padding:0 10px ; border:1px solid #e69d82; float:left; box-sizing:border-box; margin-bottom:10px;}
.f-message .messageBox .phone{width:310px; height:35px; line-height:35px; background:none; font-size:14px; color:#fff; padding:0 10px; border:1px solid #e69d82;  float:right; box-sizing:border-box; margin-bottom:10px;}
.f-message .messages{ width:640px; height:60px; line-height:30px; font-size:14px; color:#fff; border:1px solid #e69d82; background:none; padding:0 10px; margin-bottom:10px; box-sizing:border-box; resize:none;}


.f-message-box{ width:640px; height:40px; margin:0 auto; position:relative;}
.f-message .iuptbut{ width:155px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; border:none; box-sizing:border-box; background:#ffbf00; position:relative; margin:0 auto;}


/*地图*/
.f-map{ width:640px; height:155px; margin:15px auto 0; position:relative; overflow:hidden;}


.f-contact-right{ width:510px; height:auto; position:relative; float:right; overflow:hidden; padding-top:20px; box-sizing:border-box; right:-200px; opacity:0;}

.f-contact-bt{ width:100%; height:30px; line-height:30px; font-size:24px; color:#000000; font-weight:bold; margin-bottom:15px; box-sizing:border-box;}

.f-lxfs{ width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.f-lxfs ul{ margin:0; padding:0;}
.f-lxfs ul li{ width:100%; min-height:30px; line-height:30px; font-size:16px; color:#000000; overflow:hidden; position:relative; margin-bottom:0;}



/*二维码*/
.f-code{ width:390px; height:auto; position:relative; margin-top:20px;}
.f-code ul{ width:390px; height:150px; margin:0; padding:0;}
.f-code ul li{ width:110px; height:150px; margin-right:60px; float:left;}
.f-code ul li:last-child{ margin-right:0;}

.f-code ul li .m-code-img{ width:110px; height:110px; overflow:hidden; margin-bottom:10px; box-sizing:content-box;}
.f-code ul li .m-code-img img{ width:110px; height:110px;}
.f-code ul li .m-code-txt{ width:110px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#000000;}
  

}
  
@media screen and (max-height: 600px){ 
.my-logo{ width:260px; height:50px; float:left; margin:10px 0 0 10px;}



/*导航*/
.f-nav{ height:80px; float:right; margin:0 10px 0 0;}

.m-nav{ height:80px; position:relative;}
.nav_list{ height:80px; margin:0; padding:0; text-align:center;}

.m-nav li{ width:100px; height:80px; position:relative; float:left; margin:0; padding-top:20px; box-sizing:border-box;}
.m-nav li:last-child{ background:none; margin:0;}
.m-nav li .m-nav-cn{ display:block; width:98px; }
.m-nav li .m-nav-en{ display:block; width:98px;}
.m-nav li .m-nav-icon{ display:block; width:100px; height:91px;  }


.f-tel{ display:none;}

  }