@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1200px) {
.content{ max-width: 1024px; }
.inmuen ul li{ }
.inmuen ul li a{ font-size: 14px; padding: 16px 18px; }
.inpro .nav ul li{ font-size: 14px; padding: 0 25px; margin: 0 5px; }

.inyoushi{ padding: 60px; background: url(../images/index_17.jpg) no-repeat center; height: auto; }
.inyoushi .content{ height: auto; }
.inyoushi .lmtit{ display: block; font-size: 48px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 40px; }
.inyoushi .lmtit span{ color: #0093dd; }
.inyoushi .hd{ text-align: center; margin-bottom: 20px; }
.inyoushi .hd ul li{ position: relative; left: initial !important; top: initial !important; display: inline-block; margin: 10px; }
.inyoushi .bd{ position: static; margin: 0 auto; width: auto; background: rgba(255,255,255,.7); height: auto; padding: 20px 30px 30px; }
.inyoushi .bd ul .btit{ margin-top: 0; }
.inmess .wz{ width: auto; float: none; margin-bottom: 20px; }
.inmess .messnr{ width: auto; float: none; }
.inliuc .list ul li .tit{ font-size: 16px; }

.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 : 1024px) {
.content{ padding: 0 10px; }
.header .lmtit,.header .phone{ display: none; }
.header .fenzhan { display: none; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; width: auto; }
.nav_handle{ display: block; }
.inmuen{ display: none; background-color: #fff }
.inmuen .content { padding: 0 }
.inmuen ul li{ float: none; padding: 0; }
.inmuen ul li:before{ display: none; }
.inmuen ul li a{ text-align: center; color: #333 }
.banner .pagination{ bottom: 0; }
.banner .pagination .swiper-pagination-switch{ width: 8px; height: 8px; }
.inted{ display: none; }
.inabout{ padding: 20px 0; }
.inabout .lmtit{ font-size: 20px; margin-bottom: 10px; }
.inabout .jj{ font-size: 14px; margin-bottom: 20px; }
.inabout .video .nr{ width: 500px; background-size: 100% auto !important; padding: 10px 10px 0 10px; }
.inabout .video .di{ width: 615px; margin: 0 auto; }
.inpro{ padding: 20px 0; }
.inpro .lmtit{ font-size: 20px; }
.inpro .nav{ padding: 15px 0; }
.inpro .nav ul li{ padding: 0; width: 31.33333%; float: left; display: block; margin: 5px 1%; box-sizing: border-box; }
.inpro .list ul li{ width: 48%; }
.inpro .list ul li .tit{ height: 30px; line-height: 30px; }

.product {
	padding: 22px 0
}

.proLeft {
	width: 100%;
	margin-bottom: 22px
}

.proTop .pImg {
	width: 40%
}

.proLeft h3 {
	font-size: 24px;
	line-height: 30px;
	height: auto;
	padding: 15px 0 15px 20px;
}

.proLeft h3 span {
	line-height: 20px
}

.proLeft ul {
	height: auto
}

.proLeft .txt {
	display: none
}

.proRight {
	width: 100%
}

.proTop .txt {
	width: 60%
}

.proTop h4 {
	font-size: 16px;
	padding-top: 0
}

.proTop .more {
	width: 100px;
	margin-top: 30px
}

.inyoushi{ padding: 20px 0; background-size: auto 100% !important; }
.inyoushi .lmtit{ font-size: 20px; margin-bottom: 20px; }
.inyoushi .hd ul li{ width: 100px; height: 100px; margin: 5px; }
.inyoushi .hd ul li .sz{ font-size: 20px; }
.inyoushi .hd ul li .tit{ font-size: 12px; } 
.inyoushi .bd ul .btit{ font-size: 20px; margin-bottom: 10px; }
.inyoushi .bd ul .stit{ font-size: 18px; }
.inyoushi .bd ul .jj{ font-size: 14px; }
.inmess{ padding: 20px 0; }
.inmess .messnr{ padding-right: 0; }
.inmess .messnr .li{ width: auto; float: none; margin: 0 0 15px 0 !important; }
.inmess .messnr .an{ position: static; margin: 0 auto; }
.incase{ padding: 20px 0; }
.incase .lmtit{ font-size: 20px; }
.incase .lmjj{ font-size: 14px; margin-bottom: 20px; }
.incase .caseone{ width: auto; float: none; }
.incase .caseone .bd ul li .tit{ font-size: 14px; }
.incase .right{ float: none; width: auto; }
.incase .right ul li .tit{ height: 30px; line-height: 30px; font-size: 14px; }
.incase .more{ height: 35px; line-height: 35px; width: 150px; font-size: 14px; }
.inpar{ padding: 20px 0; }
.inpar .lmtit{ font-size: 20px; }
.inpar .lmjj{ font-size: 14px; margin-bottom: 20px; }
.inpar .list ul li{ width: 48%; }
.inshili{ padding: 20px 0; background-size: auto 100% !important; }
.inshili .lmtit{ font-size: 20px; }
.inshili .lmjj{ font-size: 14px; margin-bottom: 20px; }
.inshili .nr ul{ background: none; }
.inshili .nr ul li{ padding: 15px; width: 100%; }
.inshili .nr ul li .tit{ font-size: 18px; }
.inshili .nr ul li .stit{ font-size: 16px; margin-bottom: 10px; }
.inshili .nr ul li .jj{ font-size: 14px; line-height: 25px; }
.inshili .nr ul li.right{ text-align: left; }
.inliuc{ padding: 20px 0; }
.inliuc .lmtit{ font-size: 20px; }
.inliuc .lmjj{ font-size: 14px; margin-bottom: 20px; }
.inliuc .list ul li{ width: 33.3333%; padding-right: 0; float: left; }
.inliuc .list ul li .nr{ padding: 10px 0 15px; }
.inliuc .list ul li .jt{ display: none; }
.inliuc .list ul li.last{ width: 33.33333%; }
.inabout2{ padding-bottom: 20px; }
.inabout2 .pic{ width: auto; float: none; position: static; margin-bottom: 15px }
.inabout2 .right{ width: auto; padding: 0; }
.inabout2 .right .lmtit{ font-size: 20px; }
.inabout2 .right .xian{ height: 2px; }
.inabout2 .right .nr{ height: auto; font-size: 14px; line-height: 25px; margin-bottom: 20px; }
.inabout2 .right .more{ width: 150px; height: 35px; line-height: 35px; font-size: 14px; }
.insheb .hd{ padding: 20px 0; }
.insheb .hd ul li{ width: 33.33333%; float: left; box-sizing: border-box; padding: 0; text-align: center; font-size: 14px; }
.insheb .bd ul li{ width: 49%; }
.innews{ padding: 20px 0 10px; }
.innews .lmtit{ line-height: 40px; margin-bottom: 20px; }
.innews .lmtit span{ float: none; font-size: 20px; text-align: center; display: block; }
.innews .lmtit .hd{ float: none; }
.innews .lmtit .hd ul li{ width: 33.33333%; margin: 0; }
.innews .lmtit .hd ul li a{ padding: 0; font-size: 14px; width: 90%; margin: 0 5%; text-align: center; height: 35px; line-height: 35px; }
.innews .bd ul li{ width: auto; float: none; padding-left: 130px; min-height: 86px; margin-bottom: 10px; }
.innews .bd ul li .pic{ width: 120px; }
.innews .bd ul li .tit{ font-size: 16px; }
.innews .bd ul li .date{ height: 30px; line-height: 30px; font-size: 12px; }
.innews .bd ul li .jj{ height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.incon{ padding: 10px 0; }
.incon ul li{ width: auto; margin: 10px 0; float: none; height: 100px; }
.Bottomerkg,.Bottomer{ display: block; }
.page-down{ right: 10px; bottom: 74px; }

.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: 14px; 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 : 910px) {

}
@media only screen and (max-width : 850px) {
.nybanner{ height: 200px; }
}
@media only screen and (max-width : 640px) {
.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; }
.nynav ul li > a {
	font-size: 14px;
	padding: 0 10px;
	overflow: hidden;
}
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 120px; }
}