@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:14px 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);}

.bann{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #fff;}
.bann img{ margin: 0 auto; max-width: 1300px; width: 100%; display: block; overflow: hidden; padding: 0;}

/*header*/
header{ width: 100%; display: block; overflow: hidden; margin: 0 auto; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1); position: relative; z-index: 9999;}
.header-sub{ width: 940px; margin: 0 auto; height: 100px; position: relative; display: block; overflow: hidden;}
.logo{ height: 35px; width: 75px; position: absolute; left: 50%; margin: 28px 0 0 -38px;}
.logo img{ height: 35px; float: left;}
.navs{ display: none;}
.header-sub nav{ width: 880px; display: block; overflow: hidden; margin: 25px 0 0 30px; float: left;}
.header-sub nav .nava{ float: left; width: 130px; height: 50px; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 16px; background: url(../img/nav-bac.png) no-repeat right center;}
.header-sub nav .sub{ width: 106px; height: 0; background: rgba( 0,0,0,.3); display: block; overflow: hidden; position: absolute; z-index: 999999;}
.header-sub nav .sub a{ width: 100%; text-align: center; color: #fff; display: block; overflow: hidden; font-size: 15px; line-height: 20px; padding: 5px 0;}
.header-sub nav .sub a:hover{ color: #fedb42;}
.header-sub nav .nava.active a{ color: #fedb42;}
.header-sub nav .nava:hover{ color: #fedb42;}
.header-sub nav .nava:hover .sub{ height: auto; padding: 10px 0;}
.header-sub .nbsp{ width: 100px; height: 1px; float: left; display: block; overflow: hidden;}
.header-sub .l .nava:last-child{ background: none;}
.header-sub .lang{ width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 12px; background: #eee; border-radius: 50%; display: block; overflow: hidden; margin: 38px 0 0 0; float: right;}

/*footer*/
footer{ width: auto; background: #313131;}
.f-top{ width: 800px; display: block; overflow: hidden; margin: 0 auto; padding: 40px 0;}
.f-nav{ width: 200px; display: block; overflow: hidden; float: left; margin: 30px 0 0 50px;}
.f-top .f-l{ width: 410px; float: left; display: block; overflow: hidden;}
.f-top .f-l p{ width: 100%; line-height: 30px; border-bottom: 1px solid #999; color: #fff;}
.f-nav a{ min-width: 50%; color: #fff; float: left; line-height: 30px; display: block; overflow: hidden;}
.f-top .f-r{ float: right; width: 100px; display: block; overflow: hidden; text-align: center; line-height: 30px; color: #fff; margin: 10px 0 0 0;}
.f-top .f-r img{ width: 100%; float: left;}


.f-info{ width: 100%; line-height: 30px; padding: 15px 0; color: #808080; text-align: center; display: block; overflow: hidden; font-size: 12px; margin: 0 auto; background: #212121;}


.break-nav{ width: 100%; display: block; overflow: hidden; line-height: 24px; padding: 0 0 10px 0;}
.break-nav a{ margin: 0 5px;}

.top-pic{ width: 100%; display: block; overflow: hidden; background: #ddd;}
.top-pic span{ width: 100%; height: 340px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important; display: block; overflow: hidden;}

.idxban{ width: 100%; max-width: 1920px; height: 750px; display: block; overflow:hidden; margin: 0 auto;}
.ban{ width: 100%; max-width: 1920px; margin: 0 auto;}
.ban .swiper-slide{ width: 100%; height: 750px; display: block; overflow: hidden; background-size: cover!important; background-position: center center!important;}
.ban .swiper-slide a{ width: 100%; height: 100%; margin: 0 auto; display: block; overflow: hidden; background: url(../img/ban-bac.png) no-repeat center bottom; background-size: 100%;}
.ban .swiper-pagination{ bottom: 30px!important;}
.ban .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.ban .swiper-pagination-bullet-active{ background-color: #fedb42!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%;}

.i-lam{ width: 100%; line-height: 30px; font-size: 26px; text-align: center; color: #2b2922; padding: 0 0 20px 0; display: block; overflow: hidden;}
.i-lam .p2{ font-size: 14px;}

.idx-pro{ width: 1200px; margin: 100px auto 0 auto; display: block; overflow: hidden;}
.idx-pro ul{ width: 1200px; display: block; overflow: hidden; float: left; margin: 50px 0 0 0;}
.idx-pro ul li{ width: 290px; height: 210px; float: left; background: url(../img/idx-pro-bac.png) no-repeat center bottom; padding: 0 0 8px 0; background-size: 100%; margin: 5px;}
.idx-pro ul li span{ width: 290px; height: 210px; overflow: hidden; display: flex;align-items: center; background: #f9f9f9;}
.idx-pro ul li span img{ max-width: 100%; margin: 0 auto;}
.idx-pro ul li:hover span{ background: #ccc;}
.idx-pro ul li:hover span img{ opacity: .8;}

.idx-pro>.right{ width: 100%; display: block; overflow: hidden; float: left; margin: 10px 0 0 0;}
.idx-pro>.right>.a{ width: 100%; display: block; overflow: hidden; text-align: center;}
.idx-pro>.right>.a a{ line-height: 30px; margin: 0 15px; font-size: 18px;}
.idx-pro>.right>.a a:hover{ color: #fedb42;}

.idx-mid{ width: 100%; height: 320px; display: block; overflow: hidden; margin: 100px auto 0 auto;}

.idx-link{ width: 1000px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.idx-link ul li{ width: 250px; float: left; display: block; overflow: hidden;}
.idx-link ul li span{ width: 100%; height: 100px; background-size: 80px!important; background-position: center center!important; display: block; overflow: hidden; background-repeat: no-repeat!important;}
.idx-link ul li em{ width: 100%; text-align: center; line-height: 30px; font-size:16px; display: block; overflow: hidden;}
.idx-link ul li p{ width: 100%; text-align: center; line-height: 30px; font-size: 20px; display: block; overflow: hidden; letter-spacing: 8px;}
.idx-link ul li p b{ font-size: 30px; color: #fedb42; margin: 5px 0 0 0;}

.idx-link2{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #fedb42; padding: 30px 0;}
.idx-link2 ul{ width: 1200px; margin: 0 auto;}
.idx-link2 ul li{ width: 300px; float: left; display: block; overflow: hidden;}
.idx-link2 ul li em{ width: 100%; text-align: center; line-height: 40px; font-size:36px; display: block; overflow: hidden; letter-spacing: 3px;}
.idx-link2 ul li em label{ font-size: 12px;}
.idx-link2 ul li p{ width: 100%; text-align: center; line-height: 20px; font-size: 14px; display: block; overflow: hidden;}


.idx-about{ width: 100%; display: block; overflow: hidden; margin: 80px auto 0 auto;}
.idx-about .left{ width: 50%; height: 660px; background-size: cover!important; background-position: center center!important; float: left; display: block; overflow: hidden;}
.idx-about .right{ width: 50%; height: 660px; background: #4b4b4b; float: left; display: block; overflow: hidden;}
.idx-about .right .tit{ width: 520px; display: block; overflow: hidden; margin: 70px 0 0 80px; line-height: 30px; font-size: 24px; color: #fff;}
.idx-about .right .tit em{ font-size: 16px; width: 100%; display: block;}
.idx-about .right .cot{ width: 520px; height: 240px; line-height: 24px; color: #fff; display: block; overflow: hidden; margin: 30px 0 0 80px; text-align: justify;}
.idx-about .right .more{ width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #fff; border-radius: 5px; color: #fff; display: block; overflow: hidden; margin: 30px 0 0 260px;}
.idx-about .right .more:hover{ background: #fedb42; color: #333; border-color:#fedb42;}

.idx-news{ width: 1240px; margin: 100px auto; display: block; overflow: hidden;}
.idx-news ul{ width: 1240px; display: block; overflow: hidden; float: right; margin: 50px 0 20px 0;}
.idx-news ul li{ width: 368px; height: auto; float: left; padding: 0 19px 0 20px; border-right: 1px solid #eee; display: block; overflow: hidden;}
.idx-news ul li span{ width: 100%; height: 180px; display: block; overflow: hidden; background-size: cover!important; background-position: center center!important;}
.idx-news ul li em{ width: 100%; height: 72px; line-height: 24px; font-size: 14px; text-align: center; display: block; overflow: hidden; color: #666; margin: 15px 0 0 0;}
.idx-news ul li label{ width: 100%; line-height: 24px; font-size: 14px; text-align: center; display: block; overflow: hidden; color: #666;}
.idx-news ul li label b{ width: 100%; display: block; overflow: hidden; line-height: 50px; font-size: 40px; color: #fedb42; font-weight: normal;}
.idx-news ul li:last-child{ border: none;}
/*about*/
.o-lam{ width: 100%; display: block; overflow: hidden; padding: 0 0 30px 0;}
.o-lam em{ width: 40%; line-height: 24px; font-size: 16px; color: #999; display: block; float: left; padding: 20px 60% 0 0;}
.o-lam i{ float: left; line-height: 30px; font-size: 24px; font-weight: bold; display: block;}
.o-lam span{ width: 70px; height: 2px; background: #fedb42; display: block; float: left; margin: 13px 0 0 5px;}
.o-lam label{ float: right; line-height: 30px;}

.about-t{ width: 1200px; margin: 100px auto 0 auto; display: block; overflow: hidden;}
.about-pic{ width: 540px; float: left; display: block; overflow: hidden;}
.about-pic img{ width: 100%; float: left;}
.about-cot{ width: 620px; display: block; overflow: hidden; float: right; line-height: 30px;}

.about-sub{ width: 100%; height: 470px; background: #f9f9f9; margin: 160px auto 0 auto;}
.about-m{ width: 1200px; margin: 0 auto;}
.about-m-pic{ width: 620px; float: left; position: relative; margin: -60px 0 0 0;}
.about-m-pic img{ width: 100%; float: left;}
.about-m-cot{ width: 480px; display: block; overflow: hidden; margin: 50px 60px 30px 0; float: right;}
.about-m-cot>.li{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 0;}
.about-m-cot>.li span{ width: 30px; height: 3px; background: #9a9a9a; display: block; float: left; margin: 12px 0 0 0;}
.about-m-cot>.li em{ width: 230px; display: block; overflow: hidden; float: left; margin: 0 0 0 10px; line-height: 30px; font-size: 18px; color: #fedb42;}
.about-m-cot>.li em i{ width: 100%;}

.fzlc{ width: 1200px; margin: 100px auto; display: block; overflow: hidden;}
.fzlc .o-lam em{ text-align: center;}
.fzlc .o-lam i{ width: 100%; margin: 0 auto; text-align: center;}
.fzlc .o-lam span{ float: none; margin: 0 auto!important; overflow: hidden;}

.fzlc ul{ width: 1200px; display: block; overflow: hidden; margin: 50px auto 0 auto; padding: 20px 0;}
.fzlc ul li{ width: 600px; display: block; overflow: hidden; margin: -20px 0; padding: 0 0 0 10px; float: right; background: url(../img/fzlcbac02.png) no-repeat left top -10px;}
.fzlc ul li:nth-child(even){ padding: 0 10px 0 0; float: left; background: url(../img/fzlcbac.png) no-repeat right top -10px;}

.fzlc ul li img{ width: 120px; display: block; overflow: hidden; margin: 0 auto;}
.fzlc ul li em{ width: 380px; line-height: 24px; font-size: 16px; display: block; overflow: hidden; margin: 10px auto 0 auto; text-align: center;}
.fzlc ul li span{ width: 380px; line-height: 24px; font-size: 14px; display: block; overflow: hidden; margin: 10px auto 0 auto; text-align: center;}

.honors{ width: 1200px; margin: 100px auto; display: block; overflow: hidden;}
.honors-li{ width: 1000px; margin: 25px auto 0 auto;}
.honors-li li{ width: 220px; height: 300px; background: #f9f9f9; display: block; overflow: hidden; margin: 15px; float: left; position: relative;}


/*news*/
.news-main{ width: 100%; padding: 70px 0; display: block; overflow: hidden; margin: 0 auto;}
.news-lam{ width: 1200px; display: block; overflow: hidden; margin: 0 auto;}
.news-lam .type { padding: 0 0 30px 0; width: 600px; display: block; overflow: hidden; margin: 0 auto;}
.news-lam .type a{ float: left; line-height: 40px; width: 200px; text-align: center; font-size: 18px; display: block; overflow: hidden;}
.news-lam .type a.active{ background: #fedb42; color: #fff;}
.news-ul{ width: 1200px; display: block; overflow: hidden; margin: 0 auto;}
.news-ul>.l{ width: 800px; display: block; overflow: hidden; margin: 0 auto; float: left;}
.news-ul>.l ul li{ width: 760px; display: block; overflow: hidden; margin: 15px 0;; padding: 30px;}
.news-ul>.l ul li a{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
.news-ul>.l ul li .n-time{ width: 120px; padding: 20px 0 0 30px; height: 100px; display: block; overflow: hidden; float: left; text-align: left; font-size: 24px; color: #fff; position: absolute; background: #474443;}
.news-ul>.l ul li .n-time em{ font-size: 48px; width: 100%; display: block; overflow: hidden; color: #fff;}
.news-ul>.l ul li .n-info{ width: 580px; height: 120px; display: block; overflow: hidden; float: right}
.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: 60px; line-height: 30px; font-size:16px; color: #999; display: block; overflow: hidden;}
.news-ul>.l ul li:hover{ background: #f1f1f1;}
.news-ul>.l ul li:hover .n-time{ background: #fedb42;}
.news-ul>.l ul li:hover a{ border: none;}

.news-ul>.r{ width: 310px; display: block; overflow: hidden; float: right;}
.news-ul>.r ul li{ width: 100%; height: 180px; display: block; overflow: hidden; margin: 15px auto;}
.news-ul>.r ul li img{ width: 100%; height: 180px; display: block; overflow: hidden;}

.news-ul>.l2{ width: 1200px; display: block; overflow: hidden; margin: 0 auto; float: left;}
.news-ul>.l2 ul{ width: 1450px; display: block; overflow: hidden;}
.news-ul>.l2 ul li{ width: 365px; height: 220px; display: block; overflow: hidden; margin: 25px 52px 25px 0; float: left;}
.news-ul>.l2 ul li img{ width: 100%; height: 220px; display: block; overflow: hidden;}

.page2.fl{ float: left; margin: 20px 0 0 30px;}
.page2 a{ float: left; padding: 0 15px; margin: 0 0 0 1px; line-height: 36px; font-size: 14px; display: block; overflow: hidden; background: #474443; color: #fff;}
.page2 a:first-child{ border-top-left-radius:5px; border-bottom-left-radius: 5px; margin: 0 3px 0 0;}
.page2 a:last-child{ border-top-right-radius:5px; border-bottom-right-radius: 5px; margin: 0 0 0 4px;}
.page2 a:hover{ background: #fedb42;}
.page2 a.active{ background: #fedb42; color: #fff;}
.page2 span{ float: left; padding: 0 15px; margin: 0 0 0 1px; line-height: 36px; font-size: 14px; display: block; overflow: hidden; background: #474443; color: #fff;}
.page2 span:first-child{ border-top-left-radius:5px; border-bottom-left-radius: 5px; margin: 0 3px 0 0;}
.page2 span:last-child{ border-top-right-radius:5px; border-bottom-right-radius: 5px; margin: 0 0 0 4px;}
.page2 span:hover{ background: #fedb42;}
.page2 span.active{ background: #fedb42; color: #fff;}
.page2.fr{ float: right; margin: 20px 0 0 0;}



.n-more{ width: 200px; line-height: 40px; border: 1px solid #eee; color: #fedb42; border-radius: 25px; margin: 30px auto; text-align: center; font-size: 18px; display: block; overflow: hidden;}
.n-more:hover{ background: #fedb42; border-color: #fedb42; 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: 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 #fedb42; 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-t{ width: 1200px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.product-t .o-link{ width: 100%; line-height: 30px; display: block;}
.product-main{ width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.product-menu02{ width: 210px; display: block; overflow: hidden; float: left;}
.product-menu02 a{ width: 90%; padding: 10px 5%; display: block; overflow: hidden; line-height: 24px; font-size: 18px; background: #fedb42; color: #5f585a; margin: 2px 0;}
.product-menu02 a i{ width: 100%; display: block; overflow: hidden; font-size: 16px;}
.product-menu02 a.active{ background: #5f585a; color: #fff;}
.product-menu02 a:hover{ background: #5f585a; color: #fff;}
.product-menu02 label{ display: none;}
.product-right{ width: 900px; float: right; display: block; overflow: hidden;}
.product-li{ width: 900px; display: block; overflow: hidden;}
.product-li li{ width: 275px; height: 300px; display: block; overflow: hidden; margin: 0 0 25px 25px; float: left; position: relative; background:  url(../img/idx-pro-bac.png) no-repeat center bottom; background-size: 100%; padding-bottom: 7px;}
.product-li li:hover span{ -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s; background: #f1f1f1;}
.product-li li span{ width: 100%; height: 300px; background: #f9f9f9; display: block; overflow: hidden;}

.product-d-t{ width: 1200px; display: block; overflow: hidden; margin: 40px auto 0 auto;}
.product-d-t .t-left{ width: 510px; height: 260px; border: 2px solid #f1f1f1; margin: 60px; float: left;}
.product-d-t .t-left span{ width: 420px; height: 300px; margin: -20px auto 0 auto; background: #fff; display: block; overflow: hidden;}
.product-d-t .t-left span img{ max-width: 100%; margin: 0 auto; display: block; overflow: hidden;}
.product-d-t .t-right{ width: 500px; padding: 50px 0; margin: 0 60px 0 0; float: right; display: block; overflow: hidden; border-bottom: 1px solid #eee;}
.product-d-t .t-right em{ width:100%; display: block; overflow: hidden; font-size: 24px; font-weight: bold; line-height: 40px;}
.product-d-t .t-right p{ width:100%; display: block; overflow: hidden; padding: 5px 0; line-height: 24px;}

.product-d-cot-lam{ width: 1200px; display: block; overflow: hidden; margin: 50px auto 0 auto; font-size: 30px; font-weight: bold; color: #fedb42;}
.product-d-cot{ width: 1200px; display: block; overflow: hidden; margin: 10px auto 100px auto;}
.product-d-cot img{ max-width: 100%;}

/*contact*/
.contact-main{ width: 100%; background: #f3f3f3; display: block; overflow: hidden; margin: 0 auto;}
.contact-sub{ width: 1200px; display: block; overflow: hidden; margin: 70px auto;}
.contact-bot{ width: 100%; display: block; overflow: hidden;}
.contact-pic{ float: right; width: 65%; display: block; overflow: hidden; margin: 20px 0 0 0;}
.contact-pic img{ width: 100%; float: left;}
.contact-cot{ float: left; width: 30%; display: block; overflow: hidden; line-height: 24px; color: #666; margin: 20px 0 0 0;}
.contact-cot span{ display: block; overflow: hidden; border-top: 1px solid #fedb42; padding: 10px 0;}
.contact-qq{ width: 200px; line-height: 40px; background: #d9b765; 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: 70px auto;}
.qua-main ul li{ width: 1200px; display: block; overflow: hidden; margin: 0 auto 30px auto; border-bottom: 1px solid #eee; padding: 0 0 30px 0;}
.qua-main ul li .left{ width: 880px; height: 440px; float: left; display: block; overflow: hidden; background: #eee;}
.qua-main ul li .left .num{ width: 50px; height: 60px; position: absolute; margin: 20px; z-index: 999; display: block; overflow: hidden;}
.qua-main ul li .left .num em{ width: 100%; text-align: center; line-height: 40px; color: #fff; background: #fedb42; display: block; overflow: hidden; font-size: 20px;}
.qua-main ul li .left .num i{ width: 100%; text-align: center; line-height: 20px; color: #fff; background: #333; display: block; overflow: hidden;}
.quapic{ width: 880px; height: 440px; display: block; overflow: hidden;}
.quapic .swiper-slide{ width: 100%;}
.quapic .swiper-slide img{ width: 100%; float: left;}
.quapic .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #fff!important;}
.quapic .swiper-pagination-bullet-active{ background-color: #fedb42!important;}
.quapic .swiper-button-next{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/right.png); background-size: 100% !important; right: 10%;}
.quapic .swiper-button-prev{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/left.png); background-size: 100% !important; left: 10%;}
.quapic img{ width: 100%; height: 440px; float: left; display: block; overflow: hidden;}
.quapic em{ width: 96%; max-height: 440px; padding: 10px 2% 30px 2%; line-height: 24px; font-size: 16px; float: left; display: none; overflow: hidden; background: rgba(0,98,157,.7); color: #fff; position: absolute; bottom: 0;}
.quapic:hover em{ display:block;}
.qua-main ul li .right{ width: 270px; height: 440px; float: right; display: block; overflow: hidden;}
.qua-main ul li .right .lam{ width: 100%; display: block; overflow: hidden; font-size: 24px; line-height: 30px; padding: 0 0 20px 0; background: url(../img/qua-bac.jpg) no-repeat left bottom;}
.qua-main ul li .right .li{ width: 100%; display: block; overflow: hidden; margin: 20px 0 0 0;}
.qua-main ul li .right .li em{ width: 100%; display: block; overflow: hidden; line-height: 24px; font-size: 16px;}
.qua-main ul li .right .li span{ width: 100%; display: block; overflow: hidden; line-height: 24px; font-size: 16px; font-weight: bold; margin: 5px 0; background: url(../img/aprobac.png) no-repeat left center; background-size: 8px;}
.qua-main ul li .right .li span i{ font-weight: normal; width: 100%; display: block; overflow: hidden; text-indent: 15px;}
.qua-main ul li .right .li span i:hover{ text-decoration: underline;}
.qua-main ul li .right .dec{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
.qua-main ul li .right .dec span{ width: 100%; display: block; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; padding: 0 0 5px 0;}
.qua-main ul li .right .dec a{ color: #fedb42;}
.qua-main ul li .right .pic{ width: 100%; height: 85px; display: block; overflow: hidden; margin: 10px 0 0 0;}
.qua-main ul li .right .pic span{ width: 80px; height: 80px; float: left; margin: 0 10px 0 0; display: flex; align-items: center; overflow: hidden;}
.qua-main ul li .right .pic span img{ max-width: 100%;}
.qua-main ul li .right .pic span.video{ background: #ccc;}
.qua-main ul li .right .pic span label{ width: 100%; height: 180px;background: url(../img/play.png) no-repeat center center; display: block; overflow: hidden; cursor: pointer;}
.qua-main ul li .right .pic span.video:hover{ background: #666;}

.res-main{ width: 100%; background: #f3f3f3; display: block; overflow: hidden; margin: 0 auto;}
.res-main .o-lam{ max-width: 1200px; margin: 100px auto 0 auto;}
.resources{ width:1125px; display: block; overflow: hidden; margin: 0 auto 80px auto;}
.resources li{ width: 265px; height: 380px; padding: 40px; display: block; overflow: hidden; background: #fff; margin: 15px; float: left; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}
.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: 14px; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.resources li .dec.d2{ max-height: 150px;}
.resources li a{ float: right; font-size: 14px; color: #d9b765;}



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

	/*header*/
	header{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
	.header-sub{ width: 90%; height: auto;}
	.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 .nava{ float: left; width: 90%; height: auto; padding: 10px 0; line-height: auto; color: #fff; border-bottom: 1px solid #333; text-align: left; margin: 0 0 0 5%;}
	.header-sub nav .sub{ width: 100%; margin: 0; height: auto; padding: 10px; background: none;position: static;}
	.header-sub nav .sub a{ width: 33.33%; float: left;margin: 0; font-size: 14px; text-align: left;}
	.header-sub nav a{ color: #ffff;}
	.header-sub .nava{ background: none!important;}
	
	.logo{ left: 5%; margin: 28px 0 0 0;}
	.header-sub .lang{ width: 40px; height: 40px; line-height: 40px; font-size: 14px;margin: 25px 30px 0 0;}

	
	.top-pic span{ height: 150px; background-size: auto 100%!important;}
	
	.idxban{ width: 100%; max-width: 1920px; height: 250px; display: block; overflow:hidden; margin: 0 auto;}
	.ban{ width: 100%; height: 250px;}
	.ban .swiper-slide{ width: 100%; height: 250px;}
	.ban .swiper-slide a{ background-size: 120%; background-position:center bottom -1px;}
	.banright{ display: none;}
	
	.bann{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #fff;}
	.bann img{ margin: 0 auto 0 -50%; max-width: 1300px; width: auto; height: 180px; display: block; overflow: hidden; padding: 0;}


	.idx-cp{ width: 90%; margin: 50px auto; display: block; overflow: hidden;}
	
	.idx-mid{ background-size: auto 100%!important; margin: 30px 0 0 0;}
	
	/*index-product*/
	.idx-pro{ width: 90%; margin: 50px auto; display: block; overflow: hidden;}
	.idx-pro ul{ width: 100%;}
	.idx-pro ul li{ width: 49%; height: 200px; float: left; margin: .5%;}
	.idx-pro ul li span{ width: 100%; height: 202px;}
	.idx-pro ul li span img{ max-height: 100%;}
	.idx-pro>.right{ width: 100%; min-height: auto; padding: 0;}
	.idx-pro>.right>.a a{ width: 48%; font-size: 14px; float: left; margin: 0 2% 0 0;}


	.idx-link{ width: 90%; margin: 30px auto 0 auto;}
	.idx-link ul li{ width: 50%; height: 180px;}
	.idx-link ul li span{ height: 80px; background-size: 60px!important; }
	.idx-link ul li em{font-size:14px;}
	.idx-link ul li p{font-size: 18px;}

	.idx-link2{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #fedb42;}
	.idx-link2 ul{ width: 100%; margin: 0 auto;}
	.idx-link2 ul li{ width: 50%; height: 100px;}
	.idx-link2 ul li em{ font-size:24px;}


	.idx-about{ margin: 30px auto 0 auto;}
	.idx-about .left{ width: 100%; height: 260px;}
	.idx-about .right{ width: 100%; height: auto;}
	.idx-about .right .tit{ width: 90%; margin: 30px 0 0 5%;}
	.idx-about .right .cot{ width: 90%; height: auto; margin: 30px 0 0 5%;}
	.idx-about .right .more{ width: 40%; margin: 30px 0 30px 30%;}
	.idx-about .right .more:hover{ background: #fedb42; color: #333; border-color:#fedb42;}

	.idx-news{ width: 100%; margin: 50px auto;}
	.idx-news ul{ width: 90%; height: 260px; margin: 20px auto; float: none;}
	.idx-news ul li{ width: 48%; height: auto; padding: 1%; border-right: none; }
	.idx-news ul li span{ width: 100%; height: 100px;}

	/*about*/
	.o-lam{ width: 100%; display: block; overflow: hidden;}
	.o-lam em{ width: 100%;}

	.about-t{ width: 90%; margin: 50px auto 0 auto; display: block;}
	.about-cot{ width: 100%; float: right; margin: 20px 0 0 0; padding: 0;}
	.about-t .o-lam{ width: 100%; margin: 0;}
	.about-sub{ width: 100%; height: auto; margin: 50px auto 0 auto; display: block; overflow: hidden;}
	.about-m{ width: 100%;}
	.about-m-pic{ width: 90%; position: static; margin: 20px 0 0 5%;}
	.about-m-pic img{ width: 100%; float: left;}
	.about-m-cot{ width: 90%; margin: 20px 5% 0 0;}
	.about-m-cot>.li{ margin: 10px 0;}
	.about-m-cot>.li em{ width: 100%; margin: 10px 0 0 0;}
	.about-m-cot>.li em i{ display: block;}

	.fzlc{ width: 100%; margin: 50px auto;}
	.fzlcbac{ line-height: 40px;}
	.fzlc ul{ width: 90%; display: block; overflow: hidden; margin: 15px auto 0 auto;}
	.fzlc ul li{ width: 100%; display: block; overflow: hidden; margin: 0; padding: 0; float: left; background: url(../img/fzlcbac02.png) no-repeat left top -10px;}
	.fzlc ul li:nth-child(even){ margin: 0; padding: 0; background: url(../img/fzlcbac02.png) no-repeat left top -10px;}
	.fzlc ul li em{ width: 90%;}
	.fzlc ul li span{ width: 90%; padding-bottom: 20px;}


	.honors{ width: 90%; margin: 50px auto;}
	.honors-li{ width: 100%; margin: 0 auto;}
	.honors-li li{ width: 49%; height: auto; max-height: 300px; margin: 5% 1% 0 0;}
	.honors-li li img{ width: 100%;}
	
	/*news*/
	
	/*news*/
	.news-main{ margin: 50px auto; padding: 0;}
	.news-lam{ width: 90%;}
	.news-lam .type { width: 100%;}
	.news-lam .type a{ width: 100%; padding: 0; margin: 0; text-align: center; }
	.news-lam .type a.active{ background: #fedb42; color: #fff;}
	.news-ul{ width: 100%;}
	.news-ul>.l{ width: 100%;}
	.news-ul>.l ul li{ background: #fff; width: 90%; padding: 10px 5%; border-bottom: 1px solid #eee;}
	.news-ul>.l ul li .n-time{ width: auto; padding: 0 10px; height: 30px; line-height: 30px; font-size: 16px; margin: 20px 0 0 0; text-align: center; position: static;}
	.news-ul>.l ul li .n-time em{ font-size: 16px; width: auto; margin: 0 10px 0 0; float: left;}
	.news-ul>.l ul li .n-info{ width: 100%; height: auto; padding: 0; display: block; overflow: hidden; float: right; background: #fff;}
	.news-ul>.l ul li .n-info em{ width: 100%; height: 50px; line-height: 50px; font-size: 18px; display: block; overflow: hidden; margin: 0 0 0 0;}
	.news-ul>.l ul li .n-info span{ height: auto; line-height: 24px; font-size:14px;}
	.news-ul>.l ul li:hover .n-time{ background: #fedb42;}
	.news-ul>.l ul li:hover a{ border: none;}

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

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

	.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;}

	.news-main .page2{ margin: 20px 0 0 5%;}
	
	/*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: #fedb42; 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-nav{ width: 100%; padding: 20px 0; line-height: 40px; margin: 10px auto;}
	.f-nav a{ margin: 0; font-size: 14px; display: block; overflow: hidden; float: left; min-width: 33%; text-align: center;}
	.f-top{ width: 90%; padding: 30px 0;}
	.f-top .f-l{ width: 100%;}
	.f-top .f-l p{ text-align: center;}
	.f-top .f-r{ width: 30%; margin: 10px auto; float: none;}
	.f-info{ width:100%; line-height: 24px; padding: 15px 0;}
	

	/*product*/
	.product-t{ width: 90%;}
	.product-main{ width: 90%;}
	.product-menu02{ width: 100%; height: 50px;}
	.product-menu02 label{ display: block; overflow: hidden; width: 100%; height: 50px; background: #fedb42; text-align: center; line-height: 50px; color: #fff;}
	.product-menu02.active{ height: auto;}

	.product-right{ width: 100%; margin: 30px 0 0 0;}
	.product-li{ width: 100%; display: block; overflow: hidden;}
	.product-li li{ width: 100%; max-height: 345px; height: auto; margin: 0 0 25px 0;}
	.product-li li em{ display: block; padding: 10px 0;}
	.product-li li img{ width: 100%;}

	.product-d-t{ width: 100%; margin: 40px auto 0 auto;}
	.product-d-t .t-left{ width: 100%; height: auto; border: none; margin: 0;}
	.product-d-t .t-left span{ width: 90%; height: auto; margin: 0 auto;}
	.product-d-t .t-left span img{ width: 100%;}
	.product-d-t .t-right{ width: 90%; padding: 30px 0; margin: 0 auto; float: none;}
	.product-d-cot-lam{ width: 90%; margin: 30px auto 0 auto;}
	.product-d-cot{ width: 90%; margin: 10px auto 100px auto;}

	/*quality*/
	.qua-main{ width: 100%; margin: 0 auto;}
	.qua-main ul li{ width: 100%;  padding: 0;}
	.qua-main ul li .left{ width: 100%; height: auto;}
	.quapic{ width: 100%; height: 200px; display: block; overflow: hidden;}
	.quapic .swiper-slide{ width: 100%; height: 200px;}
	.quapic img{ width: 100%; height: 100%;}
	.qua-main ul li .right{ width: 90%; height: auto; padding: 10px 5%;}
	.qua-main ul li .right .lam{ width: 100%;}
	.qua-main ul li .right .li{ width: 100%;}
	.qua-main ul li .right .li em{ width: 100%;}
	.qua-main ul li .right .li span{ width: 100%; }
	.qua-main ul li .right .dec{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.qua-main ul li .right .dec span{ width: 100%; display: block; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; padding: 0 0 5px 0;}
	.qua-main ul li .right .dec a{ color: #fedb42;}
	.qua-main ul li .right .pic{ width: 100%; height: 85px; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.qua-main ul li .right .pic span{ width: 80px; height: 80px; float: left; margin: 0 10px 0 0; display: flex; align-items: center; overflow: hidden;}
	
	.res-main{ width: 100%; ;}
	.resources{ width:100%; margin: 30px auto;}
	.resources li{ width: 90%; height: auto; padding: 5%; margin: 0 0 5% 0; float: left; box-shadow: none;}
	.resources li .dec{ width: 100%; max-height: auto; line-height: 24px;}
	.resources li .dec.d2{ max-height: auto;}

}

@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; width: auto; float: left; margin: 30px 0;}
	.logo img{ height: 30px; width: auto; 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 .nava{ float: left; width: 100%; height: auto; padding: 10px 0; line-height: auto; color: #fff;}
	.header-sub nav .sub{ width: 100%; margin: 0; height: 0; background: none;position: static;}
	.header-sub nav .sub a{ width: 33.33%; float: left;margin: 0; font-size: 14px;}
	.header-sub nav .sub a:hover{ color: #2aa588;}
	.header-sub nav a{ color: #ffff;}
	.header-sub .nava:nth-last-child(odd){ background: rgba( 0,0,0,.3);}
	
	.top-pic.t2{ height: 200px; background-size: auto 100%!important;}
	
	.idxban{ width: 100%; max-width: 1920px; height: 150px; display: block; overflow:hidden; margin: 0 auto;}
	.ban{ width: 100%; height: 150px;}
	.ban .swiper-slide{ width: 100%; height: 150px;}
	.ban .swiper-slide img{ height: 150px;}
	.banright{ display: none;}

	
	.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-top{ width: 100%; margin: 50 auto 0 auto;}
	.idx-top ul li{ width: 25%; padding: 80px 0 20px 0;background-size: 80px!important;}

	.idx-m ul li{ width: 100%; }
	.idx-m ul li .pic{ width: 50%; height: 280px;}
	.idx-m ul li .cot{ width: 40%; padding: 0 5%; }
	.idx-m ul li .cot .sub{ width: 100%; margin: 30px 0;}
	.idx-m ul li .cot .sub em{ font-size: 18px;}
	.idx-m ul li .cot .sub span.mn{ margin: 0;}
	
	.idx-cp{ width: 40%; margin: 50px auto; display: block; overflow: hidden;}

	
	.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: #fedb42; 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;}
	
	
	
	/*about*/
	.abouts-ban{ width: 50%; display: block; overflow: hidden; margin: 0 auto;}
	.abouts-ban img{ width: 100%; float: left;}
	.abouts-m{ width: 100%; margin: 50px auto;}
	.abouts-cot{ width: 90%; text-align: justify; font-size: 14px;}
	.abouts-cot img{ max-width: 100%;}
	.abouts-pic{ width: 50%; display: block; overflow: hidden; margin: 50px auto;}
	.abouts-bot{ width: 100%; margin: 50px auto;}

	
	/*news*/
	
	/*news*/
	.news-lam{ width: 100%;}
	.news-lam .type { width: 90%;}
	.news-lam .type a{ width: 33.33%; padding: 0; margin: 0; text-align: center; }
	.news-lam .type a.active{ background: #fedb42; color: #fff;}
	.news-ul{ width: 90%;}
	.news-ul>.l{ width: 100%;}
	.news-ul>.l ul li{ background: #fff; width: 90%; padding: 3px 5%;}
	.news-ul>.l ul li .n-time{ width: auto; padding: 0; height: 50px; margin: 20px 0 0 0; text-align: center; position: static;}
	.news-ul>.l ul li .n-time em{ font-size: 24px; width: auto; margin: 0 10px 0 0; float: left;}
	.news-ul>.l ul li .n-info{ width: 100%; height: 180px; padding: 0; display: block; overflow: hidden; float: right; background: #fff;}
	.news-ul>.l ul li .n-info em{ width: 100%; height: 50px; line-height: 50px; font-size: 24px; display: block; overflow: hidden; margin: 0 0 0 0;}
	.news-ul>.l ul li .n-info span{ width: 100%; height: 60px; line-height: 30px; font-size:16px; color: #999; display: block; overflow: hidden;}
	.news-ul>.l ul li:hover .n-time{ background: #fedb42;}
	.news-ul>.l ul li:hover a{ border: none;}

	.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: #fedb42; 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-left{ width: 90%; padding: 30px 5%; }
	.contact-left label{ font-size: 16px;}
	.contact-left label i{ font-size: 18px;}
	.contact-right{ float: right; width: 90%; padding: 30px 5%; height: auto;}
	.contact-right .form{ width: 100%; margin: 0;}
	.contact-right .form .li{ width: 98%; border: 1px solid #888;}
	.contact-right .form .li label{ width: 40%; margin: 2px 0 0 0;}
	.contact-right .form .li input{ width: 48%; padding: 0 5%;}
	.contact-right .form .li.l2 textarea{ width: 90%; padding: 5px 5%; }
	.contact-right .qrcodes{ float: left; width: 100%; margin: 0;}
	.contact-right .qrcodes span{ width: 42%; display: block; overflow: hidden; margin: 0 0 0 5%; float: left;}
	.contact-right .qrcodes span img{ width: 100%; float: left;}
	.contact-right .qrcodes span em{ width: 100%; text-align: center; line-height: 30px; display: block; overflow: hidden;}

	/*footer*/
	footer{ width: auto; background: #3e3a39;}
	.f-top{ width: 90%; padding: 50px 0 30px 0;}
	.f-top>.f-r{ width: 100%; float: right; margin: 50px 0 0 0;}
	.f-top>.f-r img{ width: 60%; float: none; margin: 0 20%;}
	.f-top>.f-r em{ width: 100%; line-height: 30px; float: left; display: block; overflow: hidden; color: #ccc; font-size: 20px; font-weight: bold; text-align: center; margin: 10px 0 0 0;}
	.f-top>.f-r a{ width: 100%; height: auto; margin: 10px auto; text-align: center;}
	.f-top>.f-r a:hover{ opacity: 1;}
	.f-top>.f-nav{ width: 100%;}
	.f-top>.f-nav ul li{ width: 16.6%; min-height: 120px;}
	.f-info{ width: 90%; line-height: 24px;}


	/*product*/
	.product-main{ width: 100%; margin: 30px auto;}
	.product-lam{ width: 90%; display: block; margin-left: 5%;}
	.product-lam ul li{ width: 50%; display: block; overflow: hidden; margin: 0 0 0 0;}
	.product-lam ul li .p-type{ width: 100%;}

	.product-lam>.a{ width: 100%; display: block; overflow: hidden;}
	.product-lam>.a span{ width: 100%; display: block; overflow: hidden; background: #fff;}
	.product-lam>.a span em{ width: 90%; padding: 0 5%; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; display: block; overflow: hidden;}
	.product-lam>.a a{ width: 40%; line-height: 30px; padding: 5px 5%; float: left;}
	.product-lam>.a a:last-child{ border: none;}
	.product-lam>.a a:hover{ background: #fedb42; color: #fff;}
	.product-lam>.a a.active{ background: #fedb42; color: #fff;}
	.product-lam .othera{ width: 100%; display: block; overflow: hidden; margin: 30px 0; border-radius: 50px;}
	.product-lam .othera .lam2 label{background: url(../img/play.png) no-repeat right 10px center; background-size: 40px;}
	.product-lam .othera img{ width: 100%; display: none;}

	.product-ul{ width: 100%;}
	.product-ul .ut{ width: 100%;}
	.product-ul .ut li{ width: 42.5%; height: 300px; margin: 0 0 0 5%;}
	.product-ul .ut li span{ width: 100%; height: 250px; }
	.product-ul .ut li.video label{ width: 100%; }

	.product-details{ width: 100%; display: block; overflow: hidden; float: right;}
	.product-details .links{ width: 90%; line-height: 30px; font-size: 24px; padding: 20px 5%;}
	.product-details .info{ width: 90%; padding: 20px 5%;}
	.product-details .info .pic2 span{ width: 100%; margin: 0 0 10px 0;}
	.product-details .show{ width: 90%; margin: 0 auto;}
	.product-details .show em{ width: 90%; display: block; overflow: hidden; line-height: 50px; font-size: 18px; font-weight: bold;}
	.product-details .show span{ width: 100%; height: auto;float: left; margin: 0 0 10px 0; }
	.product-details .show span img{ width: 100%; float: left;}
	.product-details .break-nav{ display: none;}
	.nbsp1{ width: 100%; display: block; overflow: hidden; background: #fedb42;}
	.nbsp1 .sub{ width: 90%; height: auto; display: block; overflow: hidden; margin: 0 auto; color: #fff;}
	.nbsp1 .sub a{ color: #fff; line-height: 20px;}
	.break-nav{ width: 100%; display: block; overflow: hidden; line-height: 20px; padding: 5px 0;}
	.break-nav a{ margin: 0 5px 0 0;}

	/*quality*/
	.qua-main{ width: 100%; margin: 0 auto;}
	.qua-main ul li{ width: 90%;  padding: 0;}
	.qua-main ul li .left{ width: 50%; height: auto;}
	.quapic{ width: 100%; height: 200px; display: block; overflow: hidden;}
	.quapic .swiper-slide{ width: 100%; height: 200px; background: #fff;}
	.quapic img{ width: 100%; height: auto;}
	.qua-main ul li .right{ width: 45%; height: auto; padding: 10px 0 0 5%;}
	.qua-main ul li .right .lam{ width: 100%;}
	.qua-main ul li .right .li{ width: 100%;}
	.qua-main ul li .right .li em{ width: 100%;}
	.qua-main ul li .right .li span{ width: 100%; }
	.qua-main ul li .right .dec{ width: 100%; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.qua-main ul li .right .dec span{ width: 100%; display: block; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; padding: 0 0 5px 0;}
	.qua-main ul li .right .dec a{ color: #fedb42;}
	.qua-main ul li .right .pic{ width: 100%; height: 85px; display: block; overflow: hidden; margin: 10px 0 0 0;}
	.qua-main ul li .right .pic span{ width: 80px; height: 80px; float: left; margin: 0 10px 0 0; display: flex; align-items: center; overflow: hidden;}

}