/*首页*/
@media screen and (min-width:1024px) and (max-width:1580px) {
.header ul li a {
	font-size: 20px;
}
/*.search input {
	font-size: 16px !important;
}*/
.slideBox_ban .bd .bgSpan {
	font-size: 28px !important;
}
.slideBox_ban .bd .bgSpan .link {
	width: 20%;
}
.comForm {
	width: 84%;
}
.imgBox .txtBox .link {
	width: 50%;
}
.comUlList li .title {
	height: auto !important;
}
.comUlList li span {
	height: 120px !important;
}
.bgSubBox .subBox .imgInfo .txt .title {
	font-size: 28px;
}
.bgSubBox .subBox .imgInfo .txt p {
	font-size: 20px;
}
.bgSubBox .subBox .info:last-child .imgInfo {
	width: 80%;
}
.bgSubBox .subBox .info .pBg {
	font-size: 20px;
}
.comH2 {
	font-size: 40px;
}
.comUlList li .title {
	font-size: 21px;
}
.comUlList li img {
	width: auto;
	height: 30px;
}
.footerWrap .subBox .box .title {
	font-size: 26px;
}
.footerWrap .subBox .box li a {
 font-size: 16px;
}
.footerWrap .subBox .copyRight {
	margin: 6% 6% 0 0;
	font-size: 16px;
}
.productsBox .lBox li {
	font-size: 26px;
}
.showBox .jsBox .box {
	width: 48.7%;
	height: 430px;
}
div.bottom-nav div.bottom-center-nav {
	width: auto !important;
}
.showBox .bgInfoBox .link {
	width: 22%;
}
.comForm .link {
	width: 80% !important;
}
.showBox .tabInfo li a {
	font-size: 28px;
}
.showBox .jsBox {
	padding-bottom: 6%;
}
.showBox .jsBox .textBox .link a {
	font-size: 24px;
}
.showBox .jsBox .textBox ul {
	margin-bottom: 15%;
}
.aboutBox .bgInfo .link {
    width: 25%;
}
.comFormBox {
    padding-right: 3.5%;
}
.comFormBox .textBox .title {
	line-height: 55px;
}
.link {
	width: 35%;
}
}
@media screen and (min-width:0px) and (max-width:1023px) {
body {
	font-size: 14px;
}
.header {
	padding: 2%;
	width: 100%;
	box-sizing: border-box;
}
.header .linkPopup,
.header .search {
	display: none;
}
.header h1 {
	width: 17%;
}
.header .ulBox {
	margin-top: 0;
	width: auto;
}
.header .ulBox ul {
	display: none;
}
.header ul {
	width: 100%;
}
.menu {
	margin-top: 7%;
	display: block;
}
/*footer*/
.footerWrap {
	padding: 20px;
}
.footerWrap .fBox {
	width: auto;
	padding: 0;
	box-sizing: border-box;
}
.footerWrap .fLogo {
	margin: 0 0 6%;
	width: 48%;
	float: none;
}
.footerWrap .subBox {
	width: auto;
	float: none;
}
.footerWrap .subBox .box {
	margin-bottom: 5%;
	width: 50%;
	float: left;
}
.footerWrap .subBox .box .title {
	margin-bottom: 4%;
	font-size: 22px;
}
.footerWrap .subBox .box li {
	margin-bottom: 4%;
}
.footerWrap .subBox .box li a {
	font-size: 14px;
}
.footerWrap .subBox .box li img {
	width: 20px;
}
.footerWrap .subBox .copyRight {
	margin: 3% 0 0;
	font-size: 16px;
	text-align: center;
}
.comSection {
	width: auto;
}
.link, .link a, .link button {
	font-size: 16px;
	line-height: 35px;
}
.slideBox_ban .bd .bgSpan {
	padding: 2.1% 0;
	font-size: 14px;
}
.slideBox_ban .bd .bgSpan .link {
	width: 30%;
}
.ulPhoto {
	margin: 0;
}
.ulPhoto li {
	padding: 0 0 2%;
	width: 49% !important;
}
.ulPhoto li:nth-child(2n), .imgBox li:nth-child(2n) {
	float: right;
}
.ulPhoto li .bgSpan {
	padding: 6.5% 6%
}
.ulPhoto li span {
	line-height: 25px;
}
.ulPhoto li .title {
	margin-bottom: 2%;
	font-size: 18px;
}
.ulPhoto li .price, .ulPhoto li .more {
	font-size: 18px;
}
.imgBox {
	margin: 2% 0;
}
.imgBox ul {
	margin: 0 1%;
}
.imgBox .txtBox, .imgBox ul {
	width: auto;
	float: none;
}
.imgBox .txtBox p {
	line-height: 30px;
}
.imgBox .txtBox .link {
	margin: 0 auto 5%;
	width: 30%;
}
.comUlList {
	margin: 0 1%;
}
.comUlList li {
	margin: 0 0 4% !important;
	padding: 5% 2% !important;
	width: 48% !important;
	box-sizing: border-box;
}
.comUlList li:nth-child(2n) {
	float: right;
}
.comUlList li .title {
	margin: 2% 0 !important;
	font-size: 18px !important;
	height: auto !important;
}
.comUlList li span {
	height: 80px !important;
}
.comH2 {
	margin-bottom: 2% !important;
	font-size: 24px !important;
	text-align: center;
}
.bgInfo {
	padding-bottom: 0;
}
.comTextUl {
	margin: 0 0 -4% !important;
}
.comTextUl li {
	padding: 0 2% 4% !important;
	width: 46% !important;
}
.indexBox .comTextUl li {
	width: 46% !important;
}
.comTextUl li p {
	line-height: 25px;
}
.comTextUl li .title {
	margin-bottom: 6%;
	padding-bottom: 6%;
	font-size: 18px !important;
}
.comTextUl li .title:before {
	height: 3px;
}
.bgSubBox .subBox {
	width: 98%;
}
.bgSubBox .subBox .info {
	margin-bottom: 10%;
	width: auto;
}
.bgSubBox .subBox .info:last-child {
	margin-bottom: 0;
}
.bgSubBox .subBox .info .pBg {
	padding: 4%;
	font-size: 14px;
	line-height: 25px;
}
.bgSubBox .subBox .info .pBg:before {
	margin-left: -8px;
	width: 17px;
	height: 14px;
	bottom: -14px;
	background-size: 17px 14px;
}
.bgSubBox .subBox .info:last-child .pBg:before {
	top: -14px;
	background-size: 17px 14px;
}
.bgSubBox .subBox .imgInfo .photo {
	width: 18%;
}
.bgSubBox .subBox .imgInfo .txt {
	width: 76%;
}
.bgSubBox .subBox .imgInfo .txt .title {
	margin-bottom: 2.5%;
	font-size: 22px;
}
.bgSubBox .subBox .imgInfo .txt p {
	font-size: 14px;
}
.comForm {
	margin-top: 4% !important;
	width: 94% !important;
}
.comForm form {
	width: 100% !important;
	float: none !important;
}
.comForm form li {
	margin-bottom: 4% !important;
}
.comForm form li input, .comForm form li textarea {
	height: 50px;
	font-size: 16px;
	line-height: 50px;
}
.comForm form li textarea {
	height: 100px;
}
.comForm .link {
	margin: 0 auto;
	width: 50%;
}
.comForm .link button {
	height: 35px;
	line-height: 35px;
}
.comForm .imgSub {
	margin-top: 5%;
	width: 100% !important;
	float: none;
	box-sizing: border-box;
}
.indexBox .comForm .imgSub {
	margin-top: 5%;
	padding: 8% 3%;
}
.indexBox .comForm .imgSub img {
	width: 60px;
}
.comForm .imgSub p {
	margin-top: 2%;
	font-size: 16px;
	line-height: 25px;
}
.contactBox .comForm img,
.contactBox .comForm iframe{
	height: auto;
}
.comSection {
	margin: 2% !important;
}
#pagePath {
	margin-bottom: 4%;
}
#pagePath li {
	font-size: 18px;
}
#pagePath li img {
	width: 24px;
}
.shownewsBox .textBox p {
	margin-bottom: 2%;
	font-size: 16px;
	line-height: 35px;
}
.shownewsBox .textBox .title {
	margin-bottom: 1.5%;
	font-size: 22px;
	line-height: 30px;
}
.shownewsBox .textBox .title span {
	font-size: 16px;
}
.comFormBox {
	padding: 3.5%;
	background: #7A421D;
}
.comFormBox .textBox {
	margin-top: 4%;
	width: auto;
	float: none;
}
.comFormBox .textBox .title {
	margin-bottom: 4%;
	font-size: 26px;
}
.comFormBox .textBox p {
	font-size: 16px;
	line-height: 35px;
}
.bgInfo .comH2 {
	margin-bottom: 4% !important;
}
.aboutBox .bgInfo {
	padding-bottom: 4%;
}
.aboutBox .link {
	margin: 0 auto;
	width: 30% !important;
}
.aboutBox .bgInfo p {
	line-height: 25px;
}
.videoBox {
	margin-bottom: 4%;
}
.videoBox .video {
	width: auto;
	float: none;
}
.videoBox .txtBox .title {
	margin: 0 0 4%;
	font-size: 28px;
	text-align: center;
}
.videoBox .txtBox {
	margin-top: 5%;
	width: auto;
	float: none;
}
.videoBox .comTextUl {
	margin-top: 5% !important;
}
.contactBox {
	margin-bottom: 4%;
}
.contactBox .comForm {
	margin-top: 0 !important;
}
.contactBox .comForm p {
	margin-bottom: 5%;
	font-size: 24px;
}
.newsBox .infoBox {
	padding-bottom: 3.5%;
}
.newsBox .infoBox .photoBox, .newsBox .infoBox .textBox {
	padding-right: 0;
	width: auto;
	float: none;
}
.pageNavi li a {
	font-size: 16px;
}
.productsBox .ulPhoto {
	margin-bottom: 2%;
}
.productsBox .lBox,
.productsBox .ulPhoto {
	width: auto;
	float: none;
}
.productsBox .lBox {
	margin-bottom: 8%;
}
.productsBox .lBox ul {
	overflow: hidden;
}
.productsBox .lBox li {
	margin-bottom: 2%;
	width: 49%;
	float: left;
	font-size: 16px;
}
.productsBox .lBox li:nth-child(2n) {
	float: right;
}
.productsBox .subBox {
	margin-top: 4%;
	padding: 8% 3.5% 10%;
	border-radius: 30px;
	background: #372D2E;
}
.productsBox .subBox p {
	margin-bottom: 5%;
	font-size: 14px;
	line-height: 30px;
}
.productsBox .subBox .title {
	margin-bottom: 5%;
	font-size: 18px;
}
.productsBox .inputBox {
	padding: 2%;
	width: 81%;
}
.productsBox .inputBox input {
	font-size: 16px;
}
.productsBox .inputBox button {
	font-size: 16px;
}
.productsBox .infoBox {
	padding: 1% 0;
}
.showBox .jsBox .box {
	width: 100%;
	height: 360px;
	float: none;
}
.showBox .jsBox .textBox {
	margin-top: 38%;
	padding-right: 0;
	width: auto;
	float: none;
}
.showBox .jsBox {
	padding: 0.9% 0 5%;
}
.showBox .jsBox .textBox p {
	margin-bottom: 4%;
	font-size: 16px;
	line-height: 30px;
}
.showBox .jsBox .textBox .title {
	margin-bottom: 2%;
	font-size: 24px;
	text-align: center;
}
.showBox .jsBox .textBox ul {
	margin-bottom: 8%;
}
.showBox .jsBox .textBox li {
	font-size: 18px;
}
.showBox .jsBox .textBox .link {
	width: 40%;
}
.showBox .jsBox .textBox .link a {
	width: 100%;
	height: 35px;
	font-size: 16px;
	line-height: 35px;
}
.showBox .bgInfoBox {
	padding: 25px 0;
}
.showBox .bgInfoBox .link {
	margin-top: 20px;
	width: 40%;
}
.showBox .bgInfoBox .link a {
	line-height: 35px;
}
.showBox .tabInfo li {
	margin-right: 15px;
}
.showBox .tabInfo li a {
	padding: 10px 20px;
	font-size: 16px;
}
.showBox .tabBox {
	margin-bottom: 8%;
}
.showBox .tabBox p {
	margin-bottom: 2.5%;
	font-size: 16px;
	line-height: 30px;
}
.showBox .comUlList li {
	margin: 0 !important;
}
.showBox .comUlList li span {
	font-size: 14px;
	line-height: 30px;
	height: 60px !important;
}
.showBox .comUlList li .title {
	height: auto !important;
}
.showBox .tabBox .infoSub {
	margin: 0 -1.2% 20px;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 0 10px #CFCFCF;
}
.showBox .tabBox .infoSub .title {
	margin-bottom: 2%;
	font-size: 18px;
}
.showBox .tabBox p {
	font-size: 14px;
}
.comUlImg li img {
	width: 30px;
}
div.bottom-nav div.bottom-center-nav {
	margin: 0 auto;
	width: 77% !important;
	height: 89px;
}
/*div.bottom-center-nav ul.small-img-ul {
	width: 100vh !important;
}*/
div.bottom-nav div.tab-btn {
	width: 30px;
	height: 87px;
}
ul.small-img-ul li.img {
	width: 78px;
	height: 78px;
	background-size: 78px 78px;
}
ul.small-img-ul li.img:after {
	width: 87px;
	height: 87px;
}
.link {
	width: 35%;
}
.popup {
	margin: -175px 0 0 -40%;
	padding: 50px 20px 20px;
	width: 80%;
	height: 350px;
}
.contactBox .comForm form {
	padding-right: 0;
}
video {
	height: 300px;
}
.showBox .tabBox img {
	width: 100%;
	height: auto;
}
.speUlPhoto li .price {
	min-height: 50px;
}
}