* { margin: 0; border: 0; padding: 0; }
body { font-size: 12px; font-family: "微软雅黑", microsoft yahei; color: #000; }
a { color: inherit; outline: none; text-decoration: none; transition: 0.3s linear 0s; }
ul, li { list-style-type: none; }
.dis { display: inline-block; }
.dis-t { display: inline-block; vertical-align: top; }
.dis-m { display: inline-block; vertical-align: middle; }
.div-b { display: inline-block; vertical-align: bottom; }
.img, .contect1 ul li .pro img, .pro-hover img, .contect2-bottom img { display: block; width: 100%; }
.float-l { float: left; }
.float-r { float: right; }
.product-choose1 a:hover, .product-choose1 .on { color: #fba51a; }
.por-menu ul li:first-child { margin-left: 0; }
.top1 ul li .on { border-color: #fba51a; }
#bannershow_b1 img { display: block; width: 100%; }
/*product-deatil*/
#ibody { }
#ibody_detail { padding: 40px 30px 20px 30px; font-size: 16px; color: #777; }
#ibody_detail .imgr { display: block; width: 40%; float: right; padding: 0 0 20px 40px; }
#ibody_detail .imgl { display: block; width: 40%; float: left; padding: 0 40px 20px 0; }
#ibody_detail p { text-indent: 2em; line-height: 2; padding-bottom: 20px; }
.productdetail_a1 { overflow: hidden; }
.productdetail_a1 .pimg { position: relative; text-align: center; width: 50%; max-height: 298px; border: solid 1px #e8e8e8; padding: 1%; float: left; height: 50vw; }
.productdetail_a1 .pul { width: 40%; float: right; }
.productdetail_a1 .pul>li { line-height: 24px; margin: 5px 0; font-size: 16px; color: #777; }
.productdetail_a1 .pul>li.name { color: #003f96; font-size: 18px; }
.productdetail_a1 .pul>li.list a { color: #009c73; }
.productdetail_a1 .pul>li.shang { margin-top: 30px; margin-bottom: 30px; }
.productdetail_a1 .detail { width: 100%; overflow: auto; }
.productdetail_a1 .til1 { margin: 15px 0; padding: 20px; font-size: 20px; border-bottom: solid 1px #e8e8e8; border-left: 4px solid #003f96; }
.productdetail_a1 .detail p { padding: 10px 0; line-height: 30px; font-size: 16px; text-indent: 2em; color: #777 }
.productdetail_a1 .pul>li a.more { color: #003f96; display: inline-block; font-weight: lighter; border: 1px solid #003f96; position: relative; transition: 0.6s; padding: 7px; padding-left: 25px; padding-right: 25px; font-size: 16px; z-index: 1; }
.productdetail_a1 .pul>li a.more::before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #003f96; z-index: -1; transition: 0.6s; }
.productdetail_a1 .pul>li a.more:hover { color: #fff; }
.productdetail_a1 .pul>li a.more:hover::before { width: 100%; }
.productdetail_a1 .pul>li a.more.on { background: #003f96; color: #fff; }
.productdetail_a1 .pul>li:last-child { display: none; }
.product_title { margin-bottom: 30px; text-align: center; color: #fba51a; font-size: 36px; }
.productdetail_b1 img { width: 100%; display: block; }
.more, .caseback { transition: 0.3s ease 0s; color: #fff; margin: 0 auto; display: none; width: 140px; float: none; background: #fba51a; clear: both; text-align: center; border-radius: 5px; font-size: 16px !important; line-height: 32px !important; }
.caseback:hover { opacity: 1; }
.caseback { display: block; margin-top: 30px; opacity: 0.8; }
/*prodcut-deatil*/
.pul p { width: 72%; vertical-align: top; display: inline-block; }
.pul li:first-child { margin-bottom: 10px; }
.pul h2, .pul h2 p, .pul h2 span { color: #003f96; font-size: 16px; font-weight: bold; }
.pul h2 { margin-bottom: 20px; }
.pimg img { transition: none; display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; }
/*contect1*/
.pro-dis ul div { max-height: 300px; height: 15vw; overflow: hidden; width: 100%; }
.contect1 { margin-top: 5%; overflow: hidden; margin-bottom: 1%; padding: 1% 0; background: #f5f5f5; width: 100%; }
.contect1 ul { display: inline-block; width: 100%; }
.contect1 ul li { margin-left: 1%; float: left; width: 32%; }
.contect1 a { overflow: hidden; height: 100%; width: 100%; position: relative; display: block; }
.pro { width: 100%; height: 100%; overflow: hidden; position: relative; }
.contect1 a:hover .pro img { transition: 0.5s linear 0s; transform: scale(1.1); }
.pro img { transition: 0.5s linear 0s; }
.pro p { opacity: 1; transition: 0.3s linear 0s; left: 4.9%; text-transform: uppercase; bottom: 8.5%; position: absolute; color: #fff; font-size: 30px; }
.contect1 a:hover .pro p { opacity: 0; transition: 0.3s linear 0s; }
.pro p span:last-child { font-size: 14px; margin-left: 10px; }
.pro-hover { transition: 0.5s linear 0s; opacity: 0; background: rgba(0,0,0,0.5); height: 100%; left: 0; top: 0; position: absolute; width: 100%; }
.pro-hover div { height: 100%; position: relative; width: 100%; }
.pro-hover div p { transition: 0.5s ease 0s; transform: translatex(100%) scale(0); filter: alpha(opacity=0); opacity: 0; margin-top: -32px; text-align: center; width: 100%; font-size: 30px; color: #fff; position: absolute; top: 50%; }
.pro-hover div p span { display: block; }
.pro-hover div p span:last-child { font-size: 14px; margin-top: 5px; }
.contect1 a:hover .pro-hover { transition: 0.5s linear 0s; opacity: 1; }
.contect1 a:hover .pro-hover img, .contect1 a:hover .pro-hover div p { transition: 0.5s ease 0.1s; transform: translatex(0) scale(1); opacity: 1; }
.pro-hover img { transition: 0.5s ease 0s; transform: translatex(-100%) scale(0); filter: alpha(opacity=0); opacity: 0; }
/*contect2*/
.contect2-bottom { padding-top: 3.2%; display: inline-block; width: 100%; overflow: hidden; }
div#header1 { overflow: hidden; width: 88%; }
.contect2 { height: 100%; position: relative; }
.contect2-right { margin-left: 1px; width: 49.9%; overflow: hidden; height: 100%; position: absolute; top: 0; left: 50%; }
.contect2-left { overflow: hidden; width: 50%; }
.contect2-top1 { font-size: 14px; color: #fba51a; }
.contect2-top1:before { margin-right: 10px; margin-top: -1px; width: 60px; border-top: 1px solid #fba51a; vertical-align: middle; display: inline-block; content: ''; }
.contect2-top2 { margin: 6.3% 0 3.1%; text-transform: uppercase; font-family: arial; font-size: 0.93vw; color: #ccc; }
.contect2-top2 p:first-child { font-weight: bold; }
.p-title { font-size: 1.8vw; color: #333; }
p.p-detail { text-align:left; max-height: 130px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; margin: 5.5% 0 6%; font-size: 14px; color: #666; }
.contect2-top3 a, .contect3-left a { line-height: 50px; width: 160px; position: relative; border: 1px solid #fba51a; border-radius: 4px; font-size: 14px; line-height: 2.6vw; color: #fba51a; width: 8.3vw; display: inline-block; text-align: center; min-width: 110px; }
.contect2-top3 a:before, .contect3-left a:before { position: absolute; height: 100%; top: 0; left: 0; background: #fba51a; content: ''; transition: 0.2s linear 0s; width: 0; z-index: -1; }
.contect2-top3 a:hover, .contect3-left a:hover { color: #fff; }
.contect2-top3 a:hover:before, .contect3-left a:hover:before { width: 100%; transition: 0.2s linear 0s; }
.contect2-bottom ul li { overflow: hidden; position: relative; margin-right: 1px; width: 33%; float: left; }
.contect2-top { padding: 6.3% 0 3.6% 10.4%; }
.contect2-bottom ul li a:before { opacity: 0.4; height: 100%; background: #000; width: 100%; content: ''; left: 0; position: absolute; top: 0; transition: 0.5s linear 0s; }
.contect2-bottom ul li a:hover:before { transition: 0.5s linear 0s; opacity: 0; }
.contect2-bottom a, .pro-dis ul li a { display: block; }
.btn { text-align: right; top: 0; position: absolute; left: 0; width: 100%; }
.btn:after { border-top: 1px solid #ddd; content: ''; display: inline-block; width: 12.5%; vertical-align: middle; }
.leftloop .prev:hover img, .leftloop .next:hover img { transition: 0.5s ease 0s; transform: rotatey(360deg); }
/* 多个左滚动 - 公用类 */ 
.leftloop { position: absolute; bottom: 0; }
.leftloop .prev, .leftloop .next { margin-right: 1.8%; vertical-align: middle; z-index: 9; top: 0; text-align: center; color: #333; display: inline-block; overflow: hidden; cursor: pointer; font-size: 20px; height: 13px; width: 7px; }
.leftloop .prev:hover, .leftloop .next:hover { }
.leftloop .prev { left: 0px; }
.leftloop .next { right: 0px; }
.leftloop .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; }
.leftloop .hd ul li { position: relative; _display: inline; float: left; width: 10px; height: 10px; overflow: hidden; background: #ccc; margin-right: 10px; text-indent: -999px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: ; }
.leftloop .hd ul li.on { background: #f00; }
.leftloop .bd ul { overflow: hidden; zoom: 1; }
.leftloop .bd ul li { text-align: center; float: left; display: _inline; background: #e5e5e5; }
.title p { font-size: 22px; opacity: 0; display: none; }
.leftloop .bd ul li a>p { line-height: 50px; color: #353535; background: #f2f2f2; font-size: 18px; }
/*contect3*/
.contect3 { margin-top: 5.2%; }
.contect3-top, .pro-dis ul { display: inline-block; width: 100%; }
.contect3-right { float: right; }
.contect3-left { width: 34.3%; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; }
.contect3-right { overflow: hidden; width: 65.7%; }
.pro-title span:first-child { font-size: 50px; margin-bottom: 3%; color: #fba51a; font-weight: bold; font-size: 2.5vw; }
.pro-title span { font-size: 18px; text-transform: uppercase; display: block; color: #666; font-size: 0.94vw; }
span.line { display: inline-block; margin: 7.6% 0 11.4%; width: 19.1%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.contect3-left div { margin: 13.6% auto 0; width: 79.5%; }
.contect3-top { position: relative; }
.contect3-left:after { z-index: -1; width: 100%; height: 8.57%; position: absolute; content: ''; bottom: 0; left: 0; background: #f5f5f5; }
.contect3-left:before { left: 10.25%; bottom: 5.7%; z-index: 1; border-right: 1px solid #fba51a; border-left: 1px solid #fba51a; position: absolute; height: 6.4%; content: ''; }
.p-detail.pro-detail { margin: 0 0 15.3%; }
.contect3-bottom { overflow: hidden; width: 100%; /*background:#f5f5f5;*/ margin-top: -5px; position: relative; padding: 2.1% 0 5.75%; }
.por-menu ul li { font-size: 16px; display: inline-block; color: #000; }
.por-menu, .pro-dis { clear: both; margin-left: 4.2%; width: 95.8%; }
.por-menu ul li a { border: 2px solid transparent; padding: 0 17px; display: block; line-height: 30px; border-radius: 15px; }
.por-menu ul li { width: auto; font-size: 16px; display: inline-block; color: #000; }
.pro-dis ul li { margin-bottom: 0; overflow: hidden; background: #fff; text-align: center; margin-left: 3.97%; width: 20.94%; float: left; }
.pro-dis ul li a { border: none; background: none; }
.contect3 .pro-dis ul li:nth-child(2) { transition-delay: 0.1s; }
.contect3 .pro-dis ul li:nth-child(3) { transition-delay: 0.2s; }
.contect3 .pro-dis ul li:nth-child(4) { transition-delay: 0.3s; }
.contect4 .pro-dis ul li:nth-child(1) { transition-delay: 0.3s; }
.contect4 .pro-dis ul li:nth-child(2) { transition-delay: 0.2s; }
.contect4 .pro-dis ul li:nth-child(3) { transition-delay: 0.1s; }
.contect4 .pro-dis ul li:nth-child(4) { transition-delay: 0s; }
.pro-dis ul li p { display:none; /* padding: 0 4%; */ font-size: 16px; line-height: 60px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contect3-bottom:after { z-index: -1; left: 0; top: 0; position: absolute; background: #f5f5f5; width: 81.25%; height: 100%; content: ''; }
.por-menu { margin-bottom: 2.09%; }
.pro-dis ul li img { height: 100%; width: auto; transform: scale(1); transition: 0.8s linear 0s; }
.pro-dis ul li a:hover p { color: #fba51a; }
.pro-dis ul li a:hover img { transform: scale(1.05); transition: 0.8s linear 0s; }
.por-menu ul li a:hover { border: 2px solid #fba51a; }
/*contect4*/
.contect4 .contect3-right { float: left; }
.contect4 .contect3-left { text-align: right; left: auto; right: 0; }
.contect4 .contect3-left:before { left: auto; right: 10.25%; }
.contect4 .contect3-bottom:after { left: auto; right: 0; }
.contect4 .por-menu { float: right; margin-left: 0; text-align: right; margin-right: 4.2%; width: auto; }
/*contect5*/
.contect5 .contect3-bottom { padding: 3.95% 0 4.7%; }
/*contect6*/
.contect6 { width: 100%; background: url(/uploads/image/ewimages/bg2.jpg) repeat top left; background-size: 11px 33px; padding: 3.4% 0; }
.contect6-text { width: 100%; max-width: 1200px; margin: 0 auto; background: url(/uploads/image/ewimages/bg1.png) no-repeat top center; color: #fff; text-align: center; font-size: 24px; line-height: 48px; overflow: hidden; background-size: 100% auto; }
.contect6-text p { padding: 1.25% 0; }
/*products*/
.product-choose1>li { width: 100%; line-height: 50px; }
.product-choose1>li, .product-choose1 a { font-size: 14px; color: #666; }
.product-choose2>li { display: inline-block; vertical-align: top; }
.product-choose2>li:first-child { font-weight: bold; text-align: center; width: 140px; background: #fba51a; position: relative; color: #fff; }
.product-choose3>li { float: left; padding: 0 49px; line-height: normal; border-left: 1px solid #eee; }
.product-choose3>li:first-child { border-left: none; }
.product-choose3 { vertical-align: sub; display: inline-block; }
.product-choose1 { box-sizing: border-box; border: 1px solid #eee; }
.product-choose2 { white-space: nowrap; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #eee; }
.product-choose1>li:last-child .product-choose2 { border-bottom: 0; }
.product-choose2>li:first-child:after { position: absolute; bottom: -1px; width: 100%; border-bottom: 1px solid #fff; content: ''; display: block; }
.product-choose1>li:last-child .product-choose2>li:first-child:after { display: none; }
.product-list li { margin-top: 20px; display: inline-block; max-width: 385px; width: 32%; vertical-align: top; margin-left: 1.3%; text-align: center; background: #f5f5f5; transition: 0.3s linear 0s; }
.product-list li:nth-child(3n 1) { margin-left: 0; }
.product-list li p { font-size: 16px; color: #333; width: 90%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 60px; }
.product-list { margin-top: 30px; }
.product-list li:nth-child(1), .product-list li:nth-child(2), .product-list li:nth-child(3) { /*margin-top: 0;*/ }
.product-list li:hover img { transform: scale(1.1); transition: 0.7s linear 0s; }
.prodcut-img { max-height: 285px; width: 100%; height: 22vw; overflow: hidden; }
.prodcut-img img { margin: 0 auto; transition: 0.5s linear 0s; max-width: 100%; max-height: 100%; width: auto; height: 100%; }
.product-list li:hover { background: #fba51a; transition: 0.3s linear 0s; }
.product-list li:hover p { color: #fff; }
.product-choose3::-webkit-scrollbar {
 display: none;
}
.contect3-bottom .photolist_i1 li a::after { display: none; }
@media only screen and (max-width: 1500px) {
.contect3-left div { margin: 5% auto 0; }
span.line { margin: 5% 0 8%; }
}
@media only screen and (max-width: 1150px) {
p.p-detail { margin: 2.5% 0 4%; }
.contect2-top2 { margin: 3% 0 3.1%; }
}
@media only screen and (max-width: 1024px) {
.contact>ul li { float: none; width: 100%; margin: 15px 0 15px 0; }
.product-list li p { font-size: 14px; line-height: 40px; }
.product-list li { max-width: none; width: 48.5%; }
.product-list li:nth-child(3n 1) { margin-left: 1.3%; }
.product-list li:nth-child(2n 1) { margin-left: 0; }
.prodcut-img { height: 30vw; }
.product-list { margin-bottom: 80px; }
.product-choose2>li:first-child { width: 100%; }
.product-choose2 { white-space: normal; }
.pro-dis ul li { transition-delay: 0s !important; }
.product-choose3 { margin-top: 15px; overflow: auto; white-space: nowrap; display: flex; }
.product-choose2>li { overflow: hidden; width: 100%; }
.product-choose1>li { border: 1px solid #eee; margin-bottom: 30px; border-bottom: none; box-sizing: border-box; }
.product-choose1 { border: none; }
.product-choose1>li:last-child .product-choose2 { border-bottom: 1px solid #eee; }
.pro-hover, .contect2-bottom { display: none; }
.p-title { font-size: 2.5vw; }
.contect2-top2 { margin: 6.3% 0 3.1%; font-size: 1.5vw; }
p.p-detail { max-height: 80px; -webkit-line-clamp: 4; margin: 3vw 0 4vw; }
.contect2-top3 a, .contect3-left a { line-height: 4vw; }
}
@media only screen and (max-width: 770px) {
.pro-dis ul div { height: 30vw; }
.contect1 { margin-top: 0%; }
.productdetail_a1 .pimg, .productdetail_a1 .pul { float: none; width: 100%; margin: 5px 0; }
.productdetail_a1 .pimg { width: 97.5%; }
.productdetail_a1 .pimg, .productdetail_a1 .pul { max-height: none; margin: 0 0 30px; }
.contect1 ul li .pro img, .contect2-top1, .contect2-top2, .contect3-right, .p-detail.pro-detail, .contect3-left:after, .contect3-left:before, span.line, .contect3-bottom:after { display: none; }
.pro p { line-height: 40px; background: #fba51a; left: auto; bottom: auto; position: inherit; font-size: 20px; padding: 0 30px; }
.pro p span:last-child { font-size: 12px; margin-left: 10px; }
.contect1 a:hover .pro p { opacity: 1; }
.contect1 ul li { padding: 0 1%; margin: 0; width: 40%; }
.contect1 ul { display: flex; }
.contect2-left { width: 75%; }
.contect2-right { margin-left: 0px; width: 65%; height: auto; left: 33%; top: auto; bottom: 0%; background: #eee; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); }
.contect2-top { padding: 6% 10%; }
.contect3-left { width: 100%; position: relative; height: auto; }
.contect3-left div { margin: 0 auto; width: 90%; }
.pro-title span:first-child { padding-bottom: 1.5vw; margin-bottom: 0; font-size: 4.5vw; }
.contect3-bottom { background: #f5f5f5; margin-top: 5vw; }
.contect3 { margin-top: 10vw; }
.contect3-left a { overflow: hidden; text-indent: -500px; background: url(/uploads/image/ewimages/index-img6.png) no-repeat top center; background-size: 100% auto; right: 0; top: 50%; position: absolute; width: 32px; height: 32px; min-width: auto; border: none; margin-top: -16px; }
.por-menu ul li a { color: #fba51a; border-bottom: 1px solid #fba51a; padding: 0 10px; border-radius: 0; }
.por-menu ul li { width: auto; margin-left: 5%; }
.por-menu { margin-bottom: 5vw; }
.pro-dis ul { width: auto; display: flex; }
.pro-dis { width: 100%; margin: 0; }
.pro-dis ul li { width: 40%; background: transparent; padding: 0 1.5%; transition-delay: 0s !important; margin: 0; }
.contect4 .contect3-left { text-align: left; }
.contect4 .por-menu { margin-left: 4.2%; text-align: left; }
.contect6-text { background: none; font-size: 2.5vw; line-height: 5vw; }
}
@media only screen and (max-width: 550px) {
.contect6, .contect2 { display: none; }
.contect1 ul li { width: auto; }
.contect3 { margin: 10vw 0 2vw; }
.contect3-left a { width: 25px; height: 25px; margin-top: -12.5px; }
.pro-dis ul li { width: 45%; }
.pro-title span:first-child { font-size: 6.5vw; }
.pro p { line-height: 36px; font-size: 18px; }
}