﻿@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 30px; }
.inpro .nav ul li{ font-size: 14px; padding: 0 25px; margin: 0 5px; }

.inyoushi{ padding: 60px; 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: 280px; }

.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{ padding: 5px 0; }
.header .lmtit{ margin-top: 5px; padding-left: 5px; }
.header .lmtit .btit{ font-size: 13px; line-height: 20px; }
.header .lmtit .stit{ line-height: 20px; font-size: 13px; }
.header .phone{ display: none; }
.header .fenzhan { display: none; }
.header .logo{ padding: 5px 0; }
.header .logo img{ height: 40px; width: auto; }
.nav_handle{ display: block; padding-left: 0; }
.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;padding: 10px 30px; letter-spacing: 0; }
.inmuen ul li:hover .erji{ display: none; }
.banner .pagination{ bottom: 0 !important; }
.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; }

.product {padding: 20px 0 10px;}
.proLeft {width: 100%;margin-bottom: 15px;float: none !important;}
.proTop .pImg {width: 40%}
.proLeft h3 {font-size: 20px;line-height: 25px;height: auto;padding: 8px 0 8px 10px;}
.proLeft h3 span {line-height: 20px}
.proLeft ul {height: auto}
.proLeft .txt {display: none}
.proLeft li .erji{ position: static; width: auto; }
.proLeft li .erji a{ line-height: 30px; height: 30px; padding-left: 40px; }

.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; }

.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 !important; }
.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: 48%; float: left; display: block; margin: 5px 1%; box-sizing: border-box; font-size: 14px; height: 35px; line-height: 33px; }

.nypro{ padding: 20px 0 0; }
.nypro .nyproleftnav{ width: auto; float: none; background: #eee; margin-bottom: 0; }
.nypro .nyproleftnav .lmtit{ line-height: 50px; height: 50px; font-size: 18px; }
.nypro .nyproleftnav .lmtit i{ display: inline-block; margin-right: 10px; }
.nypro .nyproleftnav .list{ height: 0px; overflow: hidden; transition: all .5s; }
.nypro .nyproleftnav .list .yiji > a{ font-size: 14px; padding: 0 10px; }
.nypro .nyproleftnav .list .yiji i{ position: static; float: right; }
.nypro .nyproleftnav .list .erji{ float: left; padding: 0 10px; width: 33.3333%; height: 35px; line-height: 35px; font-size: 12px; border-right: 1px solid #fff; }
.nypro .nyproleftnav .list .yiji .erjimain{ display: block; }
.nypro .nyproleftnav.on .list{ height: auto; }
.nypro .nyprolist{ height: auto; padding: 0; }
.nypro .nyprolist ul li{ width: 48%; margin: 15px 1% 0; }
.nypro .nyprolist ul li .tit{ font-size: 14px; height: 35px; line-height: 35px; }

.feny{ padding: 20px 0; }
.feny a{ padding: 0 5px; height: 20px; line-height: 20px; margin: 1px; }

.showpro{ padding: 20px 0 0; }
.showpro .showproinfo{ padding-left: 0; }
.box{ position: relative; margin: 0 auto 10px; }
.showpro .showproinfo .right{ padding: 10px 0 0; }
.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 .lmtit ul li{ padding: 0; width: 25%; float: left; font-size: 15px; text-align: center; }
.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; }
.showprodetail .wz iframe{ height: 250px; }
.showproliuc{ padding-bottom: 20px; }
.showproliuc .lmtit,.showpropar .lmtit,.showproshil .lmtit{ font-size: 20px; margin-bottom: 20px; }
.showproliuc .lmtit em,.showpropar .lmtit em,.showproshil .lmtit em{ 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: 5px 0 20px; }
.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: 5px 0 20px; }
.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: 5px 0 20px; }
.nycontant .lmtit{ font-size: 20px; margin-bottom: 0; }
.nycontant .lmtit span{ font-size: 14px; }
.nycontant .nr ul li{ width: 96%; float: none;  }
.nycontant .nr ul li .tit{ font-size: 18px; margin-bottom: 10px; }

.inpro{ padding-left: 0; }
.inpro ul li{ width: 48%; margin: 0 1% 10px; }

.footer .link{ padding: 10px 0; font-size: 12px; margin-bottom: 10px; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {
.nybanner{ height: 180px; }
}
@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: 130px; }
.nynav ul li > a {
	font-size: 14px;
	padding: 0 10px;
	overflow: hidden;
}
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 110px; }
}

