html,body,p,div,h1,h2,h3,h4,h5,h6,ul,li{margin:0;list-style:none;padding:0}a{color:#333333;text-decoration:none}body{width:100%;min-width:1300px;font-size:16px}*{box-sizing:border-box;font-family:Source Han Sans CN}img{width:100%;vertical-align:top;object-fit:cover;transition:0.3s}.flex{display:flex}.minWidth{margin:auto;position:relative;width:1260px}.absoluteAuto{margin:auto;position:absolute;z-index:100;top:0;bottom:0;left:0;right:0}.transformBox{overflow:hidden;position:relative;display:block}.transformAuto{position:absolute;z-index:100;transform:translate(-50%,-50%);top:50%;left:50%}.transformBox:hover .transformAuto{transition:0.3s;transform:translate(-50%,-50%) scale(1.1)}.nav{width:100%;font-size:15px;position:fixed;top:0;left:0;z-index:10000;box-shadow:0 0 6px 2px #00000039}.nav-top{color:#555;width:100%;background-color:#efefef;height:50px}.nav-top>.flex{height:50px;line-height:50px;cursor:pointer;font-size:14px}.nav-top>.flex>div{padding:0 20px;height:50px;border-right:1px solid #e0dfdf;position:relative}.nav-top>.flex>div:first-child{padding-left:0px}.nav-top>.flex>div:last-child{border-right:none;padding:0 30px}.nav-top>.flex>div>img{width:20px}.nav-end{width:100%;height:100px;background-color:#ffffff}.nav-end>.flex{height:100px;justify-content:space-between;align-items:center}.logo{margin-right:10px;display:flex;justify-content:flex-start;align-items:center;flex:1}.logo a:hover{}.logo img{display:inline-block;width:253px;margin-right:8px;flex-grow:0}.logo>div>p:first-child{font-size:22px;letter-spacing:2px}.logo>div>p:last-child{font-size:12px}.nav-end>.flex>div>a{display:inline-block;height:100px;line-height:100px;padding:0 25px;cursor:pointer;position:relative}.nav-end>.flex>div>a.active,.nav-end>.flex>div>a:hover{background-color:#c01a20;color:#ffffff}.nav-end>.flex>div>ul{position:absolute;display:none}.nav-end>.flex>div:hover>ul{display:block}.nav-end>.flex>div>ul>li{background-color:#efefef;padding:0 10px}.nav-end>.flex>div>ul a{display:block;padding:16px 16px;border-bottom:1px solid #e0dfdf}.phone{color:#666666;margin-left:40px}.title-box{text-align:center;padding:80px 0 20px}.title-box h1{font-weight:inherit;font-size:36px;letter-spacing:2px}.title-box h3{font-weight:inherit;font-size:16px;color:#777777;letter-spacing:1px;margin:16px  auto 10px;width:550px}.grey-box{background-color:#f2f2f2}.product{overflow:hidden;margin-top:60px;padding:0 48px}@media screen and (max-width:1600px){.product{padding:0 20px}}.product>a{width:32.5%;float:left;margin-right:1.25%;background-color:#ffffff;cursor:pointer;padding:0 28px 20px;margin-bottom:24px}.product>a>p{line-height:64px;height:64px;overflow:hidden;font-size:18px;color:#333333}.product>a>p>img{width:22px;vertical-align:text-top;margin-left:2%}.product>a>p>img:first-child{display:inline-block}.product>a>p>img:last-child{display:none}.product>a:hover{box-shadow:4px 8px 8px #cccccc}.product>a:hover>img{transform:scale(1.1);transition:0.3s}.product>a:hover>p>img:first-child{display:none}.product>a:hover>p>img:last-child{display:inline-block}.product>a:nth-child(3n){margin-right:0}.after{width:100%;height:680px;overflow:hidden;position:relative}.after>img{width:2160px;transform:translateX(-50%);position:absolute;left:50%;z-index:-1}.after .title-box,.after .title-box h3{color:#ffffff}.after>.flex{padding:85px 0 40px;justify-content:space-between}.after>.flex>div{width:292px;height:267px;cursor:pointer;text-align:center;background-color:#ffffff;padding:0 30px 20px}.after>.flex>div>div{position:relative;top:-46px;display:inline-block;width:120px;height:120px;border-radius:50%;overflow:hidden;padding:28px;background-color:#797373}.after>.flex>div>div>img{width:64px;height:64px;object-fit:contain}.after>.flex>div>p:nth-child(2){font-size:25px;position:relative;top:-15px}.after>.flex>div>p:nth-child(3){line-height:1.8;color:#787777}.after>.flex>div:hover>div{background-color:#c01a20;transform:rotate(360deg);transition:1s}.after>.flex>div:hover>p:nth-child(2){color:#c01a20}.example{height:900px;overflow:hidden;position:relative}.example>img{width:2160px;transform:translateX(-50%);position:absolute;left:50%;z-index:-1}.examples{overflow:hidden;margin-top:60px;padding:0px 48px 20px;padding-bottom:100px;justify-content:flex-start;flex-wrap:wrap}.examples>a{width:24%;margin-right:1.3%;margin-bottom:20px;cursor:pointer}.examples>a:nth-child(4n){margin-right:0}.examples>a>i{display:block;width:100%;height:330px;overflow:hidden}.examples>a>i>img{width:100%;height:330px}.examples>a>p{text-align:center;background-color:#ffffff;padding:20px 20px 16px;z-index:100;position:relative;font-size:18px}.examples>a:hover img{transform:scale(1.1)}.examples>a:hover p{color:#c01a20;box-shadow:4px 8px 8px #cccccc}.example>.more{display:block;width:172px;height:54px;line-height:54px;color:#ffffff;background-color:#c01a20;text-align:center;margin:auto;border-radius:5px;cursor:pointer;font-size:18px}@media screen and (max-width:1600px){.examples{padding:0 20px 120px}}.end-top{padding:30px 0;background-color:#3e3938;border-bottom:1px solid #494949}.end-top img{width:auto;margin-right:6px;vertical-align:middle}.end-top>.flex>div>p:first-child{margin-bottom:12px;font-size:18px;color:#ffffff}.end-top>.flex>div>p:last-child{font-size:14px;color:#9a9a9a}.end-content{background-color:#3e3938;padding:40px 0 30px}.end-content img{width:auto}.end-content>div{overflow:hidden}.end-content>div>div{min-width:150px;float:left;color:#ffffff}.end-content>div>div>p{padding-bottom:16px}.end-content>div>div>a{color:#9a9a9a;display:block;padding:4px 0;font-size:14px;width:70px}.end-content>div>div>a:hover{color:#c01a20}.call{position:relative;padding:0 72px;font-size:18px}.call>div>div{display:inline-block;position:relative}.call>div>div>img{cursor:pointer;display:block;transform:translateX( -50%)}.call>div>div>img:nth-child(2){display:none}.call>div>div:hover>img:nth-child(2){display:block}.call::after{display:block;content:'';position:absolute;height:120px;width:1px;background-color:#494949;left:0;top:0}.end-content>div>.code{float:right;text-align:center}.code div{font-size:18px;margin:12px 0}.code img{width:150px}.end-end{text-align:center;background-color:#312b29;padding:15px}.end-end a{color:#ffffff;font-size:14px}.page{padding-bottom:40px;text-align:center}.page a{display:inline-block;height:32px;line-height:32px;color:#333333;font-size:14px;padding:0 10px;margin:0 3px;border:1px solid #e0dfdf}.page a.page-num-current{background-color:#c01a20;color:#ffffff}.path{padding-bottom:20px;border-bottom:1px solid #e0dfdf}.path a{color:#666666}.path img{width:auto;margin-right:10px}.back{background-color:#c01a20;color:#ffffff;width:135px;line-height:40px;text-align:center;cursor:pointer}.honor{justify-content:space-between}.honor>div{width:23%;padding:16px;background-color:#ffffff;border-radius:8px;box-shadow:4px 8px 8px #cccccc;position:relative;overflow:hidden;cursor:pointer}.honor>div>p{width:100%;text-align:center;height:54px;line-height:54px;position:absolute;left:0;bottom:0;color:#ffffff;background-color:#c01a1fc7}.honor>div:hover img{transform:scale(1.1)}