.more{position:relative;z-index:100;margin-left:auto;margin-right:auto;width:180px;color:#fff;font-size:15px;line-height:48px;text-shadow:1px 1px 0px rgba(0,0,0,0.0);text-align:center;font-weight:bold;-transform:uppercase;border-radius:2px;overflow:hidden;-webkit-transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.more a{color:#333;display:block;padding:0px 40px 0px;}
.more a:hover{color:#fff;}
.more::after{content:"";position:absolute;z-index:-2;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#ffe92f;}
.more::before{content:"";position:absolute;z-index:-1;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#bb121a;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.more:hover::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}

@media (max-width:991px){

.m-title{position:relative;margin-bottom:20px;text-align:center;}
.m-title .name{display:block;color:#222;font-size:22px;line-height:24px;text-align:center;font-family:"Roboto-Regular";}
.m-title .text{position:relative;display:inline-block;width:auto;color:#222;font-size:14px;line-height:24px;text-align:center;padding-bottom:10px;}
.m-title .text::after{content:"";position:absolute;left:calc(50% - 10px);bottom:0px;width:20px;height:2px;background-color:#bb121a;}

.more{width:160px;font-size:13px;line-height:44px;}

.m-wraper{position:relative;background-color:#fff;}
.m-wraper .container{position:relative;z-index:10;padding:40px 15px;}
.m-wraper.gray{background-color:#f5f5f5;}

.m-type{position:relative;background-color:#222;}
.m-type .contents{position:relative;z-index:10;float:left;width:100%;padding:30px 15px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;background-color:#ffe92f;}
.m-type .contents::after{opacity:0.3;filter:alphaopacity=30;content:"";position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-image:url(../images/bg-logo.png);background-position:20px -20px;background-repeat:no-repeat;background-size:200px auto;}
.m-type .item{position:relative;width:calc(25% - 20px);margin:0 10px;}
.m-type .item .num-wraper{position:relative;z-index:10;margin-left:-20px;margin-right:-20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-type .item .num{position:relative;text-shadow:0px 1px 0px rgba(0,0,0,0.0);}
.m-type .item .num s{float:left;color:transparent;font-size:22px;line-height:30px;font-family:"Montserrat-Regular";text-decoration:none;letter-spacing:-1px;text-shadow:1px 1px 0px rgba(0,0,0,0.0);}
.m-type .item .num i{position:absolute;left:0px;top:0px;color:#333;font-size:22px;line-height:30px;font-family:"Montserrat-Regular";letter-spacing:-1px;}
.m-type .item .num span{position:absolute;right:0px;top:0px;color:#333;font-size:12px;}
.m-type .item .num em{position:relative;float:left;color:#333;font-size:12px;line-height:20px;margin-left:4px;margin-top:8px;}
.m-type .item .tt{color:#333;font-size:12px;line-height:20px;margin-top:0px;font-weight:bold;text-align:center;text-shadow:0px 1px 0px rgba(0,0,0,0.0);}
.m-type .phone{position:relative;z-index:10;float:right;width:100%;padding:20px 15px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#222;}
.m-type .phone .text{color:#fff;font-size:12px;line-height:20px;}
.m-type .phone .num{color:#fff;font-size:24px;line-height:30px;font-family:"Montserrat-Regular";}
.m-type .phone .tips{color:#fff;font-size:12px;line-height:20px;}
.m-type .phone a{color:rgba(255,255,255,1);}
.m-type .phone a:hover{color:#ffe92f;}

.m-product{position:relative;z-index:10;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(../images/bg-product-line.png);background-position:center top;background-repeat:repeat-y;background-size:100% auto;}
.m-product .item{position:relative;float:left;width:calc(25% - 0px);transform:rotate(45deg) scale(0.707,0.707);}
.m-product .item .block{padding-top:100%;}
.m-product .item a{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;}
.m-product .item .content{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding:0px 20% 5%;transform:rotate(-45deg) scale(1.3,1.3);display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-product .item .pic{width:120px;height:120px;margin:0px auto 0px;}
.m-product .item .pic img{width:100%;height:100%;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-cn{position:relative;z-index:10;color:rgba(0,0,0,0.8);font-size:18px;line-height:20px;font-weight:bold;text-align:center;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-en{position:relative;z-index:10;color:rgba(0,0,0,0.5);font-size:16px;line-height:16px;text-align:center;margin-top:5px;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product .item a:hover + .content .text-cn{color:#bb121a;}
.m-product .item a:hover + .content .text-en{color:rgba(0,0,0,0.8);}
.m-product .item a:hover + .content .pic img{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25);-webkit-transition:all 1800ms cubic-bezier(.25,.1,.25,1);transition:all 1800ms cubic-bezier(.25,.1,.25,1);}
.m-product .item:nth-child(5){margin-top:-122px;}
.m-product .item:nth-child(6){margin-top:-122px;}
.m-product .item:nth-child(7){margin-top:-122px;}
.m-product .item:nth-child(1) .block{background-color:rgba(255,180,0,0.2);}
.m-product .item:nth-child(2) .block{background-color:rgba(188,18,18,0.15);}
.m-product .item:nth-child(3) .block{background-color:rgba(255,180,0,0.2);}
.m-product .item:nth-child(4) .block{background-color:rgba(188,18,18,0.15);}
.m-product .item:nth-child(5) .block{background-color:rgba(255,180,0,0.1);}
.m-product .item:nth-child(6) .block{background-color:rgba(255,255,255,0.0);}
.m-product .item:nth-child(7) .block{background-color:rgba(255,180,0,0.1);}

.m-product2{position:relative;z-index:10;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(../images/bg-product-line2s.png);background-position:center top;background-repeat:repeat-y;background-size:100% auto;}
.m-product2 .item{position:relative;float:left;width:calc(33.333333% - 0px);}
.m-product2 .item .block{position:relative;padding-top:100%;}
.m-product2 .item .contents{position:absolute;left:0px;top:71px;width:100%;height:calc(100% - 142px);background-color:transparent;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item a{position:absolute;z-index:20;left:0px;top:0px;width:100%;height:100%;}
.m-product2 .item .content{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding:0px 20% 5%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-product2 .item .pic{width:70px;height:70px;margin:0px auto 0px;}
.m-product2 .item .pic img{width:100%;height:100%;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .text-cn{position:relative;z-index:10;color:rgba(0,0,0,0.8);font-size:15px;line-height:20px;font-weight:bold;text-align:center;margin-top:5px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .text-en{position:relative;z-index:10;color:rgba(0,0,0,0.5);font-size:12px;line-height:16px;text-align:center;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item a:hover + .content .text-cn{color:#bb121a;}
.m-product2 .item a:hover + .content .text-en{color:#bb121a;}
.m-product2 .item a:hover + .content .pic img{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25);-webkit-transition:all 1800ms cubic-bezier(.25,.1,.25,1);transition:all 1800ms cubic-bezier(.25,.1,.25,1);}

.m-intro{background-color:#f4f4f4;background-image:url(../images/bg-m-intro.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-intro .content{display:-webkit-flex;display:flex;justify-content:center;}
.m-intro .icon{position:relative;width:120px;height:200px;margin:0 55px;background-color:#333;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-intro .icon:after{content:"";position:absolute;left:-55px;top:0px;border-style:solid;border-color:transparent #333;border-width:100px 55px 100px 0px;}
.m-intro .icon:before{content:"";position:absolute;right:-55px;top:0px;border-style:solid;border-color:transparent #333;border-width:100px 0px 100px 55px;}
.m-intro .icon.red{background-color:#bb121a;}
.m-intro .icon.red:after{border-color:transparent #bb121a;}
.m-intro .icon.red:before{border-color:transparent #bb121a;}
.m-intro .icon .num-wraper{position:relative;z-index:10;margin-left:-20px;margin-right:-20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-intro .icon .num{position:relative;}
.m-intro .icon .num s{float:left;color:transparent;font-size:36px;line-height:40px;font-family:"Montserrat-Regular";text-decoration:none;letter-spacing:-1px;}
.m-intro .icon .num i{position:absolute;left:0px;top:0px;color:#fff;font-size:36px;line-height:40px;font-family:"Montserrat-Regular";letter-spacing:-1px;}
.m-intro .icon .num em{position:relative;float:left;color:#fff;font-size:14px;line-height:20px;margin-left:4px;margin-top:18px;}
.m-intro .icon .num em.add:before{content:"";position:absolute;left:4px;top:-9px;width:2px;height:8px;background-color:#fff;}
.m-intro .icon .num em.add:after{content:"";position:absolute;left:1px;top:-6px;width:8px;height:2px;background-color:#fff;}
.m-intro .icon .tt{color:rgba(255,255,255,1);font-size:16px;line-height:20px;margin-top:8px;font-weight:bold;}
.m-intro .intro{margin:50px 50px 40px;color:rgba(0,0,0,0.8);font-size:15px;line-height:28px;text-align:center;}

.m-map .map{width:100%;height:240px;}
.m-map-tips{position:relative;z-index:10;width:100%;margin:10px auto 0px;color:#333;font-size:14px;line-height:22px;text-align:center;}

.m-product-list{position:relative;background-color:#fffbdb;}
.m-product-list .container{padding:30px 15px 30px;overflow:hidden;}
.m-product-list .contents{position:relative;z-index:10;margin-left:-10px;margin-right:-10px;}
.m-product-list .contents .items{position:relative;/* width:calc(33.333333% - 20px); */margin:0px 10px;overflow:hidden;}
.m-product-list .contents .items a{position:absolute;z-index:20;left:0px;top:0px;width:100%;height:100%;}
.m-product-list .contents .items .content{padding-top:65%;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items:hover .content{transform:scale(1.1,1.1);-webkit-transition:all 1400ms cubic-bezier(.25,.1,.25,1);transition:all 1400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items .mask{position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;background-color:rgba(188,18,20,0.9);opacity:0;filter:alphaopacity=0;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items:hover .mask{opacity:1;filter:alphaopacity=100;}
.m-product-list .contents .items .mask .name{color:#fff;font-size:20px;line-height:30px;font-weight:bold;text-align:center;}
.m-product-list .contents .items .mask .en{color:#fff;font-size:14px;line-height:20px;margin-top:5px;text-align:center;}
.m-product-list .contents .items .mask .icon{position:relative;margin-top:15px;width:24px;height:24px;border-radius:100%;background-color:#fff;}
.m-product-list .contents .items .mask .icon:before{content:"";position:absolute;top:10px;left:calc(50% - 2px);width:5px;height:1px;background-color:#bb121a;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items .mask .icon:after{content:"";position:absolute;bottom:10px;left:calc(50% - 2px);width:5px;height:1px;background-color:#bb121a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .owl-controls{margin-top:-0px;margin-bottom:20px;text-align:center;}
.m-product-list .owl-controls .owl-page{cursor:pointer;display:inline-block;width:10px;height:2px;margin:0px 3px;background-color:rgba(0,0,0,0.2);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .owl-controls .owl-page.active{width:24px;background-color:#bb121a;}
.m-product-list .owl-controls .owl-buttons div{position:absolute;top:calc(50% - 20px);margin-top:;width:40px;height:40px;z-index:10;border-radius:100%;background-color:rgba(0,0,0,0.1);cursor:pointer;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);-moz-background-size:10px auto;-webkit-background-size:10px auto;background-size:10px auto;background-position:center;background-repeat:no-repeat;}
.m-product-list .owl-controls .owl-buttons div:hover{background-color:#bb121a;}
.m-product-list .owl-controls .owl-buttons div.owl-prev{left:-60px;background-image:url(../images/icon-page-lefts.png);}
.m-product-list .owl-controls .owl-buttons div.owl-next{right:-60px;background-image:url(../images/icon-page-rights.png);}
.m-product-list .more{margin-top:-10px;}

.m-news-list{position:relative;background-color:#fffbdb;}
.m-news-list .container{padding:30px 15px 50px;}
.m-news-list .contents{position:relative;z-index:10;margin:0px -7px;}
.m-news-list .contents .item{float:left;position:relative;width:calc(100% - 14px);margin:0px 7px 14px;background-color:#fff;}
.m-news-list .contents .item:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.m-news-list .contents .item:after{content:"";position:absolute;z-index:100;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.0) solid 1px;-webkit-transition:all 100ms cubic-bezier(.25,.1,.25,1);transition:all 100ms cubic-bezier(.25,.1,.25,1);}
.m-news-list .contents .item:hover:after{border:rgba(0,0,0,0.0) solid 1px;}
.m-news-list .contents .item a{position:absolute;z-index:101;left:0px;top:0px;width:100%;height:100%;}
.m-news-list .contents .item .content{position:relative;padding-top:55%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-news-list .contents .item.video .content:after{content:"";position:absolute;z-index:10;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-news-list .contents .item.video:hover .content:after{background-image:url(../images/icon-videos.png);}
.m-news-list .contents .item .text{height:140px;padding:20px 25px 30px;background-color:#fff;}
.m-news-list .contents .item .text h1{color:#111;font-size:16px;line-height:24px;max-height:48px;overflow:hidden;margin-top:4px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-news-list .contents .item:hover .text h1{color:#bb121a;}
.m-news-list .contents .item .text p{color:#666;font-size:13px;line-height:18px;height:36px;overflow:hidden;margin-top:8px;}
.m-news-list .contents .item .text .date{color:#666;font-size:13px;line-height:18px;}

.m-message{position:relative;background-color:#f4f4f4;}
.m-message .contents{position:relative;z-index:10;}
.m-message .con-left{float:left;width:100%;}
.m-message .con-right{float:right;width:calc(100% - 0px);}
.m-message .el-form-item{position:relative;}
.m-message .el-input.el-input__inner{border-width:0px;}
.m-message .el-input{position:relative;z-index:3;height:60px;padding:28px 50% 12px 20px;color:#000;font-size:18px;background-color:transparent!important;font-family:"Roboto-Regular","PingFang";border-radius:3px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message textarea.el-input{height:120px;margin-top:30px;margin-right:1px;padding:0px 30% 20px 20px;color:#000;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message .con-s-center textarea.el-input{height:130px;}
.m-message .el-input.el-button{cursor:pointer;border-width:0px;color:#fff;font-size:16px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:10px 20px 10px;background-color:#333!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.m-message .el-input.el-button:hover{background-color:#bb121a!important;}
.m-message .el-input.el-button.disabled{background-color:#ffdc99!important;color:rgba(255,255,255,0.8)!important;text-shadow:0px 0px 0px rgba(0,0,0,0.0)!important;cursor:not-allowed;}
.m-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.m-message .el-form-item span.error{position:absolute;z-index:2;right:20px;top:20px;color:#bb121a;font-size:12px;line-height:20px;padding-right:18px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.m-message .el-form-item label{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding-left:20px;padding-top:20px;background-color:#fff;border:rgba(0,0,0,0.0) solid 1px;border-radius:3px;color:#222;font-size:14px;line-height:16px;font-weight:bold;cursor:text;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.m-message .el-form-item label::before{content:"";position:absolute;z-index:0;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:rgba(0,0,0,0.0) solid 3px;border-radius:5px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message .el-form-item:hover label{border:rgba(0,0,0,0.2) solid 1px;}
.m-message .el-form-item:hover label::before{border:rgba(0,0,0,0.08) solid 2px;}
.m-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(0,0,0,0.4) solid 1px;}
.m-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.15) solid 2px;}
.m-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.m-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.m-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.m-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.m-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.m-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;background-color:#fffdec;background-image:url(../images/bg-code.png);background-position:center;background-size:70% auto;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message .el-form-item.item02 #canvas:hover{background-color:#fff4f4;}
.m-message .el-form-item.item02 button[type="button"]{margin-left:10px;width:calc(100% - 10px)!important;cursor:pointer;background-color:rgba(0,0,0,0.1);padding:10px 20px 10px;color:#222;font-size:15px;}
.m-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.m-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.m-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.m-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.m-message .el-form-item input.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.m-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.m-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.m-message .el-form-item textarea.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.m-message .el-form-item input.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.m-message .el-form-item input.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.m-message .el-form-item textarea.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.m-message .el-form-item textarea.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.m-message .tips{color:#888;font-size:12px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

@media (min-width:992px){

.m-title{position:relative;z-index:10;margin-bottom:30px;text-align:center;}
.m-title .name{display:block;color:#222;font-size:38px;line-height:40px;text-align:center;font-family:"Roboto-Regular";}
.m-title .text{position:relative;display:inline-block;width:auto;color:#222;font-size:16px;line-height:30px;text-align:center;padding-bottom:12px;}
.m-title .text::after{content:"";position:absolute;left:calc(50% - 10px);bottom:0px;width:20px;height:2px;background-color:#bb121a;}

.m-wraper{position:relative;}
.m-wraper .container{padding:80px 0px 90px;}
.m-wraper .more{margin-top:20px;}

.m-type{position:relative;height:160px;background-color:#222;}
.m-type::before{content:"";position:absolute;z-index:1;left:-10%;top:-20px;width:calc(75% + 0px);height:calc(100% + 40px);background-color:#ffe92f;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);}
.m-type::after{opacity:0.2;filter:alphaopacity=20;content:"";position:absolute;z-index:2;left:40px;top:-20px;width:100%;height:calc(100% + 40px);background-image:url(../images/bg-logo.png);background-position:top left;background-repeat:no-repeat;background-size:800px auto;}
.m-type .contents{position:relative;z-index:10;float:left;width:60%;height:160px;padding-bottom:20px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.m-type .item{position:relative;width:120px;margin:0 20px;}
.m-type .item .num-wraper{position:relative;z-index:10;margin-left:-20px;margin-right:-20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-type .item .num{position:relative;text-shadow:0px 1px 0px rgba(0,0,0,0.0);}
.m-type .item .num s{float:left;color:transparent;font-size:36px;line-height:40px;font-family:"Montserrat-Regular";text-decoration:none;letter-spacing:-1px;text-shadow:1px 1px 0px rgba(0,0,0,0.0);}
.m-type .item .num i{position:absolute;left:0px;top:0px;color:#333;font-size:36px;line-height:40px;font-family:"Montserrat-Regular";letter-spacing:-1px;}
.m-type .item .num span{position:absolute;right:0px;top:6px;color:#333;font-size:13px;}
.m-type .item .num em{position:relative;float:left;color:#333;font-size:14px;line-height:20px;margin-left:4px;margin-top:18px;}
.m-type .item .tt{color:#333;font-size:16px;line-height:20px;margin-top:8px;font-weight:bold;text-align:center;text-shadow:0px 1px 0px rgba(0,0,0,0.0);}
.m-type .phone{position:relative;z-index:10;float:right;width:40%;height:160px;padding-bottom:10px;display:-webkit-flex;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;}
.m-type .phone .text{color:#fff;font-size:14px;line-height:24px;}
.m-type .phone .num{color:#fff;font-size:32px;line-height:50px;font-family:"Montserrat-Regular";}
.m-type .phone .tips{color:#fff;font-size:14px;line-height:24px;}

.m-product{position:relative;z-index:10;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(../images/bg-product-line.png);background-position:center top;background-repeat:repeat-y;background-size:100% auto;}
.m-product .item{position:relative;float:left;width:calc(25% - 0px);transform:rotate(45deg) scale(0.707,0.707);}
.m-product .item .block{padding-top:100%;}
.m-product .item a{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;}
.m-product .item .content{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding:0px 20% 5%;transform:rotate(-45deg) scale(1.3,1.3);display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-product .item .pic{width:120px;height:120px;margin:0px auto 0px;}
.m-product .item .pic img{width:100%;height:100%;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-cn{position:relative;z-index:10;color:rgba(0,0,0,0.8);font-size:18px;line-height:20px;font-weight:bold;text-align:center;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-en{position:relative;z-index:10;color:rgba(0,0,0,0.5);font-size:16px;line-height:16px;text-align:center;margin-top:5px;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product .item a:hover + .content .text-cn{color:#bb121a;}
.m-product .item a:hover + .content .text-en{color:rgba(0,0,0,0.8);}
.m-product .item a:hover + .content .pic img{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25);-webkit-transition:all 1800ms cubic-bezier(.25,.1,.25,1);transition:all 1800ms cubic-bezier(.25,.1,.25,1);}
.m-product .item:nth-child(5){margin-top:-122px;}
.m-product .item:nth-child(6){margin-top:-122px;}
.m-product .item:nth-child(7){margin-top:-122px;}
.m-product .item:nth-child(1) .block{background-color:rgba(255,180,0,0.2);}
.m-product .item:nth-child(2) .block{background-color:rgba(188,18,18,0.15);}
.m-product .item:nth-child(3) .block{background-color:rgba(255,180,0,0.2);}
.m-product .item:nth-child(4) .block{background-color:rgba(188,18,18,0.15);}
.m-product .item:nth-child(5) .block{background-color:rgba(255,180,0,0.1);}
.m-product .item:nth-child(6) .block{background-color:rgba(255,255,255,0.0);}
.m-product .item:nth-child(7) .block{background-color:rgba(255,180,0,0.1);}

.m-product2{position:relative;z-index:10;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(../images/bg-product-line2.png);background-position:center top;background-repeat:repeat-y;background-size:100% auto;}
.m-product2 .item{position:relative;float:left;width:calc(25% - 0px);}
.m-product2 .item .block{position:relative;padding-top:115.74%;}
.m-product2 .item .contents{position:absolute;left:0px;top:71px;width:100%;height:calc(100% - 142px);background-color:transparent;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .contents::after{content:"";position:absolute;left:0px;top:-71px;width:100%;border-style:solid;border-color:transparent transparent;border-width:0px 122.5px 71px 122.5px;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .contents::before{content:"";position:absolute;left:0px;bottom:-71px;width:100%;border-style:solid;border-color:transparent transparent;border-width:71px 122.5px 0px 122.5px;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item a{position:absolute;z-index:20;left:0px;top:0px;width:100%;height:100%;}
.m-product2 .item .content{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding:0px 20% 5%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-product2 .item .pic{width:120px;height:120px;margin:0px auto 0px;}
.m-product2 .item .pic img{width:100%;height:100%;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .text-cn{position:relative;z-index:10;color:rgba(0,0,0,0.8);font-size:18px;line-height:20px;font-weight:bold;text-align:center;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .text-en{position:relative;z-index:10;color:rgba(0,0,0,0.5);font-size:16px;line-height:16px;text-align:center;margin-top:5px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .icon{position:relative;margin-top:15px;width:24px;height:24px;border-radius:100%;background-color:rgba(0,0,0,0.2);}
.m-product2 .item .icon:before{content:"";position:absolute;top:10px;left:calc(50% - 2px);width:5px;height:1px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item .icon:after{content:"";position:absolute;bottom:10px;left:calc(50% - 2px);width:5px;height:1px;background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item a:hover + .content .text-cn{color:#fff;}
.m-product2 .item a:hover + .content .text-en{color:#fff;}
.m-product2 .item a:hover + .content .pic img{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25);-webkit-transition:all 1800ms cubic-bezier(.25,.1,.25,1);transition:all 1800ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item a:hover + .content .icon{background-color:#fff;}
.m-product2 .item a:hover + .content .icon:before{background-color:#bb121a;}
.m-product2 .item a:hover + .content .icon:after{background-color:#bb121a;}
.m-product2 .item:nth-child(5){margin-top:-71px;}
.m-product2 .item:nth-child(6){margin-top:-71px;}
.m-product2 .item:nth-child(7){margin-top:-71px;}
.m-product2 .item:nth-child(6) .content{padding:5% 20% 5%;}
.m-product2 .item:nth-child(1) .contents{background-color:rgba(255,180,0,0.2);}
.m-product2 .item:nth-child(1) .contents::after{border-color:rgba(255,180,0,0.2) transparent;}
.m-product2 .item:nth-child(1) .contents::before{border-color:rgba(255,180,0,0.2) transparent;}
.m-product2 .item:nth-child(2) .contents{background-color:rgba(188,18,18,0.15);}
.m-product2 .item:nth-child(2) .contents::after{border-color:rgba(188,18,18,0.15) transparent;}
.m-product2 .item:nth-child(2) .contents::before{border-color:rgba(188,18,18,0.15) transparent;}
.m-product2 .item:nth-child(3) .contents{background-color:rgba(255,180,0,0.2);}
.m-product2 .item:nth-child(3) .contents::after{border-color:rgba(255,180,0,0.2) transparent;}
.m-product2 .item:nth-child(3) .contents::before{border-color:rgba(255,180,0,0.2) transparent;}
.m-product2 .item:nth-child(4) .contents{background-color:rgba(188,18,18,0.15);}
.m-product2 .item:nth-child(4) .contents::after{border-color:rgba(188,18,18,0.15) transparent;}
.m-product2 .item:nth-child(4) .contents::before{border-color:rgba(188,18,18,0.15) transparent;}
.m-product2 .item:nth-child(5) .contents{background-color:rgba(255,180,0,0.1);}
.m-product2 .item:nth-child(5) .contents::after{border-color:rgba(255,180,0,0.1) transparent;}
.m-product2 .item:nth-child(5) .contents::before{border-color:rgba(255,180,0,0.1) transparent;}
.m-product2 .item:nth-child(7) .contents{background-color:rgba(255,180,0,0.1);}
.m-product2 .item:nth-child(7) .contents::after{border-color:rgba(255,180,0,0.1) transparent;}
.m-product2 .item:nth-child(7) .contents::before{border-color:rgba(255,180,0,0.1) transparent;}
.m-product2 .item:hover .contents{background-color:#bb121a;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item:hover .contents::after{border-color:#bb121a transparent;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product2 .item:hover .contents::before{border-color:#bb121a transparent;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}

.m-intro{background-color:#f4f4f4;background-image:url(../images/bg-m-intro.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-intro .content{display:-webkit-flex;display:flex;justify-content:center;}
.m-intro .icon{position:relative;width:120px;height:200px;margin:0 55px;background-color:#333;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-intro .icon:after{content:"";position:absolute;left:-55px;top:0px;border-style:solid;border-color:transparent #333;border-width:100px 55px 100px 0px;}
.m-intro .icon:before{content:"";position:absolute;right:-55px;top:0px;border-style:solid;border-color:transparent #333;border-width:100px 0px 100px 55px;}
.m-intro .icon.red{background-color:#bb121a;}
.m-intro .icon.red:after{border-color:transparent #bb121a;}
.m-intro .icon.red:before{border-color:transparent #bb121a;}
.m-intro .icon .num-wraper{position:relative;z-index:10;margin-left:-20px;margin-right:-20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-intro .icon .num{position:relative;}
.m-intro .icon .num s{float:left;color:transparent;font-size:36px;line-height:40px;font-family:"Montserrat-Regular";text-decoration:none;letter-spacing:-1px;}
.m-intro .icon .num i{position:absolute;left:0px;top:0px;color:#fff;font-size:36px;line-height:40px;font-family:"Montserrat-Regular";letter-spacing:-1px;}
.m-intro .icon .num em{position:relative;float:left;color:#fff;font-size:14px;line-height:20px;margin-left:4px;margin-top:18px;}
.m-intro .icon .num em.add:before{content:"";position:absolute;left:4px;top:-9px;width:2px;height:8px;background-color:#fff;}
.m-intro .icon .num em.add:after{content:"";position:absolute;left:1px;top:-6px;width:8px;height:2px;background-color:#fff;}
.m-intro .icon .tt{color:rgba(255,255,255,1);font-size:16px;line-height:20px;margin-top:8px;font-weight:bold;}
.m-intro .intro{margin:50px 50px 40px;color:rgba(0,0,0,0.8);font-size:15px;line-height:28px;text-align:center;}

.m-map .map{width:100%;height:540px;}
.m-map-tips{position:relative;z-index:10;width:60%;margin:30px auto 0px;color:#333;font-size:15px;line-height:28px;text-align:center;}

.m-product-list{position:relative;background-color:#222;}
.m-product-list::before{content:"";position:absolute;z-index:1;right:-250px;top:-20px;width:calc(100% + 50px);height:calc(100% + 40px);background-color:#fff6a9;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);}
.m-product-list::after{content:"";position:absolute;z-index:1;right:0px;top:-20px;width:calc(100% + 50px);height:calc(100% + 40px);background-image:url(../images/bg-m-product.png);background-position:right center;background-repeat:no-repeat;background-size:auto 100%;}
.m-product-list .container{padding:60px 0px 50px;}
.m-product-list .contents{position:relative;z-index:10;margin-left:-10px;margin-right:-10px;}
.m-product-list .contents .items{position:relative;/* width:calc(33.333333% - 20px); */margin:0px 10px;overflow:hidden;}
.m-product-list .contents .items a{position:absolute;z-index:20;left:0px;top:0px;width:100%;height:100%;}
.m-product-list .contents .items .content{padding-top:65%;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items:hover .content{transform:scale(1.1,1.1);-webkit-transition:all 1400ms cubic-bezier(.25,.1,.25,1);transition:all 1400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items .mask{position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;background-color:rgba(188,18,20,0.9);opacity:0;filter:alphaopacity=0;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items:hover .mask{opacity:1;filter:alphaopacity=100;}
.m-product-list .contents .items .mask .name{color:#fff;font-size:20px;line-height:30px;font-weight:bold;text-align:center;}
.m-product-list .contents .items .mask .en{color:#fff;font-size:14px;line-height:20px;margin-top:5px;text-align:center;}
.m-product-list .contents .items .mask .icon{position:relative;margin-top:15px;width:24px;height:24px;border-radius:100%;background-color:#fff;}
.m-product-list .contents .items .mask .icon:before{content:"";position:absolute;top:10px;left:calc(50% - 2px);width:5px;height:1px;background-color:#bb121a;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .contents .items .mask .icon:after{content:"";position:absolute;bottom:10px;left:calc(50% - 2px);width:5px;height:1px;background-color:#bb121a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .owl-controls{margin-top:-0px;margin-bottom:20px;text-align:center;}
.m-product-list .owl-controls .owl-page{cursor:pointer;display:inline-block;width:10px;height:2px;margin:0px 3px;background-color:rgba(0,0,0,0.2);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product-list .owl-controls .owl-page.active{width:24px;background-color:#bb121a;}
.m-product-list .owl-controls .owl-buttons div{position:absolute;top:calc(50% - 20px);margin-top:;width:40px;height:40px;z-index:10;border-radius:100%;background-color:rgba(0,0,0,0.1);cursor:pointer;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);-moz-background-size:10px auto;-webkit-background-size:10px auto;background-size:10px auto;background-position:center;background-repeat:no-repeat;}
.m-product-list .owl-controls .owl-buttons div:hover{background-color:#bb121a;}
.m-product-list .owl-controls .owl-buttons div.owl-prev{left:-60px;background-image:url(../images/icon-page-lefts.png);}
.m-product-list .owl-controls .owl-buttons div.owl-next{right:-60px;background-image:url(../images/icon-page-rights.png);}

.m-news-list{position:relative;background-color:#222;}
.m-news-list::before{content:"";position:absolute;z-index:1;left:-300px;top:-20px;width:calc(100% + 50px);height:calc(100% + 40px);background-color:#fff6a9;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);}
.m-news-list::after{content:"";position:absolute;z-index:1;left:0px;top:-20px;width:calc(100% + 50px);height:calc(100% + 40px);background-image:url(../images/bg-m-news.png);background-position:left center;background-repeat:no-repeat;background-size:auto 100%;}
.m-news-list .container{padding:60px 0px 50px;}
.m-news-list .contents{position:relative;z-index:10;margin:0px -7px;}
.m-news-list .contents .item{float:left;position:relative;width:calc(33.333333% - 14px);margin:0px 7px 14px;background-color:#fff;}
.m-news-list .contents .item:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.m-news-list .contents .item:after{content:"";position:absolute;z-index:100;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.0) solid 1px;-webkit-transition:all 100ms cubic-bezier(.25,.1,.25,1);transition:all 100ms cubic-bezier(.25,.1,.25,1);}
.m-news-list .contents .item:hover:after{border:rgba(0,0,0,0.0) solid 1px;}
.m-news-list .contents .item a{position:absolute;z-index:101;left:0px;top:0px;width:100%;height:100%;}
.m-news-list .contents .item .content{position:relative;padding-top:55%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-news-list .contents .item.video .content:after{content:"";position:absolute;z-index:10;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-news-list .contents .item.video:hover .content:after{background-image:url(../images/icon-videos.png);}
.m-news-list .contents .item .text{height:140px;padding:20px 25px 30px;background-color:#fff;}
.m-news-list .contents .item .text h1{color:#111;font-size:16px;line-height:24px;max-height:48px;overflow:hidden;margin-top:4px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-news-list .contents .item:hover .text h1{color:#bb121a;}
.m-news-list .contents .item .text p{color:#666;font-size:13px;line-height:18px;height:36px;overflow:hidden;margin-top:8px;}
.m-news-list .contents .item .text .date{color:#666;font-size:13px;line-height:18px;}

.m-message{position:relative;background-color:#f4f4f4;}
.m-message .contents{position:relative;z-index:10;}
.m-message .con-left{float:left;width:60%;}
.m-message .con-right{float:right;width:calc(40% - 10px);}
.m-message .con-s-left{float:left;width:30%;}
.m-message .con-s-center{float:left;width:calc(35% - 10px);margin-left:10px;}
.m-message .con-s-right{float:right;width:calc(35% - 10px);}
.m-message .el-form-item{position:relative;}
.m-message .el-input.el-input__inner{border-width:0px;}
.m-message .el-input{position:relative;z-index:3;height:60px;padding:28px 50% 12px 20px;color:#000;font-size:18px;background-color:transparent!important;font-family:"Roboto-Regular","PingFang";border-radius:3px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message textarea.el-input{height:240px;margin-top:30px;margin-right:1px;padding:0px 30% 20px 20px;color:#000;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message .con-s-center textarea.el-input{height:130px;}
.m-message .el-input.el-button{cursor:pointer;border-width:0px;color:#fff;font-size:16px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:10px 20px 10px;background-color:#333!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.m-message .el-input.el-button:hover{background-color:#bb121a!important;}
.m-message .el-input.el-button.disabled{background-color:#ffdc99!important;color:rgba(255,255,255,0.8)!important;text-shadow:0px 0px 0px rgba(0,0,0,0.0)!important;cursor:not-allowed;}
.m-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.m-message .el-form-item span.error{position:absolute;z-index:2;right:20px;top:20px;color:#bb121a;font-size:12px;line-height:20px;padding-right:18px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.m-message .el-form-item label{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding-left:20px;padding-top:20px;background-color:#fff;border:rgba(0,0,0,0.0) solid 1px;border-radius:3px;color:#222;font-size:14px;line-height:16px;font-weight:bold;cursor:text;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.m-message .el-form-item label::before{content:"";position:absolute;z-index:0;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:rgba(0,0,0,0.0) solid 3px;border-radius:5px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message .el-form-item:hover label{border:rgba(0,0,0,0.2) solid 1px;}
.m-message .el-form-item:hover label::before{border:rgba(0,0,0,0.08) solid 2px;}
.m-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(0,0,0,0.4) solid 1px;}
.m-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.15) solid 2px;}
.m-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.m-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.m-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.m-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.m-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.m-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;background-color:#fffdec;background-image:url(../images/bg-code.png);background-position:center;background-size:70% auto;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-message .el-form-item.item02 #canvas:hover{background-color:#fff4f4;}
.m-message .el-form-item.item02 button[type="button"]{margin-left:10px;width:calc(100% - 10px)!important;cursor:pointer;background-color:rgba(0,0,0,0.1);padding:10px 20px 10px;color:#222;font-size:15px;}
.m-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.m-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.m-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.m-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.m-message .el-form-item input.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.m-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.m-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.m-message .el-form-item textarea.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.m-message .el-form-item input.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.m-message .el-form-item input.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.m-message .el-form-item textarea.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.m-message .el-form-item textarea.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.m-message .tips{color:#888;font-size:12px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

}

@media (min-width:1280px){

.m-wraper .container{padding:100px 0px 140px;}
.m-wraper .more{margin-top:30px;}

.m-type{position:relative;height:200px;}
.m-type::before{left:-10%;top:-20px;width:calc(75% - 50px);height:calc(100% + 40px);}
.m-type .contents{width:60%;height:200px;padding-bottom:20px;}
.m-type .phone{width:40%;height:200px;padding-bottom:10px;}

.m-product .item:nth-child(5){margin-top:-155px;}
.m-product .item:nth-child(6){margin-top:-155px;}
.m-product .item:nth-child(7){margin-top:-155px;}

.m-product2 .item .block{padding-top:115.74%;}
.m-product2 .item .contents{top:90px;width:100%;height:calc(100% - 180px);}
.m-product2 .item .contents::after{top:-90px;border-width:0px 155px 90px 155px;}
.m-product2 .item .contents::before{bottom:-90px;border-width:90px 155px 0px 155px;}
.m-product2 .item .content{padding:0px 20% 5%;}
.m-product2 .item .pic{width:120px;height:120px;}
.m-product2 .item .text-cn{font-size:18px;line-height:20px;}
.m-product2 .item .text-en{font-size:16px;line-height:16px;margin-top:5px;}
.m-product2 .item a:hover + .content .pic img{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25);}
.m-product2 .item:nth-child(5){margin-top:-90px;}
.m-product2 .item:nth-child(6){margin-top:-90px;}
.m-product2 .item:nth-child(7){margin-top:-90px;}

.m-intro .container{padding:180px 0px 180px;}

.m-map .map{height:680px;}

.m-product-list .container{padding:100px 0px 80px;}

.m-news-list .container{padding:50px 0px 80px;}

}