blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline: none;}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.clearfix:after {content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both;}
.clearfix {zoom: 1;}
.dn{display:none}
input,select,textarea{font-size:16px;color:#bebebe;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#bebebe}
::-moz-placeholder{color:#bebebe}
::-ms-input-placeholder{color:#bebebe}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #bebebe!important;}
body{behavior:("csshover3.htc"); color:#333333;font-size:16px; line-height:1.7;font-family: "Microsoft Yahei",'Roboto'; min-width: 320px;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr,.clear{margin:0; padding:0; }
a img{border:none; }
*{-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,img{-ms-transition:.20s;-moz-transition:.20s;-webkit-transition:.20s;-o-transition:.20s;transition:.20s;}
img,video{width:auto; height:auto; max-width:100%; vertical-align:middle;}
a{color:#666666; text-decoration:none; border:none; outline:none; cursor:pointer;}
a:hover{color:#cb0018;}
textarea {resize:none;}
.wrap{max-width:1440px; width:100%; margin:0 auto;}
.wp{max-width:1600px; width:92%; margin:0 auto;}
.col-l{float: left;}
.col-r{float: right;}
.BMapLib_sendToPhone{display: none;}
.w1110{width:100%; max-width:1110px; _width:1110px; margin:0 auto;}
.w1440{width:100%; max-width:1440px; _width:1440px; margin:0 auto;}
.w1900{width:100%; max-width:1900px; _width:1900px; margin:0 auto;}

/* header */
.header{width:100%; text-align:center; -webkit-box-shadow:0 0 1px rgba(0, 0, 0,.1); -moz-box-shadow:0 0 1px rgba(0, 0, 0,.1); -ms-box-shadow:0 0 1px rgba(0, 0, 0,.1); -o-box-shadow:0 0 1px rgba(0, 0, 0,.1); box-shadow:0 0 1px rgba(0, 0, 0,.1); padding-bottom:30px;}
.nav{overflow:hidden;}
.logo{margin-top:16px; width:203px; float:left;}
.nav{display:inline-block; margin-top:40px;}
.nav li{float:left; margin:0 20px;}
.nav li a{display:block; font-size:18px; color:#666; line-height:40px; position: relative;}
.nav li a:after{content:'';width:100%; height:4px; background:url(../../images/2021decoss/nav-line.png) no-repeat center; position:absolute; left:0; bottom:0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition: all .3s ease-in-out;}
.nav li.on a,.header .nav li:hover a{color:#cb0018;}
.nav li.on a:after,.header .nav li:hover a:after{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.head-tel{float:right; text-align:right; padding-top:36px; padding-right:76px; position:relative;}
.head-tel p{font-size:16px; color:#363636; line-height:20px;}
.head-tel a{display:block;}
.head-tel:after{content:''; width: 56px; height: 89px; background: url(../../images/2021decoss/head-tel1.png) no-repeat top center #d00320; border-radius: 0 0 13px 13px; position: absolute;right: 0;top: 0;}
.nav-sm{display:none; float:right;}
.nav-sm-li li{border-bottom: 1px solid #e3e3e3;}
.nav-sm-li{border:1px solid #e3e3e3; border-radius:3px; line-height:43px; background:#f3f3f3; width:119px; text-align:center; margin-top:70px; position:absolute; right:0; z-index:100; display:none;}

/* footer  */
.footer{background-color:#000;line-height: 60px;text-align: center;font-size: 16px;color: #a4b1be; width:100%;}
.footer p{ width:100%;}
.footer a{display: inline-block;margin-left: 6px;color: #a4b1be;}
.footer a:hover{color: #fff;}

/* =================== 首页 ===================== */

.banner{position:relative;width:100%;height:500px;height:100vh;overflow:hidden;background: #000 center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.ban-video{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;} 
.ban-video video{display:block;min-height: 100%;min-width: 100%;-webkit-object-fit: cover;object-fit: cover;}
/* banner文案效果 */ 
.ban-info{position:absolute;left:50%;top:50%;width:1200px;margin-left:-600px;margin-top:-65px;text-align:center;color:#fff;z-index:20;letter-spacing:0;display:none;} 
.ban-info h3{font-size:56px;line-height:86px;font-weight:400;overflow:hidden;} 
.ban-info h3 i{display:inline-block;margin:0 -4px;}
.ban-info span{font-size:20px;line-height:50px;display:inline-block;} 
.ban-info span i{float:left;} 
.ban-info span .kg{width:10px;height:50px;} 
.ban-info i{text-shadow: 0 0 10px rgba(0,0,0,.1);visibility: hidden;}
.ban-info.active{display:block;} 
.ban-info i.animated{visibility: visible;}
@keyframes fadeInUpSmall{ from{opacity:0;transform:translate3d(0,10px,0);} to{opacity:1;transform:none;} } 
.fadeInUpSmall{animation-name:fadeInUpSmall;}
/* banner文案效果 */ 
.ban-more{position: absolute;left: 50%;bottom:50px;margin-left: -12px;z-index: 99;-webkit-animation:banUp 1.5s linear infinite;animation:banUp 1.5s linear infinite;cursor: pointer;}
@-webkit-keyframes banUp{ 0%{bottom:50px;} 50%{bottom:40px;} 100%{bottom:50px;} } 
@keyframes banUp{ 0%{bottom:50px;} 50%{bottom:40px;} 100%{bottom:50px;} } 
.index-txt{text-align:center;line-height:1.2} 
.index-txt h1{color:#4c4e5b;font-size:42px;font-weight:400;letter-spacing:1px;} 
.index-txt h1 span{color:#cb0018;} 
.index-txt h2{color:#4c4e5b;font-size:40px;font-weight:400;letter-spacing:1px;} 
.index-txt h2 span{color:#cb0018;} 
.index-txt p{color:#696b77;font-size:18px;margin:15px 0 30px;} 
.index-txt i{display:inline-block;}
.index-txt i:before{content:'';display:inline-block;width:166px;height:1px;background-color:#ccc;vertical-align:middle;margin-top:-6px;margin-right:16px;} 
.index-txt i:after{content:'';display:inline-block;width:166px;height:1px;background-color:#ccc;vertical-align:middle;margin-top:-6px;margin-left:16px;} 
.index-pro{margin-top:80px;}
.pro-hot{margin-top:40px;} 
.hot-fl{float:left;width:45%;padding-left:30px;} 
.hot-fl h2{margin-top:50px;}
.hot-fl p{color:#5e6273;font-size:22px;letter-spacing:13px;margin-top:10px;position:relative;padding-bottom:24px;} 
.hot-fl p:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:1px;background-color:#ccc;} 
.hot-font{line-height: 1.8;margin-top: 22px;color:#4c4f5c;} 
.hot-font a{ color:#cb0018;}
.hot-font a:hover{ font-size:20px;}
.hot-fl ul li{margin-top:22px;} 
.hot-fl ul li a{display:inline-block;color:#4c4f5c;font-size:18px;line-height:1.6;-webkit-transition:all .3s ease;transition:all .3s ease;} 
.hot-fl ul li a:after{content:'';display:inline-block;width:0;height:13px;background:url(../images/arrow-icon01.png) no-repeat;margin-left:4px;-webkit-transition:all .1s ease;transition:all .1s ease;opacity:0;filter:Alpha(opacity=0);} 
.hot-fl ul li a:hover{color:#d40101;padding-left:5px;} 
.hot-fl ul li a:hover:after{opacity:1;filter:Alpha(opacity=100);width:24px;} 
.hot-fr{float:right;width:50%;background:url(../../images/2021decoss/pro-bg01.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} 
.hot-fr a{position:relative;display:block;padding-top:63.8%;} 
.hot-fr a img{position:absolute;left:-106px;bottom:0;max-width:initial;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
.hot-fr a:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);} 
.hot-fr a:hover p{background: #d90000;} 
.hot-fr a p{position:absolute;left:0;right:0;bottom:0;line-height:44px;color:#fff;font-size:18px;padding:0 16px;background:rgba(59,65,75,.55);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#993B414B, endColorstr=#993B414B);text-align: center;} 
.pros-hot{margin-top:36px;} 
.pros-hot ul{margin-left:-2%;} 
.pros-hot ul li{float:left;width:31.3%;margin-left:2%;background:url(../images/pro-bg02.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
.hot-tit{position:absolute;line-height:40px;top:330px; left:50px;color:#333;font-size:24px;padding:0 16px;z-index:0;} 
.hot-tit:before{content:"";position:absolute;left:0;top:0;width:6px;height:40px;background-color:#d90000;z-index:-1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;} 
.pros-hot ul li:hover .hot-tit{color:#fff;} 
.pros-hot ul li:hover .hot-tit:before{width:100%;}
.pros-hot ul li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);} 
.pros-more{margin-top: 60px;} 
.more-name{text-align: center;line-height: 1.2;} 
.more-name strong{display: inline-block;text-align: center;color: #333;font-size: 20px;font-weight: normal;} 
.more-name strong:before{content: '';display: inline-block;vertical-align: middle; width:106px;height: 1px;background-color: #d90000;margin-right: 18px;} .more-name strong:after{content: '';display: inline-block;vertical-align: middle; width:106px;height: 1px;background-color: #d90000;margin-left: 18px;} 
.pros-more ul{margin-left: -2%;margin-top: 30px;} 
.pros-more ul li{float: left;width: 23%;margin-left: 2%;} 
.pros-more li .more-pic{display: block; padding:56px 0;background: -webkit-linear-gradient(top, #dadada 0%,#ebebeb 100%);background: -moz-linear-gradient(top, #dadada 0%, #ebebeb 100%);background: -ms-linear-gradient(top, #dadada 0%,#ebebeb 100%);background: -o-linear-gradient(top, #dadada 0%,#ebebeb 100%);background: linear-gradient(to bottom, #dadada 0%,#ebebeb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#dadada, endColorstr=#ebebeb, GradientType=0 );} 
.pros-more li .more-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
.pros-more li .more-txt{padding-left: 8px;margin-top: 10px; border-left:6px solid #d90000;color: #333;font-size: 20px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
.pros-more ul li .more-pic:hover img{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);} 
.pros-more ul li .more-txt:hover{border:none;padding-left: 0;color: #d90000;}
.list-name{display: inline-block;color: #333;font-size: 36px;font-weight: normal; line-height: 44px;padding-left: 10px; border-left:10px solid #d90000;}
.list-add ul{margin-left: -2%;} 
.list-add li{width: 31.373%;margin-left: 1.96%;} 
.list-add .text{padding-bottom: 40px;} 
.list-add .text strong{border:none;margin-top: 0;} 
.list-add .text .getquote, .list-add .text .more{width: 150px;} 
.prod-lr{padding: 200px 0 106px;min-height: auto;}
.prod-lr .prod-pic{float: left;width: 56%;} 
.prod-lr .prod-info{float: right;width: 40%;margin-top: 50px;}
.prod-lr .prod-fl{width: 100%;} 
.prod-lr .prod-fr{width: 100%;text-align: left;}
.prod-lr .prod-fr ul{margin: 30px 0 36px;}
.prod-lr .prod-fr li{margin-left:0; margin-right: 60px;}
.index-about{ width:100%; padding:60px 0 80px;margin-top:80px;background: #000;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} 
.index-about h2,.index-about h2 a{color:#fff;} 
.index-about h2 span{color:#fff;font-weight:700;} 
.index-about .index-txt p{color:#dbdbdb;} 
.index-about ul{margin-left:-3%;margin-top:60px;} 
.index-about ul li{float:left;width:22%;margin-left:3%;background-color:#fff;position:relative;}
.index-about li strong{position:absolute;left:-10px;top:20px;background-color:#d90000;color:#fff;font-size:24px;font-weight:700;line-height:44px;padding:0 30px;} 
.index-about li strong:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:0;border-top:10px solid #286470;border-left:10px solid transparent;} 
.index-about li img{width:100%;} 
.about-font{padding:24px 20px;line-height:1.2;}
.about-font span{display:block;color:#2e2e2e;font-size:20px;} 
.about-font p{color:#666;font-size:16px;margin-top:8px;}
.index-good{margin-top:60px; width:100%;} 
.good-pic{float:left; width:45%; padding-right:50px; float:left;} 
.good-pic img{ float:left; width:100%; max-width:600px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} 
.good-pic a:hover img{ float:left; -webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01)} 
.good-info{float:left; width:45%; color:#333;font-size:20px;line-height:1.1;}
.good-item{margin-top:30px;} 
.good-tit{color:#333;font-size:20px;line-height:1.1;} 
.good-tit span{display:inline-block;vertical-align:middle;color:#c9c9c9;font-size:64px;position:relative;} 
.good-tit span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background-color:#fff;} 
.good-tit strong{color:#333;font-size:24px;font-weight:700;position:relative;margin:0 8px 0 12px} 
.good-tit strong:after{content:"";position:absolute;left:0;right:10px;bottom:-5px;height:1px;background-color:#d90000;} 
.good-tit strong i{font-size:12px;} 
.good-item p{color:#666;font-size:18px;line-height:2.1;} 
.index-case{ padding-top:70px; padding-bottom:50px;}
.index-case ul{line-height:1.8; overflow:hidden;}
.index-case ul li{float:left;  width:29%; overflow:hidden; margin-right:30px; height:34px; line-height:2;}
.index-case .slick-slide{outline:0;} 
.index-xuanze{padding:60px 0 60px; background: #000; background:url(../../images/2021decoss/bg.png) no-repeat #000 center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;} 
.index-base{margin-top:80px;margin-bottom:80px;} 
.base-add{position:relative;} 
.base-add:before{content:"";position:absolute;left:24.7%;top:84px;width:32px;height:32px;background:url(../images/base-add.png);}
.base-add:after{content:"";position:absolute;right:24.7%;top:84px;width:32px;height:32px;background:url(../images/base-add.png);} 
.index-base li{float:left;width:24.3%; color:#FFF;} 
.index-base li.base-fc .base-con{margin:0 auto;} 
.index-base li.base-fr .base-con{margin:0 0 0 auto;}
.index-base li.base-fr:after,.index-base li.base-fr:before{display:none;} 
.base-con{width:200px;height:200px;text-align:center;color:#FFF;font-size:18px;line-height:1.1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.base-con:hover{background-image:url(../../images/2021decoss/base-bg01.png);}
.base-con strong{display:block;color:#fff;font-size:50px;margin-bottom:5px;padding-top:52px;letter-spacing:-1px;} 
.base-con strong i{font-size:18px;font-weight:400;}

/*NEIYE */
/*产品列表tab*/
.pro-main{background:#000; height:446px; background-size:100% auto;}
.pro-main-tit{font-size:24px; line-height:44px; color:#ffffff; margin-top:37px; padding-bottom:35px; background: url("../../images/2021decoss/pro-titicon.png") left bottom no-repeat;}
.pro-main-tit span{font-size:44px; margin-right:20px;}
.pro-tablist{height:120px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow: 0px 5px 20px 0px rgba(37, 92, 79, 0.15); -moz-box-shadow: 0px 5px 20px 0px rgba(37, 92, 79, 0.15) box-shadow: 0px 5px 20px 0px rgba(37, 92, 79, 0.15); background: url("../../images/2021decoss/tabbg.png") no-repeat; margin-top:-60px;}
.pro-tablist li{float:left; width:20%; text-align:center; line-height:120px; font-size:24px; color:#666; height:120px;  cursor:pointer; position:relative; -webkit-transition:all 0.3s;  -moz-transition:all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url("../../images/2021decoss/tabactive.png") center 150px no-repeat; overflow:hidden;}
.pro-tablist li a{color: #666; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro-tablist li:hover a{color: #d00036;}
.pro-tablist li:before{position: absolute; display: block; left: 0; top: 40px; width: 1px;  height: 40px; background: #aaaaaa; content: '';}
.pro-tablist li:first-child:before{ position: absolute; left: 0; top: 40px; width: 1px; height: 40px; background: #aaaaaa; content: ''; display: none;}
.pro-tablist li.active{color: #d00036; font-weight: bold; line-height: 98px; background: url("../../images/2021decoss/tabactive.png") center 80px no-repeat;}
.pro-tablist li.active a{color: #d00036;}
.pro-tabgoods ul{ display:none;}
.pro-tabgoods ul.active{display: block;}

.crumbs-box {padding-top: 70px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; color: #8c8c8c;}
.crumbs-box li, .crumbs-box ol { display: inline; color: #8c8c8c; line-height: 95px;}
.crumbs-box a { color: #8c8c8c;}
.crumbs-box a:hover { color: #fff;}
.crumbs-box span { color: #666; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}

.case-list {margin-bottom:70px; margin-top:50px;}
.case-list ul { margin-left: -6.333%;}
.case-list ul li {float: left; width: 27%; margin-left: 6.33%; box-shadow: 0 0 10px rgba(210, 0, 44,); position: relative; margin-bottom: 70px;}
.case-list ul li:before {width: 10px; height:20%; background: #c9002b; content: ""; display: block; position: absolute; left: 0; bottom: 0;  border-radius: 5px 0 0 10px; -webkit-border-radius: 5px 0 0 10px; -moz-border-radius: 5px 0 0 10px; -ms-border-radius: 5px 0 0 10px; -o-border-radius: 5px 0 0 10px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;}
.case-list ul li:hover:before { width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;  -o-transition: all .3s ease;}
.case-list ul li .pic { position: relative; padding-top: 66%; overflow: hidden; display: block; background: #fff; }
.case-list ul li .pic img {width: 100%; height: 100%;  display: block; position: absolute; left: 0;  top: 0; border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px;   -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease;}
.case-list ul li:hover .pic img {transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease;}
.case-list ul li h3 {font-weight: normal;}
.case-list ul li h3 a {font-size: 26px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 20px 30px;}
.case-list ul li:hover h3 a {position: relative; color: #fff;}

/*page about*/
.m-about2 { padding:100px 0 85px; background: url(../../images/2021decoss/y-bg4.png) no-repeat top right;}
.m-about2 h3 {font-size: 40px; color: #333333; line-height: 50px; padding-top: 45px; margin-bottom: 55px; position: relative; background: url(../../images/2021decoss/y-ico1.png) no-repeat top left;}
.m-about2 p {font-size: 18px; line-height: 2; color: #3a424d; margin-bottom: 72px; width: 810px;}
.m-about2 ul {overflow: hidden; margin: 0 -15px;}
.m-about2 li {float: left; width: 33.33%; padding: 0 15px;}
.m-about2 li .img { position: relative;}
.m-about2 li .img img {display: block; width: 100%;}
.m-about2 li .img p {font-size: 24px; color: #ffffff; line-height: 40px; width: 240px; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 100%; margin-top: -40px; margin-left: -120px; opacity: 0; filter: Alpha(opacity=0); z-index: 1; -webkit-filter: Alpha(opacity=0);}
.m-about2 li .img:after {content: ""; position: absolute; left: 5%; top: 5%; right: 5%; bottom: 5%; background: url(../../images/2021decoss/y-bg3.png) no-repeat center; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; opacity: 0; filter: Alpha(opacity=0); -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-filter: Alpha(opacity=0);}
.m-about2 li:hover .img:after {opacity: 1; filter: Alpha(opacity=100); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-filter: Alpha(opacity=100);}
.m-about2 li:hover .img p {opacity: 1; filter: Alpha(opacity=100); -webkit-filter: Alpha(opacity=100);}
.m-about2 li .con {margin-top: 44px; text-align: center; font-size: 20px; color: #464646; line-height: 30px;}
.m-about3 {padding: 82px 0 150px; background: url(../../images/2021decoss/y-bg2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative;}
.m-about3 .txt {color: #ffffff;}
.m-about3 .txt h3 {font-size: 40px; line-height: 50px; padding-top: 57px; position: relative; margin-bottom: 85px; background: url(../../images/2021decoss/y-word2.png) no-repeat top left;}
.m-about3 .txt li {font-size: 24px; color: #ffffff; line-height:110px; padding:28px 0 30px 62px; background-repeat: no-repeat; background-position: 0 center; margin-bottom: 28px;}
.m-about3 img {position: absolute; right: 0; bottom: -100px; top: 100px;}
.m-about3 .txt li.a1 {background-image: url(../../images/2021decoss/y-ico2.png);}
.m-about3 .txt li.a2 {background-image: url(../../images/2021decoss/y-ico3.png);}
.m-about3 .txt li.a3 {background-image: url(../../images/2021decoss/y-ico4.png);}
.m-about3 .txt li.a4 {background-image: url(../../images/2021decoss/y-ico5.png);}
.m-about4 {padding: 70px 0;}
.m-about4 h3 {font-size: 40px; color: #333333; line-height: 50px; padding-top: 47px; margin-bottom: 97px; position: relative; background: url(../../images/2021decoss/y-word1.png) no-repeat top left;}
.m-about4 ul { padding-top:160px; overflow: hidden;}
.m-about4 li {float: left; width: 33.33%; margin-bottom: 100px;}
.m-about4 li .kf {display: block; margin-top: -170px; position: relative;}
.m-about4 li .kf img {display: block; width: 100%;}
.m-about4 li .txt {margin: 0 42px; padding: 55px 35px 30px; border: 2px solid #144f8a; position: relative;}
.m-about4 li .txt .ico {position: absolute; width: 116px; height: 60px; background-color: #fff; top: -30px; left: 43px; z-index: 1;}
.m-about4 li .txt .ico img { display: block; margin: 0 auto;}
.m-about4 li .txt strong {font-size: 24px; color: #364958; line-height: 34px; display: block; margin-bottom: 25px;}
.m-about4 li .txt p {font-size: 18px; color: #75828c; line-height: 30px; height: 90px; display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.m-about5 {background: url(../../images/2021decoss/y-bg5.png) no-repeat center; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; padding: 84px 0 120px; position: relative; overflow: hidden;}
.m-about5 h3 {margin-left: 82px; font-size: 40px; color: #ffffff; line-height: 50px; padding-top: 48px; margin-bottom: 160px;}
.m-about5 .txt {background-color: #1d2933; padding: 127px 470px 140px 72px; font-size: 18px; color: #ffffff; line-height: 33px; width: 1160px; position: relative;}

/*page product info*/
.pro-jj{padding:30px 0px; color:#FFF; font-size:16px; max-width:1440px;}
.infop{ padding:20px 0px;}
.infop span{ color:#CCC; font-size:26px; font-family:Arial, Helvetica, sans-serif;}
.infop h2{color:#cb0018; padding-top:5px; font-size:44px;}

.infopl{ padding-bottom:30px; background:#CCC; }
.infopln{max-width:1440px;}
.infopl span{ color:#666; font-size:26px; font-family:Arial, Helvetica, sans-serif;}
.infopl h2{color:#cb0018; padding-top:5px; font-size:44px;}

.infocon{padding-top:30px; padding-bottom:10px; height:90px; border-bottom:#CCC 2px dashed;}
.infocon li{ float:left; width:14%;}
.infocon li a{font-size:22px; }
.infocon li a:hover{ font-size:24px;}
.container{width:100%; position:relative;}
.lx-panel{overflow:hidden;}
.lx-panel .item-lx{padding:40px 0;width:33.333333%;float:left;background:#f5f5f7;position:relative;}
.lx-panel .item-lx:after{content:'';display:block;background:#fff;position:absolute;right:0;top:0;width:5px;height:100%;}
.lx-panel .item-lx span,.lx-panel .item-lx strong,.lx-panel .item-lx a,.lx-panel .item-lx em,.lx-panel .item-lx p{display:block;text-align:center;overflow:hidden;}
.lx-panel .item-lx span{font-size:17px;line-height:32px;color:#1d1d1f;}
.lx-panel .item-lx strong,.lx-panel .item-lx a,.lx-panel .item-lx em,.lx-panel .item-lx i{line-height:44px;color:#f2281c;}
.lx-panel .item-lx strong,.lx-panel .item-lx a{font-size:32px;font-weight:bold;}
.lx-panel .item-lx em{font-size:24px;font-style:normal;font-weight:bold;}
.lx-panel .item-lx em i{font-size:40px;font-style:normal;vertical-align:-5px;margin:0 5px;}
.lx-panel .item-lx a{transition:all .3s}.lx-panel .item-lx a:hover{font-size:30px}
.lx-panel .item-lx p{line-height:30px;margin-top:12px;font-size:16px;color:#888888}
.lx-panel .item-lx+.item-lx:after{width:4px;}
.lx-panel .item-lx+.item-lx:before{content:'';display:block;width:4px;height:100%;position:absolute;left:0;top:0;background:#fff;}
.lx-panel .item-lx+.item-lx+.item-lx:before{width:5px;}
.lx-panel .item-lx+.item-lx+.item-lx:after{display:none;}

/*page news*/
.newzhone{background:url(../../images/2021decoss/homefivebg.jpg); position:relative; margin-top:109px; padding-top:1px; padding-bottom:35px;}
.newzhone .newzhonebox{padding:15px 0px 19px 0px;}
.newzhone .newzhonebox li{float:left; width:48%; padding-left:2.5%;}
.newzhoneboxpic{float:left; width:45%; border-radius:5px; overflow:hidden; max-width:400px;}
.newzhoneboxitem{float:left; width:52%; background:#f3f6ff; margin-top:12px; border-radius:0 5px 5px 0; padding:20px 25px 15px; box-shadow:3px 3px 5px rgba(0,0,0,.09);}
.newzhoneboxitem .newzhoneboxmore{background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease;}
.newzhone .newzhonebom li i, .newzhoneboxitem i{display:block; padding:8px 0; font-style:normal; clear:both;}
.newzhoneboxitem h3 a{color:#900; -webkit-text-fill-color:transparent;}
.probantxt h1 span{display:inline-block; margin-left:25px; -webkit-background-clip:text; background-image:-webkit-linear-gradient(left,#bf211d,#d3751b);}
.newzhonebom{ padding-left:2.5%; padding-right:2%;}
.newzhonebom li{padding-bottom:30px; position: relative; background:url(../../images/2021decoss/newicon02.png no-repeat); }
.newzhonebom li h3{}
.news{background:rgb(245,245,247);}
.newsinfo{ padding:20px 0px; background:rgb(245,245,247);}
.newsinfo span{ color:#999; font-size:26px; font-family:Arial, Helvetica, sans-serif;}
.newsinfo h2{ padding-top:5px; font-size:44px;}
.newsnr{border-radius:25px; width:100%; height:auto; background:#FFF; padding:50px 80px; }
.newsnr p{ line-height:1.8;}

/* 分页 */
#pages { clear:both; padding:15px 0px;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c{ text-align:center;}
/* PAD */
@media (min-width:992px) and (max-width:1100px) {
  .w1110{width:98%; margin-left:10px;}
}
@media (min-width:768px) and (max-width:991px) {
		body{behavior:("csshover3.htc"); color:#333333;font-size:16px; line-height:1.7;font-family: "Microsoft Yahei",'Roboto'; max-width: 991px;}
	.wrap{max-width:991px; width:100%; margin:0 auto; overflow:hidden; }
	.header{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.index-pro{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.index-about{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.index-xuanze{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.index-good{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.footer{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.banner{ width:100%; max-width:991px; overflow:hidden; margin:0 auto;}
	.nav{display:none;}
	.head-tel{ display:none;}
	#scrollin{display:none;}
	.logo{margin-top:16px; float:left;}
    .nav-sm{display:block; margin-top:35px; float:right;}
	.banner{position:relative; max-width:991px; width:100%; height:auto; overflow:hidden; background: #000 center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	.ban-video{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;} 
	.ban-video video{display:block; min-width:100%; min-height:100%; -webkit-object-fit:cover; object-fit:cover;}
	.index-txt{ width:100%; text-align:center; line-height:1.2;} 
	.index-txt h1{color:#4c4e5b; font-size:22px; font-weight:400; letter-spacing:1px;} 
	.index-txt p{color:#696b77; font-size:14px; margin:15px 0 30px;} 
	.index-txt i{ text-align:left;}
	.hot-font{ width:100%; max-width:991px;}
	.index-case ul li{ width:100%;}
	.hot-fl{width:100%;} 
	.hot-fr{ display:none;}
	.pros-hot ul li{width:100%; background:url(../../images/2021decoss/pro-bg02.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} 
	.pros-more ul li{width:100%;} 
	.index-about{ display:none;}
	.more-pic{display: block; padding:56px 0; max-width:991px;} 
	.more-pic img{ width:100%; max-width:991px;} 
	.more-txt{padding-left: 8px;margin-top: 10px; border-left:6px solid #d90000;color: #333;font-size: 20px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
	.good-item{margin-top:30px; max-width:991px;} 

	.good-pic{width:100%; padding-bottom:30px;} 
	.good-pic img{ width:100%; max-width:600px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} 
	.good-pic a:hover img{ -webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);} 
	.good-info{ width:100%; color:#333;font-size:20px;line-height:1.1;}
	.index-xuanze{padding:60px 0 60px; width:100%; max-width:991px; background: #000; background:url(../../images/2021decoss/bg.png) no-repeat #000 center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;} 
}

 /* Phones or something */
@media (min-width:480px)  and (max-width:768px){
	body{behavior:("csshover3.htc"); color:#333333;font-size:16px; line-height:1.7;font-family: "Microsoft Yahei",'Roboto'; max-width: 768px;}
	.wrap{max-width:768px; width:100%; margin:0 auto; overflow:hidden; }
	.header{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.index-pro{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.index-about{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.index-xuanze{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.index-good{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.footer{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.banner{ width:100%; max-width:768px; overflow:hidden; margin:0 auto;}
	.nav{display:none;}
	.head-tel{ display:none;}
	#scrollin{display:none;}
	.logo{margin-top:16px; float:left;}
    .nav-sm{display:block; margin-top:35px; float:right;}
	.banner{position:relative; max-width:768px; width:100%; height:auto; overflow:hidden; background: #000 center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	.ban-video{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;} 
	.ban-video video{display:block; min-width:100%; min-height:100%; -webkit-object-fit:cover; object-fit:cover;}
	.index-txt{ width:100%; text-align:center; line-height:1.2;} 
	.index-txt h1{color:#4c4e5b; font-size:22px; font-weight:400; letter-spacing:1px;} 
	.index-txt p{color:#696b77; font-size:14px; margin:15px 0 30px;} 
	.index-txt i{ text-align:left;}
	.hot-font{ width:100%; max-width:768px;}
	.index-case ul li{ width:100%;}
	.hot-fl{width:100%;} 
	.hot-fr{ display:none;}
	.pros-hot ul li{width:100%; background:url(../images/pro-bg02.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} 
	.pros-more ul li{width:100%;} 
	.index-about{ display:none;}
	.more-pic{display: block; padding:56px 0; max-width:768px;} 
	.more-pic img{ width:100%; max-width:768px;} 
	.more-txt{padding-left: 8px;margin-top: 10px; border-left:6px solid #d90000;color: #333;font-size: 20px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
	.good-item{margin-top:30px; max-width:768px;} 

	.good-pic{width:100%; padding-bottom:30px;} 
	.good-pic img{ width:100%; max-width:600px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} 
	.good-pic a:hover img{ -webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);} 
	.good-info{ width:100%; color:#333;font-size:20px;line-height:1.1;}
	.index-xuanze{padding:60px 0 60px; width:100%; max-width:768px; background: #000; background:url(../../images/2021decoss/bg.png) no-repeat #000 center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;} 
}

 /* Phones or something */
@media screen and (max-width:480px){
	body{behavior:("csshover3.htc"); color:#333333; font-size:16px; line-height:1.8em; font-family: "Microsoft Yahei",'Roboto'; max-width: 480px;}
	.wrap{width:100%; margin:0 auto; max-width:480px; overflow:hidden;}
	.header{width:100%; max-width:480px; overflow:hidden; }
	.nav{display:none;}
	.head-tel{ display:none;}
	#scrollin{display:none;}
	.logo{margin-top:16px; float:left;}
    .nav-sm{display:block; margin-top:35px; float:right;}
	.banner{ display:none;}
	.ban-video{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;} 
	.ban-info{ display:none;}
	.ban-video video{display:block; min-width:100%; -webkit-object-fit:cover; object-fit:cover;}
	.index-txt{ width:100%; text-align:center; line-height:1.8em;} 
	.index-txt h1{color:#4c4e5b; font-size:22px; font-weight:400; letter-spacing:1px;} 
	.index-txt p{width:98%; color:#696b77; font-size:1em; line-height:1.8em; padding:10px;} 
	.index-txt i{display:inline-block;}
	.index-txt i:before{content:''; display:inline-block; max-width:120px; height:1px; background-color:#ccc;vertical-align:middle;margin-top:-6px;margin-right:16px;} 
	.index-txt i:after{content:''; display:inline-block; max-width:120px; height:1px; background-color:#ccc;vertical-align:middle;margin-top:-6px;margin-left:16px;} 
	.hot-font{width:100%; max-width:480px; padding-right:20px; overflow:hidden;}
	.index-pro{max-width:480px; overflow:hidden; padding-top:2em;}
	.pros-hot{margin-top:0; width:100%;} 
	.hot-tit{position:absolute; line-height:40px; top:280px; left:50px; color:#333; font-size:1.55em; padding:0 16px; z-index:0;} 
	.hot-tit:before{content:""; position:absolute;left:0;top:0;width:6px;height:40px; background-color:#d90000; z-index:-1; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;} 
	.more-name strong:before{content: ''; display: inline-block; vertical-align: middle; max-width:86px; height: 1px; background-color: #d90000; margin-right: 18px;} 
	.more-name strong:after{content: ''; display: inline-block; vertical-align: middle; max-width:86px; height: 1px ;background-color: #d90000; margin-left: 18px;} 
	.pros-more{ padding-bottom:0px;} 
	.index-about{max-width:480px; overflow:hidden; }
	.index-about p{display:none;}
	.index-good{max-width:480px; overflow:hidden; padding-top:30px;}
	.good-pic{width:100%; padding-bottom:30px; margin:0 auto; text-align:center;} 
	.good-pic img{ max-width:440px; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;} 
	.good-pic a:hover img{ -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01);} 
	.good-info{ width:100%; color:#333;font-size:20px;line-height:1.1;}
	.good-tit{color:#333; font-size:18px; line-height:1.1;} 
	.good-tit span{display:inline-block; vertical-align:middle; color:#c9c9c9; font-size:60px; position:relative;} 
	.good-tit span:after{content:"";position:absolute;left:0;right:0;bottom:0; height:18px; background-color:#fff;} 
	.good-tit strong{color:#333; font-size:20px; font-weight:700; position:relative;margin:0 8px 0 12px} 
	.good-tit strong:after{content:"";position:absolute;left:0;right:10px; bottom:-5px;height:1px;background-color:#d90000;} 
	.good-tit strong i{font-size:12px;} 
	.good-item{ margin-top:5px;}
	.good-item p{color:#666; font-size:16px; line-height:1.8em; padding:0 10px;} 
	.index-xuanze{max-width:480px; overflow:hidden; }
	.base-con strong{display:block; color:#fff; font-size:24px; margin-bottom:5px; padding-top:52px; letter-spacing:-1px;} 
	.base-con strong i{font-size:18px; font-weight:400;}
	.index-base li{float:left; width:48.5%; color:#FFF;} 
	.footer{max-width:480px; overflow:hidden; }
	.index-case ul li{ width:100%;}
	.hot-fl{ float:none; width:100%;} 
	.hot-fr{ display:none;}
	.pros-hot ul li{width:100%; background:url(../images/pro-bg02.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} 
	.pros-more ul li{width:100%;} 
	.more-pic{display: block; padding:56px 0; max-width:480px;} 
	.more-pic img{ width:100%; max-width:480px;} 
	.more-txt{padding-left: 8px;margin-top: 10px; border-left:6px solid #d90000;color: #333;font-size: 20px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} 
	.good-item{margin-top:30px; max-width:480px;} 
	.pro-tablist{display:none;}
	.pro-main{background:#000; height:180px; width:100%; max-width:480px;}
	.pro-main-tit{font-size:14px; line-height:24px; color:#ffffff; margin-left:30px; margin-top:50px; padding-bottom:35px; background: url("../../images/2021decoss/pro-titicon.png") left bottom no-repeat;}
	.pro-main-tit span{font-size:18px; margin-right:20px;}
	.crumbs-box{ display:none;}
	.wrap{width:100%; max-width:480px; text-align:left;}
	.case-list {margin-bottom: 70px; margin-top: 150px;}
	.case-list ul li {width: 93%;  box-shadow: 0 0 10px rgba(210, 0, 44,); position: relative; margin-bottom: 70px;}
	.case-list ul li:before {width: 10px; height: 100%; background: #c9002b; content: ""; display: block; position: absolute; left: 0; top: 0;  border-radius: 5px 0 0 10px; -webkit-border-radius: 5px 0 0 10px; -moz-border-radius: 5px 0 0 10px; -ms-border-radius: 5px 0 0 10px; -o-border-radius: 5px 0 0 10px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;}
	.case-list ul li:hover:before { width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;  -o-transition: all .3s ease;}
	.case-list ul li .pic { position: relative; padding-top: 66%; overflow: hidden; display: block; background: #fff;}
	.case-list ul li .pic img {width: 100%; height: 100%; display: block; position: absolute; left: 0;  top: 0; border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px;   -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease;}
	.case-list ul li:hover .pic img {transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease;}
	.case-list ul li h3 {font-weight: normal;}
	.case-list ul li h3 a {font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 20px 30px;}
	.case-list ul li:hover h3 a {position: relative; color: #fff;}
	.m-about2{width:100%; padding:30px 0 85px; background:url(../../images/2021decoss/y-bg4.png) no-repeat top right; overflow:hidden;}
	.m-about2 h3 {font-size:20px; color: #333333; line-height: 50px; padding-top:5px; margin-bottom: 55px; position: relative; background: url(../../images/2021decoss/y-ico1.png) no-repeat top left;}
	.m-about2 p {font-size:16px; line-height: 2; color:#3a424d; margin-bottom:72px; padding-left:10px; padding-right:10px; width:100%; max-width:480px;}
	.m-about2 li {float:none; width: 100%; padding:15px 15px;}
	.con{ display:none;}
	.m-about3 {padding: 82px 0 150px; background: url(../../images/2021decoss/y-bg2.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative;}
	.m-about3 .txt {color: #ffffff;}
	.m-about3 .txt h3 {font-size:30px; line-height:50px; padding-top:7px; position: relative; margin-bottom: 85px; background: url(../../images/2021decoss/y-word2.png) no-repeat top left;}
	.m-about3 .txt li {font-size:18px; color: #ffffff; line-height:42px; background-repeat: no-repeat; background-position: 0 center; padding-top:200px; }
	.m-about3 img{position: absolute; right: 0; top: 110px;}
	.m-about4{width:100%; padding:30px 0 85px; overflow:hidden; width:100%; max-width:480px;}
	.m-about4 h3{font-size:20px; color:#333333; line-height:50px; padding-top:5px; margin-bottom:15px; width:100%; max-width:480px;}
	.m-about4 ul{padding-top:60px; overflow:hidden;}
	.m-about4 li{width:100%; padding:0px 15px;}
	.m-about5 {background: url(../../images/2021decoss/y-bg5.png) no-repeat center; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; position: relative; overflow: hidden; width:100%;}
	.m-about5 img{display:none;}
	.m-about5 h3 {margin-left:12px; font-size: 24px; color:#ffffff; line-height:50px; padding-top:48px; margin-bottom:160px;}
	.m-about5 .txt{font-size:18px; color:#ffffff; line-height:33px; position:relative;}
	.newzhone .newzhonebox li{ width:100%;}
	.newzhoneboxpic{width:100%; border-radius:5px; overflow:hidden; max-width:300px; text-align:center;}
	.newzhoneboxitem{width:100%; background:#f3f6ff; margin-top:12px; border-radius:0 5px 5px 0; padding:20px 25px 15px; box-shadow:3px 3px 5px rgba(0,0,0,.09);}
	.pro-jj{ display:none;}
	.newsinfo span{ color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	.newsinfo h2{ padding-top:5px; font-size:16px;}
	.newsnr{border-radius:25px; width:100%; height:auto; background:#FFF; padding:50px 10px; }
	.lx-panel .item-lx{padding:40px 0;width:100%;background:#f5f5f7;position:relative;}
	.infocon{ display:none;}
	.infop{ padding:30px 0px;}
	.infop span{ color:#CCC; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
	.infop h2{color:#cb0018; padding-top:5px; font-size:34px;}

}