@media only screen and (max-height:800px){
	/*800px shangJoin*/
	.shangJoin form {margin-top:4%;}
	.shangJoin .item {padding-bottom: 2.5%;}
	.shangJoin .text {padding-top:8px; padding-bottom: 8px;}
	/*800px searchForm*/
	.shangAdvant .shangTitle {margin-bottom: 1%;}
	.shangAdvant li {padding-top:1%; padding-bottom: 1%;}
	.shangAdvant .box {height: 220px;}
	.shangAdvant .pic {width:200px;}

	/*800px shangStyle*/
	.shangStyle .pic {width:40%;}
	.shangStyle h3 {margin-bottom: 3.5%;}
	.shangStyle .intro {margin-bottom: 5%;}
	.shangStyle .slick-dots {margin-top:3.5%;}
	/*800px shangProcess*/
	.shangProcess .shangTitle {margin-bottom: 8%;}
}
@media only screen and (max-width:1760px){
	/*1760px header*/
	.header .inner {width:93.75%; padding:0 3.125%;}
	/*1760px searchForm*/
	.searchForm {right:3.125%;}
	/*1760px proInfo*/
	.proInfo {padding-left:4.5%; padding-right:4.5%;}
	.proInfo h2 {font-size:36px;}
	.proInfo .meta {padding-top:6%; padding-bottom: 7%;}
	.proInfo .desc {margin-top:7%;}
	.proInfo .buy {margin-top:15%;}
	/*1760px newsBox*/
	.newsItem {padding:45px 0;}
	.newsBox:before {width:1540px;}
	
	/*1760px shiAbout*/
	.shiAbout .inner1600 {padding:80px 0 0 3.125%;}
	.shiAbout .info {width:36.425%;}
	.shiAbout .title {margin-bottom: 7.5%;}
	.shiAbout .title .large {font-size:140px;}
	.shiAbout .readmore {margin-top:12%;}
	/*1760px shiHonorBtm*/
	.shiHonorBtm .info {width:160%; left:-30%;}
	/*1760px shiWinery*/
	.shiWinery .inner1600 {width:93.75%;}
    /*1760px pinpai*/
	.pinpai .inner1600 {width:93.75%;}
    /*1760px jianzheng*/
	.jianzheng .inner1600 {width:93.75%;}
	/*1760px shiHonor*/
	.shiHonor .inner1600 {width:93.75%;}
	/*1760px shiHonorBtm*/
	.shiHonorBtm .info {margin-bottom: 20%;}
}
@media only screen and (max-width:1560px){
	/*1560px header*/
	.nav {margin:0 60px 0 150px; width:auto;}
	/*1560px proInfo*/
	.proInfo h2 {font-size:32px;}
	.proInfo .intro {font-size:16px;}
	.proInfo .meta span {font-size: 16px;}
	.proInfo .desc h3, .proInfo .desc p {font-size:16px;}
	.proInfo .buy {margin-top:10%;}
	/*1560px shiAbout*/
	.shiAbout .title .large, .shiHonorTop .large {font-size:120px; line-height: 1em;}
	/*1560px shiHonorTop*/
	
	/*1560px shiWinery*/
	.shiWinery .intro {width:41.04%;}
	.shiWinery .intro h2 {font-size:120px; line-height: 1em;}
	.shiWinery .right {padding-right: 8%;}
    
    /*1560px pinpai*/
	.pinpai .intro {width:41.04%;}
	.pinpai .intro h2 {font-size:160px; line-height: 1em;}
	.pinpai .right {}
    /*1560px jianzheng*/
	.jianzheng .intro {width:41.04%;}
	.jianzheng .intro h2 {font-size:160px; line-height: 1em;}
	.jianzheng .right {}
    
	/*1560px pageBan*/
	.hmSlide .info {right:3.125%;}
	.hmSlide h2 {font-size:48px;}
	/*1560px shiWinery*/
	.hmPin h3 {font-size:36px;}
	/*1560px hmShi*/
	.hmShi .inner {width:90%;}
	.hmAbout .text {padding:8% 5% 8% 30%;}
	.hmAbout h3 {font-size:32px;}
	/*1560px shangTitle*/
	.shangTitle h2 {font-size:48px;}
	.shangTitle span {background-position:0 16px;}
	/*1560px about*/
	.about .title h2 {font-size: 60px;}
}
@media only screen and (max-width:1440px){
	/*1440px blank*/
	.blank {height:70px;}
	/*1440px logo*/
	.logo, .topBtn {padding:15px 0;}
	/*1440px nav*/
	.nav li {line-height: 70px;}
	/*1440px newsList*/
	.newsList .inner {width:1260px;}
	/*1440px newsItem*/
	.newsItem {padding:30px 0;}
	.newsItem a {margin:10px;}
	.newsItem a:hover {box-shadow:0px 0px 10px rgba(0,0,0,.05);}
	.newsItem .box {padding:25px 20px;}
	/*1440px section*/
	.section .inner1600, .section .inner {padding-top:70px;}
	/*1440px pageBan*/
	.pageBan {margin-top:70px;}
	/*1440px shiWinery*/
	.shiWinery .slides h3 {font-size:24px;}
	.shiWinery .slides p {line-height: 1.75em;}
    /*1440px pinpai*/
	.pinpai .slides h3 {font-size:24px;}
	.pinpai .slides p {line-height: 1.75em;}
    /*1440px jianzheng*/
	.jianzheng .slides h3 {font-size:24px;}
	.jianzheng .slides p {line-height: 1.75em;}
	/*1440px shiHonorBtm*/
	.shiHonorBtm .info {width:140%; left:-20%;}
	/*1440px hmChuan*/
	.hmChuan .inner {width:1050px;}
	.hmChuan .item a {width:95%;}
	.hmChuan .text time {margin-bottom:2.5%;}
	.hmChuan .text h3 {font-size:22px; margin-bottom: 3.5%; margin-right:0;}
	.hmChuan .text span {margin-top:8%; width:120px; height:35px; line-height: 35px;}
	.hmChuan .slick-arrow {width:70px; height:70px;}
	.hmChuan .slick-prev {margin-right:0;}
	.hmChuan .slick-next {margin-left:0;}
	/*1440px about*/
	.about .title h2 {font-size: 48px;}

	.shiHonorBtm{margin-top: 2%;}
}



