@charset "utf-8";
/* CSS Document */
html,body{ margin:0; padding:0; font:14px Helvetica,PingFang SC,"Microsoft YaHei"; background:#fff;}
img{ margin:0; padding:0; border:none;}
a{ text-decoration:none; color:#333;-webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
a:hover{ color:#333;}
p,ul{ padding: 0; margin: 0;}
img{ border: 0;}
li{ list-style: none;}
em{ font-style: normal;}
i{ font-style: normal;}
input,button,select,textarea{ font:12px PingFang SC,"Microsoft YaHei" Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
.atr{ -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;}
.bshadow{-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}

/*header*/
header{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
.header-top{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #2b2922;}
.pshow{ display: none;}
.header-top .h-t{ width: 1200px; display: block; overflow: hidden; margin: 5px auto; font-size: 12px;}
.header-top .h-t .h-t-l{ line-height: 20px; color: #fff; float: left; font-size: 12px;}
.header-top .h-t-sub{ display: block; overflow: hidden; float: right;}
.header-top .h-t .h-other{ float: left; height: 20px; display: block; overflow: hidden; padding: 0 35px 0 15px; background: url(../img/arrow.png) no-repeat right 15px center; background-size: 14px;}
.header-top .h-t .h-other.hb{ padding: 0 15px; background: none;}
.header-top .h-t .h-other img{ float: left; height: 20px;}
.header-top .h-t .h-other em{ float: left; line-height: 20px; display: block; color: #fff; overflow: hidden; margin: 0 0 0 10px;}
.header-top .h-t .h-other-h{ width: 90px; height: auto; padding: 5px; background: #fff; display: none; overflow: hidden; position: absolute; margin: 20px 0 0 15px;}
.qrcode{ width: 90px!important; height: 90px!important;}
.flag-name{ color: #333!important;}
.header-top .h-t .h-other:hover{ cursor: pointer;}
.header-top .h-t .h-other:hover .h-other-h{ display: block;}
.header-top .h-t .h-border-nbsp{ width: 2px; background: #fff; height: 14px; margin: 3px 0 0 0; float: left; opacity: .6;}
.header-sub{ width: 1200px; margin: 0 auto; display: block; overflow: hidden;}
.logo{ height: 40px; float: left; margin: 40px 0;}
.logo img{ height: 40px; float: left;}
.navs{ display: none;}
.header-sub nav{ display: block; overflow: hidden; float: right; margin: 40px 0;}
.header-sub nav a{ float: left; height: 40px; line-height: 40px; display: block; overflow: hidden; font-size: 18px; padding: 0 20px; margin: 0 10px;}
.header-sub nav a.active{ background: #83b031; border-radius: 20px; color: #fff;}
.header-sub nav a:hover{ background: #83b031; border-radius: 20px; color: #fff;}

/*footer*/
footer{ width: auto; background: #2b2922;}
.f-nav{ width: 1200px; display: block; overflow: hidden; margin: 0 auto; line-height: 80px; text-align: center;}
.f-nav a{ color: #fff; margin: 0 30px; font-size: 16px;}
.f-top{ width: 1200px; display: block; overflow: hidden; margin: 0 auto; padding: 30px 0 0 0; border-top: 1px solid #808080;}
.f-top>.f-l{ float: left; width: 190px; margin: 5px 50px 0 130px;}
.f-top>.f-l img{ width: 100%; float: left;}
.f-top>.f-m{ float: left; width: 190px; margin: 5px 0 0 20px; line-height: 30px; font-size: 16px; color: #ccc; background-size: 30px!important; padding: 0 0 0 40px;}
.f-info{ width: 1200px; line-height: 30px; padding: 15px 0; color: #808080; text-align: center; display: block; overflow: hidden; font-size: 12px; margin: 0 auto;}



.top-pic{ width: 1200px; min-height: 240px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}

.ban{ width: 100%; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.ban .swiper-slide{ width: 100%;}
.ban .swiper-slide img{ width: 100%; float: left;}
.ban .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.ban .swiper-pagination-bullet-active{ background-color: #83b031!important;}
.ban .swiper-button-next{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/right.png); background-size: 100% !important; right: 10%;}
.ban .swiper-button-prev{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/left.png); background-size: 100% !important; left: 10%;}

.aboutb{ width: 100%; display: block; overflow: hidden;}
.aboutb .swiper-slide{ padding: 0; background: #e5e5e5;}
.aboutb .swiper-slide a{ width: 100%; overflow: hidden;display: flex;align-items: center;}
.aboutb .swiper-slide a img{ width: 100%; margin: 0 auto;}
.aboutb .swiper-button-next{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/right.png); background-size: 100% !important;}
.aboutb .swiper-button-prev{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/left.png); background-size: 100% !important;}

.idxabout{ width: 100%; height: 600px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.idxabout .swiper-slide{ width: 100%; height: 600px; background-size: 100%!important; background-position: center!important;}
.idxabout .swiper-pagination{ right: 30px; width: auto!important; left: auto!important;}
.idxabout .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.idxabout .swiper-pagination-bullet-active{ background-color: #83b031!important;}

.idx-bac{ width: 100%; background: #e8e8e8; margin: 0 auto; display: block; overflow: hidden;}
.idx-main{ width: 1100px; margin: 50px auto; display: block; overflow: hidden;}
.i-lam{ width: 100%; line-height: 36px; font-size: 16px; text-align: center; color: #2b2922; padding: 0 0 20px 0; display: block; overflow: hidden; background: url(../img/ilambac.png) no-repeat center bottom;}
.i-lam p{ font-size: 30px; font-weight: bold;}

.idx-pro{ width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.idx-pro ul{ width: 1260px; display: block; overflow: hidden; float: left; margin: 50px 0 0 0;}
.idx-pro ul li{ width: 280px; height: 370px; float: left; margin: 5px 15px 5px 5px;}
.idx-pro ul li span{ width: 280px; height: 280px; overflow: hidden;display: flex;align-items: center;}
.idx-pro ul li span img{ max-width: 100%; margin: 0 auto; transition: all 0.6s;}
.idx-pro ul li em{ width: 240px; height: 50px; padding: 20px; line-height: 25px; display: block; overflow: hidden; background: #ebede7;}
.idx-pro ul li em i{ width: 100%; height: 25px; line-height: 25px; display: block; overflow: hidden; font-size: 16px;}
.idx-pro ul li:hover{ box-shadow: 0 1px 10px 0px #ccc; -webkit-transition: all 0.2s;}
.idx-pro ul li:hover span img{ transform: scale(1.2);}

.idx-news{ width: 1200px; margin: 50px auto; display: block; overflow: hidden;}
.idx-news ul{ width: 1260px; display: block; overflow: hidden; float: left; margin: 50px 0 10px 0;}
.idx-news ul li{ width: 370px; height: 370px; float: left; margin: 5px 30px 5px 5px; display: block; overflow: hidden;}
.idx-news ul li span{ width: 100%; height: 210px; display: block; overflow: hidden;}
.idx-news ul li em{ width: 320px; padding: 30px; height: 90px; line-height: 25px; display: block; overflow: hidden; color: #333;}
.idx-news ul li em i{ line-height: 40px; width: 100%; height: 40px; display: block; overflow: hidden; font-size: 18px;}
.idx-news ul li:hover{ box-shadow: 0 1px 10px 0px #ccc; -webkit-transition: all 0.2s;}

.idx-about{ width: 100%; background: #ebede7; height: 600px;}
.idx-about>.left{ width: 60%; height: 600px; float: left; display: block; overflow: hidden;}
.idx-about>.sub{ width: 300px; float: left; display: block; overflow: hidden; margin: 80px;}
.idx-about>.sub .lam{ width: 100%; line-height: 25px; display: block; overflow: hidden; text-align: center;}
.idx-about>.sub .lam i{ line-height: 40px; width: 100%; height: 40px; display: block; overflow: hidden; font-size: 30px;}
.idx-about>.sub .cot{ width: 100%; line-height: 25px; max-height: 150px; margin: 30px auto; display: block; overflow: hidden; text-align:justify;}

.idxmore{ width:70px; height: 30px; line-height: 32px; font-size: 16px; font-weight: bold; color: #83b031; background: url(../img/morebac.png) no-repeat right center; background-size: 10px; display: block; overflow: hidden; margin: 0 auto;}

.lam-sub{ width: 1100px; display: block; overflow: hidden; margin: 0 auto;}
.lam-sub>.lam{ width: 100%; display: block; overflow: hidden;}
.lam-sub>.lam em{ float: left; padding: 0 60px 0 0; font-size: 24px; font-weight: bold; color: #2b2922; line-height: 40px;background: url(../img/ilambac.png) no-repeat right center; display: block; overflow: hidden;}
.lam-sub>.lam a{ line-height: 40px; font-size: 14px; display: block; overflow: hidden; float: right;}
.lam-sub>.lam a i{ color: #83b031;}
.lam-sub>.lam a:hover{ color: #83b031;}
.lam-sub>.slogn{ width: 100%; display: block; overflow: hidden; font-size: 14px; line-height: 24px; padding: 10px 0; color: #666;}
.lam-sub>.slogn i{ width: 100%; display: block; overflow: hidden; color: #b29652;}


.lama{ width: 100%; line-height: 26px; padding: 0 0 20px 0; text-align: center; display: block; overflow: hidden;  background: url(../img/ilambac.png) no-repeat center bottom;}
.lama em{ width: 100%; font-size: 24px; display: block; overflow: hidden;}

/*about*/
.abouts-main{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: url(../img/about-bac.png) repeat-x bottom;}
.abouts-main.bacn{ background: none;}
.abouts-sub{ width: 1200px; display: block; overflow: hidden; margin: 70px auto;}
.abouts-cot{ width: 80%; display: block; overflow: hidden; line-height: 30px; text-align: center; font-size: 18px; margin: 50px auto;}
.abouts-cot img{ max-width: 100%;}
.abouts-sub>.slogn{ width: 100%; display: block; overflow: hidden; font-size: 16px; line-height: 30px; color: #999; text-align: center;}


/*news*/
.news-main{ width: 100%;}
.news-lam{ width: 1200px; display: block; overflow: hidden; margin: 30px auto;}
.news-lam span{ float: left; line-height: 36px; font-size: 18px; margin: 0 30px 0 0;}
.news-lam a{ float: left; line-height: 34px; border: 1px solid #eee; border-radius: 25px; margin: 0 0 0 30px; padding: 0 20px; font-size: 18px; display: block; overflow: hidden;}
.news-lam a.active{ background: #83b031; border-color: #83b031; color: #fff;}
.news-ul{ width: 1200px; display: block; overflow: hidden; margin: 30px auto;}
.news-ul>.l{ width: 800px; display: block; overflow: hidden; margin: 30px auto; float: left;}
.news-ul>.l ul li{ width: 100%; display: block; overflow: hidden;}
.news-ul>.l ul li a{ width: 100%; border-bottom: 1px solid #eee; display: block; overflow: hidden; padding: 30px 0; margin: 0 auto;}
.news-ul>.l ul li .n-time{ width: 140px; display: block; overflow: hidden; float: left; text-align: right; font-size: 18px; color: #999; margin: 5px 0 0 0;}
.news-ul>.l ul li .n-time em{ font-size: 48px; width: 100%; display: block; overflow: hidden; color: #83b031;}
.news-ul>.l ul li .n-info{ width: 600px; display: block; overflow: hidden; float: right; margin: 0 0 0 0;}
.news-ul>.l ul li .n-info em{ width: 100%; height: 50px; line-height: 50px; font-size: 24px; display: block; overflow: hidden;}
.news-ul>.l ul li .n-info span{ width: 100%; height: 96px; line-height: 24px; color: #999; display: block; overflow: hidden;}
.news-ul>.l ul li:hover{ background: #f2f2f4;}
.news-ul>.l ul li:hover a{ border: none;}

.news-ul>.r{ width: 260px; display: block; overflow: hidden; margin: 30px auto; float: right;}
.news-ul>.r label{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold; color: #fff; background: #83b031;}
.news-ul>.r ul li{ width: 100%; display: block; overflow: hidden; margin: 15px auto 0 auto;}
.news-ul>.r ul li img{ width: 100%; display: block; overflow: hidden;}
.news-ul>.r ul li em{ width: 100%; display: block; overflow: hidden; line-height: 24px; font-size: 18px; padding: 10px 0; text-align: center;}

.news-ul>.l2{ width: 1200px; display: block; overflow: hidden; margin: 30px auto; float: right;}
.news-ul>.l2 ul{ width: 1300px; display: block; overflow: hidden;}
.news-ul>.l2 ul li{ width: 270px; height: 250px; display: block; overflow: hidden; margin: 15px 40px 0 0; float: left;}
.news-ul>.l2 ul li img{ width: 100%; height: 200px; display: block; overflow: hidden;}
.news-ul>.l2 ul li em{ width: 100%; height: 30px; display: block; overflow: hidden; line-height: 30px; font-size: 18px; padding: 10px 0; text-align: center;}


.n-more{ width: 200px; line-height: 40px; border: 1px solid #eee; color: #83b031; border-radius: 25px; margin: 30px auto; text-align: center; font-size: 18px; display: block; overflow: hidden;}
.n-more:hover{ background: #83b031; border-color: #83b031; color: #fff;}

.news-d-tit{ width: 100%; max-width: 1200px; text-align: center; font-size: 30px; font-weight: bold; line-height: 50px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.news-d-time{ width: 100%; max-width: 1200px; text-align: center; line-height: 50px; display: block; overflow: hidden; margin: 0 auto;}
.news-d-time label{ margin: 0 10px;}
.news-d-details{ width: 100%; max-width: 1200px; line-height: 30px; display: block; overflow: hidden; margin:20px auto 50px auto;}
.news-d-details img{ max-width: 100%;}
.news-d-pic{ width: 100%; max-width: 1200px; line-height: 30px; display: block; overflow: hidden; margin:20px auto 50px auto;}
.news-d-pic img{ max-width: 100%; margin: 0 auto; border: 8px solid #83b031; display: block; overflow: hidden;}
.news-d-pn{ width: 100%; max-width: 1200px; line-height: 30px; display: block; overflow: hidden; margin:20px auto 50px auto;}
.news-d-pn a{ width: 100%; display: block; overflow: hidden;}

/*product*/
.product-main{ width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.product-lam{ width: 200px; float: left; border-top: 10px solid #83b031; display: block; overflow: hidden; padding: 0 20px;}
.product-lam span{ width: 100%; line-height: 26px; font-size: 20px; padding: 20px 0; display: block; overflow: hidden; color: #83b031;  background: url(../img/ilambac.png) no-repeat left bottom;}
.product-lam>.a{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
.product-lam>.a a{ width: 180px; display: block; overflow: hidden; background: url(../img/aprobac.png) no-repeat left center; background-size: 8px; line-height: 30px; padding: 5px 0 5px 20px;; font-size: 16px; color: #333; border-bottom: 2px solid #eee;}
.product-lam>.a a:last-child{ border: none;}
.product-lam>.a a:hover{ border-bottom: 2px solid #83b031;}
.product-lam>.othera{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 0;}
.product-lam>.othera img{ max-width: 100%;}

.product-ul{ width: 930px; display: block; overflow: hidden; float: right;}
.product-ul .ut{ width: 930px; display: block; overflow: hidden;}
.product-ul .ut li{ width: 290px; height: 340px; float: left; display: block; overflow: hidden; margin: 0 0 20px 20px;}
.product-ul .ut li span{ width: 290px; height: 290px; overflow: hidden; display: flex; align-items: center; border-bottom: 8px solid #f2f2f2;}
.product-ul .ut li span img{ width: 100%; transition: all 0.6s;}
.product-ul .ut li em{ width: 100%; height: 40px; display: block; overflow: hidden; text-align: center; line-height: 40px; font-size: 16px; color: #999;}
.product-ul .ut li.active span{ border-color: #83b031;}
.product-ul .ut li:hover span{ border-color: #83b031;}

/*resources*/
.resources{ width:1230px; display: block; overflow: hidden; margin: 50px auto 80px auto;}
.resources li{ width: 300px; height: 380px; padding: 40px; display: block; overflow: hidden; background: #f3f3f3; margin: 15px; float: left;}
.resources li em{ font-size: 24px; display: block; overflow: hidden; font-weight: bold; height: 40px; line-height: 40px; width: 100%;}
.resources li em label{ margin: 0 20px 0 0;}
.resources li .dec{ width: 100%; max-height: 120px; line-height: 30px; font-size: 16px; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.resources li .dec.d2{ max-height: 180px;}


/*contact*/
.contact-main{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
.contact-sub{ width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.contact-bot{ width: 100%; display: block; overflow: hidden; margin: 20px 0 0 0;}
.contact-pic{ float: right; width: 65%; display: block; overflow: hidden;}
.contact-pic img{ width: 100%; float: left; margin: 5px 0 0 0;}
.contact-cot{ float: left; width: 30%; display: block; overflow: hidden; line-height: 24px; color: #666;}
.contact-qq{ width: 200px; line-height: 40px; background: #83b031; color: #fff; border-radius: 25px; margin: 50px auto 30px auto; text-align: center; font-size: 18px; display: block; overflow: hidden;}
.contact-qq:hover{ color: #fff;}

/*quality*/
.qua-main{ width: 100%; background: #fff; display: block; overflow: hidden; margin: 0 auto;}
.qua-sub{ width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.qua-ul02{ width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.qua-ul02 ul li{ width: 398px; height: auto; float: left; margin: 0 0 1px 1px; display: block; overflow: hidden; background: #83b031;}
.qua-ul02 ul li .q2-img{ width: 100%; height: 250px; display: block; overflow: hidden; background: #fff;}
.qua-ul02 ul li .q2-img img{ width: 100%;}
.qua-ul02 ul li .q2-info{ width: 90%; height: 200px; padding: 20px 5%; display: block; overflow: hidden; color: #fff;}
.qua-ul02 ul li .q2-info em{ float: left; font-size: 20px; line-height: 40px; height: 40px;}
.qua-ul02 ul li .q2-info label{ float: left; width: 80px; height: 1px; background: #c6bfba; margin: 18px 0 0 10px;}
.qua-ul02 ul li .q2-info span{ width: 100%; line-height: 24px; height: 144px; display: block; overflow: hidden;font-size: 14px; color: #fff;}
.qua-ul02 ul li.active{ background: #2b2922;}

.page{ float: right; margin: 30px 0 0 0;}
.page li{ float: left; padding: 0 10px; line-height: 30px; font-size: 16px; display: block; overflow: hidden; margin: 0 0 0 10px; border-radius: 50%;}
.page li:hover{ background: #f9f9f9;}
.page li.active{ background: #83b031; color: #fff;}


@media screen and (max-width:767px){

	/*header*/
	header{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.pshow{ height: 40px; padding: 0 20px 0 0; line-height: 40px; color: #fff!important; text-align: center; font-size: 12px; display: block; overflow: hidden; background: url(../img/arrow.png) no-repeat right center; background-size: 14px; float: right; margin: 0;}
	.pshow.t{ background: url(../img/arrowT.png) no-repeat center center top 5px; background-size: 16px; }
	.header-top{ width: 90%; height: 40px; padding: 0 5%;}
	.header-top.td{ height: auto;}
	.header-top .h-t{ width: 100%; margin: 0;}
	.header-top .h-t .h-t-l{ line-height: 40px;}
	.header-top .h-t-sub{ width: 100%;}
	.header-top .h-t .h-other{ width: 100%; height: auto; padding: 0; background: none; margin: 10px 0;}
	.header-top .h-t .h-other.hb{ padding: 0; background: none;}
	.header-top .h-t .h-other-h{ width: 90%; height: auto; padding: 5px 5%; position: static; margin: 10px 0 0 0; float: left; display: block;}
	.header-top .h-t .h-border-nbsp{ display: none;}
	.header-sub{ width: 90%; height: auto;}
	.logo{ height: 30px; float: left; margin: 30px 0;}
	.logo img{ height: 30px; float: left;}
	.navs{ width: 70px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; margin: 20px 0; background: url(../img/menu.png) no-repeat right center; float: right; display: block; overflow: hidden;}
	.header-sub nav{ width: 100%; position: fixed; height: auto; margin: 0; padding: 0; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); display: none; overflow: hidden; z-index: 99999;}
	.header-sub nav label{ width: 50px; height: 50px; display: block; overflow: hidden; background: url(../img/close.png) no-repeat center center; background-size: 30px; float: right;}
	.header-sub nav a{ width: 90%; margin: 10px 5%; height: 50px; line-height: 50px; color: #fff; text-align: center; float: left;}
	.header-sub nav a.active{ padding: 0;}
	
	.top-pic{ width: 100%; min-height: auto; height: 200px; background-size: auto 100%!important;}

	/*footer*/
	footer{ width: auto; background: #2b2922;}
	.f-nav{ width: 100%; padding: 10px 0; line-height: 40px;}
	.f-nav a{ width: 33.33%; text-align: center; margin: 0; font-size: 14px; float: left; display: block;  overflow: hidden;}
	.f-top{ width: 90%;}
	.f-top>.f-l{ float: left; width: 100%; margin: 5px 0 20px 0;}
	.f-top>.f-l img{ width: auto; height: 30px;}
	.f-top>.f-m{ width: 90%; margin: 5px 0 0 0; font-size: 14px; line-height: 24px; background-size: 18px!important; background-position: left center!important; padding: 0 0 0 10%;}
	.f-info{ width: 90%; line-height: 24px; padding: 15px 5%;}

	
	.idx-about{ height: auto;}
	.idx-about>.left{ width: 100%; height: 200px;}
	.idx-about>.sub{ width: 90%; margin: 30px 5%;}
	.idx-about>.sub em i{ font-size: 20px;}

	.idxabout{ width: 100%; height: 200px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
	.idxabout .swiper-slide{ width: 100%; height: 200px; background-size: auto 100%!important;background-position: center!important;}
	.i-lam{ width: 100%; line-height: 30px; font-size: 14px; text-align: center; color: #2b2922; padding: 0 0 20px 0; display: block; overflow: hidden; background: url(../img/ilambac.png) no-repeat center bottom;}
	.i-lam p{ font-size: 20px; font-weight: bold;}

	.idx-pro{ width: 100%; margin: 50px auto;}
	.idx-pro ul{ width: 100%; margin: 30px 0 0 0;}
	.idx-pro ul li{ width: 42.5%; height: 280px; float: left; margin: 5px 0 5px 5%;}
	.idx-pro ul li span{ width: 100%; height: 190px;}
	.idx-pro ul li em{ width: 90%; padding: 10px 5%;}

	.idx-news{ width: 100%; margin: 50px auto;}
	.idx-news ul{ width: 100%; margin: 30px 0 10px 0;}
	.idx-news ul li{ width: 42.5%; height: 220px; margin: 5px 0 5px 5%;}
	.idx-news ul li span{ width: 100%; height: 110px; }
	.idx-news ul li span img{ max-width: 100%;}
	.idx-news ul li em{ width: 90%; padding: 0 5%; }
	
	
	
	.abouts-sub{ width: 90%; margin: 30px auto;}
	.abouts-dec{ width: 100%; line-height: 50px; font-size: 18px; display: block; margin: 10px auto;}
	.abouts-bot{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.abouts-pic{ width: 100%;}
	.abouts-cot{ width: 100%; line-height: 24px; margin: 20px 0 0 0; font-size: 14px; font-weight: normal;}
	.hor-sub{ width: 90%; margin: 30px auto;}
	.hor-ul{ width: 100%;}
	.hor-ul ul li{ width: 80%; height: auto; margin: 20px 10%;}
	.hor-ul ul li a{ width: 100%; display: block; overflow: hidden;}
	.hor-ul ul li img{ width: 100%;}
	
	/*news*/
	.news-lam{ width: 90%; display: block; overflow: hidden; margin: 30px auto 0 auto; border-bottom: 1px solid #eee; padding: 0 0 30px 0;}
	.news-lam span{ width: 20%; margin: 0;}
	.news-lam a{ width: 22%; margin: 0 0 0 3%; padding:0; text-align: center; font-size: 14px;}
	.news-ul{ width: 100%;}
	.news-ul>.l{ width: 100%; margin: 0;}
	.news-ul>.l ul li{ width: 100%;}
	.news-ul>.l ul li a{ width: 90%; margin: 0 auto;}
	.news-ul>.l ul li .n-time{ width: 20%; font-size: 14px;}
	.news-ul>.l ul li .n-time em{ font-size: 24px;}
	.news-ul>.l ul li .n-info{ width: 75%;}
	.news-ul>.l ul li .n-info span{ text-align: justify;}

	.news-ul>.r{ width: 100%;}
	.news-ul>.r ul li{ width: 42.5%; margin: 15px auto 0 5%; float: left;}
	.news-ul>.r ul li img{ width: 100%; height: 110px; display: block; overflow: hidden;}

	.news-ul>.l2{ width: 100%;}
	.news-ul>.l2 ul{ width: 100%;}
	.news-ul>.l2 ul li{ width: 42.5%; height: 150px; margin: 15px auto 0 5%; float: left;}
	.news-ul>.l2 ul li img{ height: 100px;}

	.news-d-tit{ width: 90%; line-height: 40px;margin: 30px auto 0 auto;}
	.news-d-time{ width: 90%;}
	.news-d-details{ width: 90%; display: block; overflow: hidden; margin:20px auto 30px auto;}
	.news-d-details img{ max-width: 100%;}
	.news-d-pn{ width: 90%; margin:20px auto 30px auto;}

	/*quality*/
	.qua-sub{ width: 90%; margin: 30px auto;}
	.qua-ul01{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.qua-ul01 ul li{ width: 80%; height: auto; margin: 38px 0 0 10%;}
	.qua-ul02{ width: 100%; margin: 30px auto;}
	.qua-ul02 ul li{ width: 100%; height: auto; margin: 0 0 10px 0;}
	.qua-ul02 ul li .q2-img{ width: 50%; height: auto; display: block; overflow: hidden; background: #fff; float: left;}
	.qua-ul02 ul li .q2-img img{ width: 100%; float: left;}
	.qua-ul02 ul li .q2-info{ width: 90%; height: 160px; padding: 20px 5%; display: block; overflow: hidden; color: #fff;}
	.qua-ul02 ul li .q2-info em{ float: left; font-size: 20px; line-height: 40px; height: 40px;}
	.qua-ul02 ul li .q2-info label{ float: left; width: 80px; height: 1px; background: #83b031; margin: 18px 0 0 10px;}
	.qua-ul02 ul li .q2-info span{ width: 100%; line-height: 24px; height: 120px; display: block; overflow: hidden;font-size: 14px; color: #fff;}
	.qua-ul02 ul li.active{ background: #2b2922;}
	
	/*contact*/
	.contact-sub{ width: 90%; margin: 30px auto;}
	.contact-bot{ width: 100%;}
	.contact-pic{ float: right; width: 100%; margin: 20px 0 0 0;}
	.contact-cot{ width: 100%;}
	.contact-qq{ width: 50%; font-size: 16px;}

	
	/*product*/
	.product-main{ width: 100%; display: block; overflow: hidden; margin: 50px auto;}
	.product-lam{ width: 100%; padding: 0;}
	.product-lam span{ background: none; width: 90%; margin-left: 5%;}
	.product-lam>.a{ display: none; width: 90%; margin-left: 5%;} 
	.product-lam>.a a{ width: 90%; padding: 5px 0 5px 10%;}
	.product-lam>.a.active{ display: block;}
	
	.p-more{ width: 100%; height: 40px; background: #ddd; display: block; overflow: hidden;}
	.p-more i{ width: 40px; height: 40px; background: url(../img/arrow.png) no-repeat center center; background-size: 60%; display: block; overflow: hidden; margin: 0 auto;}
	.p-more i.t {background: url(../img/arrowT.png) no-repeat center center; background-size: 60%;}

	.product-ul{ width: 100%; display: block; overflow: hidden; float: right;}
	.product-ul .ut{ width: 100%;}
	.product-ul .ut li{ width: 42.5%; height: 240px; margin: 0 0 20px 5%;}
	.product-ul .ut li span{ width: 100%; height: 190px;}
	.product-ul .ut li span img{ max-height: 100%;}

	/*resources*/
	.resources{ width:90%;}
	.resources li{ width: 90%; height: auto; padding: 5%; margin: 15px 0 0 0;}

	.page{ width: 90%; margin: 10px 5%;}
	.page .previous{ float: left; height: 40px; border-radius: 5px; background: #f1f1f1; margin: 0;}
	.page .next{ float: right; height: 40px; border-radius: 5px; background: #f1f1f1; margin: 0;}
	.page .previous .page-link{ font-size: 24px; line-height: 40px; padding: 0 30px;}
	.page .next .page-link{ font-size: 24px; line-height: 40px; padding: 0 30px;}
}
@media (max-width:1099px) and (min-width:768px){

	/*header*/
	header{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.pshow{ height: 40px; padding: 0 20px 0 0; line-height: 40px; color: #fff!important; text-align: center; font-size: 12px; display: block; overflow: hidden; background: url(../img/arrow.png) no-repeat right center; background-size: 14px; float: right; margin: 0;}
	.pshow.t{ background: url(../img/arrowT.png) no-repeat center center top 5px; background-size: 16px; }
	.header-top{ width: 90%; height: 40px; padding: 0 5%;}
	.header-top.td{ height: auto;}
	.header-top .h-t{ width: 100%; margin: 0;}
	.header-top .h-t .h-t-l{ line-height: 40px;}
	.header-top .h-t-sub{ width: 100%;}
	.header-top .h-t .h-other{ width: 100%; height: auto; padding: 0; background: none; margin: 10px 0;}
	.header-top .h-t .h-other.hb{ padding: 0; background: none;}
	.header-top .h-t .h-other-h{ width: 90%; height: auto; padding: 5px 5%; position: static; margin: 10px 0 0 0; float: left; display: block;}
	.header-top .h-t .h-border-nbsp{ display: none;}
	.header-sub{ width: 90%; height: auto;}
	.logo{ height: 30px; float: left; margin: 30px 0;}
	.logo img{ height: 30px; float: left;}
	.navs{ width: 70px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; margin: 20px 0; background: url(../img/menu.png) no-repeat right center; float: right; display: block; overflow: hidden;}
	.header-sub nav{ width: 100%; position: fixed; height: auto; margin: 0; padding: 0; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); display: none; overflow: hidden; z-index: 99999;}
	.header-sub nav label{ width: 50px; height: 50px; display: block; overflow: hidden; background: url(../img/close.png) no-repeat center center; background-size: 30px; float: right;}
	.header-sub nav a{ width: 90%; margin: 10px 5%; height: 50px; line-height: 50px; color: #fff; text-align: center; float: left;}
	.header-sub nav a.active{ padding: 0;}
	
	.top-pic{ width: 100%; min-height: auto; height: 200px; background-size: auto 100%!important;}

	/*footer*/
	footer{ width: auto; background: #2b2922;}
	.f-nav{ width: 100%; padding: 10px 0; line-height: 40px;}
	.f-nav a{ width: 33.33%; text-align: center; margin: 0; font-size: 14px; float: left; display: block;  overflow: hidden;}
	.f-top{ width: 90%;}
	.f-top>.f-l{ float: left; width: 100%; margin: 5px 0 20px 0;}
	.f-top>.f-l img{ width: auto; height: 30px;}
	.f-top>.f-m{ width: 90%; margin: 5px 0 0 0; font-size: 14px; line-height: 24px; background-size: 18px!important; background-position: left center!important; padding: 0 0 0 10%;}
	.f-info{ width: 90%; line-height: 24px; padding: 15px 5%;}

	
	.idx-about{ height: auto;}
	.idx-about>.left{ width: 100%; height: 200px;}
	.idx-about>.sub{ width: 90%; margin: 30px 5%;}
	.idx-about>.sub em i{ font-size: 20px;}

	.idxabout{ width: 100%; height: 200px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
	.idxabout .swiper-slide{ width: 100%; height: 200px; background-size: auto 100%!important;background-position: center!important;}
	.i-lam{ width: 100%; line-height: 30px; font-size: 14px; text-align: center; color: #2b2922; padding: 0 0 20px 0; display: block; overflow: hidden; background: url(../img/ilambac.png) no-repeat center bottom;}
	.i-lam p{ font-size: 20px; font-weight: bold;}

	.idx-pro{ width: 100%; margin: 50px auto;}
	.idx-pro ul{ width: 100%; margin: 30px 0 0 0;}
	.idx-pro ul li{ width: 42.5%; height: 280px; float: left; margin: 5px 0 5px 5%;}
	.idx-pro ul li span{ width: 100%; height: 190px;}
	.idx-pro ul li em{ width: 90%; padding: 10px 5%;}

	.idx-news{ width: 100%; margin: 50px auto;}
	.idx-news ul{ width: 100%; margin: 30px 0 10px 0;}
	.idx-news ul li{ width: 42.5%; height: 220px; margin: 5px 0 5px 5%;}
	.idx-news ul li span{ width: 100%; height: 110px; }
	.idx-news ul li em{ width: 90%; padding: 10px 5%; }
	
	
	
	.abouts-sub{ width: 90%; margin: 30px auto;}
	.abouts-dec{ width: 100%; line-height: 50px; font-size: 18px; display: block; margin: 10px auto;}
	.abouts-bot{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.abouts-pic{ width: 100%;}
	.abouts-cot{ width: 100%; line-height: 24px; margin: 20px 0 0 0; font-size: 14px; font-weight: normal;}
	.hor-sub{ width: 90%; margin: 30px auto;}
	.hor-ul{ width: 100%;}
	.hor-ul ul li{ width: 80%; height: auto; margin: 20px 10%;}
	.hor-ul ul li a{ width: 100%; display: block; overflow: hidden;}
	.hor-ul ul li img{ width: 100%;}
	
	/*news*/
	.news-lam{ width: 90%; display: block; overflow: hidden; margin: 30px auto 0 auto; border-bottom: 1px solid #eee; padding: 0 0 30px 0;}
	.news-lam span{ width: 20%; margin: 0;}
	.news-lam a{ width: 22%; margin: 0 0 0 3%; padding:0; text-align: center; font-size: 14px;}
	.news-ul{ width: 100%;}
	.news-ul>.l{ width: 100%; margin: 0;}
	.news-ul>.l ul li{ width: 100%;}
	.news-ul>.l ul li a{ width: 90%; margin: 0 auto;}
	.news-ul>.l ul li .n-time{ width: 20%; font-size: 14px;}
	.news-ul>.l ul li .n-time em{ font-size: 24px;}
	.news-ul>.l ul li .n-info{ width: 75%;}
	.news-ul>.l ul li .n-info span{ text-align: justify;}

	.news-ul>.r{ width: 100%;}
	.news-ul>.r ul li{ width: 42.5%; margin: 15px auto 0 5%; float: left;}
	.news-ul>.r ul li img{ width: 100%; height: 110px; display: block; overflow: hidden;}

	.news-ul>.l2{ width: 100%;}
	.news-ul>.l2 ul{ width: 100%;}
	.news-ul>.l2 ul li{ width: 42.5%; height: 150px; margin: 15px auto 0 5%; float: left;}
	.news-ul>.l2 ul li img{ height: 100px;}

	.news-d-tit{ width: 90%; line-height: 40px;margin: 30px auto 0 auto;}
	.news-d-time{ width: 90%;}
	.news-d-details{ width: 90%; display: block; overflow: hidden; margin:20px auto 30px auto;}
	.news-d-details img{ max-width: 100%;}
	.news-d-pn{ width: 90%; margin:20px auto 30px auto;}

	/*quality*/
	.qua-sub{ width: 90%; margin: 30px auto;}
	.qua-ul01{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.qua-ul01 ul li{ width: 80%; height: auto; margin: 38px 0 0 10%;}
	.qua-ul02{ width: 100%; margin: 30px auto;}
	.qua-ul02 ul li{ width: 100%; height: auto; margin: 0 0 10px 0;}
	.qua-ul02 ul li .q2-img{ width: 50%; height: auto; display: block; overflow: hidden; background: #fff; float: left;}
	.qua-ul02 ul li .q2-img img{ width: 100%; float: left;}
	.qua-ul02 ul li .q2-info{ width: 90%; height: 160px; padding: 20px 5%; display: block; overflow: hidden; color: #fff;}
	.qua-ul02 ul li .q2-info em{ float: left; font-size: 20px; line-height: 40px; height: 40px;}
	.qua-ul02 ul li .q2-info label{ float: left; width: 80px; height: 1px; background: #83b031; margin: 18px 0 0 10px;}
	.qua-ul02 ul li .q2-info span{ width: 100%; line-height: 24px; height: 120px; display: block; overflow: hidden;font-size: 14px; color: #fff;}
	.qua-ul02 ul li.active{ background: #2b2922;}
	
	/*contact*/
	.contact-sub{ width: 90%; margin: 30px auto;}
	.contact-bot{ width: 100%;}
	.contact-pic{ float: right; width: 100%; margin: 20px 0 0 0;}
	.contact-cot{ width: 100%;}
	.contact-qq{ width: 50%; font-size: 16px;}

	
	/*product*/
	.product-main{ width: 100%; display: block; overflow: hidden; margin: 50px auto;}
	.product-lam{ width: 90%; padding: 0 5%;}
	.product-lam>.a a{ width: 90%; padding: 5px 0 5px 10%;}

	.product-ul{ width: 100%; display: block; overflow: hidden; float: right;}
	.product-ul .ut{ width: 100%;}
	.product-ul .ut li{ width: 42.5%; height: 240px; margin: 0 0 20px 5%;}
	.product-ul .ut li span{ width: 100%; height: 190px;}
	.product-ul .ut li span img{ max-height: 100%;}

	/*resources*/
	.resources{ width:90%;}
	.resources li{ width: 90%; height: auto; padding: 5%; margin: 15px 0 0 0;}

	
}