.more{position:relative;z-index:10;margin-left:auto;margin-right:auto;width:240px;height:50px;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:0px;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:#fff;display:block;padding:0px 40px 0px;letter-spacing:5px;text-indent:5px;}
.more a:hover{color:#fff;}
.more::after{content:"";position:absolute;z-index:-2;display:block;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#111;}
.more::before{content:"";position:absolute;z-index:-1;display:block;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#c6d800;-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);}
.more:hover a{color:#111;}

@-webkit-keyframes shadow{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}20%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);}}


@media (max-width:991px){

.m-title{position:relative;margin-bottom:20px;text-align:center;}
.m-title .name{display:block;color:#222;font-size:19px;line-height:24px;font-weight:bold;text-align:center;letter-spacing:6px;text-indent:6px;}
.m-title .text{position:relative;display:inline-block;width:auto;color:#666;font-size:11px;line-height:20px;text-align:center;padding-bottom:10px;font-family:"Montserrat-Medium";}
.m-title .text::after{content:"";position:absolute;left:calc(50% - 8px);bottom:0px;width:16px;height:2px;background-color:#c6d800;}

.m-wraper{position:relative;}
.m-wraper.back::before{content:"";position:absolute;z-index:-1;left:-40vw;top:-25vw;width:80vw;height:80vw;border-radius:100%;background-color:#c6d800;}
.m-wraper .container{position:relative;z-index:5;padding:40px 15px 40px;}
.m-wraper.gray{background-color:#f5f5f5;}

.news-list{border-top:#ddd solid 1px;}
.news-list .item{position:relative;border-bottom:#ddd solid 1px;padding:15px 0px 25px;margin-top:15px;padding-right:30px;}
.news-list .item::after{content:"\e6e9";position:absolute;z-index:0;right:0px;top:calc(50% - 25px);font-family:element-icons;color:#222;font-size:24px;line-height:30px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.news-list .item:hover::after{right:0px;color:#c6d800;}
.news-list .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.news-list .item .name{color:#111;font-size:20px;line-height:24px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.news-list .item .intro{color:#777;font-size:14px;line-height:22px;margin-top:15px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.news-list .item .date{color:#777;font-size:14px;line-height:22px;margin-top:15px;}
.news-list .item:hover .name{color:#c6d800;}
.news-list .item:hover .intro{color:#111;}

.page{text-align:center;color:rgba(255,255,255,0.6);padding-top:20px;}
.page a{background-color:#fff;font-size:14px;color:#555;line-height:40px;width:40px;height:42px;text-align:center;display:none;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}
.page a:hover{color:#e08441;}
.page a.active{background-color:#e08441;border:#e08441 solid 1px;color:#fff;}
.page a.previous{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:20px;padding-right:10px;white-space:nowrap;background-image:url("../images/icon-page-left.png");background-position:calc(50% - 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.next{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:10px;padding-right:20px;white-space:nowrap;background-image:url("../images/icon-page-right.png");background-position:calc(50% + 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.first{display:inline-block;width:calc(18% + 0px);padding-left:10px;padding-right:10px;font-size:14px;margin-left:0px;border-top-left-radius:2px;border-bottom-left-radius:2px;}
.page a.last{display:inline-block;width:calc(18% + 1px);padding-left:10px;padding-right:10px;font-size:14px;border-top-right-radius:2px;border-bottom-right-radius:2px;}

.m-big-pic{position:relative;display:block;margin-top:50px;}
.m-big-pic{padding-top:200px;position:relative;display:block;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-big-pic::before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.8));}
.m-big-pic .content{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;padding-bottom:0px;padding-left:30px;padding-right:30px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-big-pic .content .name{position:relative;z-index:10;margin-top:10px;color:#fff;font-size:24px;line-height:30px;font-weight:bolder;}
.m-big-pic .content .text{position:relative;z-index:10;margin-top:10px;color:#fff;font-size:14px;line-height:20px;}
.m-big-pic .content .logo{position:relative;z-index:10;margin-top:0px;}
.m-big-pic .content .logo img{height:40px;}
.m-big-pic.index{margin-top:50px;padding-top:200px;}
.m-big-pic.index .content{padding-bottom:0px;}
.m-big-pic.indexs{margin-top:0px;padding-top:200px;}
.m-big-pic.indexs .content{padding-bottom:20px;}
.m-big-pic.sub{margin-top:50px;padding-top:160px;}
.m-big-pic.sub .content{padding-bottom:20px;}
.m-big-pic.service{margin-top:50px;padding-top:260px;}
.m-big-pic.service .content{padding-bottom:20px;}

.m-scroll-pic{display:none;}
.m-scroll-pic2{position:relative;overflow:hidden;background-color:#fff;}
.m-scroll-pic2 .item{float:left;margin:0px;width:25%;padding:2px 1px;}
.m-scroll-pic2 .item img{width:100%;}

.position{background-color:rgba(0,0,0,0.05);}
.position .container{color:rgba(0,0,0,0.7);font-size:12px;line-height:20px;padding:6px 15px;}
.position i{color:rgba(0,0,0,0.7);font-size:12px;margin-left:5px;margin-right:5px;}
.position a{color:rgba(0,0,0,0.7);}
.position a:hover{color:#c6d800;}

.m-intro .video{position:relative;width:100%;}
.m-intro .video a{display:block;position:absolute;z-index:10;left:0px;top:0px;right:0px;width:100%;height:100%;}
.m-intro .video .content{width:100%;padding-top:57.333333%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:auto 100%;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-intro .video:hover .content{background-size:auto 105%;transition:all 1500ms cubic-bezier(.25,.1,.25,1);}
.m-intro .video img{width:100%;}
.m-intro .video video{width:100%;}
.m-intro .contents{width:100%;padding-top:15px;text-align:center;}
.m-intro .contents .name{color:#000;font-size:20px;line-height:22px;font-weight:bold;text-align:left;}
.m-intro .contents .text{color:#000;font-size:15px;line-height:26px;text-align:justify;margin-top:0px;}
.m-intro .contents .text p{margin-bottom:10px;}
.m-intro .contents .more{margin-top:30px;}

.m-command .content{margin:0px -20px 0px;}
.m-command .content .item{position:relative;width:calc(100% - 40px);margin:0px 20px 14px;background-color:#000;}
.m-command .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.m-command .content .item .pic{position:relative;padding-top:71.25%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-command .content .item .info{position:relative;min-height:320px;padding:30px 35px 30px;background-color:#f8f8f8;}
.m-command .content .item .info h1{color:#111;font-size:20px;line-height:28px;max-height:56px;font-weight:bold;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-command .content .item:hover .info h1{color:#a0ae00;}
.m-command .content .item .info p{color:#444;font-size:15px;line-height:24px;margin-top:14px;}
.m-command .content .item .info .more{position:absolute;bottom:50px;left:30px;right:30px;width:calc(100% - 60px);color:#111;padding:0px 40px 0px;letter-spacing:5px;text-indent:5px;}
.m-command .content .item:hover .info .more{color:#111;}
.m-command .content .item .info .more::after{background-color:#c6d800;}
.m-command .content .item .info .more::before{background-color:#111;}
.m-command .content .item:hover .info .more::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.m-command .content .item:hover .info .more{color:#fff;}
.m-command .owl-controls{margin-top:-10px;margin-bottom:-20px;text-align:center;}
.m-command .owl-controls .owl-page{cursor:pointer;display:inline-block;width:8px;height:2px;margin:0px 2px;background-color:rgba(0,0,0,0.2);-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-command .owl-controls .owl-page.active{width:16px;background-color:#111;}

.s-intro .wraper01{position:relative;padding-top:20px;}
.s-intro .wraper01::before{content:"";position:absolute;left:0px;top:0px;width:40%;height:100%;background-color:#c6d800;}
.s-intro .photo{position:relative;width:100%;margin-bottom:30px;}
.s-intro .photo .content{width:100%;padding-top:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-intro .contents{width:100%;color:#333;font-size:16px;line-height:32px;text-align:left;}
.s-intro .contents .name{color:#000;font-size:24px;line-height:26px;font-weight:bold;}
.s-intro .contents .text{color:#333;font-size:16px;line-height:30px;text-align:left;margin-top:20px;}
.s-intro .contents .text p{margin-bottom:20px;}
.s-intro .contents ol{padding-top:5px;margin-bottom:30px;}
.s-intro .contents ul{padding-top:5px;margin-bottom:30px;}
.s-intro .contents ul{list-style-position:outside;margin-left:18px;list-style:disc;}
.s-intro .contents li{line-height:28px;margin-bottom:15px;}
.s-intro .contents img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-intro .wraper02{position:relative;padding-top:20px;}
.s-intro .wraper02 img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}

.s-brand{position:relative;padding-top:20px;color:#333;font-size:16px;line-height:32px;text-align:left;}
.s-brand::before{content:"";position:absolute;left:0px;top:0px;width:35%;height:300px;background-color:#c6d800;}
.s-brand .container{padding-top:30px;}
.s-brand .container h1{color:#000;font-size:20px;line-height:30px;font-weight:bold;margin-bottom:20px;text-align:center;}
.s-brand .container ol{padding-top:5px;margin-bottom:30px;}
.s-brand .container ul{padding-top:5px;margin-bottom:30px;}
.s-brand .container ul{list-style-position:outside;margin-left:18px;list-style:disc;}
.s-brand .container li{line-height:28px;margin-bottom:15px;}
.s-brand .container p{margin-bottom:20px;}
.s-brand .container .map{height:360px;}
.s-brand .container img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}

.history-list{position:relative;margin:20px auto 0px;padding-bottom:20px;}
.history-list::before{position:absolute;content:"";left:70px;top:0px;width:1px;height:100%;background-color:#ccc;}
.history-list::after{position:absolute;content:"\e790";left:60px;bottom:4px;width:10px;height:10px;font-family:element-icons!important;color:#ccc;font-size:22px;}
.history-list .items{padding-top:20px;margin-bottom:15px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;}
.history-list .items .dots{position:relative;margin-top:-2px;width:30px;height:30px;-webkit-transition:all 800ms cubic-bezier(.25,.1,.25,1);-moz-transition:all 800ms cubic-bezier(.25,.1,.25,1);-o-transition:all 800ms cubic-bezier(.25,.1,.25,1);transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.history-list .items .dots:before{content:"";position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border-radius:50%;border:#c6d800 solid 1px;-webkit-animation:shadow 3s ease-in-out infinite;-moz-animation:shadow 3s ease-in-out infinite;-o-animation:shadow 3s ease-in-out infinite;animation:shadow 3s ease-in-out infinite;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.history-list .items .dots:after{content:"";position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background-color:#c6d800;-webkit-animation:shadow 3s ease-in-out infinite;-moz-animation:shadow 3s ease-in-out infinite;-o-animation:shadow 3s ease-in-out infinite;animation:shadow 3s ease-in-out infinite;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.history-list .items .year{width:40px;color:#333;font-size:16px;line-height:24px;font-weight:bold;}
.history-list .items .text{width:calc(100% - 100px);color:#333;font-size:16px;line-height:24px;}
.history-list .items .text em{display:block;margin-bottom:10px;}

.brand-pic{padding-bottom:30px;}
.brand-pic .item{}
.brand-pic .item .pic{width:100%;}
.brand-pic .item .pic img{width:100%;}
.brand-pic .item .text{width:100%;padding:0px 0px 0px 0px;}
.brand-pic .item .text ul{padding-top:0px;margin-bottom:0px;}

.m-contact{position:relative;background-image:url("../images/back-contact.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-contact::before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.m-contact .mask{position:relative;z-index:1;padding:30px 20px;text-align:center;}
.m-contact .mask .item{position:relative;width:calc(100% - 0px);padding-top:20px;padding-bottom:20px;}
.m-contact .mask .icon{width:40px;margin:0px auto 20px;}
.m-contact .mask .icon img{width:100%;}
.m-contact .mask h1{color:#fff;font-size:14px;font-weight:bold;}
.m-contact .mask p{color:#fff;font-size:18px;line-height:30px;margin-top:10px;font-weight:bold;}

.s-contact{background-color:#e8eaec;}
.s-contact .container{}
.s-contact .info .content{float:left;width:100%;padding-top:40px;padding-left:30px;padding-right:30px;background-color:#c6d800;border-top-left-radius:3px;border-top-right-radius:3px;}
.s-contact .info .content .item{width:100%;padding:0px 0px 30px 0px;}
.s-contact .info .content .item i{float:left;color:#a0ae00;font-size:22px;line-height:40px;margin-top:-10px;margin-bottom:30px;margin-right:15px;}
.s-contact .info .content .item .icon{margin-bottom:10px;width:20px;}
.s-contact .info .content .item .icon img{width:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;}
.s-contact .info .content .item .name{color:rgba(0,0,0,0.5);font-size:13px;line-height:20px;margin-bottom:5px;font-weight:bold;}
.s-contact .info .content .item .text{color:rgba(0,0,0,1);font-size:14px;line-height:20px;}
.s-contact .info .map{float:right;width:100%;height:400px;background-color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;}
.s-contact .info .map iframe{width:100%;height:400px;}

.s-contact-message{background-color:#e8eaec;}
.s-contact-message .container{background-color:#616161;border:rgba(0,0,0,0.0) solid 1px;padding:40px 13px;}
.s-message{position:relative;}
.s-message .contents{position:relative;z-index:10;}
.s-message .con-left{float:left;width:100%;}
.s-message .con-right{float:right;width:calc(100% - 0px);}
.s-message .con-s-left{float:left;width:100%;}
.s-message .con-s-center{float:left;width:calc(100% - 0px);margin-left:0px;}
.s-message .con-s-right{float:right;width:calc(100% - 0px);}
.s-message .el-form-item{position:relative;}
.s-message .el-input.el-input__inner{border-width:0px;}
.s-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);}
.s-message textarea.el-input{height:100px;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);}
.s-message .el-input.el-button{cursor:pointer;border-width:0px;height:56px;color:#fff;font-size:16px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:6px 20px 6px;background-color:#111!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-input.el-button:hover{background-color:#c6d800!important;}
.s-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;}
.s-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.s-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;}
.s-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(198,216,0,1) 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;}
.s-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);}
.s-message .el-form-item:hover label{border:rgba(198,216,0,1) solid 1px;}
.s-message .el-form-item:hover label::before{border:rgba(0,0,0,0.4) solid 2px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(198,216,0,1) solid 1px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.8) solid 2px;}
.s-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.s-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.s-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.s-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;border:rgba(198,216,0,1) solid 1px;background-color:#fff;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item.item02 #canvas:hover{background-color:#f4f6d8;}
.s-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;}
.s-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.s-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.s-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-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;}
.s-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-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;}
.s-message .el-form-item input.valid ~ label{color:#a0ae00!important;border:rgba(198,216,0,1) solid 1px!important;}
.s-message .el-form-item input.valid ~ label::before{border:rgba(198,216,0,0.3) solid 2px!important;}
.s-message .el-form-item textarea.valid ~ label{color:#a0ae00!important;border:rgba(198,216,0,1) solid 1px!important;}
.s-message .el-form-item textarea.valid ~ label::before{border:rgba(198,216,0,0.3) solid 2px!important;}
.s-message .tips{color:rgba(255,255,255,0.6);font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox{color:rgba(255,255,255,0.6);font-size:13px;line-height:20px;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox .c-checkbox{color:rgba(255,255,255,0.6);font-size:13px;line-height:20px;margin-top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox font{color:rgba(255,255,255,0.6);}
.s-message .form-c-checkbox a{color:rgba(255,255,255,0.8);}
.s-message .form-c-checkbox a:hover{color:#c6d800;}

.page{height:44px;margin-top:0px;text-align:center;color:rgba(255,255,255,0.6);}
#.page a{background-color:#fff;font-size:14px;color:#555;line-height:42px;width:40px;height:44px;text-align:center;display:none;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}

.page a{background-color:#fff;font-size:14px;color:#555;line-height:42px;width:40px;height:44px;text-align:center;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}


.page a:hover{color:#af0400;}
.page a.active{background-color:#000;border:#000 solid 1px;color:#fff;}
.page a.previous{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:20px;padding-right:10px;white-space:nowrap;background-image:url("../images/icon-page-left.png");background-position:calc(50% - 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}

#.page a.next{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:10px;padding-right:20px;white-space:nowrap;background-image:url("../images/icon-page-right.png");background-position:calc(50% + 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}

#.page a.next{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:10px;padding-right:20px;white-space:nowrap;background-position:calc(50% + 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}


.page a.first{display:inline-block;width:calc(18% + 0px);padding-left:10px;padding-right:10px;font-size:14px;margin-left:0px;}
.page a.last{display:inline-block;width:calc(18% + 1px);padding-left:10px;padding-right:10px;font-size:14px;}

.s-wraper{position:relative;z-index:10;margin-top:-1px;border-right:#f2f2f2 solid 0px;min-height:500px;padding-left:0px!important;padding-right:0px!important;}
.s-wraper:before{display:none;content:"";position:absolute;z-index:0;left:100px;top:0px;width:1px;height:100%;background-color:#f2f2f2;}
.s-wraper .con-left{display:none;}
.s-wraper .con-right{float:right;width:calc(100% - 0px);padding:0px 15px 20px;}

.left-nav{display:none;position:relative;z-index:1;overflow:hidden;border-bottom:#f2f2f2 solid 0px;}
.left-nav .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;white-space:nowrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.left-nav .swiper-slide{float:left;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding-top:2px;padding-bottom:0px;margin-left:0px;margin-right:2px;}
.left-nav .swiper-slide:last-child{margin-right:0px;}
.left-nav .swiper-slide.active:hover:after{right:12px;color:#af0400;}
.left-nav .swiper-slide a{display:block;padding:10px 15px 10px 15px;font-size:13px;line-height:16px;cursor:pointer;font-weight:bold;background-color:rgba(0,0,0,0.08);}
.left-nav .swiper-slide.active a{color:#fff;font-weight:bold;background-color:#222;}
.left-nav .swiper-slide a.active{color:#fff;font-weight:bold;background-color:#222;}

.s-product-title{position:relative;color:#222;font-size:18px;line-height:22px;font-weight:bold;padding-left:15px;margin-bottom:20px;}
.s-product-title::after{content:"";position:absolute;left:0px;top:3px;width:2px;height:18px;background-color:#c6d800;}

.s-product .content{margin:0px -10px 0px;}
.s-product .content .item{float:left;position:relative;width:calc(100% - 20px);margin:0px 10px 10px;background-color:#000;}
.s-product .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.s-product .content .item .pic{position:relative;padding-top:71.25%;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-product .content .item:hover .pic{background-size:108% auto;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.s-product .content .item .info{position:relative;min-height:190px;padding:25px 35px 30px;background-color:#f8f8f8;}
.s-product .content .item .info h1{color:#111;font-size:20px;line-height:28px;max-height:56px;font-weight:bold;overflow:hidden;margin-top:4px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-product .content .item:hover .info h1{color:#a0ae00;}
.s-product .content .item .info p{color:#444;font-size:15px;line-height:24px;height:72px;margin-top:14px;overflow:hidden;}
.s-product .content .item .info .more{position:absolute;bottom:50px;left:30px;right:30px;width:calc(100% - 60px);color:#111;padding:0px 40px 0px;letter-spacing:5px;text-indent:5px;}
.s-product .content .item:hover .info .more{color:#111;}
.s-product .content .item .info .more::after{background-color:#c6d800;}
.s-product .content .item .info .more::before{background-color:#111;}
.s-product .content .item:hover .info .more::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.s-product .content .item:hover .info .more{color:#fff;}

.s-online .content{margin:0px -5px 0px;}
.s-online .content .item{float:left;position:relative;width:calc(50% - 10px);margin:0px 5px 10px;background-color:#000;}
.s-online .content .item:after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.08) solid 1px;}
.s-online .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.s-online .content .item .pic{position:relative;padding-top:40%;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-online .content .item:hover .pic{background-size:108% auto;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}

.m-product-detail{}
.m-product-detail .big{float:left;width:100%;}
.m-product-detail .big .contents{padding-top:66.5%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-product-detail .info{float:right;width:calc(100% - 0px);margin-top:30px;}
.m-product-detail .info .name{color:#111;font-size:24px;line-height:30px;font-weight:bold;}
.m-product-detail .info .number{color:#666;font-size:14px;line-height:20px;margin-top:10px;}
.m-product-detail .info p{color:#222;font-size:16px;line-height:24px;margin-top:10px;}

.sub-product-detail{width:100%;}
.sub-product-detail .swiper-container{position:relative;width:100%;}
.sub-product-detail .gallery-top img{max-width:100%!important;width:auto!important;margin:0 auto;}
.sub-product-detail .swiper-container.gallery-thumbs{width:100%;margin-top:5px;}
.sub-product-detail .swiper-container.gallery-thumbs .swiper-slide{cursor:pointer;margin-right:5px!important;}
.sub-product-detail .swiper-container.gallery-thumbs .swiper-slide img{max-width:100%;max-height:50px;margin:0px auto;padding:0px;border:rgba(0,0,0,0.1) solid 1px;}
.sub-product-detail .swiper-container.gallery-thumbs .swiper-slide-thumb-active img{border:#c6d800 solid 1px;}
.sub-product-detail .swiper-container .swiper-button-prev{display:none;position:absolute;z-index:1;top:50%;left:0px;width:40px;height:40px;border-radius:100%;cursor:pointer;background-color:rgba(0,0,0,0.2);background-image:url(../images/icon-page-lefts.png);background-size:auto 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .swiper-container .swiper-button-prev::after{display:none;}
.sub-product-detail .swiper-container .swiper-button-next{display:none;position:absolute;z-index:1;top:50%;right:0px;width:40px;height:40px;border-radius:100%;cursor:pointer;background-color:rgba(0,0,0,0.2);background-image:url(../images/icon-page-rights.png);background-size:auto 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .swiper-container .swiper-button-next::after{display:none;}
.sub-product-detail .swiper-container .swiper-button-prev:hover{background-image:url(../images/icon-page-lefts.png);background-color:rgba(0,0,0,0.4);}
.sub-product-detail .swiper-container .swiper-button-next:hover{background-image:url(../images/icon-page-rights.png);background-color:rgba(0,0,0,0.4);}
.sub-product-detail .gallery-thumbs .swiper-slide{position:relative;}
.sub-product-detail .gallery-thumbs .swiper-slide i{position:absolute;z-index:1;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}

.detail-video{width:100%;margin-top:20px;}
.detail-video .content{position:relative;background-color:#000;padding-top:66.666666%;}
.detail-video .content iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}

.m-p-g{max-width:calc(100% + 4px)!important;margin:20px -2px 0px!important;}
.m-p-g__thumbs-img{padding:2px!important;}
.m-p-g__fullscreen{z-index:100!important;}
.m-p-g__controls-close{top:9vh!important;}

.s-catalogue{}
.s-catalogue .big{display:none;float:left;width:35%;margin-bottom:60px;}
.s-catalogue .big .pic{width:100%;padding-top:138%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-catalogue .list{width:calc(100% - 0px);margin-bottom:30px;}
.s-catalogue .list .name{color:#111;font-size:18px;line-height:24px;font-weight:bold;margin-top:-3px;margin-bottom:15px;}
.s-catalogue .list .content{margin:0px -5px 0px;}
.s-catalogue .list .content .item{float:left;position:relative;width:calc(50% - 10px);margin:0px 5px 20px;}
.s-catalogue .list .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.s-catalogue .list .content .item .pic{position:relative;padding-top:128%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-catalogue .list .content .item .info{position:relative;margin:15px 0px 0px;}
.s-catalogue .list .content .item .info h1{color:#111;font-size:14px;line-height:20px;max-height:20px;font-weight:bold;overflow:hidden;margin-top:4px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-catalogue .list .content .item:hover .info h1{color:#a0ae00;}
.s-catalogue .list .content .item .info .more{width:auto;height:44px;color:#111;font-size:14px;line-height:44px;padding:0px 10px 0px 0px;margin-top:5px;text-align:left;}
.s-catalogue .list .content .item .info i{font-size:15px;}
.s-catalogue .list .content .item:hover .info .more{color:#111;}
.s-catalogue .list .content .item .info .more::before{background-color:#c6d800;height:1px;}
.s-catalogue .list .content .item .info .more::after{background-color:rgba(0,0,0,0.1);height:1px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-catalogue .list .content .item:hover .info .more::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.s-catalogue .list .content .item:hover .info .more{color:#a0ae00;}
.s-catalogue .list .content .item:hover .info .more::after{background-color:rgba(0,0,0,0.0);height:1px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}

.m-wraper.sub .detail-content{margin-top:30px;}
.detail-content{font-size:16px;color:rgba(0,0,0,0.8);line-height:30px;text-align:left;}
.detail-content h1{position:relative;font-size:20px;color:#000;line-height:26px;font-weight:bold;margin-bottom:10px;display:block;padding-bottom:0px;text-align:left;}
.detail-content h1:first-child{margin-top:0px;}
.detail-content h2{font-size:18px;color:#000;line-height:20px;margin-top:20px;margin-bottom:15px;font-weight:bold;}
.detail-content h4{font-size:16px;color:#000;line-height:20px;margin-top:10px;margin-bottom:15px;font-family:"SourceHanCNBold","Microsoft YaHei";}
.detail-content h3{font-size:14px;color:#666;line-height:18px;margin-top:5px;margin-bottom:10px;text-align:left;}
.detail-content h3 em{position:relative;display:inline-block;padding-right:10px;margin-right:9px;}
.detail-content h3 em::before{content:"";position:absolute;right:0px;top:4px;width:1px;height:10px;background-color:rgba(0,0,0,0.4);}
.detail-content h3 em:last-child{padding-right:0px;margin-right:0px;}
.detail-content h3 em:last-child::before{right:0px;top:0px;width:0px;height:0px;}
.detail-content .tips{margin-top:10px;margin-bottom:20px;padding:15px 20px;background-color:rgba(0,0,0,0.02);border:rgba(0,0,0,0.1) dotted 1px;font-size:12px;color:#666;line-height:18px;}
.detail-content .map{width:100%;height:400px;margin-top:0px;margin-bottom:20px;border:rgba(0,0,0,0.2) solid 1px;}
.detail-content iframe{width:100%;height:240px;background-color:#000;margin-bottom:20px;}
.detail-content .video{width:100%;margin-bottom:20px;}
.detail-content .video .content{position:relative;background-color:#000;padding-top:50%;}
.detail-content .video .content iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.detail-content video{width:100%;height:240px;background-color:#000;}
.detail-content img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.detail-content table{margin-bottom:20px;width:100%!important;border-collapse:separate;border-spacing:1px;background-image:url("../images/back-table.png");background-size:cover;}
.detail-content table th{background-color:#e7ddc9;padding:12px 12px;line-height:24px;font-size:16px;}
.detail-content table td{background-color:#e7ddc9;padding:12px 12px;line-height:24px;font-size:16px;}
.detail-content ol{padding-top:5px;margin-bottom:20px;}
.detail-content ul{padding-top:5px;margin-bottom:20px;}
.detail-content ul{list-style-position:outside;margin-left:18px;list-style:disc;}
.detail-content li{line-height:28px;margin-bottom:10px;}
.detail-content p{margin-bottom:20px;}
.detail-content p:last-child{margin-bottom:0px;}
.detail-content a{color:#8c0008;}
.detail-content a:hover{text-decoration:underline;}
.detail-content .share{padding-top:10px;margin-bottom:20px;}
.detail-content .share a{color:#a0ae00;display:inline-block;margin-right:10px;}
.detail-content .share a:hover{text-decoration:underline;}
.detail-content .back{text-align:center;margin-top:30px;margin-left:0;}
.detail-content .back.more::after{background-color:#f1f1f1;}
.detail-content .back.more::before{background-color:#c6d800;}
.detail-content .back a{color:#333;padding:0px 50px 0px 30px;letter-spacing:0px;cursor:pointer;}
.detail-content .back a:hover{color:#fff;text-decoration:none;}
.detail-content .back a i{margin-right:10px;}

}

@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:40px;text-align:center;}
.m-title .name{display:block;color:#222;font-size:25px;line-height:30px;font-weight:bold;text-align:center;letter-spacing:10px;text-indent:10px;}
.m-title .text{position:relative;display:inline-block;width:auto;color:#666;font-size:12px;line-height:20px;text-align:center;padding-bottom:12px;font-family:"Montserrat-Medium";}
.m-title .text::after{content:"";position:absolute;left:calc(50% - 10px);bottom:0px;width:20px;height:2px;background-color:#c6d800;}

.m-wraper{position:relative;}
.m-wraper.back::before{content:"";position:absolute;z-index:-1;left:-15vw;top:-5vw;width:30vw;height:30vw;border-radius:100%;background-color:#c6d800;}
.m-wraper.back::after{content:"";position:absolute;z-index:-1;left:0vw;bottom:0vw;width:10vw;height:30vw;background-color:rgba(0,0,0,1);border-top-right-radius:10vw;}
.m-wraper .container{position:relative;padding:80px 0px 80px;}
.m-wraper.sub .container{width:980px;}
.m-wraper.sub .detail-content{margin-top:30px;}
.m-wraper.gray{background-color:#f4f4f4;}

.news-list{border-top:#ddd solid 1px;}
.news-list .item{position:relative;border-bottom:#ddd solid 1px;padding:20px 0px 30px;margin-top:20px;padding-right:50px;}
.news-list .item::after{content:"\e6e9";position:absolute;z-index:0;right:10px;top:calc(50% - 25px);font-family:element-icons;color:#222;font-size:24px;line-height:30px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.news-list .item:hover::after{right:5px;color:#c6d800;}
.news-list .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.news-list .item .name{color:#111;font-size:24px;line-height:28px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.news-list .item .intro{color:#777;font-size:15px;line-height:22px;margin-top:15px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.news-list .item .date{color:#777;font-size:15px;line-height:22px;margin-top:15px;}
.news-list .item:hover .name{color:#c6d800;}
.news-list .item:hover .intro{color:#111;}

.page{text-align:center;color:rgba(255,255,255,0.6);padding-top:20px;}
.page a{background-color:#fff;font-size:14px;color:#555;line-height:40px;width:40px;height:42px;text-align:center;display:none;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}
.page a:hover{color:#e08441;}
.page a.active{background-color:#e08441;border:#e08441 solid 1px;color:#fff;}
.page a.previous{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:20px;padding-right:10px;white-space:nowrap;background-image:url("../images/icon-page-left.png");background-position:calc(50% - 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.next{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:10px;padding-right:20px;white-space:nowrap;background-image:url("../images/icon-page-right.png");background-position:calc(50% + 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.first{display:inline-block;width:calc(18% + 0px);padding-left:10px;padding-right:10px;font-size:14px;margin-left:0px;border-top-left-radius:2px;border-bottom-left-radius:2px;}
.page a.last{display:inline-block;width:calc(18% + 1px);padding-left:10px;padding-right:10px;font-size:14px;border-top-right-radius:2px;border-bottom-right-radius:2px;}

.m-big-pic{position:relative;display:block;margin-top:100px;}
.m-big-pic{padding-top:300px;position:relative;display:block;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-big-pic::before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5));}
.m-big-pic .content{position:absolute;z-index:2;left:calc(50% - 475px);top:0px;width:950px;height:100%;padding-bottom:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-big-pic .content .name{position:relative;z-index:10;margin-top:20px;color:#fff;font-size:50px;line-height:60px;font-weight:bolder;}
.m-big-pic .content .text{position:relative;z-index:10;margin-top:20px;color:#fff;font-size:22px;line-height:36px;}

.m-scroll-pic{position:relative;background-color:#fff;}
.m-scroll-pic .item{float:left;margin:0px;width:10%;padding:4px 2px;}
.m-scroll-pic .item img{width:100%;}
.m-scroll-pic2{display:none;}

.position{background-color:rgba(0,0,0,0.05);}
.position .container{color:rgba(0,0,0,0.7);font-size:12px;line-height:20px;padding-top:10px;padding-bottom:10px;}
.position i{color:rgba(0,0,0,0.7);font-size:12px;margin-left:5px;margin-right:5px;}
.position a{color:rgba(0,0,0,0.7);}
.position a:hover{color:#c6d800;}

.m-intro .video{position:relative;float:left;width:50%;}
.m-intro .video a{display:block;position:absolute;z-index:10;left:0px;top:0px;right:0px;width:100%;height:100%;}
.m-intro .video .content{width:100%;padding-top:56%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-intro .video:hover .content{background-size:100% auto;transition:all 1500ms cubic-bezier(.25,.1,.25,1);}
.m-intro .video img{width:100%;}
.m-intro .video video{width:100%;}
.m-intro .contents{float:right;width:50%;padding-left:60px;}
.m-intro .contents .name{color:#000;font-size:20px;line-height:26px;font-weight:bold;}
.m-intro .contents .text{color:#333;font-size:16px;line-height:28px;text-align:justify;margin-top:0px;overflow:hidden;}
.m-intro .contents .text p{margin-bottom:10px;}
.m-intro .contents .more{margin-top:20px;margin-left:0px;}

.m-command .content{margin:0px -20px 20px;}
.m-command .content .item{position:relative;width:calc(100% - 40px);margin:0px 20px 14px;background-color:#000;}
.m-command .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.m-command .content .item .pic{position:relative;padding-top:71.25%;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-command .content .item:hover .pic{background-size:108% auto;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-command .content .item .info{position:relative;min-height:320px;padding:30px 35px 30px;background-color:#f8f8f8;}
.m-command .content .item .info h1{color:#111;font-size:20px;line-height:28px;max-height:56px;font-weight:bold;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-command .content .item:hover .info h1{color:#a0ae00;}
.m-command .content .item .info p{color:#444;font-size:15px;line-height:24px;margin-top:14px;}
.m-command .content .item .info .more{position:absolute;bottom:50px;left:30px;right:30px;width:calc(100% - 60px);color:#111;padding:0px 40px 0px;letter-spacing:5px;text-indent:5px;}
.m-command .content .item:hover .info .more{color:#111;}
.m-command .content .item .info .more::after{background-color:#c6d800;}
.m-command .content .item .info .more::before{background-color:#111;}
.m-command .content .item:hover .info .more::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.m-command .content .item:hover .info .more{color:#fff;}
.m-command .owl-controls{margin-top:10px;margin-bottom:0px;text-align:center;}
.m-command .owl-controls .owl-page{cursor:pointer;display:inline-block;width:8px;height:2px;margin:0px 2px;background-color:rgba(0,0,0,0.2);-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-command .owl-controls .owl-page.active{width:16px;background-color:#111;}
.m-command .owl-controls .owl-buttons div{position:absolute;top:calc(50% - 30px);margin-top:;width:60px;height:60px;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-command .owl-controls .owl-buttons div:hover{background-color:#c6d800;}
.m-command .owl-controls .owl-buttons div.owl-prev{left:-80px;background-image:url(../images/icon-page-lefts.png);}
.m-command .owl-controls .owl-buttons div.owl-next{right:-80px;background-image:url(../images/icon-page-rights.png);}

.s-intro .wraper01{position:relative;padding-top:20px;}
.s-intro .wraper01::before{content:"";position:absolute;left:0px;top:0px;width:10%;height:70%;background-color:#c6d800;}
.s-intro .photo{position:relative;float:right;width:50%;margin-left:40px;}
.s-intro .photo .content{width:100%;padding-top:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-intro .contents{float:right;width:calc(100% - 0px);color:#333;font-size:16px;line-height:32px;text-align:left;}
.s-intro .contents .name{color:#000;font-size:24px;line-height:26px;font-weight:bold;}
.s-intro .contents .text{color:#333;font-size:16px;line-height:30px;text-align:justify;margin-top:20px;}
.s-intro .contents .text p{margin-bottom:20px;}
.s-intro .contents ol{padding-top:5px;margin-bottom:30px;}
.s-intro .contents ul{padding-top:5px;margin-bottom:30px;}
.s-intro .contents ul{list-style-position:outside;margin-left:18px;list-style:disc;}
.s-intro .contents li{line-height:28px;margin-bottom:15px;}
.s-intro .contents img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-intro .wraper02{position:relative;margin-top:-30px;}
.s-intro .wraper02 .container{padding-left:0px;padding-right:0px;padding-top:0px;}
.s-intro .wraper02 img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}

.s-brand{position:relative;padding-top:20px;color:#333;font-size:16px;line-height:32px;text-align:left;}
.s-brand::before{content:"";position:absolute;left:0px;top:0px;width:10%;height:600px;background-color:#c6d800;}
.s-brand .container{padding-top:30px;overflow:hidden;}
.s-brand .container h1{color:#000;font-size:24px;line-height:30px;font-weight:bold;margin-bottom:20px;text-align:center;}
.s-brand .container ol{padding-top:5px;margin-bottom:30px;}
.s-brand .container ul{padding-top:5px;margin-bottom:30px;}
.s-brand .container ul{list-style-position:outside;margin-left:18px;list-style:disc;}
.s-brand .container li{line-height:28px;margin-bottom:15px;}
.s-brand .container p{margin-bottom:20px;}
.s-brand .container .map{height:360px;}
.s-brand .container img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-brand .container img.img-left{float:left;margin-right:20px;width:30%;}
.s-brand .container img.img-right{float:right;margin-left:20px;width:30%;}

.history-list{position:relative;margin:20px auto 0px;padding-bottom:20px;}
.history-list::before{position:absolute;content:"";left:70px;top:0px;width:1px;height:calc(100% - 0px);background-color:#ccc;}
.history-list::after{position:absolute;content:"\e790";left:60px;bottom:4px;width:10px;height:10px;font-family:element-icons!important;color:#ccc;font-size:22px;}
.history-list .items{padding-top:20px;margin-bottom:15px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;}
.history-list .items .dots{position:relative;margin-top:-2px;width:30px;height:30px;-webkit-transition:all 800ms cubic-bezier(.25,.1,.25,1);-moz-transition:all 800ms cubic-bezier(.25,.1,.25,1);-o-transition:all 800ms cubic-bezier(.25,.1,.25,1);transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.history-list .items .dots:before{content:"";position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border-radius:50%;border:#c6d800 solid 1px;-webkit-animation:shadow 3s ease-in-out infinite;-moz-animation:shadow 3s ease-in-out infinite;-o-animation:shadow 3s ease-in-out infinite;animation:shadow 3s ease-in-out infinite;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.history-list .items .dots:after{content:"";position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background-color:#c6d800;-webkit-animation:shadow 3s ease-in-out infinite;-moz-animation:shadow 3s ease-in-out infinite;-o-animation:shadow 3s ease-in-out infinite;animation:shadow 3s ease-in-out infinite;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.history-list .items .year{width:40px;color:#333;font-size:16px;line-height:24px;font-weight:bold;}
.history-list .items .text{width:calc(100% - 100px);color:#333;font-size:16px;line-height:24px;}
.history-list .items .text em{display:block;margin-bottom:10px;}

.brand-pic{padding-bottom:30px;}
.brand-pic .item{margin-bottom:30px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;}
.brand-pic .item .pic{width:50%;}
.brand-pic .item .pic img{width:100%;margin:0px;}
.brand-pic .item .text{width:50%;padding:0px 20px 0px 30px;}

.m-contact{margin-top:30px;position:relative;background-image:url("../images/back-contact.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-contact::before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.m-contact .mask{position:relative;z-index:1;display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;text-align:center;padding:80px 0px 60px;overflow:hidden;}
.m-contact .mask .item{position:relative;width:calc(33.333333% - 80px);margin-left:40px;margin-right:40px;}
.m-contact .mask .icon{width:44px;margin:0px auto 10px;}
.m-contact .mask .icon img{width:100%;}
.m-contact .mask .dots{position:relative;margin:0px auto 10px;width:20px;height:20px;-webkit-transition:all 800ms cubic-bezier(.25,.1,.25,1);-moz-transition:all 800ms cubic-bezier(.25,.1,.25,1);-o-transition:all 800ms cubic-bezier(.25,.1,.25,1);transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-contact .mask .dots:before{content:"";position:absolute;left:calc(50% - 9px);top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;border:#fff solid 1px;-webkit-animation:shadow 3s ease-in-out infinite;-moz-animation:shadow 3s ease-in-out infinite;-o-animation:shadow 3s ease-in-out infinite;animation:shadow 3s ease-in-out infinite;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.m-contact .mask .dots:after{content:"";position:absolute;left:calc(50% - 6px);top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background-color:#fff;-webkit-animation:shadow 3s ease-in-out infinite;-moz-animation:shadow 3s ease-in-out infinite;-o-animation:shadow 3s ease-in-out infinite;animation:shadow 3s ease-in-out infinite;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
.m-contact .mask h1{color:#fff;font-size:18px;font-weight:bold;}
.m-contact .mask p{color:#fff;font-size:22px;line-height:30px;margin-top:20px;font-weight:bold;}

.s-contact{}
.s-contact .info{}
.s-contact .info .content{float:left;width:50%;height:650px;padding:60px 40px 0px 60px;background-color:#c6d800;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.s-contact .info .content .item{width:100%;padding:0px 0px 20px 0px;}
.s-contact .info .content .item:last-child{padding:0px 0px 0px 0px;}
.s-contact .info .content .item i{color:#a0ae00;font-size:22px;line-height:40px;margin-top:0px;margin-bottom:10px;}
.s-contact .info .content .item .icon{margin-bottom:10px;width:22px;}
.s-contact .info .content .item .icon img{width:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;}
.s-contact .info .content .item .name{color:rgba(0,0,0,0.5);font-size:13px;line-height:20px;margin-bottom:5px;font-weight:bold;}
.s-contact .info .content .item .text{color:rgba(0,0,0,1);font-size:14px;line-height:20px;}
.s-contact .info .content .item .text a:hover{color:rgba(0,0,0,1);}
.s-contact .info .map{float:right;width:50%;height:650px;background-color:#e8eaec;border-top-right-radius:0px;border-bottom-right-radius:0px;overflow:hidden;}
.s-contact .info .map iframe{width:100%;height:650px;}

.s-contact-message{padding-bottom:100px;}
.s-contact-message .container{background-color:#616161;border:rgba(0,0,0,0.0) solid 1px;padding:100px 100px;border-radius:0px;}

.s-message{position:relative;z-index:10;}
.s-message .contents{position:relative;z-index:10;}
.s-message .con-left{float:left;width:calc(50% - 5px);}
.s-message .con-right{float:right;width:calc(50% - 5px);}
.s-message .con-s-left{float:left;width:30%;}
.s-message .con-s-center{float:left;width:calc(35% - 10px);margin-left:10px;}
.s-message .con-s-right{float:right;width:calc(35% - 10px);}
.s-message .el-form-item{position:relative;}
.s-message .el-input.el-input__inner{border-width:0px;}
.s-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);}
.s-message textarea.el-input{height:100px;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);}
.s-message .el-input.el-button{cursor:pointer;border-width:0px;height:56px;color:#fff;font-size:16px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:6px 20px 6px;background-color:#111!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-input.el-button:hover{background-color:#c6d800!important;}
.s-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;}
.s-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.s-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;}
.s-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(198,216,0,1) 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;}
.s-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);}
.s-message .el-form-item:hover label{border:rgba(198,216,0,1) solid 1px;}
.s-message .el-form-item:hover label::before{border:rgba(0,0,0,0.4) solid 2px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(198,216,0,1) solid 1px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.8) solid 2px;}
.s-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.s-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.s-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.s-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;border:rgba(198,216,0,1) solid 1px;background-color:#fff;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item.item02 #canvas:hover{background-color:#f4f6d8;}
.s-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;}
.s-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.s-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.s-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-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;}
.s-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-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;}
.s-message .el-form-item input.valid ~ label{color:#a0ae00!important;border:rgba(198,216,0,1) solid 1px!important;}
.s-message .el-form-item input.valid ~ label::before{border:rgba(198,216,0,0.3) solid 2px!important;}
.s-message .el-form-item textarea.valid ~ label{color:#a0ae00!important;border:rgba(198,216,0,1) solid 1px!important;}
.s-message .el-form-item textarea.valid ~ label::before{border:rgba(198,216,0,0.3) solid 2px!important;}
.s-message .tips{color:rgba(255,255,255,0.6);font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox{color:rgba(255,255,255,0.6);font-size:13px;line-height:20px;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox .c-checkbox{color:rgba(255,255,255,0.6);font-size:13px;line-height:20px;margin-top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox font{color:rgba(255,255,255,0.6);}
.s-message .form-c-checkbox a{color:rgba(255,255,255,0.8);}
.s-message .form-c-checkbox a:hover{color:#c6d800;}

.page{height:44px;margin-top:10px;text-align:center;color:rgba(255,255,255,0.6);}
.page a{background-color:#fff;font-size:13px;color:#333;line-height:41px;width:44px;height:44px;text-align:center;display:inline-block;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}
.page a:hover{color:#a0ae00;}
.page a.active{background-color:#000;border:#000 solid 1px;color:#fff;}
.page a.previous{width:auto;font-size:13px;padding-left:40px;padding-right:30px;white-space:nowrap;background-image:url("../images/icon-page-left.png");background-position:calc(0% + 28px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.previous:hover{background-image:url("../images/icon-page-leftsss.png");background-position:calc(0% + 25px) calc(50% + 0px);}
.page a.next{position:relative;width:auto;font-size:13px;background-color:#fff;padding-left:30px;padding-right:40px;white-space:nowrap;background-image:url("../images/icon-page-right.png");background-position:calc(100% - 28px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.next:hover{background-image:url("../images/icon-page-rightsss.png");background-position:calc(100% - 25px) calc(50% + 0px);}
.page a.first{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}
.page a.last{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}

.s-wraper{position:relative;z-index:1;min-height:800px;}
.s-wraper:before{display:block;content:"";position:absolute;z-index:0;left:219px;top:0px;width:1px;height:100%;background-color:rgba(0,0,0,0.08);}
.s-wraper .con-left{float:left;width:220px;}
.s-wraper .con-right{float:right;width:calc(100% - 220px);padding:0px 0px 50px 40px;}

.left-nav{position:relative;z-index:1;margin-bottom:20px;border-top:#f2f2f2 solid 1px;}
.left-nav dd{position:relative;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.left-nav dd:before{display:block;content:"";position:absolute;z-index:-1;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.left-nav dd:after{content:"";position:absolute;z-index:0;right:0px;top:0px;width:44px;height:48px;background-image:url("../images/icon-page-right.png");background-position:center;background-repeat:no-repeat;background-size:6px auto;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.left-nav dd.drop:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.left-nav dd.active:after{background-image:url("../images/icon-page-rights.png");}
.left-nav dd:hover:after{right:-3px;background-image:url("../images/icon-page-rightsss.png");}
.left-nav dd.active:hover:after{right:0px;}
.left-nav dd a{position:relative;z-index:10;display:block;padding:15px 30px 15px 38px;font-size:14px;line-height:18px;cursor:pointer;font-weight:bold;}
.left-nav dd img.n1{opacity:1;filter:alphaopacity=100;position:absolute;left:15px;top:16px;width:16px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.left-nav dd img.n2{opacity:0;filter:alphaopacity=0;position:absolute;left:15px;top:16px;width:16px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.left-nav dd:hover img.n1{opacity:0;filter:alphaopacity=0;}
.left-nav dd:hover img.n2{opacity:1;filter:alphaopacity=100;}
.left-nav dd.active{background-color:#000;}
.left-nav dd.active a{color:#c6d800;}
.left-nav dd.active img.n1{opacity:0;filter:alphaopacity=0;}
.left-nav dd.active img.n2{opacity:1;filter:alphaopacity=100;}
.left-nav dd.drop a{color:#c6d800;}
.left-nav dd.drop img.n1{opacity:0;filter:alphaopacity=0;}
.left-nav dd.drop img.n2{opacity:1;filter:alphaopacity=100;}
.left-nav ul{padding-top:8px;padding-bottom:8px;position:relative;display:none;}
.left-nav ul:after{display:block;content:"";position:absolute;z-index:0;left:0px;bottom:0px;width:100%;height:1px;background-color:#f2f2f2;}
.left-nav li a{position:relative;display:block;padding-left:38px;padding-right:15px;font-size:13px;line-height:18px;padding-top:5px;padding-bottom:5px;}
.left-nav li a:hover{color:#c6d800;/*background-color:rgba(0,0,0,0.03);*/background-color:transparent;}
.left-nav li a:before{display:block;content:"";position:absolute;z-index:1;left:28px;top:12px;width:3px;height:3px;background-color:#c6c6c6;border-radius:50%;}
.left-nav li.active a{color:#c6d800;background-color:transparent;}
.left-nav .on ul{display:block;}
.left-nav .on dd:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.left-nav .on dd.drop:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.left-nav .drop-nav dd.drop:hover:after{right:0px;}

.s-product-title{position:relative;color:#222;font-size:22px;line-height:24px;font-weight:bold;padding-left:20px;margin-bottom:30px;}
.s-product-title::after{content:"";position:absolute;left:0px;top:2px;width:3px;height:22px;background-color:#c6d800;}

.s-product .content{margin:0px -10px 0px;}
.s-product .content .item{float:left;position:relative;width:calc(33.333333% - 20px);margin:0px 10px 20px;background-color:#000;}
.s-product .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.s-product .content .item .pic{position:relative;padding-top:71.25%;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-product .content .item:hover .pic{background-size:108% auto;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.s-product .content .item .info{position:relative;min-height:220px;padding:25px 35px 30px;background-color:#f8f8f8;}
.s-product .content .item .info h1{color:#111;font-size:20px;line-height:28px;max-height:56px;font-weight:bold;overflow:hidden;margin-top:4px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-product .content .item:hover .info h1{color:#a0ae00;}
.s-product .content .item .info p{color:#444;font-size:15px;line-height:24px;height:72px;margin-top:14px;overflow:hidden;}
.s-product .content .item .info .more{position:absolute;bottom:50px;left:30px;right:30px;width:calc(100% - 60px);color:#111;padding:0px 40px 0px;letter-spacing:5px;text-indent:5px;}
.s-product .content .item:hover .info .more{color:#111;}
.s-product .content .item .info .more::after{background-color:#c6d800;}
.s-product .content .item .info .more::before{background-color:#111;}
.s-product .content .item:hover .info .more::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.s-product .content .item:hover .info .more{color:#fff;}

.s-online .content{margin:0px -10px 0px;}
.s-online .content .item{float:left;position:relative;width:calc(20% - 20px);margin:0px 10px 20px;background-color:#000;}
.s-online .content .item:after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.08) solid 1px;}
.s-online .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.s-online .content .item .pic{position:relative;padding-top:40%;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-online .content .item:hover .pic{background-size:108% auto;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}

.m-product-detail{}
.m-product-detail .big{float:left;width:55%;}
.m-product-detail .big .contents{padding-top:66.5%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-product-detail .info{float:right;width:calc(45% - 40px);}
.m-product-detail .info .name{color:#111;font-size:24px;line-height:30px;font-weight:bold;}
.m-product-detail .info .number{color:#666;font-size:16px;line-height:20px;margin-top:10px;}
.m-product-detail .info p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}

.sub-product-detail{float:left;width:55%;}
.sub-product-detail .swiper-container{position:relative;width:100%;}
.sub-product-detail .gallery-top img{max-width:calc(100% - 0px);max-height:500px;margin:0 auto;}
.sub-product-detail .swiper-container.gallery-thumbs{width:100%;margin-top:5px;}
.sub-product-detail .swiper-container.gallery-thumbs .swiper-slide{cursor:pointer;}
.sub-product-detail .swiper-container.gallery-thumbs .swiper-slide img{max-width:100%;max-height:100px;margin:0px auto;padding:0px;border:rgba(0,0,0,0.1) solid 1px;}
.sub-product-detail .swiper-container.gallery-thumbs .swiper-slide-thumb-active img{border:#c6d800 solid 1px;}
.sub-product-detail .swiper-container .swiper-button-prev{position:absolute;z-index:1;top:50%;left:20px;width:40px;height:40px;border-radius:100%;display:block;cursor:pointer;background-color:rgba(0,0,0,0.2);background-image:url(../images/icon-page-lefts.png);background-size:auto 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .swiper-container .swiper-button-prev::after{display:none;}
.sub-product-detail .swiper-container .swiper-button-next{position:absolute;z-index:1;top:50%;right:20px;width:40px;height:40px;border-radius:100%;display:block;cursor:pointer;background-color:rgba(0,0,0,0.2);background-image:url(../images/icon-page-rights.png);background-size:auto 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .swiper-container .swiper-button-next::after{display:none;}
.sub-product-detail .swiper-container .swiper-button-prev:hover{background-image:url(../images/icon-page-lefts.png);background-color:rgba(0,0,0,0.4);}
.sub-product-detail .swiper-container .swiper-button-next:hover{background-image:url(../images/icon-page-rights.png);background-color:rgba(0,0,0,0.4);}
.sub-product-detail .gallery-thumbs .swiper-slide{position:relative;}
.sub-product-detail .gallery-thumbs .swiper-slide i{position:absolute;z-index:1;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}

.detail-video{width:100%;margin-top:20px;}
.detail-video .content{position:relative;background-color:#000;padding-top:50%;}
.detail-video .content iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}

.m-product-detail-photo{margin:20px -2px 0px;width:calc(100% + 4px);}
.m-product-detail-photo .item{float:left;position:relative;width:calc(20% - 4px);margin:0px 2px 4px;}
.m-product-detail-photo .item a{position:absolute;z-index:101;left:0px;top:0px;width:100%;height:100%;}
.m-product-detail-photo .item .content{position:relative;padding-top:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}

.m-p-g{max-width:calc(100% + 4px)!important;margin:20px -2px 0px!important;}
.m-p-g__thumbs-img{padding:2px!important;}
.m-p-g__fullscreen{z-index:100!important;}

.s-catalogue{}
.s-catalogue .big{float:left;width:35%;margin-bottom:60px;}
.s-catalogue .big .pic{width:100%;padding-top:138%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-catalogue .list{float:right;width:calc(65% - 50px);margin-bottom:60px;}
.s-catalogue .list .name{color:#111;font-size:24px;line-height:30px;font-weight:bold;margin-top:-3px;margin-bottom:20px;}
.s-catalogue .list .content{margin:0px -5px 0px;}
.s-catalogue .list .content .item{float:left;position:relative;width:calc(33.333333% - 10px);margin:0px 5px 20px;}
.s-catalogue .list .content .item a{position:absolute;z-index:999;left:0px;top:0px;width:100%;height:100%;}
.s-catalogue .list .content .item .pic{position:relative;padding-top:128%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-catalogue .list .content .item .info{position:relative;margin:15px 0px 0px;}
.s-catalogue .list .content .item .info h1{color:#111;font-size:14px;line-height:20px;max-height:20px;font-weight:bold;overflow:hidden;margin-top:4px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-catalogue .list .content .item:hover .info h1{color:#a0ae00;}
.s-catalogue .list .content .item .info .more{width:auto;height:44px;color:#111;font-size:14px;line-height:44px;padding:0px 10px 0px 0px;margin-top:5px;text-align:left;}
.s-catalogue .list .content .item .info i{font-size:15px;}
.s-catalogue .list .content .item:hover .info .more{color:#111;}
.s-catalogue .list .content .item .info .more::before{background-color:#c6d800;height:1px;}
.s-catalogue .list .content .item .info .more::after{background-color:rgba(0,0,0,0.1);height:1px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.s-catalogue .list .content .item:hover .info .more::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.s-catalogue .list .content .item:hover .info .more{color:#a0ae00;}
.s-catalogue .list .content .item:hover .info .more::after{background-color:rgba(0,0,0,0.0);height:1px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}

.s-new-detail{position:relative;padding-top:20px;}
.s-new-detail::before{content:"";position:absolute;left:0px;top:0px;width:calc(50% - 380px);height:300px;background-color:#c6d800;}
.s-new-detail .container{padding-left:250px;padding-top:30px;}
.s-new-detail .detail-content h1{text-align:left;}
.s-new-detail .detail-content h3{text-align:left;}

.detail-content{font-size:16px;color:rgba(0,0,0,0.7);line-height:26px;text-align:justify;}
.detail-content h1{position:relative;font-size:24px;color:#000;line-height:40px;font-weight:bold;margin-bottom:10px;display:block;padding-bottom:0px;text-align:center;}
.detail-content h1:first-child{margin-top:0px;}
.detail-content h2{font-size:18px;color:#000;line-height:20px;margin-top:40px;margin-bottom:20px;font-weight:bold;}
.detail-content h4{font-size:16px;color:rgba(0,0,0,1);line-height:20px;margin-top:10px;margin-bottom:20px;font-family:"SourceHanCNBold","Microsoft YaHei";}
.detail-content h3{font-size:14px;color:#666;line-height:10px;margin-top:0px;margin-bottom:30px;text-align:center;}
.detail-content h3 em{position:relative;display:inline-block;padding-right:10px;margin-right:9px;}
.detail-content h3 em::before{content:"";position:absolute;right:0px;top:5px;width:1px;height:11px;background-color:rgba(0,0,0,0.4);}
.detail-content h3 em:last-child{padding-right:0px;margin-right:0px;}
.detail-content h3 em:last-child::before{right:0px;top:0px;width:0px;height:0px;}
.detail-content .tips{margin:20px auto;width:100%;padding:25px 30px;background-color:rgba(0,0,0,0.02);border:rgba(0,0,0,0.1) dotted 1px;font-size:14px;color:#666;line-height:22px;}
.detail-content .map{width:100%;height:400px;margin-top:0px;margin-bottom:20px;border:rgba(0,0,0,0.2) solid 1px;}
.detail-content iframe{width:100%;height:500px;background-color:#000;margin-bottom:20px;}
.detail-content .video{width:100%;margin-bottom:30px;}
.detail-content .video .content{position:relative;background-color:#000;padding-top:50%;}
.detail-content .video .content iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.detail-content video{width:100%;height:500px;background-color:#000;}
.detail-content img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.detail-content table{margin-bottom:20px;width:100%!important;border-collapse:separate;border-spacing:1px;background-image:url("../images/back-table.png");background-size:cover;}
.detail-content table th{background-color:#e7ddc9;padding:12px 12px;line-height:24px;font-size:16px;}
.detail-content table td{background-color:#e7ddc9;padding:12px 12px;line-height:24px;font-size:16px;}
.detail-content ol{padding-top:5px;margin-bottom:30px;}
.detail-content ul{padding-top:5px;margin-bottom:30px;}
.detail-content ul{list-style-position:outside;margin-left:18px;list-style:disc;}
.detail-content li{line-height:28px;margin-bottom:15px;}
.detail-content p{margin-bottom:20px;}
.detail-content p:last-child{margin-bottom:0px;}
.detail-content a{color:#0f3675;}
.detail-content a:hover{text-decoration:underline;}
.detail-content .share{padding-top:10px;padding-bottom:20px;}
.detail-content .share a{color:#a0ae00;display:inline-block;margin-right:10px;}
.detail-content .share a:hover{text-decoration:underline;}
.detail-content .back{text-align:center;margin-top:30px;margin-left:0;}
.detail-content .back.more::after{background-color:#f1f1f1;}
.detail-content .back.more::before{background-color:#c6d800;}
.detail-content .back a{color:#333;padding:0px 50px 0px 30px;letter-spacing:0px;cursor:pointer;}
.detail-content .back a:hover{color:#fff;text-decoration:none;}
.detail-content .back a i{margin-right:10px;}

}

@media (min-width:1280px){



}