@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.fixed-nav{ position: fixed; width:100%; top:-200px;  -webkit-transition: top .5s;  -moz-transition: top .5s;  -o-transition: top .5s;  transition: top .5s; } 
.fixed-nav-appear{top:0;} 
.fix_sec{ position: fixed; width:100%; top:0; z-index: 999; -webkit-transition: top .5s; -moz-transition: top .5s; -o-transition: top .5s; transition: top .5s;} 
.Header-wrapper{width: 100%; position:fixed;z-index: 99999;left: 0;user-select: none;transition: background .4s ease;}
.Header-wrapper::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.15);transition: all .4s ease;pointer-events: none;}
.Header-logo{float:left;width:10%; float:left;height: 96px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{max-width:100%;position: absolute;transition: all .4s ease;}
.Header-logo img.s{opacity: 1;}
.Header-logo img.h{opacity: 0;}

.Header-lang{float: right;position: relative;z-index: 999;display: flex;flex-wrap: wrap;align-items: center;height: 96px;}
.Header-lang-menu{width: 48px;height: 30px;margin-left: 6px;border-radius: 15px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-family: "SamsungOne400";transition: all .4s ease;}
.Header-lang-menu:first-child{margin-left: 0;}
.Header-lang-menu:hover{color: #a92334 !important;}
.Header-lang-menu.active{color: #fff !important;background: #a92334;}
.nav_a{ text-transform:uppercase;}
.Header-search{float: right;}
.Header-search-click{width:100px;height: 96px;cursor: pointer;background: url('../images/searchW.svg') no-repeat right /20px auto;position: relative;z-index: 999; line-height:96px; text-transform:uppercase; color:#fff;}
.Header-search-click.active{background: url('../images/close.svg') no-repeat right/20px auto !important;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 96px;line-height: 96px;top:20px;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{padding-right: 162px;}
.Header-search-item.active{display: block;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input{width: 0px;height: 40px;border-bottom: 1px solid #e5e5e5;transition: border .4s ease;font-size: 16px;color: #666;font-family:'SamsungOne400';background: transparent;}
.Header-search-item input:focus{border-bottom: 1px solid #666;}
.Header-search-item.active input{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 420px;}}
.Header-search-item button{width: 50px;height: 40px;background: url('../images/search.svg') no-repeat center /20px auto;cursor: pointer;margin-right: 0;}
body.onSearch .Header-navbar{visibility: hidden;opacity: 0;}
.Header-navbar{position: absolute;width: 100%;text-align: center;top: 0;left:0;z-index: 4;visibility: visible;opacity: 1;transition: visibility .4s ease,opacity .4s ease;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar ul{display: inline-block;}
.Header-navbar >ul>li {float:left;margin-left:50px;height:96px;line-height: 96px;font-size: 15px; color:#fff;}
.Header-navbar >ul>li a{position:relative}
.Header-navbar >ul>li a:before{position:absolute;content:"";left:0;bottom:0;width:0;transition:.5s;background:#000;height:1px; top:30px;}
.Header-navbar >ul>li a:hover:before{width:100%;}
.Header-navbar >ul>li:first-child {margin-left: 0}
.Header-navbar >ul>li.nav_on>a,.Header-navbar >ul>li.nav_onf>a,.Header-navbar >ul>li>a:hover {color: var(--main-color)}
.Header-navbar >ul>li:hover .navspage{display:block;}
.navspage {width: 100%;background: url(../images/dhbg.jpg);position: absolute;top:100px;z-index: 100; left:0;display: none; padding:50px;transform: translate3d(0,-40px,0); border-bottom:1px solid #CCC;}
.navspage_left {width:80%;float: left}
.navspage_right {width:19%;float: right}
.navsblock_pad {padding: 26px 0}
.navstitle {color: #000;font-size:30px;text-align:left; width:100%;}
.navstitle_part {width:24%;float: left;margin-right:1%;margin-top: 28px;}
.navstitle_part .pic {overflow: hidden; float:left; width:70px;}
.navstitle_part .pic img{overflow: hidden;height:70px;}
.navstitle_part .tit {font-size:16px; text-align:left;line-height:normal;height:70px;color: #000; float:left; width: calc(100% - 90px); margin-left:10px; display: flex;
    align-items: center;
}
.navstitle_part:hover .pic img {transform: scale(1.1); }
.navstitle_part:hover .tit {color: var(--main-color)}
.navspage_right {padding: 10px 0}
.navspage_rimg {overflow: hidden}
.navspage_rimg img {width: 100%}
.navspage_rimg:hover img {transform: scale(1.04)}
.navspage_xup {text-align: center;padding-top: 20px;font-size: 24px;padding-bottom: 10px}
.navspage_xup p {display: inline-block;cursor: pointer;color: #999}
/* -- */

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #666;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* -- */
.topmin{background: url(../images/dhbg.jpg); border-bottom:1px solid #999;}
.topmin .Header-logo img.s{opacity: 0;}
.topmin .Header-logo img.h{opacity: 1;}
.topmin .Header-navbar >ul>li{color: #000;}
.topmin .Header-search-click{background-image: url('../images/search.svg'); color:#000;}
.topmin .Header-lang-menu{color: #000;}
.topmin .Header-wrapper::after{background: #ebebeb;}



body.mouseNoLucency .Header-wrapper{background: url(../images/dhbg.jpg);}
body.mouseNoLucency .Header-logo img.s{opacity: 0;}
body.mouseNoLucency .Header-logo img.h{opacity: 1;}
body.mouseNoLucency .Header-navbar >ul>li{color: #000;}
body.mouseNoLucency .Header-search-click{background-image: url('../images/search.svg'); color:#000;}
body.mouseNoLucency .Header-lang-menu{color: #000;}
body.mouseNoLucency .Header-wrapper::after{background: #ebebeb;}
/* -- */
body.onSearch .Header-wrapper{background: url(../images/dhbg.jpg);}
body.onSearch .Header-logo img.s{opacity: 0;}
body.onSearch .Header-logo img.h{opacity: 1;}
body.onSearch .Header-navbar >ul>li{color: #000;}
body.onSearch .Header-search-click{background-image: url('../images/search.svg');  color:#000;}
body.onSearch .Header-lang-menu{color: #000;}
body.onSearch .Header-wrapper::after{background: #ebebeb;}
/* -- */
body.noLucency .Container-wrapper{margin-top: 96px;}
body.noLucency .Header-wrapper{background: url(../images/dhbg.jpg);}
body.noLucency .Header-logo img.s{opacity: 0;}
body.noLucency .Header-logo img.h{opacity: 1;}
body.noLucency .Header-navbar >ul>li{color: #000;}
body.noLucency .Header-search-click{background-image: url('../images/search.svg'); color:#000;}
body.noLucency .Header-lang-menu{color: #000;}
body.noLucency .Header-wrapper::after{background: #ebebeb;}
/* 中间+共用部分 */
.Container-wrapper{width: 100%;}
.contain{width: 1600px;margin: 0 auto;}

.page__sections h1{margin-top:150px; color:#000; text-transform:uppercase; font-weight:bold;}
.gsaals{ width:100%; margin:0 auto;}
.gsaals li{ width:32%; float:left;overflow: hidden; margin-right:1.5%;margin-bottom:30px;}
.gsaals li div{width:100%; min-height:300px;overflow: hidden;}
.gsaals li:nth-child(3n){ float:right; margin-right:0px;}
.gsaals li img{ transition: all 0.6s;cursor:pointer;}
.gsaals li :hover img {transform: scale(1.1);}
.gsaals li p{ height:60px; line-height:60px; text-align:center; display:block; color:#000;}
.miaoshutup{float:left; margin-right:40px;}
.miaoshutupp{float:right;width:48%;}
.miaoshutupp img{ max-width:100%;}
.miaoshutupwenben{float:left; width:50%;}
.miaoshutupwenben img{ max-width:100%;}
/*case***********************************************************************/
.case{overflow: hidden; border-top:1px solid #ccc; padding-top:50px; padding-bottom:50px;}
.case li{width: 24%;margin:0 .5%;float: left;margin-bottom: 20px}
.case li .tu{width: 100%;overflow: hidden;}
.case li .tu img{width: 100%;transition: all 0.6s;cursor:pointer;}
.case li :hover img {transform: scale(1.1);}
.case li b{display: block;background:#fff;font-size:16px; font-weight:normal;color: #2f2f2f;height: 70px;line-height: 70px;overflow: hidden;padding: 0 15px}
.case li:hover b{color:#e67817;}



.xa-a{width: 100%; margin-top:150px;}
.xa-aa{width: 100%; margin-top:50px; padding-bottom:50px;}
.xa-b{width:100%;margin: 0 auto;}
.xa-title{text-align: center;color: #333;font-weight: bold;font-weight: bold;margin-bottom: .3rem;}
.xa-textbox{color: #4d4d4d;line-height:50px;text-align: center;}
.xa-textbox *{line-height: inherit;}
.xa-cont{width: 100%;padding: .7rem 0 .2rem;}
.xa-item{display: inline-block;width:48%;margin-right: 1.35rem;margin-bottom: .6rem;}
.xa-item:nth-child(2n){margin-right: 0;}
.xa-top{width: 100%;margin-bottom: .1rem;}
.xa-name{font-weight: bold;font-weight: bold;display: inline-block;vertical-align: middle;color: #333;margin-right: .08rem;}
.xa-vr{ font-weight: bold;font-weight: bold;display: inline-block;vertical-align: middle;cursor: pointer; padding: .05rem .12rem;color: #fff; background-color: #e60012;}
.xa-vr img{height: .8em;margin-right: .05rem;}
.xa-bottom{width: 100%;}
.xa-one{display: block; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #dbdbdb;}
.xa-icon{display: inline-block;vertical-align: top;width: 2em;height: 1.6em;line-height: 1.6em; float:left;}
.xa-icon img{max-width: 50%;max-height: 100%;}
.xa-text{font-weight: bold;display: inline-block;vertical-align: top;line-height: 1.6; width: calc(100% - 2em);color: #4d4d4d;}
.xa-span{color: #808080;}
.xa-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-top: .58rem;padding-bottom: .7rem;}
.xa-c{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;width:24%;text-align: center; margin-right:1%;margin-bottom:1%; padding:50px; background-color: #fff;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xa-c:nth-child(4n){margin-right: 0;}
.xa-img{display: inline-block;width:80px;height:80px;text-align: center;line-height:80px;overflow: hidden; border-radius: 50%; border: solid 1px #e60012;margin-bottom: .2rem;}
.xa-img img{max-width: 100%;max-height: 100%;}
.xa-d{color: #4d4d4d;line-height:50px;}
.xa-code{height: 82.19%;position: absolute;left: 50%;top: 8.905%;transform: translate(-50%,0);opacity: 0;}
.xa-c:hover .xa-code{opacity: 1;}
@media(min-width:  1101px){
    .xa-c:hover{background-color: #000;}
    .xa-c:hover .xa-d{color: #fff;}
    .xa-c:hover .xa-img{border: solid 1px #fff;}
}
@media(max-width: 900px){
.xa-a{width: 100%; margin-top:100px;}
.xa-aa{width: 100%; margin-top:30px; padding-bottom:50px;}
.xa-item{width: 100%;margin-right: 0 !important;}
.xa-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
.xa-c{width: calc(50% - 5px);margin-right: 10px;}
.xa-c:nth-child(2n){margin-right: 0;}
.xa-textbox{color: #4d4d4d;line-height:30px;text-align: center;}
}
@media(max-width: 450px){.xa-item{width: 100%;margin-right: 0 !important;}}
.xb-a{width: 100%;}
.j-main{padding-top: 1.13rem;padding-bottom: 1rem;width: 100%;position: relative;}
.j-main.sp{padding-top: .8rem;}
.j-target{width: 100%;position: absolute;left: 0;top: -1rem;margin-top: -3em;}
.j-cont{width:100%;margin: 0 auto;}
.j-title{margin-bottom: 0.36rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.j-form{width: 100%;}
.j-row{margin-bottom: 0.2rem;width: 100%;}
.j-tip{color: #666;padding-top: 0.6em;line-height: 1.3;}
.j-tip a{font-weight:bold;text-decoration: underline;}
.j-col{margin-right:2%;display: inline-block;vertical-align: top;width: 31.64%; margin-bottom:20px;}
.j-col:nth-child(3n){margin-right: 0; float:right;}
.j-txt{padding-left:10px;padding-right:10px;color: #666;width: 100%;height:50px;border: 1px solid #dbdbdb;}
.j-area{padding:10px;line-height: 1.555;width: 100%;height:150px;border: 1px solid #dbdbdb;color: #666;}
.j-last{padding-top:30px;text-align: center;}
.j-sub{color: #fff;line-height:60px;display: inline-block;vertical-align: top;cursor: pointer;width:220px;height:60px;border: none;background-color: #e60012;font-weight: bold;}
.j-form input::-webkit-input-placeholder,
.j-form textarea::-webkit-input-placeholder{color: #666;}
.j-form input:-moz-placeholder,
.j-form textarea:-moz-placeholder{color: #666;}
.j-form input::-moz-placeholder,
.j-form textarea::-moz-placeholder{color: #666;}
.j-form input:-ms-input-placeholder,
.j-form textarea:-ms-input-placeholder{color: #666;}
.j-form input:focus::-webkit-input-placeholder,
.j-form textarea:focus::-webkit-input-placeholder{color: #bbb;}
.j-form textarea:focus:-moz-placeholder{color: #666;}
.j-form input:focus::-moz-placeholder,
.j-form textarea:focus::-moz-placeholder{color: #666;}
.j-form input:focus:-ms-input-placeholder,
.j-form textarea:focus:-ms-input-placeholder{color: #666;}
@media(max-width: 1200px){
    .j-txt{height: 32px;}
    .j-sub{height: 34px;line-height: 34px;}
}
@media(max-width: 750px){
    .j-main{padding-left: 10px;padding-right: 10px;}
    .j-cont{width: 100%;max-width: 500px;}
    .j-row{margin-bottom: 0;}
    .j-col{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .j-last{padding-top: 15px;}
	
}
@media(max-width: 500px){
    .j-main{padding-top: 30px;padding-bottom: 30px;}
}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) { /* 1600 × (900) */.contain{width: 1400px;}}

@media all and (max-width:1599px) {    /* 1440 × (700)  */
    .contain{width: 1200px;}
    .Header-menu {padding: 0 35px;}
    .Header-navbar li:hover .Header-menu::after, .Header-navbar li.active .Header-menu::after {width: calc(100% - 70px);}
}

@media all and (max-width:1439px) {    /* 1360 */}
@media all and (max-width:1359px) {    /* 1280 */}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .contain{width: 100%;}
    .Header-menu {padding: 0 24px;}
    .Header-navbar li:hover .Header-menu::after, .Header-navbar li.active .Header-menu::after {width: calc(100% - 48px);}
.Header-navbar >ul>li {margin-left:30px;}}
@media all and (max-width:1151px) { /* 1024 */}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    body.noLucency .Container-wrapper{margin-top: 60px;}
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain-1600, .contain-1400, .contain{width:98%;}
    .Header-wrapper{background: #fff;position: fixed;}
    .Header-wrapper::after{background: #ebebeb;}
    .Header-wrapper .contain{width: 100%;}
    .Header-logo, .Header-search-click, .Header-lang{height: 60px; line-height:60px; color:#000;}
    .Header-logo{margin-left: 4%;width:50%;}
    .Header-logo img.s{opacity: 0;}
    .Header-logo img.h{opacity: 1; height:60px;}
    .Header-lang-menu{width: 42px;height: 24px;border-radius: 13px;font-size: 14px;color: #666;margin-left: 0;}
    .Header-lang{margin-right: 18px;}
    .Header-navclick{display: flex;margin-right: 4%;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;transition: none;}
    .Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
	.Header-navbar >ul>li {float: none;margin-left:0px;height:50px;line-height:50px;font-size: 15px; color:#fff; text-align:center}
    .Header-navbar li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 50px;padding: 0 4%;color: #666;}
    .Header-menu::after{display: none;}
    .Header-arrow{display: block;width: 50px;height: 50px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/arrD.svg') no-repeat center /18px auto;}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar li:hover .Header-menu{color: #666;}
    .Header-navbar li.active .Header-menu{color: #a92334;}
    .Header-drop {position: relative;background: #f7f7f7;width: 100% !important;margin: 0 !important;padding: 0 !important;left: 0 !important;top: 0;overflow: hidden;}
    .Header-navbar li.Header-other .Header-drop a {height: 38px;padding: 0 4%;}
    .Header-navbar li.Header-other .Header-drop a:first-child{margin-top: 12px;}
    .Header-navbar li.Header-other .Header-drop a:last-child{margin-bottom: 12px;}
	
    .Header-search-item {display: none;width: 100%;line-height: normal;height: 45px;top: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;}
    .Header-search-item .contain {padding-right: 0;}
    .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;}
    .Header-search-item.active input[type="text"] {animation: none;}
    .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #a92334 url('../images/searchW.svg') no-repeat center /20px auto !important;z-index: 2;}
    .Header-search-click.active {background-image: url('../images/close.svg') !important;}
    .Header-search-click {background-image: url('../images/search.svg') !important;width:90px; margin-right:10px;}
    .Header-products-items .cont .name {font-size: 15px;}
.ease02{ display:none;}	
.navspage {width: 100%;background-color: #f6f6f6;position: absolute;top:0px;z-index:9999999; left:0;display: none; padding:0px;transform: translate3d(0,-40px,0);}
.navspage_left {width:100%;float: none; display:none;}
.navspage_right { display:none;}
.navsblock_pad {padding: 26px 0; display:none;}
.navstitle {color: #000;font-size:30px;text-align:left; width:100%; display:none;}
.navstitle_part {width:100%;float: none;margin-right:0;margin-top: 28px;  display:none;}
.navstitle_part .pic {overflow: hidden; float:left; width:70px; display:none;}
.navstitle_part .pic img{overflow: hidden;height:70px; display:none;}
.navstitle_part .tit {font-size:16px; height: 70px; line-height: 70px;color: #000; float:left; margin-left:20px; display:none;}
.navstitle_part:hover .pic img {transform: scale(1.1); display:none; }
.navstitle_part:hover .tit {color: var(--main-color); display:none;}
.navspage_right {padding: 10px 0; display:none;}
.navspage_rimg {overflow: hidden; display:none;}
.navspage_rimg img {width: 100%; display:none;}
.navspage_rimg:hover img {transform: scale(1.04); display:none;}
.navspage_xup {text-align: center;padding-top: 20px;font-size: 24px;padding-bottom: 10px; display:none;}
.navspage_xup p {display: inline-block;cursor: pointer;color: #999; display:none;}
	
.miaoshutupp{float: none;width:100%; margin-bottom:40px;}
.miaoshutupwenben{float: none; width:100%;}
	
	
.page__sections h1{margin-top:80px; color:#000;}
.gsaals li{ width:100%; float: none;overflow: hidden; margin-bottom:20px;}
.gsaals li:nth-child(2n){ float:none;}
.gsaals li div{width:100%; min-height:200px;overflow: hidden;}
.gsaals li p{ height:40px; line-height:40px; text-align:center; }
.case li{width: 49%;margin:0 .5%;float: left;margin-bottom: 20px}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

.indice {position:relative; }
.indice h1 { background-color:#FFF; }
.download-dati p {color: #808080;font-size: 13px;margin: 0.5rem 0 0 0;line-height: 15px;}
.indice-download {}
.indice-download article { padding:25px 0; }
.indice-download .pulsante-download { width:230px; padding-right:50px; }
.indice-download .elenco-download.grid .pulsante-download { max-width:100%; }
.indice-download .elenco-download td { background-color:#FFF; }
.indice-download .etichettatura-energetica { width:100%; background-color:#FFF; padding:20px; border:1px solid #DEDEDE; transition:all .3s; }
.etichettatura-energetica .pulsante { margin-top:40px; }
.etichettatura-energetica .select-style select { font-family:var(--font-text-regular); font-size:13px; padding:15px; }
.elenco-download .download-foto { padding:0; display:block; }
.download-foto img { display:block; height:auto;}
.elenco-download .download-dati { padding:20px 0 0 0; display:block; position:relative; }
.download-dati h3 { font-size:24px; margin:0; line-height:29px; }
.download-dati h3 a { color:#000; }
.download-dati p { color:#808080; font-size:13px; margin:0.5rem 0 0 0; line-height:15px; }
.elenco-tabella.elenco-download td:hover h3 a { color:#F47521; }
.elenco-tabella.elenco-download .pulsante-download { background-image:none; margin-top:40px; }
.elenco-tabella.elenco-download .pulsante-download .icona-pulsante { padding:0; margin-right:10px; width:10px; height:13px; background-image:url('/img/download.svg'); background-position:center center; color:#000; font-size:15px; background-repeat:no-repeat; display:inline-block; }
.elenco-tabella.elenco-download .pulsante-download:hover .icona-pulsante { color:#FFF; background-image:url('/img/download-bianco.svg'); }
.pulsante {width: 100%;border: 1px solid #DEDEDE;height: 50px;color: #000;font-size: 15px;text-transform: uppercase;text-align: center;letter-spacing: 1px;line-height: 18px;display: block;padding: 15px;
transition: background-color .3s,background-image .3s,border .3s,color .3s;background-color: transparent;}
.pulsante-download {background-image: url(../images/download.svg);background-size: 10px 11px;background-position: 97% center;background-repeat: no-repeat;text-align: left;transition: none;}
.elenco-col{ background:#fff;}
@media only screen and (max-width:767px) {
 .indice-download .container { padding-left:25px; padding-right:25px; }
 .elenco-download.grid { display:block; }
 .elenco-download.grid .elenco-col { border:1px solid #DEDEDE; margin-bottom:2rem; }
 .elenco-download.grid .elenco-col:last-child { margin-bottom:0; }
}

@media only screen and (min-width:981px) {
 .indice-download article { padding:40px 0 25px 0; }
 .indice-download .etichettatura-energetica { padding:50px; }
 .indice-download .elenco-download .elenco-col .download-dati { padding:30px; }
 .indice-download .download-lingua { right:0; bottom:0; left:0; position:absolute;  }
 .indice-download .download-lingua .pulsante-download { margin-left:auto; }
 .elenco-download .download-dati .pulsante-download { position:absolute; bottom:30px; right:30px; width:183px; }
 .elenco-download .download-dati select { position:absolute; bottom:60px; height:50px; right:0; }
 .elenco-download.etichettatura-energetica .pulsante-download { right:0; bottom:0; }
 .etichettatura-energetica .select-style { position:absolute; bottom:0; }
 .etichettatura-energetica .select-style:nth-child(2) { bottom:60px; }
  .elenco-download.grid { grid-template-columns:1fr 1fr; }
  .elenco-download .grid { grid-template-columns:225px calc(100% - 225px); grid-column-gap:1.5rem; position:relative; }
  .indice-download .elenco-download.grid .elenco-col .download-dati { padding:0; position:static; }
  .indice-download .elenco-download.grid .elenco-col .download-dati-container { padding:1.8rem; padding-left:0; }
  .categoria-download-1 .elenco-download .grid { grid-column-gap:1rem; }
  .categoria-download-1 .elenco-download.grid .download-dati .pulsante-download { position:relative; bottom:auto; right:auto; margin-top:2.5rem; width:auto; display:block; max-width:180px; }
  .indice-download .categoria-download-1 .elenco-download.grid .download-lingua { position:relative; right:auto; bottom:auto; left:auto; }
  .indice-download .categoria-download-1 .elenco-download.grid .download-lingua .pulsante-download { margin-left:0; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .notizia-singola-testo h1 { font-size:28px; line-height:36px; margin-top:0.5rem; }
}

@media only screen and (min-width:1024px) {
 .nav-sx .form-codice input[type="text"] { width:95%; }
 .generacodice-filtro-riga.grid { display:grid; grid-template-columns:repeat(4, 1fr); }
}

@media only screen and (max-width:1439px) {
 .elenco-col { border:1px solid #DEDEDE; border-top:1px solid transparent; }
 .elenco-riga:first-child .elenco-col:first-child { border-top:1px solid #DEDEDE; }
 .elenco-riga:first-child .elenco-col:first-child:hover { border-top:1px solid #F47521; }
 .scheda-progetto-dati { margin-top:20px; }
}

@media only screen and (min-width:768px) and (max-width:1439px) {
 .elenco-download.grid .elenco-col { border:1px solid #DEDEDE; border-top:1px solid transparent; border-left:1px solid transparent; }
 .elenco-download.grid .elenco-col:nth-child(1), .elenco-download.grid .elenco-col:nth-child(2) { border-top:1px solid #DEDEDE; }
 .elenco-download.grid .elenco-col:nth-child(odd) { border-left:1px solid #DEDEDE; }
}
@media only screen and (min-width:850px) and (max-width:1439px) {
    .indice-notizie .notizia p { max-height:2.8rem; }
}
@media only screen and (min-width:981px) and (max-width:1279px) {
    [lang="ru"] #menu-barra-fixed li a { font-size:12px; }
    .indice-download .elenco-download.grid .elenco-col .download-dati { padding:30px; position:static; }
    .indice-download .elenco-download.grid .elenco-col .download-dati-container { padding:0; }
    .categoria-download-1 .elenco-download .grid { display:block; }
    .categoria-download-1 .elenco-download.grid .download-dati .pulsante-download { position:relative; bottom:auto; right:auto; margin-top:2.5rem; width:auto; display:block; max-width:180px; }
    .indice-download .categoria-download-1 .elenco-download.grid .download-lingua { position:relative; right:auto; bottom:auto; left:auto; }
    .indice-download .categoria-download-1 .elenco-download.grid .download-lingua .pulsante-download { margin-left:0; }
    .indice-download .categoria-download-2 .elenco-download.grid .elenco-col .download-dati { padding-left:0; }
    .indice-download .categoria-download-app .elenco-download.grid .elenco-col .download-dati { padding-left:0; }
}
@media only screen and (min-width:1440px) {
    .indice-download article { padding:80px 0 25px 0; }
    .indice-download article:last-child { padding-bottom:100px; }
    .indice-download .etichettatura-energetica { width:50%; }
    .indice-notizie .notizia:first-child .grid { grid-template-columns:minmax(auto, 900px) minmax(33.3%, 1fr); }
    .categoria-download-1 .elenco-download.grid {grid-template-columns: 1fr 1fr 1fr;}	
	.elenco-col {
    border: 1px solid #DEDEDE;
    border-top: 1px solid transparent;
}
.categoria-download-1 .elenco-download.grid .elenco-col:nth-child(1), .categoria-download-1 .elenco-download.grid .elenco-col:nth-child(2), .categoria-download-1 .elenco-download.grid .elenco-col:nth-child(3) {
    border-top: 1px solid #DEDEDE;
}
.categoria-download-1 .elenco-download.grid .elenco-col:first-child, .categoria-download-1 .elenco-download.grid .elenco-col:nth-child(3n + 4) {
    border-left: 1px solid #DEDEDE;
}
.categoria-download-1 .elenco-download.grid .elenco-col {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
}

}
@media only screen and (min-width:1600px) {.indice-notizie .notizia h2 { font-size:40px; line-height:48px; }}

.ke4{position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke4:before{content: "";display: block;width: 0;height: 100%;background-color: #e60012;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
@media(min-width: 1201px){
    .ke4:hover{color: #fff;border-color: #e60012;}
    .ke4:hover:before{width: 100%;}
}

.t-a{width: 100%;padding-top: .6rem;background-color: #f7f7f7;}
.u-main{padding-top: 0.7rem;width: 100%;padding-bottom: 1.2rem;}
.u-cont{width:100%;margin: 0 auto;}
.u-title{margin-bottom: 0.2rem;color: #333;text-align: center;width: 100%;font-weight: bold;font-weight: bold;}
.u-intro{margin-bottom: 0.6rem;color: #4c4c4c;line-height: 2;text-align: center;}
.u-row{width: 100%;font-size: 0;margin-bottom:50px;}
.u-box{width:70%;height:500px;display: inline-block;vertical-align: top;overflow: hidden;}
.u-img{width: 100%;height:100%;object-fit: cover;transform: scale(1.001);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-text{padding-top:50px;width:30%;height:500px;background-color: #fff;display: inline-block;vertical-align: top;padding-left:50px;padding-right:50px;}
.u-date{margin-bottom: 0.6rem;font-size: 0;text-align: right;position: relative;}
.u-date:before{content: "";display: block;width:80%;height: 1px;background-color: #e6e6e6;position: absolute;left: 0;bottom:25px;}
.u-d{color: #e60012;font-weight: bold;font-weight: bold;background-color: #fff;position: relative;z-index: 123;margin-right: .05rem;}
.u-m{color: #808080;background-color: #fff;position: relative;z-index: 123;}
.u-tit{padding-bottom:20px;margin-bottom:20px;color: #333;line-height:40px;position: relative;font-weight: bold;font-weight: bold;display: block;}
.u-tit:after{content: "";display: inline-block;width:100px;height: .02rem;min-height: 1px;background-color: #999;position: absolute;left: 0;bottom: 0;}
.u-des{margin-bottom:50px;color: #666;line-height:30px;height: auto;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.u-more{min-width:120px;text-align: center;padding-left:30px;padding-right:30px;color: #e60012;width: auto;border: 1px solid #e60012;font-weight: bold;line-height:40px;display: inline-block;vertical-align: top;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-more:after{content: "";display: inline-block;vertical-align: middle;width:21px;height:7px;background-image: url(../images/236.png);background-size: 100% 100%;margin-left: .5em;transition: width .3s;}
.u-list{width: 100%;font-size: 0;}
.u-item{display: inline-block;vertical-align: top;width: 31.32%;margin-right: 3.02%;margin-bottom: 3.02%;background-color: #fff;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-item:nth-child(3n){margin-right: 0;}
.u-box2{width: 100%;position: relative;padding-top: 63.41%;overflow: hidden;display: block;}
.u-img2{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-text2{height:200px;padding:30px;width: 100%;}
.u-tit2{color: #333;line-height:40px;position: relative;font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:10px; height:40px;}
.u-line{margin-bottom: .2rem;display: block;width:80px;height: .02rem;min-height: 1px;background-color: #999;}
.u-des2{color: #666;line-height:30px;height:90px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.p-md{width: auto;min-width:15%;height: auto;background-color: #e60012;position: absolute;right:5px;top:5px;z-index:123;padding:5px;text-align: center;}
.p-d{color: #fff;font-weight: bold;font-weight: bold; line-height:30px;}
.p-mt{color: #fff;}
@media(min-width: 1201px){
.u-tit:hover{color: #e60012;}
.u-box:hover .u-img{transform: scale(1.1);}
.u-item:hover{box-shadow: 0 .03rem .22rem rgba(22,5,10,0.12);}
.u-item:hover .u-img2{transform: scale(1.1);}
.u-more:after{width: 0;background-image: url(../images/240.png);}
.u-more:hover:after{width: 1.31em;}
.u-tit2:hover{color: #e60012;}
}
@media(max-width: 1200px){
    .u-tit{line-height: 20px;}
    .u-tit2{line-height: 18px;max-height: 36px;}
    .u-more{line-height: 26px;}
    .u-text2{height: 123px;padding-left: 10px;padding-right: 10px;padding-top: 10px;}
    .u-des{line-height: 16px;height: 48px;font-size: 12px;}
    .u-des2{line-height: 16px;height: 48px;font-size: 12px;}
}
@media(max-width: 1000px){
    .u-date{margin-bottom: 10px}
    .u-text{padding-left: 10px;padding-right: 10px;}
    .u-des{margin-bottom: 10px;}
}
@media(max-width: 750px){
    .u-main{padding-left: 10px;padding-right: 10px;}
    .u-cont{width: 100%;max-width: 500px;}
    .u-box{width: 100%;height: auto;}
    .u-img{height: auto;}
    .u-text{width: 100%;height: auto;padding-bottom: 20px;}
    .u-date:before{width: calc(100% - 60px);}
    .u-item{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .u-item:nth-child(3n){margin-right: 2%;}
    .u-item:nth-child(2n){margin-right: 0;}
.download-dati h3 { font-size:16px; margin:0; line-height:29px; }
}
@media(max-width: 500px){
    .u-item{/* width: 100%; *//* margin-right: 0; */margin-bottom: 10px;}
    .u-text2{height: auto;padding-bottom: 12px;}
    .u-des2{height: auto;}
}
.s40{font-size: calc(40 * 100vw / 1920);}
@media(max-width: 979px){.s40{font-size: 20.4px;}}
.wb-main{width: 100%; margin-top:150px; margin-bottom:50px;}
.wb-tit{margin-bottom:30px;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.wb-box{width: 100%;}
.wb-left{float: left;width:45%;}
.wb-dls{margin-bottom:30px;}
.wb-dl{border-bottom: 1px solid #ddd;width: 100%;font-size: 0;}
.wb-dt{color: #333;display: inline-block;vertical-align: top;width: 35%;line-height:35px;padding: 10px 0;}
.wb-dd{color: #4c4c4c;display: inline-block;vertical-align: top;width: 65%;line-height:35px;padding: 10px 0;}
.wb-share{font-size: 0;width: 100%;}
.wb-one{margin-right: 0.16rem;border-radius: 50%;width: 0.5rem;height: 0.5rem;background-color: #f7f7f7;display: inline-block;vertical-align: top;border: 1px solid #f7f7f7;cursor: pointer;transition: all .3s;}
.wb-right{float: right;color: #666;line-height:35px;width:50%;padding-top:20px;}
.wb-right *{line-height: inherit;}
.wb-icon{width: 100%;height: 100%;}
.wb-one:hover{border-color: #e60012;background-color: #e60012;}
@media(max-width: 1200px){
.wb-one{width: 32px;height: 32px;margin-right: 10px;}
}
@media(max-width: 750px){
.wb-main{padding-left: 10px;padding-right: 10px;margin-top:100px;}
.wb-left{float: none;width: 100%;margin-bottom: 20px;}
.wb-right{float: none;width: 100%;}
}
.wc-bn{width: 100%;}
.wc-text{width: 9.33rem;position: absolute;left: 50%;margin-left: -4.665rem;bottom: 0.6rem;z-index: 12;transition: all .5s;}
.wc-top{text-align: center;margin-bottom: .63rem;}
.wc-icon{width: auto;vertical-align: middle;max-height: 100%;}
.wc-one{width: 100%;background-color: rgba(230,0,18,0.8);padding: .22rem .2rem;transition: all .5s;}
.wc-tit{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: .1rem;text-align: center;}
.wc-des{color: #fff;line-height: 1.5;text-align: center;}
.wc-arrow{position: absolute;top: 50%;z-index: 123;width:50px;height:50px;margin-top: -0.27rem;background: url(../images/12.png);background-repeat: no-repeat;background-position: center center;border: 1px solid #fff;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);cursor: pointer;}
.wc-prev{left: .5rem;}
.wc-next{right: .5rem;transform: rotate(180deg);}
.wc-prev.swiper-button-disabled,
.wc-next.swiper-button-disabled{opacity: 0 !important;}
.wc-item{overflow: hidden;}
.wc-box{width: .62rem;height: .62rem;-webkit-backface-visibility: hidden;position: relative;text-align: center;margin-left: auto;margin-right: auto;}
.wc-box:before,
.wc-box:after{position:absolute;left: 0;top: 0;border: 1px solid #fff;width:100%;height:100%;content:"";display:block;border-radius:50%;-webkit-backface-visibility:hidden}
.wc-box:before{animation:wave-animate 3s infinite ease-out}
.wc-box:after{opacity:0;animation:wave-animate 3s 1.5s infinite ease-out}
.wc-img{width: 100%;max-height: calc(100vh - 0.7rem);object-fit: cover;}
.wb-share {}
.wb-share ul li{ margin-right:10px; padding:3px;}
@keyframes wave-animate{
    0%{transform:scale(0.5);opacity:1;transform-origin:center}
    100%{transform:scale(3);opacity:0;transform-origin:center}
}
@media(min-width: 1201px){
    .wc-arrow:hover{background-color: #e60012;border-color: #e60012;}
    .wc-text{bottom: -0.6rem;}
    .wc-one{opacity: 0;}
    .wc-item.show .wc-text{bottom: .6rem;}
    .wc-item.show .wc-one{opacity: 1;}
}
@media(max-width: 1200px){
    .wc-arrow{width: 30px;height: 30px;margin-top: -15px;background-size: 6px 11px;}
    .wc-img{max-height: none;}
}
@media(max-width: 750px){
    .wc-text{width: 100%;padding-left: 30px;padding-right: 30px;margin-left: 0;left: 0;bottom: 10px;}
    .wc-des{font-size: 12px;}
    .wc-prev{left: 0;}
    .wc-next{right: 0;}
    .wc-img{/* height: 370px; */object-fit: cover;}
    .wc-bn .wc-item{margin-top: 5px;}
    .wc-bn .swiper-wrapper{flex-wrap: wrap;}
    .wc-arrow{display: none;}
}
/*fy*/
.page1-cenrat{ margin-bottom:30px;}
.page1-cenrat ul{text-align: center;font-size: 0;}
.page1-cenrat ul li{display: inline-block;margin: 0 5px;	vertical-align: middle;}
.page1-cenrat ul li *{color: #6f6f6f;font-size: 14px;	}
.page1-cenrat ul li a,.page1-cenrat ul li span{border: 1px solid #E4E4E4;padding: 10px 16px;line-height: initial;display: block;}
.page1-cenrat ul li a[href]:hover,.page1-cenrat ul li a[href]:hover span{    background-color: #000;    border-color: #000;    color: #ffffff;    color: initial;    color:#fff;    }
.page1-cenrat ul li a,.page1-cenrat ul li span{color: #000;}
.page1-cenrat ul li a[href]{color: #000;}
.page1-cenrat ul li.active a,.page1-cenrat ul li span.current{    background-color: #000;    border-color: #000;   color: #ffffff;    }
.page1-cenrat ul li.page1-num{color: #C89C5A;font-size: 14px;margin-left: 20px;		}
@media (max-width: 768px){
.cont { padding-bottom:20px;}
.page1-cenrat ul li.page1-num{display: none;}}
.w-main{padding-top:150px;background-color: #f7f7f7;}
.w-cont{width:100%;margin: 0 auto;}
.w-title{margin-bottom: 0.34rem;color: #333;line-height: 1.25;text-align: center;font-weight: bold;font-weight: bold;}
.w-info{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;font-size: 0;text-align: center;width: 100%;padding: .15rem 0;}
.w-date{ width:100%;color: #666;display: inline-block;vertical-align: middle; height:60px; line-height:60px;}
.w-date span{ width:33%;color: #666;display: inline-block;vertical-align: middle;}
.w-a{display: inline-block;vertical-align: top;width: .22rem;height: .22rem;margin: 0 .1rem;cursor: pointer;}
.w-art{padding-top: 0.5rem;width: 100%;line-height: 2;color: #4c4c4c;padding-bottom: .97rem;}
.w-art *{line-height: inherit;}
.w-art a{text-decoration: underline;}
.w-art img{height: auto !important;}
.w-icon{width: 100%;height: 100%;}
.cpcssss{background-color: #EFEFEF; padding:50px;}
.cpsm{line-height:40px; margin-bottom:30px; border:1px solid #CCC;}
.cpsm table {width: 100%;border-collapse: collapse;}
.cpsm table, th, td {  border: 1px solid #CCC; padding:10px; font-size:16px;}
.cpsm tr:nth-child(odd) {background-color: #f2f2f2;}
.cpsm tr:nth-child(even) {background-color: #fff;}
@media(max-width: 1920px){
    .w-a{width: 22px;height: 22px;}
}
@media(max-width: 750px){
    .w-main{padding-left: 10px;padding-right: 10px; padding-top:80px;}
    .w-cont{width: 100%;max-width: 500px;}
    .w-info{padding-top: 13px;padding-bottom: 5px;}
    .w-date{display: block;padding-right: 0;margin-bottom: 10px; height:40px; line-height:40px;}
.cpcssss{background-color: #EFEFEF; padding:10px;}
.cpsm{line-height:30px;}
.cpsm table, th, td {  border: 1px solid #CCC; padding:10px; font-size:12px;}
.miaoshutup{ margin-right:0px;}
}
