* { 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, .content3-text>div { display: inline-block; vertical-align: middle; }
.div-b { display: inline-block; vertical-align: bottom; }
.img { display: block; width: 100%; }
.float-l { float: left; }
.float-r { float: right; }
.content1, .content2, .content3 { margin-top: 65px; width: 100%; overflow: hidden; }
 .black:before { display: inline-block; content: ''; vertical-align: middle; height: 100%; }
#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; }
/*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; }
.Product_Title { margin-bottom: 30px; text-align: center; color: #fba51a; font-size: 36px; }
.ProductDetail_b1 img { width: 100%; display: block; }
.caseback { transition: 0.3s ease 0s; color: #fff; margin: 0 auto; width: 140px; float: none; background: #fba51a; clear: both; text-align: center; border-radius: 5px; font-size: 16px !important; line-height: 32px !important; }
.caseback { display: block; margin-top: 30px; opacity: 0.8; }
/*content1*/
.index-title { text-align: center; }
.index-title p.last-p { margin-top: 3px; color: #fba51a; text-transform: uppercase; font-size: 20px; }
.index-title p:last-child { margin-top: 3px; color: #fba51a; text-transform: uppercase; font-size: 20px; }
.index-title p:first-child { font-weight: bold; color: #000; font-size: 30px; }
.index-title p.last-p:before, .index-title p.last-p:after { width: 110px; content: ''; height: 3px; background: #ccc; display: inline-block; vertical-align: middle; }
.index-title p:last-child:before, .index-title p:last-child:after { width: 110px; content: ''; height: 3px; background: #ccc; display: inline-block; vertical-align: middle; }
.index-title p.last-p span { vertical-align: middle; }
.index-title p.last-p:before { margin-right: 20px; }
.index-title p.last-p:after { margin-left: 20px; }
.index-title p:last-child span { vertical-align: middle; }
.index-title p:last-child:before { margin-right: 20px; }
.index-title p:last-child:after { margin-left: 20px; }
.index-product { width: 100%; margin: 55px auto 0; max-width: 1200px; overflow: hidden; }
.index-product ul { display: inline-block; }
.index-product li { margin: 0 15px; line-height: 50px; font-size: 16px; text-align: center; float: left; width: 22.9%; }
.index-product p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s linear 0s; }
.index-product img { transition: 0.5s linear 0s; }
.index-product li:hover img { transform: scale(1.1); }
.index-product li:hover p { color: #fba51a; }
/*content2*/
.content2 { text-align: center; height: 460px; background: url(../images/index-bg.jpg) no-repeat 50%; background-attachment: fixed; background-size: cover; }
.content2 .index-title p:first-child { color: #fff; }
.black { width: 100%; height: 100%; background: rgba(30,30,30,0.8); }
.black>div { vertical-align: middle; display: inline-block; text-align: center; width: 100%; max-width: 830px; }
.black>div>p { color: #ccc; font-size: 14px; font-family: SimSun; line-height: 26px; margin: 50px 0; }
.black>div>a { font-family: SimSun; margin-bottom: 10px; border-radius: 34px; padding: 0 40px; border: 1px solid #aaa; color: #ccc; font-size: 16px; line-height: 34px; display: inline-block; }
.black>div>a:hover { color: #fba51a; border-color: #fba51a; }
/*content3*/
.content3 { margin-bottom: 65px; }
@media only screen and (max-width: 1024px) {
.contact>ul li { float: none; width: 100%; margin: 15px 0 15px 0; }
.black>div { width: 90%; }
/*.index-product li { width:45%; margin: 0 2%;}*/
}
@media only screen and (max-width: 770px) {
.index-product li { width: 45%; }
.index-product ul { display: flex; }
.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; }
}
@media only screen and (max-width: 550px) {
.index-title p:last-child:before, .index-title p:last-child:after { display: none; }
.index-product li { width: 95%; margin: 0 10px; }
}