﻿.item img,.service img,.welcome img{width:100%}
.news_flex{display: flex;flex-wrap: wrap;justify-content: space-around;}
.bgbanner1{background:url(../images/banner1.jpg)}
.bgbanner2{background:url(../images/banner2.jpg)}
.bgbanner2 div{width:34%;position:absolute;right:6%;bottom:16%}
.bgbanner h2{font-size:22px;font-weight:700;color:#a6ce39;font-family:Oswald-Light,sans-serif;letter-spacing:1px;padding-bottom:10px}
.bgbanner p{font-size:16px}
.bgbanner3{background:url(../images/banner3.jpg);background-size:contain!important}
.bgbanner3 div{width:80%;position:absolute;bottom:15%;left:10%}
.bgbanner4{background:url(../images/banner44.jpg)}
.bgbanner4 div{width:45%;position:absolute;bottom:12%;right:12%}
.bgbanner5{background:url(../images/banner5test.jpg)}
.bgbanner{height:600px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.welcome{margin:4vw auto 5vw auto}
.welcome h2{color:#000;font-size:30px;line-height:36px;font-weight:400;font-style:normal;text-decoration:none;font-family:Roboto-Medium,sans-serif;font-weight:700}
.welcome .p1{font-family:initial;font-size:18px;letter-spacing:2px;color:#666;text-decoration:underline;margin:8px 0}
.welcome .p2{font-family:Roboto-Medium;font-size:16px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;height:175px;text-overflow:ellipsis;overflow:hidden;margin:24px 0;color:#666}
.welcome a{color:#fff;font-size:16px;line-height:36px;text-decoration:none;background-color:#a6ce39;border-radius:6px;padding:8px;padding-left:14px;padding-right:14px}
.welcome a:hover{color:#000}
h1{font-size:40px;color:#fff;padding:0 0 3vw 15px;font-family:Roboto-Medium,sans-serif;font-weight:700;text-transform:uppercase}
.Plastic_Injection_Mould{background:url(../images/factory1.jpg);background-position:center 0;background-size:cover;background-repeat:no-repeat;display:block;background-attachment:fixed;padding:0}
.mould{padding:5vw 0;background-color:rgba(0,0,0,.65)}
.qbchanpin{width:25%;display:inline-block;text-align:center}
.flex-item{overflow:hidden;border:2px transparent solid;box-sizing:border-box;height:300px}
.flex-item .member-span{height:130px;overflow:hidden;transition:.4s;display:inline-block;float:none;vertical-align:middle}
.flex-item .member-span span{color:#fff;font-size:90px;line-height:1.5;transition:.4s}
.member-span>img{width:140px;transition:.4s}
.flex-item .member-info{transition:.4s}
.member-info h3{color:#fff;font-size:21px;padding-bottom:15px;width:100%;margin:0 auto;font-family:Roboto-Medium,sans-serif}
.member-info p{color:#fff;font-size:16px;display:block;text-align:left;text-align:-webkit-auto;line-height:1.4;width:85%;margin:0 auto}
.member-info li{color:#fff;text-align:left;font-size:14px;line-height:1.5;display:none;width:85%;margin:0 auto}
.swiper-button-next,.swiper-button-prev{background-image:none;outline:0}
.swiper-button-next{right:3px}
.swiper-button-prev{left:0}
.member-info li a{color:#fff;}
.zhiliangh2{font-family:Roboto-Medium,sans-serif;font-size:35px;color:#333;letter-spacing:2px;font-weight:700;margin:2vw auto 2vw auto}
.zhiliang{padding:0;margin:0 auto 3vw auto;text-align:center}
.zhiliangnei{padding:2vw 4vw;border:1px solid #ddd;position:relative;background:#fff}
.zhiliangnei:before{content:'';width:0%;border:4px solid #a6ce39;height:100%;display:block;position:absolute;left:0;top:0;transition:.5s all}
.zhiliangnei:hover:before{width:100%}
.zhiliangneidiv{min-width:200px;margin:0 auto;max-width:250px}
.zhiliang h3{font-size:25px;text-align:center;margin:0 0 20px 0;font-family:Roboto-Medium,sans-serif;color:#454646;text-shadow:0 1px 2px rgba(0,0,0,.16);font-weight:700}
.zhiliang p{color:#666;font-family:Roboto-Medium;text-align:left;font-size:16px;line-height:24px;margin:10px 0 10px;height:240px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}
.shili{text-align:center;background:url(../images/factory2.jpg) no-repeat center;background-size:cover;background-attachment:fixed;position:relative;z-index:1;padding:0}
.shilinei{padding:3vw 0}
.shili .iconfont{color:#fff;font-size:50px;margin-top:3vw}
.shili h4{color:#a6ce39;font-size:20px;padding:2vw 0 1vw 0;font-family:inherit;margin:0}
.shili h5{font-size:30px;color:#fff;font-family:Roboto-Medium,sans-serif;margin:0}
.service h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
.service span{color:#666;display:block;width:90%;margin:0 auto;font-size:16px;line-height:24px;font-family:Roboto-Medium,sans-serif}
.service h4{margin:0 0 8px 0;font-family:Roboto-Medium,sans-serif}
.servicenei{padding:0;border:15px #fff solid}
.servicenei>div{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.35)}
.new{background-color:#f8f9fa;padding:0 0 3vw 0}
.newh5{font-size:17px;color:#888;text-shadow:0 1px 2px rgba(0,0,0,.16);font-weight:600}
.newh5 span{font-size:45px;color:#a6ce39}
.new1you,.new1zuo{padding:0 5vw 0 2vw}
h4.post{font-size:20px;color:#454646;text-shadow:0 1px 2px rgba(0,0,0,.16);font-weight:600;padding:15px 0}
.new p{font-size:16px;color:#666;line-height:1.4;height:134.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;font-family:Roboto-Medium,sans-serif}
.new1you .figure{position:relative;overflow:hidden;min-width:100%}
.new1you .figurenei{position:absolute;top:35%;z-index:98;right:8%}
.figure:after,.figure:before{content:"";background:rgba(166,206,57,.65);transform:rotate(58deg);position:absolute;z-index:5}
.new1you .figure img{width:100%}
.new1you .figurenei h3{text-align:right;color:#1e272e;font-size:16px;font-weight:700;text-transform:uppercase;width:55%;float:right;}
.new1you .figurenei h3 span{display:block;margin-top:15px}
.news2{padding-top:3vw}
.new2zuo{float:right}
.contact{background:#a6ce39;padding:5vw 0}
.contact h3{font-size:30px;color:#fff;letter-spacing:2px;padding-bottom:2.8vw;font-family:Roboto-Medium,sans-serif}
.contact a{font-size:14px;font-weight:700;padding:16px 32px;border-radius:32px;background:#fff;color:#a6ce39}

@media screen and (max-width:768px){.lunbo{margin-top:65px}
.bgbanner{height:300px}
.bgbanner h2 {font-size: 15px;}
.welcome{margin:24px 0 0 0}
.welcome h2{font-size:18px;line-height:25px;margin-top:0}
.zhiliangh2{font-size:18px;margin-bottom:8px;text-align:left;display:inline-block!important;margin-left:15px}
.welcome .p1,.welcome h2 span{display:none}
.welcome .p2{margin:0 0 20px 0;line-height:22px;height:132px;font-size:14px;margin-bottom:5px}
.welcome a{padding:5px 15px;font-size:14px}
h1{font-size:25px}
.qbchanpin{width:50%}
.member-info h3{font-size:16px}
.member-info p,.bgbanner p,.welcomeimg{display:none}
.member-info li{display:list-item;font-size:12px;width:95%;list-style:none}
.member-info li:before{content:"• "}
.flex-item{height:255px}
.zhiliangneidiv{min-width:100%;margin:0 auto;max-width:100%}
.zhiliang p{line-height:20px;margin:-10px 0 10px;height:140px;-webkit-line-clamp:7;font-size:14px}
.zhiliang h3{font-size:16px;font-weight:600}
.shili .iconfont{font-size:30px}
.shili h4{font-size:14px;padding:2vw 0}
.shili h5{font-size:22px;margin:0}
.service h4{font-size:16px;text-align:left}
.service span{font-size:14px;text-align:left}
.contact{padding:30px 0}
.contact h3{font-size:25px;letter-spacing:0;padding-bottom:20px}
.contact h3 span{display:none}
.contact a{font-weight:400;padding:8px 16px;border-radius:16px;display:inline-block}
.new1you .figurenei h3,.new1you figure figcaption h3{font-size:16px}
.new p{font-size:14px;height:117px}
h4.post{font-size:16px;padding:6px 0 0 0}
}
@media screen and (min-width:1200px){h1{padding:0 0 3vw 12.5vw}
.zhiliangh2_1{margin:4vw 0 2vw 12.5vw!important}
.bgbanner{height:750px}
.bgbanner2 div{width:30%;position:absolute;right:14%;bottom:20%}
.bgbanner h2{font-size:30px}
.bgbanner p{font-size:18px}
.bgbanner3 div{width:70%;left:15%}
}
@media screen and (min-width:768px){.flex-item:hover{border:2px #fff solid}
.flex-item:hover .member-span{height:81px;transition:.4s}
.flex-item:hover .member-span>span{font-size:50px;transition:.4s}
.flex-item:hover .member-span>img{width:50%}
.flex-item:hover .member-info p{display:none}
.flex-item:hover .member-info li{display:list-item;list-style-type:square}
}
.box_blue2,#validateimg{display:none}