* { 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; }
img { transition: 0.5s linear 0s; }
.ProductList_b1>ul li:hover img { transform: scale(1.1); }
/*.ProductList_b1>ul li:hover .picimg{border:1px solid #fba51a;}
.ProductList_b1>ul li:hover h3{ color:#fba51a;}*/
.width1 { width: 100%; max-width: 1200px; margin: 0 auto; }
.content1, .content2, .content3 { margin-top: 80px; width: 100%; overflow: hidden; }
.black:before { display: inline-block; content: ''; vertical-align: middle; height: 100%; }
#BannerShow_b1 img { display: block; width: 100%; }
/*.ProductList_b1*/
.ProductList_b1>ul li { margin-bottom: 35px; line-height: 32px; text-align: center; font-size: 14px; color: #666; margin-left: 2%; vertical-align: top; display: inline-block; width: 31.5%; }
.ProductList_b1>ul li p { margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.ProductList_b1>ul li:nth-child(3n+1) { margin-left: 0; }
.ProductList_b1>ul img { margin: 0 auto; height: 100%; width: auto; display: block; max-width: 100%; }
.picimg { height:250px; transition: 0.3s ease 0s; padding: 10px; border: 1px solid #eee; max-height: 250px; height: 50vw; overflow: hidden; }
/*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 { color: #202c2f; font-size: 30px; }
.width { width: 100%; margin: 0 auto; max-width: 1200px; }
.width>div>p { color: #777; font-size: 14px; font-family: SimSun; line-height: 26px; margin: 35px 0 25px; }
.width>div>a { font-family: SimSun; margin-bottom: 10px; border-radius: 34px; padding: 0 40px; border: 1px solid #ccc; color: #999; font-size: 16px; line-height: 34px; display: inline-block; }
.width>div>a:hover { color: #fba51a; border-color: #fba51a; }
.width>div { width: 78.3%; margin: 0 auto; text-align: center; }
.content1 { padding: 80px 0 65px; margin: 0; background: #f7f7f7; }
.content1-text, .width img { vertical-align: middle; display: inline-block; }
.width img { width: 42px; height: 42px; transition: 0.3s linear 0s; }
.width ul { text-align: center; margin-top: 75px; }
.width li { width: 24%; vertical-align: top; display: inline-block; }
.content1-text p:first-child { font-size: 16px; color: #333; }
.content1-text p:last-child { margin-top: 5px; font-size: 12px; font-family: arial; color: #777; text-transform: uppercase; }
.content1-text { text-align: left; padding-left: 25px; }
.width li:hover img { transform: rotateY(360deg); }
/*content2*/
.content2 .index-title, .content3 .index-title { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; text-align: left; }
.content2 .index-title a, .content3 .index-title a { top: 50%; right: 0; position: absolute; display: inline-block; background: url(../images/index-img6.png) no-repeat top center; background-size: 100%; width: 32px; height: 32px; margin-top: -16px; }
.content2 .index-title a:hover, .content3 .index-title a:hover { background: url(../images/index-img6-hover.png) no-repeat top center; }
.content2 .width1 { margin: 30px auto 1px; }
.bd { width: 100%; max-width: 1200px; margin: 0 auto; }
.bd li { text-align: center; width: 33.15%; float: left; margin: 0 1px; }
.bd li:hover img { transform: scale(1.1); }
.bd img { transition: 0.5s linear 0s; }
#leftMarquee { padding: 1px 0; background: #eee; width: 100%; }
/*content3*/
#leftMarquee1 { margin-top: 40px; }
.content3 { margin-bottom: 50px; }
.ProductList_b1 h3 { transition: 0.3s ease 0s; font-weight: normal; color: #666; font-size: 16px; }
.ProductList_b1 a span { display: none; }
.Product_Title { margin-bottom: 30px; text-align: center; color: #fba51a; font-size: 36px; }
.ProductDetail_b1 img { width: 100%; display: block; }
.content2 .width1 a:hover img{transform:scale(1.1);}
.content2 .width1 a img{transition:0.5s linear 0s;}
.content2 .width1 a{display:block; overflow:hidden;}
@media only screen and (max-width: 1150px) {
.width>div { width: 90%; }
.content2 .index-title, .content3 .index-title { width: 95%; }
.width img { margin: 0 auto; }
.content1-text { margin-top: 10px; text-align: center; padding-left: 0; display: block; }
}
@media only screen and (max-width: 1024px) {
.contact>ul li { float: none; width: 100%; margin: 15px 0 15px 0; }
}
@media only screen and (max-width: 770px) {
.ProductList_b1>ul li:nth-child(3n+1) { margin-left: 2%; }
.ProductList_b1>ul li:nth-child(2n+1) { margin-left: 0; }
.ProductList_b1>ul li { margin-left: 2%; width: 48.5%; }
.content2, .content3 { margin-top: 11vw; }
.bd li { width: 49.5%; }
.index-title p:first-child { font-size: 4.17vw; }
.index-title p:last-child { font-size: 2.78vw; }
.content1 { padding: 11vw 0 9vw; }
.width ul { margin-top: 10vw; }
}
@media only screen and (max-width: 550px) {
.width li { width: 40%; margin-bottom: 20px; }
}
@media only screen and (max-width: 450px) {
.ProductList_b1>ul li { margin-left: 0% !important; width: 100%; }
.content2 .index-title a, .content3 .index-title a { width: 25px; height: 25px; margin-top: -12.5px; }
.width li { width: 49%; }
.index-title p:first-child { font-size: 5.5vw; }
.index-title p:last-child { font-size: 3.5vw; }
}