﻿@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 645px) {
.content{ max-width: 1024px; }

.nybanner{ height: 300px; }

.showproliuc .list ul li .tit{ font-size: 16px; }

.nyculture .right{ width: 700px; }
.nyculture .right ul li{ margin: 3px 10px; }
.nyculture .left{ width: 320px; }
}
@media only screen and (max-width : 644px) {
.content{ padding: 0 10px; }

.nyweizhi .hotkey{ display: none; }
.nyweizhi .search{ width: 100%; float: none; }
.nyweizhi .weizhi{ width: auto; float: none; padding: 10px 0 0; }
.nynav{ padding: 15px 0; }
.nynav ul li{ padding: 0; width: 31.33333%; float: left; display: block; margin: 5px 1%; box-sizing: border-box; font-size: 12px; height: 35px; line-height: 33px; }

.nypro ul li{ width: 48%; }
.nypro ul li .tit{ height: 30px; line-height: 30px; }
.feny{ padding: 20px 0; }
.feny a{ padding: 0 5px; height: 20px; line-height: 20px; margin: 1px; }

.showpro .showproinfo{ padding-left: 0; }
.box{ position: relative; margin: 0 auto 20px; }
.showpro .showproinfo .right{ border-left: 1px solid #eee; padding: 10px; }
.showpro .showproinfo .messnr{ padding: 15px; }
.showpro .showproinfo .messnr .li{ width: auto; float: none; margin: 0 0 15px 0 !important; }
.showpro .showproinfo .messnr .an{ position: static; margin: 0 auto; }
.showprodetail{ padding: 20px 0; }
.showpro .showproinfo .right .tit{ height: auto; line-height: 30px; margin-bottom: 10px; font-size: 18px; }
.showpro .showproinfo .right .jj{ height: auto; }
.showpro .showproinfo .right .phone1{ line-height: 25px; font-size: 14px; padding: 10px 0 10px 50px; height: auto; }
.showprodetail .wz{ font-size: 14px; line-height: 30px; padding-top: 20px; }
.showproliuc{ padding-bottom: 20px; }
.showproliuc .lmtit,.showpropar .lmtit,.showproshil .lmtit{ font-size: 20px; margin-bottom: 20px; }
.showproliuc .lmtit span,.showpropar .lmtit span,.showproshil .lmtit span{ display: none; }
.showproliuc .list ul li{ width: 33.3333%; padding-right: 0; float: left; }
.showproliuc .list ul li .nr{ padding: 10px 0 15px; }
.showproliuc .list ul li .jt{ display: none; }
.showproliuc .list ul li.last{ width: 33.33333%; }
.showpropar{ padding: 0 0 20px 0; }
.showpropar .list ul{ width: 102%; left: -1%; }
.showpropar .list ul li{ width: 48%; margin: 1%; }
.showproshil{ padding: 0 0 20px 0; }
.showproshil .list ul{ width: 102%; left: -1%; }
.showproshil .list ul li{ width: 48%; margin: 1%; }
.showpro .repro{ padding: 0 0 20px; }
.showpro .repro .lmtit{ margin-bottom: 20px; }
.showpro .repro .list ul li{ width: 48%; }
.showpro .repro .list ul li .tit{ height: 30px; line-height: 30px; }

.nycase ul li{ width: 48%; }
.nycase ul li .tit{ height: 30px; line-height: 30px; }

.shownews .lmtit{ padding: 0 0 10px; font-size: 20px; }
.shownews .lmtit .date{ position: static; width: auto; text-align: left; }
.shownews .nr{ padding: 20px 0; }

.nynews ul li{ padding: 20px 10px; }
.nynews ul li .pic{ position: static; width: auto; margin-bottom: 10px; }

.nyabout{ padding: 0 0 20px 0; }
.nyabout .lmtit{ font-size: 20px; margin-bottom: 20px; }
.nyabout .lmtit span{ font-size: 14px; }
.nyabout .tit{ font-size: 18px; margin-bottom: 10px; }
.nyculture{ padding: 20px 0; background-size: auto 100% !important; }
.nyculture .left{ width: auto; float: none; margin-bottom: 20px; }
.nyculture .left .cnlmtit{ font-size: 20px; }
.nyculture .left .enlmtit{ font-size: 14px; margin-bottom: 20px; }
.nyculture .left .wz{ font-size: 14px; line-height: 25px; }
.nyculture .right{ width: auto; float: none; }
.nyculture .right ul li{ width: 48%; margin: 3px 1%; float: left; padding: 35px 10px; }
.nyculture .right ul li .tit{ font-size: 16px; }
.nyculture .right ul li .jj{ font-size: 12px; line-height: 18px; }
.nyshebei{ padding: 20px 0; }
.nyshebei .lmtit{ font-size: 20px; margin-bottom: 20px; }
.nyshebei .lmtit span{ font-size: 14px; }
.nyshebei .list ul{ width: 102%; left: -1%; }
.nyshebei .list ul li{ width: 48%; margin: 0 1%; }
.nyshebei .list ul li .pic .fgc img{ width: 20px; }
.nyhonor{ padding: 20px 0; }
.nyhonor .lmtit{ font-size: 20px; margin-bottom: 20px; }
.nyhonor .lmtit span{ font-size: 14px; }
.nyhonor .bd{ margin-bottom: 20px; width: 102%; position: relative; left: -1%;  }
.nyhonor .bd ul li{ width: 50%; }
.nyhonor .bd ul li .pic .fgc img{ width: 20px; }
.nyhonor .prev, .nyhonor .next{ width: 30px; height: 30px; line-height: 30px; font-size: 18px; }
.nypar{ padding: 20px 0; }
.nypar .lmtit{ font-size: 20px; margin-bottom: 20px; }
.nypar .lmtit span{ font-size: 14px; }
.nypar .list ul{ width: 102%; left: -1%; }
.nypar .list ul li{ width: 48%; margin: 1%; }
.nycontant{ padding: 20px 0; }
.nycontant .lmtit{ font-size: 20px; margin-bottom: 0; }
.nycontant .lmtit span{ font-size: 14px; }
.nycontant .nr ul li{ width: 96%; float: none; margin-top: 20px; }
.nycontant .nr ul li .tit{ font-size: 18px; margin-bottom: 10px; }
}
@media only screen and (max-width : 643px) {

}
@media only screen and (max-width : 642px) {
.nybanner{ height: 200px; }
}
@media only screen and (max-width : 640px) {
.main{ width: auto; padding: 0 10px; }
.logo a img{ height: 30px; width: auto; }
.logo a{ height: 30px; padding: 10px 0; display: block; width: auto; }
.nav_handle{ display: block; }
.header{ height: auto; }
.nav{ display: none; float: none; width: auto; clear: both; padding: 10px 0; height: auto; }
.nav-link{ float: none; margin: 0; padding: 0; min-height: inherit; }
.nav-link a:after{ display: none; }
.nav-link a{ display: block; padding: 0px; text-align: center; }
.i-product-img{ margin: 20px auto; }
.i-product-img-l{ width: 100%; height: auto; float: none; }
.i-product-img-l img{ width: 100%; height: auto; }
.i-product-img-r{ float: none; width: auto; padding-top: 20px; }
.i-product-img-r a img{ width: 100%; height: auto; }
.i-product-center-l{ float: none; margin: 0; padding-top: 20px; }
.i-product-center-c{ font-size: 20px; height: auto; }
.i-product-center-c p{ font-size: 25px; }
.i-product-center-bg{ height: 110px; }
.i-product-center-all{ margin-top: 30px; }
.i-product-center-r{ margin-top: 20px; float: none; width: auto; }
.i-product-center-r a{ margin: 0 0 20px 0; width: auto; }
.i-product-center-r a img{ width: 100%; }
.i-service{ clear: both; margin-bottom: 20px; }
.i-service .i-title-wrap{ padding-top: 0; }
.i-title{ height: auto; font-size: 20px; margin-bottom: 15px; }
.i-service-list{ margin: 0; }
.i-service-list li{ width: 48%; margin: 1%; }
.i-service-list li img{ width: auto; height: auto; }
.i-service-l-t{ font-size: 16px; margin: 10px 0; }
.i-service-list li i{ margin-top: 20px; margin-bottom: 10px; }
.main-cms{ margin-top: 0; padding: 0 10px; width: auto; clear: both; margin-bottom: 20px; }
.i-case-list{ width: 102%; position: relative; left: -1%; margin: 0; }
.i-case-list a{ width: 98%; margin: 1%; }
.i-case-list a img{ width: 100%; }
.i-case-l-cont{ width: 80%; margin-left: 10%; box-sizing: border-box; height: auto; }
.i-case-l-cont h4{ font-size: 16px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-case-l-cont p{ display: block; height: 57px; overflow: hidden; }
.i-about{ margin: 20px 0; width: auto; min-width: inherit; }
.i-about-l{ float: none; height: 300px; width: auto; background-size: cover; }
.i-about-r{ width: auto; float: none; height: auto; padding-bottom: 20px; }
.i-about-r-i{ width: auto; padding: 20px 10px 0; }
.i-about-more{ margin-top: 40px; }
.i-about-cont{ line-height: 25px; height: 232px; overflow: hidden; }
.i-news-list{ margin: 10px 0 0; }
.i-news-list a{ width: 100%; margin-top: 50px; }
.footer-cont{ padding: 20px 0; }
.footer-info{ float: none; width: auto; }
.footer-info-logo{ display: block; width: 130px; height: auto; text-align: center; margin: 0 auto;}
.footer-info-company{ padding: 0; display: block; text-align: center; margin: 20px 0 ;}
.footer-info-company p{ display: inline-block; }
.footer-info-hz{ width: auto; display: block; padding: 0; max-width: inherit; text-align: center; }
.footer-info-hz p{ display: inline-block; }
.footer-c-icon{ display: none; }
.footer-c-qrcode{ float: none; padding: 0; margin: 20px auto 0; }
.footer-contact{ width: auto; float: none; }
.footer-copy{ padding: 10px; height: auto; line-height: 20px; }

.inabout .video .nr{ width: 100%; padding: 0; background: none; }
.inabout .video .di{ display: none; }

.box{ padding: 0; width: 300px; }
.tb-pic{ border-right: 1px solid #eee; border-bottom: 0px; }
.tb-s310, .tb-s310 a {height:299px; width:299px;}
.tb-s310, .tb-s310 img {max-height:299px; max-width:299px;}
div.zoomDiv{height:299px; width:299px;}
.picScroll-left{ position: static; width: 300px; height: 75px; border-top: 0px; border-left: 1px solid #eee; }
.picScroll-left .bd{ width: auto; }
.picScroll-left .bd ul li { height:75px; width:75px; float: left;}
.picScroll-left .bd ul li img{ width:75px; height:75px; border-top: 1px solid #eee; border-left: 0; }
.picScroll-left .bd ul li.tb-selected img{ width:75px; height:75px; }
}
@media only screen and (max-width : 480px) {
.nybanner{ height: 150px; }
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 120px; }
}

