@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; background: #fff; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1); position: relative; z-index: 9;}
.header-sub{ width: 1100px; height: auto; margin: 0 auto; display: block; overflow: hidden;}
.logo{ margin: 0 auto; display: block; overflow: hidden; float: left;}
.logo img{ height: 60px; display: block; overflow: hidden; margin: 5px auto; float: left;}
.logo em{ float: left; line-height: 60px; font-size: 20px; font-weight: bold; display: block; overflow: hidden; margin: 5px 0 0 10px; color: #336699;}
.navs{ display: none;}
.header-sub nav{ float: right; display: block; overflow: hidden; margin: 0 auto;}
.header-sub nav a{ width: 90px; text-align: center; float: left; height: 70px; line-height: 70px; display: block; overflow: hidden; color: #333; font-size: 15px; margin: 0;}
.header-sub nav a.active{ color: #ff6600!important; font-size: 16px; font-weight: bold;}
.header-sub nav a:hover{ color: #ff6600;}

/*footer*/
footer{ width: auto; background: #0f2f4f;}
.f-top{ width: 1100px; display: block; overflow: hidden; padding:50px 0 40px 0; margin: 0 auto;}
.f-top>.f-l{ float: left; margin: 5px 80px 0 0;}
.f-top>.f-l img{ height: 100px; float: left;}
.f-top>.f-l em{ float: left; width: 100%; color: #fff; display: block; overflow: hidden; line-height: 30px; letter-spacing: 2.4px; margin: 10px 0 0 0;}
.f-top>.f-m{ float: left; width: 300px; margin: 0 0 0 10px;}
.f-top>.f-m.m2{ width: 100px; float: right;}
.f-top>.f-m img{ height: 100px; float: right; margin: 10px 0 5px 0;}
.f-top>.f-m span{ width: 100%; line-height: 24px; display: block; overflow: hidden; color: #999; font-size: 12px; float: left;}
.f-top>.f-m span.c1{ color: #fff; font-size: 14px; width: 100%;}
.f-top>.f-r{ float: right; width: 100px; margin: 7px 0 0 0;}
.f-top>.f-r a{ float: left; width: 100px; line-height: 30px; display: block; overflow: hidden; text-align: right; color: #fff;}
.f-info{ width: 100%; line-height: 30px; padding: 15px 0; color: #808080; text-align: center; background: #0c2742; display: block; overflow: hidden; font-size: 12px; margin: 0 auto;}
.f-info a{ color: #808080; margin: 0 0 0 5px;}

.top-pic{ width: 100%; height: 250px; margin: 0 auto; display: block; overflow: hidden;}

.ban{ width: 100%; height: 540px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.ban .swiper-slide{ width: 100%; height: 540px;}
.ban .swiper-slide img{ height: 100%; margin:0 auto; display:block; overflow:hidden;}
.ban .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.ban .swiper-pagination-bullet-active{ background-color: #ff6600!important;}

.pro{ width: 100%; height: 280px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.pro .swiper-slide{ height: 280px; padding: 0; margin: 0;}
.pro .swiper-slide img{ width: 100%; height: 100%;}

.pic .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.pic .swiper-pagination-bullet-active{ background-color: #ff6600!important;}
.pic .swiper-button-next{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/right.png); background-size: 100% !important; right: 1%;}
.pic .swiper-button-prev{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/left.png); background-size: 100% !important; left: 1%;}
.pic .swiper-slide a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.pic .swiper-slide:hover{ opacity: .8;}

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

.idx-pro{ width: 1100px; margin: 50px auto; display: block; overflow: hidden;}
.idx-pro>.lam{ width: 100%; display: block; overflow: hidden;}
.idx-pro>.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;}
.idx-pro>.lam a{ line-height: 40px; font-size: 14px; display: block; overflow: hidden; float: right;}
.idx-pro>.lam a i{ color: #ff6600;}
.idx-pro>.lam a:hover{ color: #ff6600;}
.idx-pro>.slogn{ width: 100%; display: block; overflow: hidden; font-size: 14px; line-height: 30px; color: #666;}
.idx-pro>.li{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 0;}
.idx-pro>.li>.pic{ width: 100%; height: 280px; float: left; display: block; overflow: hidden; margin: 5px 0 0 0;}

/* .idx-pro>.li>.a{ width: 220px; float: right; display: block; overflow: hidden;}
.idx-pro>.li>.a a{ width: 200px; padding:8px 10px 5px 10px; height: 30px; line-height: 30px; background: #ff6600; color: #fff; font-size: 12px; display: block; overflow: hidden; margin: 5px 0;}
.idx-pro>.li>.a a i{ font-size: 16px; display: block; overflow: hidden; width: 100%;}
 */

.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: #ff6600;}
.lam-sub>.lam a:hover{ color: #ff6600;}
.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;}


/*about*/
.abouts-main{ width: 100%; background: #f9f9f9; display: block; overflow: hidden; margin: 0 auto;}
.abouts-sub{ width: 1100px; display: block; overflow: hidden; margin: 50px 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{ float: left; width: 30%; display: block; overflow: hidden;}
.abouts-pic.p2{ float: left; width: 100%; display: block; overflow: hidden;}
.abouts-pic img{ width: 100%; float: left; margin: 5px 0 0 0;}
.abouts-cot{ float: right; width: 65%; display: block; overflow: hidden; line-height: 30px; color: #333; text-align: justify;}
.abouts-sub>.lam{ width: 100%; display: block; overflow: hidden;}
.abouts-sub>.lam em{ float: left; padding: 0 60px 0 0; font-size: 24px; font-weight: bold; color: #333; line-height: 40px;background: url(../img/ilambac.png) no-repeat right center; display: block; overflow: hidden;}
.abouts-sub>.lam a{ line-height: 40px; font-size: 14px; display: block; overflow: hidden; float: right; color: #999;}
.abouts-sub>.lam a i{ color: #ff6600;}
.abouts-sub>.lam a:hover{ color: #ff6600;}
.abouts-sub>.slogn{ width: 100%; display: block; overflow: hidden; font-size: 14px; line-height: 30px; color: #999;}

.hor-main{ width: 100%; background: #fff; display: block; overflow: hidden; margin: 0 auto;}
.hor-sub{ width: 1100px; display: block; overflow: hidden; margin: 50px auto;}
.hor-sub>.lam{ width: 100%; display: block; overflow: hidden;}
.hor-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;}
.hor-sub>.lam a{ line-height: 40px; font-size: 14px; display: block; overflow: hidden; float: right;}
.hor-sub>.lam a i{ color: #ff6600;}
.hor-sub>.lam a:hover{ color: #ff6600;}
.hor-sub>.slogn{ width: 100%; display: block; overflow: hidden; font-size: 14px; line-height: 30px; color: #666;}

.hor-ul{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.hor-ul img{ max-width: 100%;}


/*news*/
.news-main{ width: 100%;}
.news-lam{ width: 1100px; 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: #ff6600; border-color: #ff6600; color: #fff;}
.news-ul{ width: 1100px; display: block; overflow: hidden; margin: 30px auto;}
.news-ul>.l{ width: 1100px; 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: 800px; border-bottom: 1px solid #eee; display: block; overflow: hidden; padding: 30px 150px; margin: 0 auto;}
.news-ul>.l ul li .n-time{ width: 140px; display: block; overflow: hidden; float: left; text-align: right; font-size: 14px; color: #999; margin: 5px 0 0 0;}
.news-ul>.l ul li .n-time em{ font-size: 30px; width: 100%; display: block; overflow: hidden; color: #ff6600;}
.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: 22px; display: block; overflow: hidden;}
.news-ul>.l ul li .n-info span{ width: 100%; height: 48px; line-height: 24px; color: #999; display: block; overflow: hidden;}
.news-ul>.l ul li:hover{ background: #f2f2f4;}

.news-ul>.l2{ width: 1100px; display: block; overflow: hidden; margin: 30px auto; float: right;}
.news-ul>.l2 ul li{ width: 100%; height: 200px; display: block; overflow: hidden; margin:0 auto; float: left; border-bottom: 1px solid #eee; padding: 30px 0;}
.news-ul>.l2 ul li img{ width: 300px; height: 200px; display: block; overflow: hidden; float: left;}
.news-ul>.l2 ul li em{ width: 750px; height: 200px; display: block; overflow: hidden; line-height: 30px; font-size: 18px; padding: 10px 0; float: right;}

.nbsp1{ width: 100%; display: block; overflow: hidden; background: #f1f1f1;}
.nbsp1 .sub{ width: 90%; max-width: 1100px; height: 40px; display: block; overflow: hidden; margin: 0 auto; color: #999;}
.nbsp1 .sub a{ color: #999; line-height: 40px;}


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

.news-d-tit{ width: 100%; max-width: 1100px; 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: 1100px; 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: 1100px; line-height: 30px; display: block; overflow: hidden; margin:20px auto 50px auto;}
.news-d-details img{ max-width: 100%;}
.news-d-pn{ width: 100%; max-width: 1100px; 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: 1100px; display: block; overflow: hidden; margin: 50px auto;}
.product-lam{ width: 200px; float: left; display: block; overflow: hidden;}
.product-lam ul{ width: 100%; display: block; overflow: hidden;}
.product-lam ul li{ width: 100%; display: block; overflow: hidden; margin: 0 0 20px 0;}
.product-lam ul li .p-type{ width: 200px; padding: 10px 0; display: block; overflow: hidden; font-size: 24px; line-height: 30px;}
.product-lam ul li .p-type em{ width: 100%; display: block; overflow: hidden;}
.product-lam ul li .p-type span{ width: 100%; display: block; overflow: hidden;}
.product-lam ul li .p-category{ width: 100%; padding: 10px 0; display: block; overflow: hidden;}
.product-lam ul li .p-category a{ width: 90%; line-height: 24px; font-size: 16px; color: #fff; padding: 10px 5%; display: block; overflow: hidden; float: left; margin: 3px auto; background: #ff6600;}
.product-lam ul li .p-category a:hover{ background: #0f2f4f; color: #fff;}
.product-lam ul li .p-category a.active{ background: #0f2f4f; color: #fff;}

.product-ul{ width: 870px; display: block; overflow: hidden; float: right;}
d-pn a{ width: 100%; display: block; overflow: hidden;}

.product-ul .ub{ width: 870px; display: block; overflow: hidden;}
.product-ul .ub li{ width: 270px; height: 300px; float: left; display: block; overflow: hidden; margin: 0 0 20px 20px;}
.product-ul .ub li span{ width: 100%; height: 270px; float: left; display: block; overflow: hidden;}
.product-ul .ub li span img{ width: 100%;}
.product-ul .ub li em{ width: 100%; display: block; overflow: hidden; font-size: 14px; height: 40px; line-height: 40px;}
.product-ul .ub li:hover{ opacity: .8;}
.product-ul .details{ width: 100%; display: block; overflow: hidden; margin: 10px auto;}
.product-ul .details img{ max-width: 100%;}
.product-ul .tits{ width: 100%; line-height: 36px; display: block; overflow: hidden; margin: 10px auto; font-size: 24px; font-weight: bold; text-align: center;}

.product-ul .pics{ width: 100%; display: block; overflow: hidden; margin: 50px auto;}
.product-ul .pics img{ max-width: 90%; border: 5px solid #ff6600; display: block; overflow: hidden; margin: 0 auto;}


/*contact*/
.contact-main{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
.contact-sub{ width: 1100px; 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: 36px; color: #666;}
.contact-qq{ width: 200px; line-height: 40px; background: #ff6600; 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: 1100px; display: block; overflow: hidden; margin: 50px auto;}
.qua-ul01{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.qua-ul01 img{ max-width: 100%;}
.qua-ul02{ width: 1100px; display: block; overflow: hidden; margin: 50px auto;}
.qua-ul02 ul li{ width: 365px; height: auto; float: left; margin: 0 0 1px 1px; display: block; overflow: hidden; background: #ff6600;}
.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;}

.resources{ width:1125px; display: block; overflow: hidden; margin: 50px auto 80px auto;}
.resources li{ width: 265px; 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;}

.login{ width: 100%; top:0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); position: fixed; z-index: 999;}
.loginsub{ width: 300px; min-height: 240px; top: 50%; margin: -120px auto 0 auto; position: relative; background: #fff; display: block; overflow: hidden;}
.loginsub em{ width: 260px; display: block; overflow: hidden; margin: 0 auto; line-height: 24px; font-size: 16px; padding: 20px 0 10px 0;}
.loginsub input{ width: 220px; height: 40px; line-height: 40px; background: #f3f3f3; border: none; padding: 0 20px; display: block; overflow: hidden; margin: 10px auto 0 auto;}
.loginsub button{ width: 260px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #fff; background: #ff6600; border: none; display: block; overflow: hidden; margin: 20px auto 0 auto;}

.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: #ff6600;}
.page li.active{ background: #ff6600; 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{float: left;}
	.logo img{ height: 60px; float: left; margin-top: 15px;}
	.logo em{ display: none;}
	.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{ height: 200px; background-size: auto 100%!important;}

	.ban{ width: 100%; height: 250px;}
	.ban .swiper-slide{ width: 100%; height: 250px;}
	
	.lam-sub{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.lam-sub>.lam em{ padding: 0 30px 0 0; font-size: 20px; background-size: 20px 3px;}
	.lam-sub>.lam a{ font-size: 12px;}

	.idx-pro{ width: 90%; margin: 30px auto;}
	.idx-pro>.li{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.idx-pro>.li>.pic{ width: 100%; float: left; display: block; overflow: hidden; margin: 5px 0; background: #eee;}
	.idx-pro>.li>.pic  img{ max-width: 100%; height: 330px; margin: 0 auto; display: block; overflow: hidden;}

	.idx-main{ width: 90%; margin: 30px auto;}
	.idx-main .i-lam{ font-size: 20px;}
	.idx-main .i-details{ width: 100%; line-height: 24px;}
	.idx-main .i-details .i-more{ font-size: 12px;}
	
	.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 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: #ff6600; 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;}

	
	/*footer*/
	footer{ width: auto;}
	.f-top{ width: 90%; padding: 30px 0;}
	.f-top>.f-l{ width: 100%; margin: 0 0 20px 0;}
	.f-top>.f-l img{ width: auto; max-width: 100%;}
	.f-top>.f-m{ width: 100%; margin: 5px 0;}
	.f-top>.f-m.m2{ float: left;}
	.f-info{ width: 100%; line-height: 24px; padding: 15px 0;}

	/*product*/
.product-main{ width: 100%; margin: 30px auto;}
.product-lam{ width: 100%;}
.product-lam ul li{ width: 100%; display: block; overflow: hidden; margin: 0 0 0 0;}
.product-lam ul li .p-type{ width: 100%;}
.product-lam .searchs{ width: 100%; display: block; overflow: hidden; margin: 20px auto;}
.product-lam .searchs select{ width: 88%; margin: 0 0 0 5%;}
.product-lam .searchs input{ width: 78%; padding: 0 5%; margin: 5px 0 0 5%;}
.product-lam .searchs button{ width: 88.5%; margin: 15px 0 0 5%;}
.product-lam .searchs button:hover{ background: #2b2922;}
.product-lam .searchs em{ margin: 10px 0 0 0; width: 100%; display: block; overflow: hidden; float: left;}
.product-ul{ width: 810px; display: block; overflow: hidden; float: right;}
.product-ul .ut{ width: 820px; display: block; overflow: hidden;}
.product-ul .ut li{ width: 123.5px; height: 60px; float: left; border-right:2px solid #eee; padding: 5px 5px 5px 5px; display: block; overflow: hidden;}
.product-ul .ut li img{ width: 100%; transition: all 0.6s;}
.product-ul .ut li.active{ background: #eee;}
.product-ul .ut li:hover{ background: #eee;}
.product-ul .lam{ width: 100%; display: block; overflow: hidden; border-top: 5px solid #666; line-height: 50px; font-size: 16px; margin: 10px auto;}
.product-ul .lam em{ float: left; font-weight: bold;}
.product-ul .lam span{ float: right;}
.product-ul .details{ width: 100%; display: block; overflow: hidden; margin: 10px auto;}
.product-ul .details img{ max-width: 100%;}
.product-d-main{ width: 800px; display: block; overflow: hidden; float: right;}
.product-d-tit{ width: 100%; text-align: center; font-size: 30px; font-weight: bold; line-height: 50px; display: block; overflow: hidden;}
.product-d-pic{ width: 99%; border:2px solid #b29652; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.product-d-pic img{ width: 100%;}
.product-d-details{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin: 50px auto;}
.product-d-details img{ max-width: 100%;}
.product-d-pn{ width: 100%; max-width: 1100px; line-height: 30px; display: block; overflow: hidden; margin:20px auto 50px auto;}
.product-d-pn a{ width: 100%; display: block; overflow: hidden;}

.product-ul .ub{ width: 820px; display: block; overflow: hidden;}
.product-ul .ub li{ width: 400px; float: left; display: block; overflow: hidden; margin: 0 10px 10px 0;}
.product-ul .ub li span{ width: 396px; height: 150px; float: left; border:2px solid #eee; display: block; overflow: hidden;}
.product-ul .ub li span img{ width: 100%;}
.product-ul .ub li em{ width: 100%; display: block; overflow: hidden; font-size: 14px; height: 30px; line-height: 30px;}

.product-ul .ub2{ width: 808px; display: block; overflow: hidden; border: 1px solid #eee;}
.product-ul .ub2 li{ width: 100%; display: block; overflow: hidden; border-top: 1px solid #eee; padding: 5px 0;}


	
}

@media (max-width:1099px) and (min-width:768px){

	/*header*/
	header{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.pshow{ width: 100%; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; display: block; overflow: hidden; background: url(../img/arrow.png) no-repeat center center; background-size: 18px;}
	.pshow.t{ background: url(../img/arrowT.png) no-repeat center center; background-size: 16px;}
	.header-top{ width: 100%; height: 30px;}
	.header-top.td{ height: auto;}
	.header-top .h-t{ width: 100%;}
	.header-top .h-t-sub{ width: 100%;}
	.header-top .h-t .h-other{ width: 90%; height: auto; padding: 0 5%; background: none; margin: 10px 0;}
	.header-top .h-t .h-other.hb{ padding: 0 5%; background: none;}
	.header-top .h-t .h-other-h{ width: 82%; height: auto; padding: 5px 5%; position: static; margin: 10px 0 0 8%; float: left; display: block;}
	.header-top .h-t .h-border-nbsp{ display: none;}
	.header-sub{ width: 90%; height: auto;}
	.logo{ height: 50px; float: left; margin: 20px 0;}
	.logo img{ height: 50px; float: left;}
	.navs{ width: 50px; height: 50px; margin: 20px 0; background: url(../img/menu.png) no-repeat left 20px 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.t2{ height: 200px; background-size: auto 100%!important;}

	
	.ban{ width: 100%; height: 300px;}
	.ban .swiper-slide{ width: 100%; height: 300px;}
	
	.lam-sub{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.lam-sub>.lam em{ padding: 0 30px 0 0; font-size: 20px; background-size: 20px 3px;}
	.lam-sub>.lam a{ font-size: 12px;}

	
	.idx-pro{ width: 90%; margin: 30px auto;}
	.idx-pro>.li{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 0;}
	.idx-pro>.li>.pic{ width: 100%; float: left; display: block; overflow: hidden; margin: 5px 0;}
	.idx-pro>.li>.pic a{ width: 100%; height: auto; border-right: 0; border-bottom: 3px solid #eee;}
	.idx-pro>.li>.pic a img{ height: auto;}
	.idx-pro>.li>.pic a.active{ width: 100%;}
	.idx-pro>.li>.a{ width: 100%; float: right; display: block; overflow: hidden;}
	.idx-pro>.li>.a a{ width: 90%; padding:8px 5%; line-height: 20px; background: #ff6600; color: #fff; font-size: 12px; display: block; overflow: hidden; margin: 3px 0; float: left;}
	.idx-pro>.li>.a a i{ font-size: 16px; display: block; overflow: hidden; width: 100%;}

	
	.idx-main{ width: 90%; margin: 30px auto;}
	.idx-main .i-lam{ font-size: 20px;}
	.idx-main .i-details{ width: 100%; line-height: 24px;}
	.idx-main .i-details .i-more{ font-size: 12px;}
	
	.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: 32%; margin: 0;}
	.news-lam a{ width: 30%; margin: 0 0 0 3%; padding:0; text-align: center; font-size: 16px;}
	.news-ul ul li a{ width: 90%; padding: 20px 0; margin: 0 auto;}
	.news-ul ul li .n-time{ width: 20%; display: block; overflow: hidden; float: left; text-align: left; font-size: 14px; color: #999; margin: 5px 0 0 0;}
	.news-ul ul li .n-time em{ font-size: 24px; width: 100%;}
	.news-ul ul li .n-info{ width: 68%; margin: 0;}
	.news-ul ul li .n-info em{ height: auto; line-height: 24px; padding: 10px 0; font-size: 18px; font-weight: bold;}
	.news-ul ul li .n-info span{ font-size: 12px; line-height: 20px;}
	.news-ul ul li:hover{ background: #f2f2f4;}
	.news-ul ul li:hover a{ border: none;}
	.n-more{ width: 30%; font-size: 14px;}

	.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;}
.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: 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: #ff6600; 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;}

	
	/*footer*/
	footer{ width: auto; background: #2b2922;}
	.f-top{ width: 90%; padding: 30px 0;}
	.f-top>.f-l{ width: 100%; margin: 0 0 20px 0;}
	.f-top>.f-l img{ width: auto; max-width: 100%;}
	.f-top>.f-m{ width: 100%; margin: 5px 0;}
	.f-top>.f-m.m2{ width: 100%;}
	.f-info{ width: 90%; line-height: 24px; padding: 15px 0;}

}