@media only screen and (max-width:1280px){
	/*1280px inner*/
	.inner {width:93.75%;}
	.inner1600 {width:93.75%; padding:0;}
	/*1280px blank*/
	.blank {height:65px;}
	/*1280px logo*/
	.logo a {width:105px; height:35px;}
	/*1280px topBtn*/
	.topBtn {padding:17.5px 0;}
	.topBtn a {width:30px; height:30px;}
	/*1280px nav*/
	.nav {margin:0 45px 0 120px;}
	.nav li {line-height: 65px;}
	.nav li i {font-size:16px;}
	
	/*1280px breadcrumb*/
	.breadcrumb {padding:23px 0;}
	/*1280px subMenu*/
	.subMenu {padding-bottom: 0;}
	.subMenu li {width:200px;}
	/*1280px style*/
	.style li .title {height: 70px;}
	.style li h2, .style li p {font-size:16px;}

	/*1280px proInfo*/
	.proInfo h2 {font-size:26px;}
	.proInfo .meta {padding-top:4%; padding-bottom:5%;}
	.proInfo .desc {margin-top:5%;}
	.proInfo .desc p {line-height: 1.75em;}
	.proInfo .buy {margin-top:7%;}
	.proInfo .buy span {font-size:16px; line-height: 40px;}
	.proInfo .buy a {width:45px; height: 45px;}
	/*1280px picList*/
	.picList {padding:0 40px;}
	/*1280px proIntro*/
	.proIntro .title {padding-top:12px; padding-bottom: 12px;}
	/*1280px proSide*/
	.proSide h3 {padding-top:15.5px; padding-bottom: 15.5px;}
	/*1280px newsTop*/
	.newsTop .pic {width:50%;}
	.newsTop .info {padding-left:5%; width:45%;}
	.newsTop time {margin-bottom: 3.5%;}
	.newsTop .more {margin-top:7%;}
	.newsTop .slick-dots {width:45%; padding-left:5%; margin-bottom: 1.5%;}
	/*1280px newsList*/
	.newsList {margin-bottom: 3.5%;}
	.newsList .inner {width:103%;}
	/*1280px newsBox*/
	.newsBox {padding-left:3.125%; padding-right: 3.125%;}
	.newsBox.bg::before {width:100%;}
	/*1280px newsItem*/
	.newsItem {width:31%; padding:30px 2% 30px 0;}	
	.newsItem a {margin:0; box-shadow:0px 0px 10px rgba(0,0,0,.05);}
	.newsItem a:before, .newsItem a:after, .newsItem i {display: block;}
	/*1280px pageBan*/
	.pageBan {margin-top: 65px;}
	
	
	/*1280px shiAbout*/
	.shiAbout .info {padding-right:2.5%;}
	.shiAbout .title .large {font-size:68px;}
	.shiAbout .intro {padding-left:0;}
	
	
	/*1280px shiWinery*/	
	.shiWinery .right {padding-right:0;}
	.shiWinery .intro {width:45%;}
	.shiWinery .intro h2 {font-size:90px;}
	.shiWinery .intro h2 span {font-size:60px;}
	.shiWinery .intro h3 {font-size:48px;}
	.shiWinery .intro p {margin-left:20px; padding-top:0;}
	.shiWinery .readmore {margin:10% 0 0;}
    
    /*1280px pinpai*/	
	.pinpai .right {padding-right:0;}
	.pinpai .intro {width:45%;}
	.pinpai .intro h2 {font-size:90px;}
	.pinpai .intro h2 span {font-size:60px;}
	.pinpai .intro h3 {font-size:48px;}
	.pinpai .intro p {margin-left:20px; padding-top:0;}
	.pinpai .readmore {margin:10% 0 0 40px;}
    
    /*1280px jianzheng*/	
	.jianzheng .right {padding-right:0;}
	.jianzheng .intro {width:45%;}
	.jianzheng .intro h2 {font-size:90px;}
	.jianzheng .intro h2 span {font-size:60px;}
	.jianzheng .intro h3 {font-size:48px;}
	.jianzheng .intro p {margin-left:20px; padding-top:0;}
	.jianzheng .readmore {margin:10% 0 0;}

	/*1280px shiHonor*/	
	.shiHonorTop .large {font-size:68px;}
	.shiHonorTop .small {font-size:48px;}
	
	.shiHonorBtm {padding:0 20px;margin-top:10%;}
	.shiHonorBtm .info {margin-bottom: 15%;}
	.shiHonorBtm .info p {padding:8px 10px;}
	.shiHonorBtm .year {font-size: 16px;}
	/*1280px readmore*/
	.readmore a {width:105px; height:40px; line-height: 40px; font-size:14px;}
	/*1280px hmSlide*/
	.hmSlide .info {width:45%;}
	.hmSlide .icon {margin-bottom:5%; width:40%;}
	.hmSlide h2 {font-size:36px;}
	/*1280px hmTitle*/
	.hmTitle h2 {font-size:42px;}
	.hmTitle span {background-size:12px 12px;}
	/*1280px hmShang*/	
	.hmShang li h3 {font-size:20px;}
	.hmShang li p {font-size:16px;}

	/*1280px hmChuan*/
	.hmChuan .hmTitle {margin-bottom: 3.5%;}
	.hmChuan .inner {width:93.75%;}
	.hmChuan .item a {width:auto; margin:0 5%;}
	.hmChuan .item .box {display: block; width:auto;}
	.hmChuan .info {width:auto; display: block;}
	.hmChuan .text {padding:5% 7.5%;}
	.hmChuan .text h3 {font-size:20px; white-space: nowrap; text-overflow:ellipsis;}
	.hmChuan .text span {display: none;}
	.hmChuan .pic {display: block;}
	.hmChuan .slick-dots {margin:3.5% 1.5% 0;}
	.hmChuan .slick-prev {right:auto; left:-15px;}
	.hmChuan .slick-next {left:auto; right:-15px;}
	/*1280px hmProcess*/
	.hmProcess .tab a {font-size:16px; width:150px; height:58px; line-height: 50px;}
	.hmProcess .tab i {width:30px; height:30px; margin-top:-2px;}	
	.hmProcess h2 {font-size:24px;}
	/*1280px shiWinery*/
	.shiWinery .tab {margin-top:5%;}
	.shiWinery .tab li {padding:1.5% 0;}
	/*1280px hmPin*/
	.hmPin .info {width:35.416%; padding-right:50px;}
	.hmPin h3 {font-size:24px; margin-bottom: 4%;}
	.hmPin .meta {padding-bottom: 4.7%; margin-bottom: 7%; line-height: 1.875em;}
	.hmPin .icon {margin-bottom: 9.4%;}	
	.hmPin .readmore i {margin-left:5px;}
	.hmPin .slick-arrow {width:38px; height:38px;}
	.hmPin .slick-dots {bottom:0; margin-bottom:5%;}

	/*1280px hmShi*/	
	.hmAbout .intro {margin-bottom: 9%;}
	.hmAbout .text {padding:8% 5% 8% 26%;}
	.hmAbout h3 {font-size:26px; margin-bottom: 3.5%;}
	
	/*1280px shangTitle*/
	.shangTitle h2 {font-size:36px;}
	.shangTitle span {background-size: 10px 10px; background-position:0 12px;}
	/*1280px shangJoin*/
	.shangJoin .box {width:auto;}
	.shangJoin form {margin-top:5%;}
	/*1280px shangAdvant*/
	.shangAdvant h3 {font-size:20px;}
	.shangAdvant .box {height:210px;}
	.shangAdvant .pic {width:180px;}
	/*1280px shangStyle*/
	.shangStyle h3 {font-size:20px; line-height: 1.35em; max-height: 2.7em;}
	/*1280px shangProcess*/
	.shangProcess .box {height:48px;}
	.shangProcess .num {font-size:32px; width:50px;}
	.shangProcess .text p {font-size:16px; line-height: 24px; max-height: 48px;}
	/*1280px about*/
	.about .title h2 {font-size: 36px;}
}
@media only screen and (max-width:1024px){	
	/*1024px blank*/
	.blank {height:61px;}
	/*1024px logo*/
	.logo a {width:90px; height:30px;}
	/*1024px searchForm*/
	.searchForm {margin-top:1px;}
	/*1024px topBtn*/
	.topBtn {padding:17px 0;}
	.topBtn a {width:26px; height:26px;}
	/*1024px navBtn*/
	.navBtn {display:block;}
	.navBtn.btn {padding-left:0; margin-left:15px;}
	/*1024px nav*/
	.nav {margin:0;position:fixed; top:61px; right:-200px; background-color: #cd151d; background-color:#fff; height:100%; width:200px; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .3s; z-index: 9; padding:0; float:none; border-left:1px solid #eee;}
	.nav.open {right:0;}
	.nav ul {padding:10px 0 75px; border-right: none;}
	.nav li {float:none; line-height: 1.5em; width:auto; text-align:left; padding:5px 0;}
	.nav li .icon {width:25px; padding-bottom: 25px;}
	.nav li a {padding:6px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; border-left:none;}
	.nav li a:hover, .nav li.cur a {background:none; color:#555;}
	.nav li a:hover .icon, .nav li.cur .icon {background-position:0 0;}	
	/*1024px subMenu*/
	.subMenu li {width:180px;}
	.subMenu li a {font-size:14px;}
	/*1024px social*/
	.social li a {width:35px; height: 35px;}
	/*1024px jobTop*/
	.jobTop span {padding-top:15px; padding-bottom: 15px;}
	/*1024px jobItem*/
	.jobItem .apply a {width:140px; height:42px; line-height: 42px;}
	.jobItem .info {margin-left:155px;}
	.jobItem .info span {padding:6px 15px;}

	/*1024px contact*/
	.contact {width:58%; padding-right:5%;}
	/*1024px category*/
	.category .cat {width:240px;}
	.category li {font-size:20px; padding-right:35px;}

	/*1024px proInfo*/
	.proInfo h2 {font-size:22px;}
	/*1024px picList*/
	.picList {width:270px;}
	.picList .item .pic {margin:0 5px;}
	/*1024px proIntro*/
	.proIntro .entry {padding:3.5%;}
	/*1024px newsTop*/
	.newsTop .info {padding-top:1.5%;}
	.newsTop h2 {font-size:20px; margin-bottom: 3%;}
	.newsTop time {margin-bottom: 1.5%; font-size:16px;}
	.newsTop .more {margin-top:3%;}
	/*1024px newsItem*/
	.newsItem {padding-top:3.037%; padding-bottom: 3.037%;}
	.newsItem h2 {font-size:16px;}
	/*1024px pageBan*/
	.pageBan {margin-top: 60px;}
	/*1024px shiVideo*/
	.shiVideo h2 {font-size:32px;}
	.shiVideo .intro {font-size:18px;}
	/*1024px shiHonorBtm*/
	.shiHonorBtm .info {width:120%; left:-10%;}
	/*1024px hmTitle*/
	.hmTitle h2 {font-size:36px;}	
	.hmTitle span {background-size:10px 10px; background-position:1px 4px;}
	
	
}

@media only screen and (min-width:960px) and (max-height: 700px){
	.usepage .blank {display: block;}
	/*960px 700px pageBan*/
	.pageBan {margin-top:0; padding-bottom: 47.917%;}
	/*960px 700px mouse*/
	.mouse {display: none;}
	/*960px 700px section*/
	.section .inner1600, .section .inner {padding-top:5.5%; padding-bottom:5.5%;}
	/*960px 700px hmProcess*/
	.hmProcess {padding:80px 0;}
	.hmProcess .inner {padding-bottom:0;}
	.hmProcess .box {margin:0;}
	.hmProcess .tab {position:relative; left:auto; top:auto; margin-top:0; margin-bottom:5%;}
	.hmProcess .stepBox {position:relative; left:auto; transform: none; bottom:auto; margin:8% auto 0;}
	.hmProcess .intro {max-height: none;}
	
	/*960px 700px hmPin*/
	.hmPin .hmTitle {top:auto; margin-top:5%;}
	.hmPin .inner {padding-bottom: 52.083%; position:relative; top:auto; transform: none;}
	.hmPin .info {position:absolute; right:0; top:50%; transform:translateY(-50%);}

	

	/*960px 700px hmProcess*/

	.hmProcess {padding:5% 0;}
	.hmProcess .inner {padding:0;}
	.hmProcess .tab {margin-top:0; margin-bottom:3.125%; position:relative; left:auto; top:auto; width:auto;}
	.hmProcess .box {margin:0; padding:0;}
	.hmProcess .intro {margin-bottom: 5%;}
	.hmProcess .stepBox {position:relative; left:auto; bottom:auto; transform:none; margin:5% auto 0;}
	/*960px 700px hmShang*/
	.hmShang {padding:0;}
	/*960px 700px shiVideo*/
	.shiVideo a {position:relative;}
	.shiVideo .inner1600 {padding:18% 0;}
}

@media only screen and (max-width:960px){
	
	/*960px breadcrumb*/
	.breadcrumb {float:none; padding:0;}
	/*960px subMenu*/
	.subMenu {float:none; margin-top:2%; padding-bottom: 0;}
	.subMenu ul {font-size:0; line-height: normal; text-align:center; margin-left:0;}
	.subMenu li {display:inline-block; float:none;}
	/*960px applyBox*/
	.applyBox .applyForm {width:86%; margin-left:-43%;}
	/*960px cooperation*/
	.cooperation {padding-left:5%; padding-right:5%;}
	.cooperation .form {width:auto;}
	/*960px filter*/
	.filter .left {width:12%;}
	.filter .right span {width:16.666%;}
	/*960px proList*/
	.proList {width:102.5%;}
	/*960px proItem*/
	.proItem {width:33.333%;}
	/*960px proIntro*/
	.proIntro {float:none; width:auto;}
	.proIntro .box {margin-bottom: 3.5%;}
	/*960px proSide*/
	.proSide {float:none; width:auto; margin-bottom: 5.5%;}
	.proSide h3 {padding:10px;}
	.proSide ul {padding:1%; overflow: hidden;}
	.proSide li {float:left; width:31.333%; padding:1%; margin-bottom: 0;}
	.proSide li .pic {margin-bottom:10px;}
	/*960px backtop*/
	.backtop {width:auto;}
	/*960px usepage*/
	.usepage .blank {display: block;}
	/*960px usepage*/
	.section .inner1600, .section .inner {padding:0;}
	/*960px pageBan*/
	.pageBan {margin-top:0; padding-bottom: 47.917%;}
	/*960px mouse*/
	.mouse {display: none;}
	/*960px shiAbout*/
	.shiAbout {padding:5.5% 0;}
	.shiAbout .inner1600 {width:96.875%; padding-left:3.125%;}
	.shiAbout .info {width:39.55%;}
	/*960px shiHonor*/
	.shiHonor {padding:5.5% 0;}
	/*960px shiWinery*/
	.shiWinery {padding:5.5% 0;}
    /*960px pinpai*/
	.pinpai {padding:5.5% 0;}
    /*960px jianzheng*/
	.jianzheng {padding:5.5% 0;}
	/*960px hmSlide*/
	.hmSlide .icon {width:45%;}
	.hmSlide h2 {font-size:24px;}
	.hmSlide .intro {font-size:14px; line-height: 1.75em; max-height: 8.75em;}
	.hmSlide .readmore {margin-top:15px;}
	/*960px hmShi*/
	.hmShi {padding:5% 0;}
	.hmShi .inner {width:93.75%; padding-bottom: 0;}
	/*960px hmPin*/
	.hmPin .hmTitle {top:auto; margin-top:3%;}
	.hmPin .inner {padding-bottom: 52.083%; position:relative; top:auto; transform: none;}
	.hmPin .info {width:35.416%; position:absolute; right:50px; top:50%; transform:translateY(-50%);}
	.hmPin h3 {font-size:24px; margin-bottom: 4%;}
	.hmPin h3:before {height: 5px;}
	.hmPin .meta {padding-bottom: 4.7%; margin-bottom: 7%; line-height: 1.875em;}
	.hmPin .icon {display:none;}
	.hmPin .slick-dots {margin-bottom: 3.5%;}
	/*960px hmProcess*/

	.hmProcess {padding:5% 0;}
	.hmProcess .tab {margin-top:0; margin-bottom:3.125%; position:relative; left:auto; top:auto; width:auto;}
	.hmProcess .box {margin:0; padding:0;}
	.hmProcess .intro {margin-bottom: 5%;}
	.hmProcess .stepBox {position:relative; left:auto; bottom:auto; transform:none; margin:5% auto 0;}
	/*960px hmChuan*/
	.hmChuan, .hmShang {padding:5% 0;}
	/*960px shangJoin*/
	.shangJoin {padding:5% 0;}
	.shangJoin form {width:auto; margin:5%;}
	.shangJoin .text {padding-top: 8px;  padding-bottom: 8px;}
	.shangJoin .submit {width:120px; height:40px; font-size:14px;}
	/*960px shangAdvant*/
	.shangAdvant {padding:5% 0;}
	.shangAdvant .shangTitle {margin-bottom: 1%;}
	.shangAdvant ul {width:auto;}
	.shangAdvant li {float:none; width:auto; padding:1% 0;}
	.shangAdvant .box {margin-left:1.6%; width:98.4%; height:auto;}
	.shangAdvant h3 {font-size:18px; margin-bottom: 10px;}
	.shangAdvant .intro {max-height: none; line-height: 1.75em;}
	/*960px shangStyle*/
	.shangStyle {padding:5% 0;}
	.shangStyle .pic {width:350px;}
	.shangStyle .text {padding-left:5%;}
	.shangStyle h3 {font-size:18px; margin-bottom: 2%;}
	.shangStyle .slick-list {overflow: hidden;}
	/*960px shangProcess*/
	.shangProcess {padding:5% 0;}
	/*960px shiVideo*/
	.shiVideo a {position:relative;}
	.shiVideo .inner1600 {padding:18% 0;}
}
@media only screen and (max-width:768px){
	.header .inner {width:100%; padding:0;}
	.header .close {width:20px; height:20px; cursor: pointer; background:url(../images/nav_close.png) no-repeat center center; background-size:contain; margin:0 auto; display:block;}
	/*768px blank*/
	.blank {height:55px;}
	/*768px logo*/
	.logo {padding:12px 0; margin:0 70px; float:none; position:relative; z-index: 10;}
	.logo.open {margin:0; background-color: #fff;}
	.logo a {margin:0 auto;}
	/*768px topBtn*/
	.topBtn {padding:0; position: absolute; right:3.125%; top:50%; transform:translateY(-50%);}
	.topBtn .search a {width:20px;height:20px;background-image: url(../images/icon_search3.png);}

	/*768px searchForm*/
	.searchForm {background-color:#fafafa; padding:4.5% 3.125%; width:93.75%; right:0;}
	.searchForm .input {padding-right:35px; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1.5% 45px 1.5% 0; margin-bottom:5%;}
	.searchForm .text {font-size:14px; height:24px; line-height: 24px; color:#555; background-color:transparent;}
	.searchForm .submit {width:30px; height:30px; background-image:url(../images/icon_search3.png); background-size:20px auto; right:5px; top:50%; margin-top:-15px;}
	/*768px navBtn*/
	.navBtn {background:url(../images/nav_btn.png) no-repeat center center; width:24px; height: 20px; background-size:contain;}
	.navBtn span {display: none;}

	/*768px nav*/
	.nav {top:-100%; width:100%; right:0; border-left:none; background-color:#fafafa; transition:top .5s ease 0s;}
	.nav.open {right:0; top:0;}
	.nav ul {padding:55px 0 5%; margin-bottom: 3%; position:relative; z-index: 10;}
	.nav li {padding:0; border-bottom:1px solid #eee;}
	.nav li a {padding:4.5% 10%;width:110px; margin:0 auto; background:url(../images/nav_line.png) no-repeat center bottom; background-size:100% 1px; }
	.nav li.cur a,.nav li a:hover {background:url(../images/nav_line.png) no-repeat center bottom;}
	.nav li .icon {margin-right:10px;}
	.nav li .nav_sub{position: relative;}




	/*768px banner*/
	.banner .pic {padding-bottom: 106.667%;}
	.banner .pc {display: none;}
	.banner .wap {display: block;}
	/*768px subMenu*/	
	.subMenu li {width:33.333%;}
	/*768px pagenavi*/	
	.pagenavi a {font-size:14px; margin:2px; height:28px; line-height: 28px; padding:0 10px;}
	/*768px footer*/	
	.footer {padding:4% 0;}
	/*768px social*/	
	.social {padding:5% 0; margin-bottom: 5%;}
	.social:before, .social:after {width:100%; left:auto; margin-left:0;}
	.social h2 {margin-bottom: 3.5%;}
	.social li {padding:0 3%;}
	.social li .box {width: 100px; margin-left:-56px;}
	/*768px pagesList*/	
	.pagesList {margin-bottom: 3.5%;}
	.pagesList li {padding:0 2.5%;}
	/*768px jobTop*/
	.jobTop span {padding-top:9px; padding-bottom: 9px; font-size:14px;}
	.jobTop .num {width:20%;}
	.jobTop .date {width:25%;}
	.jobItem .box, .jobItem .info span {font-size: 14px;}
	.jobItem h2 {font-size:14px; background-position:0 10px;}
	.jobItem .apply a {width:90px; height:32px; line-height: 32px;}
	/*768px jobItem*/
	.jobItem .jobBtm {padding-top:3.5%; padding-bottom: 3.5%}
	.jobItem .box {line-height: 1.75em;}
	.jobItem .apply {float:none;}
	.jobItem .apply a {font-size:14px; width:100px; height:36px; line-height: 36px;}
	.jobItem .info {margin-left:0; margin-top:10px;}
	.jobItem .info span {padding:0; line-height:1.75em; float:none;}
	/*768px applyBox*/
	.applyBox .form  {padding:30px 25px;}
	.applyBox .close {width:20px; height:20px;}
	.applyBox .submit {margin-top:20px; font-size:14px; height:32px;}
	.applyBox label {height:32px; line-height: 32px;}
	.applyBox .text, .applyBox .file {padding-top:4px; padding-bottom: 4px;}
	/*768px contact*/
	.contact {float:none; width:auto; padding-right:0; margin-bottom: 5%;}
	.contact .address {margin-bottom: 3.5%;}
	.contact .info {padding: 2% 0; margin-bottom: 5%;}
	.contact .info p {font-size:14px;}
	.contact .info p i {font-size:24px;}
	/*768px feedback*/
	.feedback {float:none; width:auto;}
	.feedback .form {padding:5%;}
	.feedback h2 {font-size:16px; margin-bottom: 3.5%;}
	.feedback .item {margin-bottom: 2.5%;}
	.feedback .text {padding:8px 3%; width:94%; font-size:14px;}
	.feedback .submit {height: 32px; font-size:14px;}
	/*768px mapBox*/
	.mapBox {padding-bottom: 62.5%;}
	/*768px cooperation*/
	.cooperation .item {margin-bottom: 0;}
	.cooperation .left, .cooperation .right {float:none; width:auto; margin-bottom:10px;}
	.cooperation .text, .cooperation textarea.text {padding:8px 3%; width:94%;}
	.cooperation .btn {margin-top:15px;}
	.cooperation .submit {width:100px; height:32px; font-size:14px;}
	/*768px newsDetails*/
	.newsDetails .title {font-size:20px; line-height: 1.35em;}
	.newsDetails .meta span {font-size:14px;}
	/*768px entry*/
	.entry {line-height: 1.75em;}
	/*768px backList*/
	.backList {float:none; padding:0; margin-bottom: 2%;}
	.backList a {width:95px; margin:0 auto; display: block;}
	/*768px postnavi*/
	.postnavi {margin-right:0;}
	.postnavi p {padding-top:0; padding-bottom: 0}
	/*768px videoList*/
	.videoList li .cover {margin-bottom: 8px;}
	.videoList li h2 {font-size:16px;}
	/*768px category*/
	.category {margin-bottom: 5%;}
	.category .cat {width:190px;}
	.category li {font-size:18px; padding-right:20px;}
	/*768px proSearch*/
	.proSearch {width:180px;}
	.proSearch .form {border-radius: 15.5px; padding-right:35px;}
	.proSearch .text {height:20px; line-height: 20px; padding:4.5px 0; text-indent: 10px;}
	.proSearch .button {width:29px;}
	/*768px pgTop*/
	.pgTop {padding:2% 0;}
	.pgTop h2 {font-size:16px; padding:3.5px 0;}
	/*768px filter*/
	.filter .item {display:block; width:auto; font-size:14px;}
	.filter .item span {padding:5px 0;}
	.filter .left {display:block; width:auto;}
	.filter .item .left span {padding:0;}
	.filter .right {padding:10px 3%;}
	.filter .right span {width:33.333%;}
	.filter .right span a {margin:0 2px; text-align:center;}
	.filter .series .left {background-position:left bottom; background-size:auto 90%;}
	/*768px productTop*/
	.productTop {display: block; width:auto;}
	/*768px proPic*/
	.proPic {display:block; width:auto; overflow: hidden;}
	/*768px curPic*/
	.curPic {padding-top:5%;}
	.curPic .item span {width:60%; padding-bottom:60%;}
	/*768px picList*/
	.picList {padding:0 30px;}
	.picList .slick-arrow {width:24px; height:24px; margin-top:-12px;}
	/*768px proInfo*/
	.proInfo {display: block; width:auto; padding:3.125%;}
	.proInfo .back {position:static; right:auto; top:auto; overflow: hidden; margin-top:0; float:right; padding:3.5px 0;}
	.proInfo .back a {font-size:12px; background-size:auto 10px; padding-left:16px;}
	.proInfo .info {margin-top:0; margin-right:64px;}
	.proInfo h2 {font-size:18px; margin-bottom: 1.5%;}
	.proInfo .intro {font-size:14px;}
	.proInfo .meta {padding:3% 0;}
	.proInfo .meta span {font-size:14px; float:none; padding-right:0; padding:3px 0 3px 23px;}
	.proInfo .meta .net {padding-left:23px; background-position: 3.5px center;}
	.proInfo .meta .type {background-position: 1.5px center;}
	.proInfo .meta i:after {display: none;}
	.proInfo .desc h3 {margin-bottom: 2%;}
	.proInfo .desc p {font-size:14px;}
	.proInfo .buy {margin-top:5%;}
	.proInfo .buy span {font-size:14px; line-height: 35px;}
	.proInfo .buy a {width:40px; height: 40px;}
	/*768px proIntro*/
	.proIntro .title {line-height: 24px;}
	.proIntro .title span::before, .proIntro .title span::after {width:10px; height:18px; margin-top:-9px;}
	/*768px backtop*/
	.backtop a {width:105px; height:40px; line-height: 40px; font-size:14px;}
	.backtop i {background-size:8px auto; padding-right:12px;}
	/*768px newsTop*/
	.newsTop {margin-bottom: 3.5%;}
	.newsTop .pic {float:none; width:auto; margin-bottom:5px;}
	.newsTop .info {width:auto; padding:0;max-width: 100%;}
	.newsTop time {margin-bottom:0;}
	.newsTop h2 {font-size:16px; line-height: 1.75em; margin-bottom: 5px;}
	.newsTop p {font-size:14px; height:auto; max-height: 5.25em;}
	.newsTop .more {display: none;}
	.newsTop .slick-dots {position:static; left:auto; width:auto; padding-left:0; right:auto; bottom:auto; margin:15px 0 0; font-size:0; line-height: normal; text-align:center;}
	.newsTop .slick-dots li {float:none; display: inline-block;}
	.newsTop .slick-dots button {margin:0 5px;}
	/*768px newsBox*/
	.newsBox.bg {margin-top:0; padding-top:0;}
	/*768px newsItem*/
	.newsItem .more span {padding-right:50px;}
	.newsItem .more span:after {width:40px;}
	/*768px readmore*/
	.readmore a {width:79px; height:30px; font-size:12px; line-height: 33px;}
	.readmore i {margin-left:5px;}
	.readmore a:hover {background-image: url(../images/btn_red.png); color:#fff;}
	.readmore a:hover:after,
	.readmore a:hover:before{width: 0;opacity:0;}
	/*768px pageBan*/
	.pageBan {padding-bottom:106.667%;}	
	.pageBan .pic {display: none;}
	.pageBan .wap {display: block;}
	/*768px shiAbout*/
	.shiAbout {padding:7.33% 0;}
	.shiAbout .inner1600 {display: block; padding:0;}
	.shiAbout .info {display:block; width:auto; padding:0 3.125%; margin-bottom: 3.5%;}
	.shiAbout .title {padding-bottom: 10px; margin-bottom: 3.5%;}
	.shiAbout .title .large {font-size:48px; text-indent:15px;}
	.shiAbout .title .small {font-size:38px;}
	.shiAbout .title p {padding-left:5px; font-size:14px;}
	.shiAbout .title p:after {left:5px; bottom:-10px;}
	.shiAbout .intro {line-height: 1.75em; max-height: none; font-size:14px;}
	.shiAbout .readmore {margin:3.5% 0;}

	.shiAbout .right {display: block; width:auto; padding:0 3.125%;}
	.shiAbout .slick-list {padding-right:0;}
	.shiAbout .slick-list:after {width:100%;}
	.shiAbout .pic, .shiAbout .slick-dots {margin-right: 0;}
	/*768px shiVideo*/
	.shiVideo .inner1600 {padding:50% 0;}
	.shiVideo h2 {font-size:24px; margin-bottom: 3%;}
	.shiVideo .intro {font-size: 16px;}
	.shiVideo .btn {width:32px;}
	/*768px shiWinery*/	
	.shiWinery {padding:7.33% 0;}
	.shiWinery .inner1600 {display: block;}
	.shiWinery .intro {display: block; width:auto; margin-bottom: 3.5%;}
	.shiWinery .intro .cont {padding-right:0;}
	.shiWinery .intro h2 {vertical-align: top; font-size:48px; padding-left:15px;}
	.shiWinery .intro h2 span {font-size:48px;}
	.shiWinery .intro h3 {vertical-align: top; margin-right:10px; font-size:38px;}
	.shiWinery .intro p {margin-left:0; padding-bottom:10px; font-size:14px;}
	.shiWinery .readmore {margin-top:3.5%;}

	.shiWinery .right {display: block; width:101%; margin-left:-0.5%;}
	
	.shiWinery .list .pic {margin-left:3px; margin-right:5px;}

	.shiWinery .slides .text {display: none;}
	.shiWinery .slides h3 {font-size:18px; margin-bottom: 5px;}
	.shiWinery .slides p {margin-bottom:5px; font-size:14px; max-height: none;}
	.shiWinery .slick-arrow {width:25px; height:25px; margin-top:-15px;}


	.shiWinery .tab {width:auto;}
	.shiWinery .tab ul {font-size:0; line-height: normal; text-align: center; }
	.shiWinery .tab li {display:inline-block; width:25%;}
	.shiWinery .tab a {font-size:16px;}
	.shiWinery .tab span {top:45%;}
	.shiWinery .tab i {width:25px; height: 25px;}

	.shiWinery .btm {display: block; color:#555; margin-top:5%;}
	.shiWinery .btm h3 {font-size:18px; font-weight: normal; line-height: 1.5em; margin-bottom: 5px;}
	.shiWinery .btm p {font-size:14px; line-height: 1.75em;}
    
    /*768px pinpai*/	
	.pinpai {padding:7.33% 0;}
	.pinpai .inner1600 {display: block;}
	.pinpai .into{max-height: none;}
	.pinpai .intro {display: block; width:auto; margin-bottom: 3.5%;}
	.pinpai .intro .cont {padding-right:0;}
	.pinpai .intro h2 {vertical-align: top; font-size:48px; padding-left:15px;}
	.pinpai .intro h2 span {font-size:48px;}
	.pinpai .intro h3 {vertical-align: top; margin-right:10px; font-size:38px;}
	.pinpai .intro p {margin-left:0; padding-bottom:10px; font-size:14px;}
	.pinpai .readmore {margin-top:3.5%;margin-left: 0;}

	.pinpai .right {display: block; width:100%; margin-left:0%;}
	
	.pinpai .list .pic {margin-left:3px; margin-right:5px;}

	.pinpai .slides .text {display: none;}
	.pinpai .slides h3 {font-size:18px; margin-bottom: 5px;}
	.pinpai .slides p {margin-bottom:5px; font-size:14px; max-height: none;}
	.pinpai .slick-arrow {width:25px; height:25px; margin-top:-15px;}


	.pinpai .tab {width:auto;}
	.pinpai .tab ul {font-size:0; line-height: normal; text-align: center; }
	.pinpai .tab li {display:inline-block; width:25%;}
	.pinpai .tab a {font-size:16px;}
	.pinpai .tab span {top:45%;}
	.pinpai .tab i {width:25px; height: 25px;}

	.pinpai .btm {display: block; color:#555; margin-top:5%;}
	.pinpai .btm h3 {font-size:18px; font-weight: normal; line-height: 1.5em; margin-bottom: 5px;}
	.pinpai .btm p {font-size:14px; line-height: 1.75em;}
    
    /*768px jianzheng*/	
	.jianzheng {padding:7.33% 0;}
	.jianzheng .inner1600 {display: block;}
	.jianzheng .intro {display: block; width:auto; margin-bottom: 3.5%;}
	.jianzheng .intro .cont {padding-right:0;}
	.jianzheng .intro h2 {vertical-align: top; font-size:48px; padding-left:15px;}
	.jianzheng .intro h2 span {font-size:48px;}
	.jianzheng .intro h3 {vertical-align: top; margin-right:10px; font-size:38px;}
	.jianzheng .intro p {margin-left:0; padding-bottom:10px; font-size:14px;}
	.jianzheng .readmore {margin-top:3.5%;}

	.jianzheng .right {display: block; width:100%; margin-left:0%;}
	/*768px shiHonor*/
	.shiHonor {padding:7.33% 0;}
	/*768px shiHonorTop*/
	.shiHonorTop {display: block; width:auto;}
	.shiHonorTop .td {display: block; width:auto;}
	.shiHonorTop .title {float:none; padding:0 5.5% 10px; margin-bottom:5.5%;}
	.shiHonorTop .title:after {left:5.5%; margin-left:48px;}
	.shiHonorTop .large {font-size: 48px; text-indent:25px; line-height: 1.125em;}	
	.shiHonorTop .small {font-size: 38px;}
	.shiHonorTop p {font-size:14px;}

	.shiHonorTop .right {margin-left:15%; padding-left:5%;}
	.shiHonorTop li {padding-left:15px; line-height: 1.75em; font-size:14px;}
	/*768px shiHonorBtm*/
	.shiHonorBtm {margin-top:35%;}
	.shiHonorBtm .info {width:100%; left:0%; margin-bottom:10%;}

	/*768px hmSlide*/
	.hmSlide .info {text-align:left; width:38%;}
	.hmSlide .icon {display: none;}
	.hmSlide h2 {font-size:22px; margin-bottom: 10px;}
	.hmSlide .intro {max-height: 7em; font-size:16px;}
	.hmSlide .readmore {margin-top:15px;}
	.hmSlide .readmore a {margin:0;}
	/*768px hmTitle*/
	.hmTitle h2 {font-size:28px; margin-bottom: 0;}	
	.hmTitle span {background-size:8px 8px;}
	.hmTitle p {letter-spacing: 1px; font-size:14px;}

	/*768px hmShi*/
	.hmShi {padding:7.33% 0;}
	/*768px hmVideo*/
	.hmVideo {width:auto;}
	.hmVideo .play span {font-size:14px;}
	.hmVideo .play i {width:30px; height:30px;}
	.hmVideo .slick-dots {text-align: center; margin-top:0; position:absolute; bottom:0; left:50%; transform:translateX(-50%); padding:0; margin-bottom:5.6%; z-index: 2;}
	/*768px hmAbout*/
	.hmAbout {margin-left:0; margin-top:5%; text-align:center; color:#aeaeae;}
	.hmAbout .box {background:none;}
	.hmVideo .play i:hover {transform:none;}
	.hmAbout h3 {font-size:20px; color:#494949; margin-bottom: 3%;}
	.hmAbout .intro {margin-bottom: 3.5%; max-height: none; line-height: 1.75em; font-size:14px;}
	.hmAbout .text {padding:0 10%;}
	.hmAbout .text:before, .hmAbout .text:after {display: none;}
	.hmAbout .readmore a {background-image: url(../images/btn_red.png); margin:0 auto; color:#fff;}
	.hmAbout .readmore a:hover {background-image: url(../images/btn_red.png);}
	/*768px hmShang*/
	.hmShang {padding:7.33% 0;}
	.hmShang li h3 {font-size:16px;}
	.hmShang li p {font-size:14px; max-height: 3em;}

	/*768px hmChuan*/
	.hmChuan {padding:7.33% 0;}
	.hmChuan .item a {margin:0;}
	.hmChuan .text {padding-left:5%; padding-right: 5%;}
	.hmChuan .text h3 {font-size:18px; margin-bottom: 2.5%;}
	.hmChuan .text time {font-size:14px;}
	.hmChuan .text p {font-size:14px;}
	.hmChuan .slick-list {overflow: hidden;}
	.hmChuan .slick-arrow {width:50px; height:50px;}
	
	.hmChuan .slick-dots {margin:5%;}
	.hmChuan .readmore {margin-top:6%;}

	/*768px hmProcess*/
	.hmProcess {padding:0;}
	.hmProcess .wap {display:block;}
	.hmProcess .pc {display:none;}
	.hmProcess .tab {border:1px solid #e6212a; border-right:none; margin-bottom:8px;}
	.hmProcess .tab .inner {width:auto;}
	.hmProcess .tab span {width:33.333%; padding:0; position:relative;}
	.hmProcess .tab .cur:after {border-top:8px solid #e6212a; border-left:8px solid transparent; border-right:8px solid transparent; display: block; content:''; position:absolute; top:100%; left:50%; margin-left:-8px;}
	.hmProcess .tab a {background:#fff; width:auto; height:auto; padding:3.5% 2%; border-right:1px solid #e6212a; line-height: 1.5em; font-size:16px;}
	.hmProcess .tab .cur a, .hmProcess .tab a:hover {background-color: #e6212a;}
	.hmProcess .tab i {display: block; margin:0 auto;}

	.hmProcess .infoBox {padding:22% 0;}
	.hmProcess .slick-list {overflow: visible;}
	.hmProcess .info {width:auto; padding:0 10%;}
	.hmProcess h2 {font-size:20px; margin-bottom: 5%;}
	.hmProcess .intro {font-size:14px; line-height:1.75em; margin-bottom: 10%;}

	.hmProcess .stepBox {width:auto; padding:5% 0 7.33%;}
	.hmProcess .step .num {font-size:14px;}
	.hmProcess .step .title {font-size:14px; line-height: 1.5em;}
	.hmProcess .step .dot {margin:8px auto 4px;}
	.hmProcess .step .dot span {width:14px; height:14px;}
	/*768px hmPin*/

	.hmPin .hmTitle {margin-top:7.33%;}
	.hmPin .item .wap {display:block;}
	.hmPin .item .pc {display:none;}
	.hmPin .inner {padding: 7.33% 0;}
	.hmPin .info {width:auto; position:relative; right:auto; top:auto; transform:none; margin:56px 0 30px; padding:16% 10%; float:none; text-align:center;}
	.hmPin h3 {font-size: 22px; margin-bottom: 5%;}
	.hmPin .meta {font-size: 14px;}
	.hmPin .meta p {white-space: normal;}
	.hmPin .meta .des {color:#fff; font-size:16px;}
	.hmPin .icon {display: block;}
	.hmPin .icon ul {text-align:center; font-size:0; line-height: normal;}
	.hmPin .icon li {display: inline-block; float:none; padding:2% 4%; width:12%;}
	.hmPin .readmore a {margin:0 auto;}
	.hmPin .slick-dots {width:93.75%; padding:0 3.125%; margin-bottom: 7.33%;}
	.hmPin .slick-dots li {width:18%; padding:0 1%;}
	.hmPin .slick-dots button {width:100%;}


	/*768px shangTitle*/
	.shangTitle h2 {font-size:26px;}
	.shangTitle span {background-position:0 7px;}
	/*768px shangJoin*/
	.shangJoin {padding:7.33% 0;}
	.shangJoin .three {width:auto;}
	.shangJoin .three .item {float:none; width:auto; padding-right:0;}
	.shangJoin label {line-height: 1.5em; font-size: 14px;}
	.shangJoin .text {height:20px; line-height: 20px; font-size:14px;}
	.shangJoin .submit {width:100px; height:35px;}
	.shangJoin .select {padding:0;}
	.shangJoin .select select {text-indent:5px; height:36px; line-height:36px;}
	/*768px shangStyle*/
	.shangStyle {padding-bottom: 7.33%;}
	.shangStyle .shangTitle {margin-bottom: 3.5%;}
	.shangStyle #shangStyle {width:auto;}
	.shangStyle .box {opacity: 1; margin-right: 0;}
	.shangStyle .info, .shangStyle .pic {display: block; width:auto;}
	.shangStyle .text {display: block; padding:15px 0;}
	.shangStyle h3 {max-height: none; margin-bottom: 5px; font-size: 16px;}
	.shangStyle .intro {line-height: 1.75em; margin-bottom: 10px; font-size:14px;}
	.shangStyle .slick-dots {margin-top:1.5%;margin-right:0;}
	.shangStyle .slick-dots li {width:12%; padding:0 2%;}
	.shangStyle .slick-dots .slick-active {width:64%;}
	.shangStyle .slick-dots button {margin:0; width:100%;}
	.shangStyle .slick-dots button:after {height:3px;}
	.shangStyle .slick-dots .slick-active button {width:100%;}
	/*768px shangProcess*/
	.shangProcess {padding:7.33% 0;}
	.shangProcess .shangTitle {margin-bottom: 3.5%;}
	.shangProcess .inner:after {display: none;}
	.shangProcess #shangProcess {position:relative;}
	.shangProcess #shangProcess:before {width:1px; height: 100%; background:url(../images/bg_line2.png) no-repeat center center; background-size:1px 100%; content:''; display:block; position:absolute; left:7px; top:50%; transform:translateY(-50%);}
	.shangProcess .item {padding:1% 0 1% 30px;}
	.shangProcess .info {width:auto;}

	.shangProcess .box {height: auto; padding:0; display: block; width:70%;}
	.shangProcess .num {display: block; width:auto; line-height: 1.5em; font-size:24px; position:relative;}
	.shangProcess .num:before {width:14px; height:14px; border-radius:50%; background-color:rgba(255,255,255,.4); content:''; display: block; position:absolute; left:-30px; top:50%; margin-top:-7px;}
	.shangProcess .num:after {width:8px; height:8px; border-radius:50%; background-color: #fff; content: ''; display: block; position:absolute; left:-27px; top:50%; margin-top:-4px; }
	.shangProcess .text{display: block; width:auto;}
	.shangProcess .text p {max-height: none; font-size:14px; line-height: 1.75em;}
	/*768px shangAdvant*/
	.shangAdvant {padding:7.33% 0;}
	.shangAdvant .shangTitle {margin-bottom: 3.5%;}
	.shangAdvant li {padding:2% 0;}
	.shangAdvant .pic {width:110px;}
	.shangAdvant .pic span:after {display: none;}
	.shangAdvant .info {padding:15px 10px;}
	.shangAdvant h3 {font-size:16px; margin-bottom: 5px;}
	.shangAdvant .intro {font-size:14px;}
	/*768px about*/
	.about {padding:3.5% 0;}
	.about .title h2 {font-size: 26px; margin-bottom: 5px;}
	.about .title h3 {font-size:14px;}
	.about .entry {width:auto;}
}
@media only screen and (max-width:640px){
	/*640px filter*/
	.filter {margin-bottom: 1%;}
	/*640px proList*/
	.proList {width:103.5%;}
	/*640px proItem*/
	.proItem {width:50%;}
	.proItem h2 {font-size: 14px;}
	.proItem a {margin-bottom: -7%;}
	.proItem a:hover {background-image: url(../images/bg_pro.png);}
	.proItem a:hover .more {display: none;}
	.proItem .box {margin:4.438%;}
	.proItem .info {padding:5px 20px;}
	/*640px newsList*/
	.newsList .inner {width:auto;}
	/*640px newsBox*/
	.newsBox.bg:before {display: none;}
	/*640px newsItem*/
	.newsItem {float:none; width:auto; padding:0 0 3%;}
	.newsItem .box {padding:20px;}
	.newsItem time {line-height: 1.5em;}
	.newsItem h2, .newsItem .pic {margin-bottom: 3.5%;}
	.newsItem .more {margin-top:1.5%;}
	
}
@media only screen and (max-width:480px){
	/*480px subMenu*/
	.subMenu li {width:36.333%; margin:0 -1.5%;}
	.subMenu li i {top:44%;}
	/*480px style*/
	.style ul {width:auto;}
	.style li {float:none; width:auto; padding-right:0;}
	.style li .title {height: auto; padding:10px;}
	/*480px contact*/
	.follow ul {width:106%;}
	.follow li {width:28%; padding-right:5%;}
	/*480px mapBox*/
	.mapBox {padding-bottom: 90%;}
	/*480px videoList*/
	.videoList ul {width:auto;}
	.videoList li {width:auto; float:none; padding-right:0;}
	.videoList li h2 {text-align:center;}
	/*480px picList*/
	.picList {width:auto; margin:0 3.125% 6.25%;}
	/*480px proSide*/
	.proSide h3 {font-size:16px; padding:8px;}
	.proSide ul {padding:2.5%;}
	.proSide li {float:none; width:auto; padding:2% 1%;}
	.proSide li .pic {padding:16%;}
	/*480px shiHonorBtm*/
	.shiHonorBtm .info {margin-bottom:5%;}
	/*480px shiWinery*/
	.shiWinery .tab li {width:33.333%;}
	.shiWinery .tab a {font-size:14px;}
	
}