@media screen and (max-width: 768px) { 
.swiper-slide{ width:100% !important}	
}


/* header */

.header-right {position: absolute; }


.cd-nav-trigger {display: block;width: 40px;height: 40px;}

.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}

/* index */
.index-swiper,.index-banner-swiper {width: 100%;height: 100%;}
.end-slide {height: 600px;}


.swiper-button-prev,.swiper-button-next {background-position: center center;background-repeat: no-repeat;transition:all .4s ease;}
.swiper-button-prev::after,.swiper-button-next::after {display: none;}
.swiper-button-next {background-image: url('../images/r2.png');right: 5%;}
.swiper-button-prev {background-image: url('../images/l2.png');left: 5%;}
.swiper-button-next:hover {background-image: url('../images/r1.png');}
.swiper-button-prev:hover {background-image: url('../images/l1.png');}
.index-banner-swiper .banner-pagination {text-align: left;left: 2.5%;bottom: 3%;}
.index-banner-swiper .banner-pagination span{background: #22272d;width: 4px;height: 4px;opacity: 1;margin: 5px 8px!important;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active {background: #73BF03;width: 8px;height: 8px;margin: 0px 8px!important;}
.index-roll {position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.index-roll span{font-size: 12px;display: block;text-transform: uppercase;color: #fff;position: absolute;left:18%;top: -50px;transform: rotate(-90deg);}
.index-roll i{display: block;width: 70px;height: 70px;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);background-image: url('../images/down1.png');background-position: center;background-repeat: no-repeat;}
.index-roll i {animation: updown1 1000ms infinite ease;}
@keyframes updown1{0%{background-position: center 45%;} 50%{background-position: center 60%;}100%{background-position: center 45%;}}




@keyframes bigimgani1{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}}

.page-about-xhy {padding: 5% 0 1% 0;overflow: hidden;background: #ededed;}
.page-content {width: 94%;margin: auto;}




.play-2 {position: absolute;left: 5%;bottom: 10%;z-index: 11;cursor: pointer;}
.play-2 i{display: inline-block;vertical-align: middle;margin-right: 10px;width: 81px;height: 93px;background: url('../../about/images/play.png') center no-repeat;}
.play-2 span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.play-2 a:hover i{transform: scale(.8);}

.page-history {padding: 5% 0;overflow: hidden;background: url('../images/bg1.jpg') center no-repeat;color: #fff;}
.history-top {overflow: hidden;}
.history-top .title-1{font-size: 14px;color: #7e7e7e;}
.history-top .title-2{font-size: 30px;margin-top: .5%;}
.history-bottom {margin-top: 5%;}
.history-swiper {text-align: center;}
.history-item {color: #73BF03;}
.history-item .year-1{ font-size:2.0rem; line-height:2.8rem; font-family: 'hb'; font-weight: bold; -webkit-text-stroke: 4px white; /* 描边宽度和颜色 */ text-stroke: 4px white; /* 标准写法（暂未被所有浏览器支持） */}
.history-item .date-2{font-size:0.3rem;  line-height:0.32rem;font-family: 'Oswald-Medium';}
.history-item .text-1{font-size:0.20rem; line-height:0.3rem;  color: #333333;margin: auto;margin-top: 2%;width: 80%;}
.history-item .text-1 img{ max-height:1.2rem; max-width:4rem; margin-bottom:0.2rem}
.history-item .text-1 h3{ font-size:0.32rem; font-family: 'hb'; font-weight:bold; color:#73BF03; padding:0.1rem 0 0.1rem 0 }
.history-prev,.history-next {border: 1px solid rgba(255,255,255,.2);width: 70px;height: 70px;border-radius: 100%;margin-top: -150px;}
.history-prev:hover,.history-next:hover {background-color: #73BF03;border: #73BF03 1px solid;}
.history-prev:hover {background-image: url('../images/l2.png');}
.history-next:hover {background-image: url('../images/r2.png');}
.history-pagination {bottom: auto;margin-top: auto;left:auto;height: 1px;top:auto;z-index: 11;position: relative;margin-top: 5%;display: inline-block;width: auto!important;}
.history-pagination span {border-radius: 0;width:60px;height: 2px;background:#193735;margin: 0!important;transition:all .4s ease;}
.history-pagination::before,.history-pagination::after {content: '';position: absolute;top: 9px;background: #193735;opacity: .8;height: 14px;width:1px;}
.history-pagination::before {left: 0;}.history-pagination::after {right:0;}
.history-pagination .swiper-pagination-bullet-active {height: 3px;transform: translateY(1px);}
.history-mos {text-align: center;margin-top: 1%;}
.history-mos i{display: block;width: 20px;height: 30px;margin: auto;background: url('../images/mos.png') center no-repeat;}
.history-mos span{color: #333;font-size:0.18rem ;display: block;margin-top: 10px;}


.page-honorary {background: #f8f8f8;padding: 5% 0;overflow: hidden;}
.honorary-top {width: 88%;margin: auto;overflow: hidden;padding-bottom: 1%;}
.honorary-left { float:right; width: 30%;}
.honorary-left a{display: block;float: left;width: 48%;height: 0.5rem;line-height: 0.5rem;border: 1px solid #dddddd; margin-left:2%; margin-bottom: 10px;padding-left:5%;box-sizing: border-box;position: relative;}
.honorary-left span{font-size:0.18rem ; color: #1a1a1a;}
.honorary-left i{width: 17px;height: 12px;background: url('../images/r1.png') center no-repeat;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);opacity: .5;}
.honorary-left a.cur {background: #73BF03;border: 1px solid #73BF03;}
.honorary-left a.cur span {color: #fff;}
.honorary-left a.cur i {filter: invert(100%);opacity: 1;}
.honorary-right {float:left; text-align:left}
.honorary-right .title-1{font-size: 14px;color: #7e7e7e;}
.honorary-right .title-2{font-size: 30px;line-height: 34px;margin-top: 4%;}
.honorary-right .title-2 p {margin: 0;padding: 0;}
.honorary-bottom {clear: both;padding: 2% 0;overflow: hidden;width: 100%;margin: auto;position: relative;border-top: 1px solid #e8e8e8;}
.honorary-swiper {width: 88%;margin: auto;}
.honorary-item {overflow: hidden;}
.honorary-item a{display: block;background: #e8e8e8;overflow: hidden;}
.honorary-item .img{position: relative;margin: 5%;width: 90%;overflow: hidden;background: #fff;}
.honorary-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left:0;top: 0;background: url('../images/big.png') center no-repeat rgba(25,55,53,.9);z-index: 11;transition:all .4s ease;opacity: 0;}
.honorary-item .name-1{text-align: center;padding: 5% 0 10% 0;overflow: hidden;font-size: 18px;color: #1a1a1a;}
.honorary-item a:hover .img::before{opacity: 1;}
.honorary-next,.honorary-prev{width: 70px;height: 70px;border-radius: 100%;margin-top: -35px;border: 1px solid rgba(0,0,0,.2);}
.honorary-prev {left: 0;background-image: url('../images/l3.png');}
.honorary-next {right: 0;background-image: url('../images/r3.png');}
.honorary-next:hover,.honorary-prev:hover {background-color: #73BF03;border: 1px solid #73BF03;}
.honorary-prev:hover {background-image: url('../images/l2.png');}
.honorary-next:hover {background-image: url('../images/r2.png');}






.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}



.close-1 {width: 70px;height: 70px;position: absolute;right:1%;top:2%;z-index:11;background: #fff;border-radius:100%;cursor: pointer;transition:all .4s ease;opacity: 1;}
.close-1.cur {opacity: 1;bottom:10%;}
.close-1 i {width: 70px;height: 70px;display: block;position: relative;transition:all .4s ease;transform: rotate(45deg);}
.close-1 i::before,.close-1 i::after {content: '';background: #000;left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;transition:all .4s ease;}
.close-1 i::before{width: 20px;height: 2px;}
.close-1 i::after {width: 2px;height: 20px;}
.close-1:hover {background: #73BF03;}
.close-1:hover i::before,.close-1:hover i::after {background: #fff;}


@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a,.business-prev-title, .business-next-title,.footer-contact-right,.history-pagination,.history-mos,.history-prev, .history-next{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.header-right {right: 16%;}
	
	
	.index-main-business-item {bottom: auto;top: 50%;transform: translateY(-20%);}
	.index-main-business-item .text .text-1,.history-item .text-1,.honorary-top,.production-base-swiper {width: 100%;margin: auto;}
	.page-banner .text-1,.page-story-swiper {width: 80%;margin: auto;}
	.play-1 {width: 200px;height: 200px;}
	.index-about .text {left: 5%;bottom: 5%;width: 90%;}
	.index-about .play-1 {top: 45%;}
	.index-news-container {width: 90%;left: 5%;top: 40%;}
	.index-news-item .mark {opacity: 1;bottom: 0;padding: 5% 0;width: 100%;position: relative;}
	.footer-left,.about-left ,.honorary-left,.detail-content-right,.page-detail-item,.page-production-base-bottom,.page-contact-left,.page-contact-right,.page-news-item .img,.news-detail-bottom-left,.news-detail-bottom-right{float: none;width: 100%;}
	.footer-right,.detail-content-right {float: none;margin-top: 8%;margin-left: auto;}
	.index-news-item .text {position: relative;width: 90%;left:auto;bottom: auto;margin: auto;}
	.page-product-item,.page-technical-item{float: none;width: 100%;margin-right: 0;margin-bottom: 4%;;}
	.index-news-item .img,.about-right {width: 100%;margin-left: 0;}
	.index-news .title .text-1 {width: 50%;}
	
	.page-about-xhy,.page-history,.page-honorary,.page-product,.page-technical,.page-production-base,.page-search-detail-bottom {padding: 5% 0 10% 0;}
	.page-story  {padding: 15% 0 0 0;}

	.page-banner .pic img{width: 300%;max-width: 300%;}
	.date-list-item:first-child {padding-left: 0;}
	.date-list-item .title-1 strong {font-size: 40px;line-height: 40px;}
	

	.honorary-left a{display: block;float: left;width: 46%;height:44px;line-height:44px;border: 1px solid #dddddd; margin-right:2%; margin-bottom: 10px;padding-left:5%;box-sizing: border-box;position: relative;}
.honorary-left span{font-size:16px ; color: #1a1a1a;}
.honorary-left i{width: 17px;height: 12px;background: url('../images/r1.png') center no-repeat;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);opacity: .5;}
.honorary-left a.cur {background: #73BF03;border: 1px solid #73BF03;}
.honorary-left a.cur span {color: #fff;}
.honorary-left a.cur i {filter: invert(100%);opacity: 1;}



.honorary-left span{font-size:0.3rem ; color: #1a1a1a;}
.honorary-left i{width: 17px;height: 12px;background: url('../images/r1.png') center no-repeat;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);opacity: .5;}
	.honorary-left a.cur {background: #73BF03; font-size:0.3rem ; border: 1px solid #73BF03;}
.honorary-left a.cur span {color: #fff; font-size:0.3rem ;}
.honorary-left a.cur i {filter: invert(100%);opacity: 1;}

	.production-base,.page-contact-right {margin-top: 10%;}
	.honorary-right {width: 100%;float: none;padding: 20px 0 10px 0px;text-align: center;clear: both;}
.honorary-right .title-1{ font-size:0.5rem;color:#73BF03; font-weight:bold}

.honorary-right .title-2{ font-size:0.34rem; line-height: 0.46rem;margin-top: 4%;color: #7e7e7e; }
.honorary-right .title-2 p {margin: 0;padding: 0;}


	.page-product-top .nav-3 a {width: 20%;}
	.page-product-detail {padding-top: 25%;}
	.detail-content-left {float: none;width: 100%;margin-left: auto;margin-top: 10%;}
	.page-product-top .nav-3,.page-product-top {margin-top: 7%;margin-bottom: 8%;}
	.page-story-video {width: 40%;right: 15%;top: -20%;}
	.play-2 i {width: 42px;height: 53px;}
	.page-story-list,.page-contact-right,.news-detail-other {padding-bottom: 10%;}
	.page-production-base-bottom .text {position: relative;width: 100%;left: auto;top: auto;}
	.page-production-base-bottom .page-story-video {width: 45%;top: 60%;left: 0;}
	.page-contact,.page-news-detail {padding: 30% 0 0 0;}
	
	.honorary-bottom {clear: both;padding: 20px 0 0px 0px;overflow: hidden;width: 100%;margin:10px auto 0px auto;position: relative;border-top: 1px solid #e8e8e8;}
	
	.history-top {overflow: hidden; padding-top:20px}
.history-top .title-1{font-size: 16px;color: #7e7e7e;}
.history-top .title-2{font-size:0.34rem; margin-top: .5%;}
.history-bottom {margin-top: 1%;}
.history-swiper {text-align: center;}
.history-item {color: #73BF03;}
.history-item .year-1{ font-size:1.8rem; line-height:2.2rem; font-family: 'hb';  font-weight:bold;}
.history-item .date-2{font-size:0.6rem; line-height:0.7rem; font-family: 'hr';}
.history-item .text-1{font-size:0.26rem; line-height:0.44rem;  color: #333333;margin: auto;margin-top: 5%;width: 80%;}
.history-item .text-1 img{ max-height:1.4rem; max-width:4rem; margin-bottom:0.2rem}
.history-item .text-1 h3{ font-size:0.5rem; font-family: 'hb';  font-weight:bold;color:#73BF03; padding:0.3rem 0 0.3rem 0 }
.history-item .text-1 p{ font-size:16px; color:#666; line-height:24px}


.history-prev,.history-next {border: 1px solid rgba(255,255,255,.2);width: 70px;height: 70px;border-radius: 100%;margin-top: -150px;}
.history-prev:hover,.history-next:hover {background-color: #73BF03;border: #73BF03 1px solid;}
.history-prev:hover {background-image: url('../images/l2.png');}
.history-next:hover {background-image: url('../images/r2.png');}
.history-pagination {bottom: auto;margin-top: auto;left:auto;height: 1px;top:auto;z-index: 11;position: relative;margin-top: 5%;display: inline-block;width: auto!important;}
.history-pagination span {border-radius: 0;width:60px;height: 1px;background: #fff;margin: 0!important;transition:all .4s ease;}
.history-pagination::before,.history-pagination::after {content: '';position: absolute;top: 9px;background: #fff;opacity: .5;height: 14px;width:1px;}
.history-pagination::before {left: 0;}.history-pagination::after {right:0;}
.history-pagination .swiper-pagination-bullet-active {height: 3px;transform: translateY(1px);}
.history-mos {text-align: center;margin-top: 1%;}
.history-mos i{display: block;width: 20px;height: 30px;margin: auto;background: url('../images/mos.png') center no-repeat;}
.history-mos span{color: #333;font-size:0.18rem ;display: block;margin-top: 10px;}
	
}