@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);}
.clearfix {
	zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}

/*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: 1100px; 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: 1100px; height: 90px; margin: 0 auto; display: block; overflow: hidden;}
.logo{ height: 56px; float: left; margin: 17px 0 0 0;}
.logo img{ height: 56px; float: left;}
.navs{ display: none;}
.header-sub nav{ display: block; overflow: hidden; float: right;}
.header-sub nav a{ float: left; height: 90px; line-height: 90px; display: block; overflow: hidden; font-size: 16px; margin: 0 0 0 40px;}
.header-sub nav a.active{ background: #e94f25; color: #fff!important; padding: 0 20px;}
.header-sub nav a:hover{ color: #e94f25;}

/*footer*/
footer{ width: auto; background: #2b2922;}
.f-top{ width: 1100px; display: block; overflow: hidden; padding:80px 0 70px 0; margin: 0 auto;}
.f-top>.f-l{ float: left; width: 190px; margin: 5px 80px 0 130px;}
.f-top>.f-l img{ width: 100%; 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: 230px; margin: 0 0 0 10px;}
.f-top>.f-m.m2{ width: 360px;}
.f-top>.f-m img{ height: 36px; float: left; margin: 0 0 5px 0;}
.f-top>.f-m span{ width: 100%; line-height: 24px; display: block; overflow: hidden; color: #999; font-size: 12px;}
.f-top>.f-m span.c1{ color: #fff; font-size: 14px;}
.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: 1100px; line-height: 30px; padding: 15px 0; color: #808080; text-align: center; border-top: 1px solid #808080; display: block; overflow: hidden; font-size: 12px; margin: 0 auto;}

.about-swiper .swiper-slide{height:100%!important;}
.about-swiper img{width:100%;height:100%;}
.about-swiper.b2{height:auto!important;}

.top-pic{ width: 100%; height: 150px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.top-pic.t2{ height: 250px; background-size: auto 100%!important;}
.top-pic.t3{ height: 450px; background-size: auto 100%!important;}

.index-swiper{overflow: hidden;}

.ban{ width: 100%; height: 700px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.ban .swiper-slide{ width: 100%; height: 700px;}
.ban .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.ban .swiper-pagination-bullet-active{ background-color: #e94f25!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%;}

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

.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: #e94f25;}
.idx-main .i-details .i-more:hover{ color: #e94f25;}

.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: #e94f25;}
.idx-pro>.lam a:hover{ color: #e94f25;}
.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: 850px; float: left; display: block; overflow: hidden; margin: 5px 0 0 0;}
.idx-pro>.li>.pic a{ width: 170px; height: 170px; float: left; display: block; overflow: hidden; border-left: 3px solid #eee;}
.idx-pro>.li>.pic a img{ height: 170px;}
.idx-pro>.li>.pic a.active{ width: 500px; border: none;}
.idx-pro>.li>.a{ width: 220px; float: right; display: block; overflow: hidden;}
.idx-pro>.li>.a a{ width: 200px; padding:8px 10px 5px 10px; line-height: 20px; background: #e94f25; color: #fff; font-size: 12px; display: block; overflow: hidden; margin: 5px 0; min-height: 40px; }
.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: #e94f25;}
.lam-sub>.lam a:hover{ color: #e94f25;}
.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: #2b2922; 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: 40%; 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: 55%; display: block; overflow: hidden; line-height: 30px; color: #fff;}
.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: #fff; 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: #e94f25;}
.abouts-sub>.lam a:hover{ color: #e94f25;}
.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: #e94f25;}
.hor-sub>.lam a:hover{ color: #e94f25;}
.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: #e94f25; border-color: #e94f25; color: #fff;}
.news-ul{ width: 1100px; 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: #e94f25;}
.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: #e94f25;}
.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: 1100px; display: block; overflow: hidden; margin: 30px auto; float: right;}
.news-ul>.l2 ul li{ width: 260px; height: 250px; display: block; overflow: hidden; margin: 15px 15px 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: #e94f25; border-radius: 25px; margin: 30px auto; text-align: center; font-size: 18px; display: block; overflow: hidden;}
.n-more:hover{ background: #e94f25; border-color: #e94f25; 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{}
.product-lam .desc{color:#434343;margin-bottom:30px;}
.product-lam .desc span{font-weight:600;}
.product-lam ul{float:left;}
.product-lam ul:first-child{width:260px;margin-right:30px;}
.product-lam ul:last-child{width:810px;}
.product-lam ul li{ width: 100%; display: block; overflow: hidden; margin: 0 0 20px 0;}
.product-lam ul li .p-type{ width: 260px; 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: #e94f25;}
.product-lam ul li .p-category a:hover{ background: #2b2922; color: #fff;}
.product-lam ul li .p-category a.active{ background: #2b2922; color: #fff;}
.product-lam .searchs{ width: 100%; display: block; overflow: hidden; margin: 20px auto;}
.product-lam .searchs select{ width: 258px; border: 1px solid #acacac; background: #efefef; display: block; overflow: hidden; height: 40px; line-height: 40px; text-align: center; font-size: 14px; outline: none; float: left; padding:  0 10px;}
.product-lam .searchs select.r{ float: right;}
.product-lam .searchs input{ width: 218px; padding: 0 20px; border: 1px solid #acacac; background: #efefef; display: block; overflow: hidden; height: 40px; line-height: 40px; font-size: 14px; outline: none; margin: 10px 0 0 0; float: left;}
.product-lam .searchs button{ width: 100px; border: none; background: #e94f25; color: #fff; display: block; overflow: hidden; height: 40px; line-height: 40px; text-align: center; font-size: 14px; outline: none; margin: 10px 0 0 0; float: left; cursor: pointer;}
.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-lam .ut{ width: 820px; display: block; overflow: hidden;}
.product-lam .ut li{ width: 123px; height: 60px; float: left; border-right:2px solid #eee; padding: 5px 5px 5px 5px; display: block; overflow: hidden;}
.product-lam .ut li img{ width: 100%; transition: all 0.6s;}
.product-lam .ut li.active{ background: #eee;}
.product-lam .ut li:hover{ background: #eee;}
.product-ul{margin-top:40px;}
.product-ul .leftitem{float:left;width:260px;margin-right:30px;padding-top:20px;}
.product-ul .rightitem{float:left;width:810px;}
.product-ul .lam{ width: 100%; display: block; overflow: hidden; border-top: 5px solid #666; line-height: 50px; font-size: 16px;}
.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;}


/*contact*/
.contact-main{ width: 100%; background: #f3f3f3; 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: 24px; color: #666;}
.contact-qq{ width: 200px; line-height: 40px; background: #e94f25; 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: #e94f25;}
.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: #e94f25; border: none; display: block; overflow: hidden; margin: 20px auto 0 auto;}


@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: 50px; float: left; margin: 20px 0;}
	.logo img{ height: 50px; 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.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: 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 a{ width: 48%; height: auto; border: 0; margin: 1%; background: #fff;}
	.idx-pro>.li>.pic a img{ max-width: 100%; width: 120px; height: 120px; margin: 20px auto 0 auto; display: block; overflow: hidden;}
	.idx-pro>.li>.pic a.active{ width: 98%;}
	.idx-pro>.li>.pic a.active img{ width: 100%; height: auto;}
	.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: #e94f25; 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 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: #e94f25; 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;}

}

@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: #e94f25; 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: #e94f25; 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;}

}
.pages{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.pages a{ float: left; height: 30px; padding: 0 5px; min-width: 20px; border-radius: 3px; line-height: 30px; text-align: center; border: 1px solid #ddd; display: block; overflow: hidden; margin: 10px 10px 0 0;}
.pages span{ float: left; height: 30px; padding: 0 5px; min-width: 20px; border-radius: 3px; line-height: 30px; text-align: center; border: 1px solid #ddd; display: block; overflow: hidden; margin: 10px 10px 0 0;}
.pages .active a{ color: #fff; background: #e94f25; border-color: #e94f25;}
.pages .active span{ color: #fff; background: #e94f25; border-color: #e94f25;}
.pages .active{ color: #fff; background: #e94f25; border-color: #e94f25;}