.f_14{font-size: 0.14rem;}
.f_22{font-size: 0.22rem;}
.f_28{font-size: 0.28rem;}
.f_30{font-size: 0.30rem;}
.f_36{font-size: 0.36rem;}
.f_40{font-size: 0.40rem;}
.Ti60{font-size: 0.60rem;font-weight: normal;line-height: 1.5;}
.f_999{color: #999}

.column_info{position: relative; text-align: center; max-width: 986px; margin: auto;padding-top: 2%; padding-bottom:2%;}
.column_info .title{line-height: 1; padding-bottom:2%;font-family: harmMedium;}
.column_info .title_en{line-height: 1; opacity: 0.06;position: absolute; top: 5%; width: 100%; text-transform: uppercase; font-weight: bold}
.column_info .txt:not(.f18){padding-top: 2%}

.social_list{padding-top: 2%}
.social_list li{float: left;width: 48.8%; background: #fff url(../images/social_icon.png) no-repeat 7% 88%; margin-bottom: 2.4%}
.social_list li:nth-child(odd){clear: both; margin-right: 2.4%}
.social_list li a{display: block; height: 310px; position: relative}
.social_list li .info{padding:7% 5% 0 21%;}
.social_list li aside{ margin-bottom:2%; line-height: 0.34rem}
.social_list li time{position: absolute; left:7%; top:17%;line-height:1.2}
.social_list li time b{display: block; font-size: 3.33333333333333vw}
.social_list li span{position: absolute; bottom:15%}
.social_list li span:after{content: ''; width: 8px; height: 8px; margin: auto;position: absolute; top: 0; bottom: 0; right: -20px; border-right: solid 1px #333; border-top: solid 1px #333;transform: rotate(45deg)}
.social_list li:hover span:after{border-color: #1a1a1a}
.social_list li.activehover{-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.06); box-shadow: 0 8px 20px rgba(0,0,0,0.06);}

.join_item {padding-bottom: 0.4rem}
.join_item .slider{padding-left: 102px; padding-right: 102px;}
.join_item .item{padding: 26px;}
.join_item .item .box{background: #fff; box-shadow: 0 5px 24px rgba(0,0,0,0.05); border-radius:4px; overflow: hidden}
.join_item .item .imgbox{padding-bottom:55.5%; position: relative;background: #000}
.join_item .item .imgbox span{position: absolute; width: 100%; height: 100%; opacity: 0.9}
.join_item .item .imgbox img{width: 100%; height: 100%;object-fit: cover;}
.join_item .item .txt{position: relative; padding: 50px 32px; height: 220px;}
.join_item .item .txt .icon{position: absolute; width:74px; height: 74px; margin: auto; top:-32px; left: 0; right: 0; background: #fff; border-radius: 100px; overflow: hidden}
.join_item .item .txt .icon span{display: block; position: absolute;width: 100%; height: 100%; top:0; transition: 0.3s}
.join_item .item .txt .icon img{width: 100%; height: 100%; position: relative; z-index: 2; transition: 0.5s}
.join_item .item .txt aside{margin-bottom: 10px;}
.join_item .item .txt p{color: #555555; line-height: 0.26rem}
.join_item .item .txt em{position: absolute;line-height:1.5; margin: auto; bottom: 0;left: 0; right: 0; width: 80px; text-align: center;font-size: 2.08333333333333vw;opacity: 0.2; font-weight: bold}
.join_item .item .txt em:before{content: ''; position:absolute ; left: 0; width: 100%;height: 100%; background: linear-gradient(to top, rgba(255,255,255,0.90) 30%,rgba(255,255,255,0)); text-align: center;}
.join_item .item .box:not(:hover) .txt .icon img{filter: grayscale(100%) brightness(0%);}
.join_item .item .box:hover .txt .icon img{transform: rotate(360deg)}
.join_item .item .box:hover .txt .icon span{background: linear-gradient(to bottom, rgba(215,0,57,0.3), #fff 40%)}
.join_item .item .box:hover .txt em{color: #d70039}
.join_item .item .box:hover .imgbox span{opacity: 1}
.join_item .item .activehover{-webkit-transform: translate3d(0, -18px, 0);transform: translate3d(0, -18px, 0);}
.join_item .slick-arrow,
.join_item .slick-arrow:After{border-color: #bfbfbf}
.join_item .slick-dots{position: relative; padding-top: 4%}
.join_item .slick-dots li button{background: #cecdcd}
.join_item .slick-dots li.slick-active button{border-color: #333333}

.join_process {background: no-repeat center bottom; background-size: 100%;padding-bottom: 0.4rem}
.join_process .list{padding: 2% 0}
.join_process .list ul{display: flex; justify-content: center; text-align: center; position: relative}
.join_process .list ul:before{content: ''; position: absolute; width: 88%; height: 1px; border-bottom: dashed 1px #bbbbbb; top:60px; right: 3%;}
.join_process .list ul:nth-child(1):after{content: ''; position: absolute; width: 3%; height: 291px; border: dashed 1px #bbbbbb; border-left: none; top:60px; right: 0; border-radius: 0px 20px 20px 0}
.join_process .list ul:nth-child(2){flex-flow: row-reverse wrap;}
.join_process .list ul:nth-child(2):before{width: 70%;}
.join_process .list ul li{width: 20%; height: 290px; position: relative}
.join_process .list ul li:before{content: '>'; position: absolute;right: 0; top:47px; width: 25px; line-height: 23px; text-align: center; border: dashed 1px #bbbbbb;border-radius:20px; font-family: SimSun; background: #fff}
.join_process .list ul:nth-child(1) li:last-child:before{display: none}
.join_process .list ul:nth-child(2) li:before{content: '<';}
.join_process .list ul li .txt{ max-width: 190px; margin: auto}
.join_process .list ul li aside{padding-top: 20px; padding-bottom: 10px; font-weight: bold}
.join_process .list ul li p{max-height:0.9rem;overflow: auto;}
.join_process .list ul .icon{background: #555555; border-radius: 100px; width:120px; height: 120px; margin: auto; position: relative; transition: 0.5s}
.join_process .list ul .icon span{position: absolute; width:61.67%; height:61.67%;; margin: auto; left: 0; right: 0; top: 0; bottom: 0;}
.join_process .list ul .icon img{width: 100%; height: 100%;object-fit: cover;}
.join_process .list ul li i{font-style: oblique}
.join_process .list ul li:hover .icon{background: #d70039; box-shadow: 0 8px 24px rgba(215,0,57,0.1); transform: rotate(360deg)}

.join_form {background: no-repeat center top; background-size: 100%;}
.join_form .column_info .title,
.join_form .tab a{color: #fff}
.join_form .tab{text-align: center;}
.join_form .tab ul{margin-bottom:4%}
.join_form .tab li{display: inline-block; padding: 0 40px;}
.join_form .tab li a{position: relative; display: inline-block; line-height: 46px; cursor: pointer;}
.join_form .tab.one li a:after{content: ''; position: absolute;width: 0px; height: 3px; left: 0; right: 0; bottom:-1px; margin: auto; transition: 0.3s}
.join_form .tab.one li.on a{color: #d70039; font-weight: bold}
.join_form .tab.one li.on a:after{width: 100%; background: #d70039}
.join_form .tab.one ul{ border-bottom: solid 1px rgba(255,255,255,0.2)}
.join_form .tab.two li a{width: 166px; border: solid 1px #fff; border-radius: 4px;}
.join_form .tab.two li.on a{color: #fff;background: #d70039; border-color: #d70039}
.join_form .item_box{background: linear-gradient(to right,#f7f7f7 37.5%,#fff 37.5%); border: solid 1px #f7f7f7}
.join_form .txt h3{margin-bottom: 3%}
.join_form .txt dl dt{font-size: .14rem; display: inline-block; background: #fff; position: relative; padding: 0px 10px; border-radius: 5px; margin-right: 18px;}
.join_form .txt dl dt:after{content: ''; position: absolute; right: -10px; width: 0; height: 0; top: 0; bottom: 0; margin: auto; border: solid 5px transparent; border-left-color: #fff}
.join_form .txt dl{padding: 6px 0}
.join_form .txt dl dd{display: inline-block}
.join_form .tips{font-size: .14rem; border-top: dashed 1px #b4b4b4;padding-top:5%; margin-top: 3%}

.join_form .fl_info{float: left;width: 37.5%;padding: 4%}
.join_form .fr_form{float: right;width: 62.5%;padding: 4%}

.form_item form{padding-top: 1px}
.form_item form .item{padding:0 2%; margin-bottom: 25px; float: left; width:50%; position: relative}
.form_item form .item.department{display: none}
.form_item form .text,
.form_item form select{border: solid 1px #bfbfbf; border-radius: 4px; width: 100%; height: 58px; line-height: 58px; background-color: #fff}
.form_item form select{padding: 0 25px;text-indent: 0;}
.form_item form .text,
.form_item form label{padding-left: 24px;}
.form_item form label{position: absolute; line-height: 58px;}
.form_item form .btn_box{clear: both; padding-left: 2%}
.form_item form .btn{border: none ; width: 167px; height: 56px; cursor: pointer; border-radius: 4px; background: #bbb; color: #000; transition: 0.5s}
.form_item form .btn.btn_submit{ color: #fff; background: #d70039}
.form_item form .btn.btn_submit:hover{background: #000}
.form_item form .item .btn_box{padding-left: 0}
.form_item form .item .btn_box .btn{ width: 240px;}
.form_item form img{height:58px; border-radius: 4px;}
.form_item form .yzm .text{width: 70%}
.form_item form .yzm img{position: absolute; right:4%; top:0; width:26.765%; height: 100%; object-fit: cover}


.project_join_info .list{display: flex;justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.project_join_info .item{width:24%; padding-bottom:33.704%; transition: 0.5s; position: relative;}
.project_join_info .info{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; bottom: 0; z-index: 5; color: #fff; padding:6%;text-align: center;  transition:0.5s}
.project_join_info .info h3{position: relative}
.project_join_info .info h3 span{display: block; line-height:1.5}
.project_join_info .info h3 span.cn{padding-top: 20px;}
.project_join_info .info h3 span.en{padding-bottom: 20px;opacity: 0.8;text-transform: uppercase;font-weight: normal;font-size: 0.14rem}
.project_join_info .info h3 i{position: relative;display: block;width: 1px;margin: auto;padding-bottom: 40px;background: rgba(255,255,255,0.6);opacity: 0.5}
.project_join_info .info h3 i.t:after,
.project_join_info .info h3 i.b:after{content: ''; position: absolute; width:7px; height:7px;left: -3px; border: solid 1px rgba(255,255,255,0.8); border-radius: 100px;}
.project_join_info .info h3 i.t:after{bottom:-8px;}
.project_join_info .info h3 i.b:after{top:-8px;}
.project_join_info .pic{position: absolute; width: 100%; height: 100%;}
.project_join_info .pic:before{content: ''; position: absolute;width: 100%; height: 100%; bottom: 0; background: rgba(0,0,0,0.4); z-index: 2;transition:0.5s}
.project_join_info .pic img{position: absolute; width: 100%; height: 100%; object-fit:cover}
.project_join_info .item.show .pic:before{height: 150%; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0))}
.project_join_info .item.show .info}
.project_join_info .item.show h3 i.t{opacity: 1; left:-7%; width:5%; top:13px; height: 1px;padding-bottom: 0; position: absolute; transform: rotate(-180deg)}
.project_join_info .item .hover{top: 100%;}
.project_join_info .item .default{top:0}
.project_join_info .item.show .default{top:-100%}
.project_join_info .item.show .hover{top:0;}



.project_join_process{background: no-repeat center top; background-size:cover;}
.project_join_process .column_info,
.project_join_process .list{color: #fff; }
.project_join_process .list{position: relative;padding: 0 5%;display: flex; text-align: center;margin-top: 3%}
.project_join_process .list:before{content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-bottom: dashed 1px #fff;opacity: 0.5}
.project_join_process .list:after{ content: '';position: absolute; width: 10px; height: 10px; right: 0; top:0; bottom: 0; margin: auto; transform: rotate(45deg); border-right: solid 2px #fff;border-top: solid 2px #fff;}
.project_join_process .list .item{width:14.28571428571429%}
.project_join_process .list .info{position: relative;width:140%;margin-left: -20%; padding:30% 10%; height:280px; }
.project_join_process .list .info:before{content: ''; position: absolute; margin: auto; left: 0; right: 0; width: 13px; height: 13px; box-shadow: 0 0 0 2px #fff; border-radius: 100px;}
.project_join_process .list .bg{position: absolute; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; background: linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)); border-top:solid 1px rgba(255,255,255,0.6);border-radius:8px; transition: 0.5s }
.project_join_process .list .bg:before,
.project_join_process .list .bg:after{content: ''; z-index: 2; position: absolute; width: 1px; top:5px; height: 100%; background: linear-gradient(to bottom,rgba(255,255,255,0.6),rgba(255,255,255,0))}
.project_join_process .list .info .bg:before{left: 0}
.project_join_process .list .info .bg:after{right: 0;}
.project_join_process .list .item:nth-child(odd) .info:before{bottom: -9.5%; }
.project_join_process .list .item:nth-child(even) .info:before{top: -9.5%; }
.project_join_process .list .item:nth-child(even){padding-top:320px}
.project_join_process .list .item:nth-child(even) .bg{transform: rotate(180deg)}
.project_join_process .list .item:not(:hover) .bg:before,
.project_join_process .list .item:not(:hover) .bg:after{opacity: 0.5}
.project_join_process .list .item:not(:hover) span{opacity: 0.5}
.project_join_process .list .info p{padding: 7% 0}
.project_join_process .list .item .info:hover .bg{background: linear-gradient(to bottom,rgba(215,0,57,1),rgba(255,255,255,0));}

.project_join_advantage .infoitem{position: relative}
.project_join_advantage .info{display: flex; justify-content: space-between;position: relative; z-index: 10}
.project_join_advantage .info .fl_txt,
.project_join_advantage .info .fr_txt{width:31%;display: flex;flex-flow: column;}
.project_join_advantage .info .fr_txt{flex-flow: column-reverse;}
.project_join_advantage .info .item{margin:6% 0; background:linear-gradient(45deg,#f6f6f6,#fff); border-radius: 5vw;padding:5%; border: solid 1px #fff; box-shadow: 0 10px 24px rgba(0,0,0,0.06);display: flex; align-items: center; position: relative}
.project_join_advantage .info .item:after{content: ''; top:60%; position: absolute; width: 20px; height: 20px; background: #f6f6f6; border-right: solid 1px #fff; border-bottom:solid 1px #fff}
.project_join_advantage .info .item .icon{width:22.286%;text-align: center; }
.project_join_advantage .info .item .icon img{padding: 15%;background: #555555; border-radius: 100%;}
.project_join_advantage .info .item .txt{width:77.714%;padding: 0 6%}
.project_join_advantage .info .item i{position: absolute; width: 23px; height: 23px; border-radius: 100px; box-shadow:0 0 0 1px #333333; background: #333333;border:solid 7px #f7f7f7}
.project_join_advantage .info .fl_txt .item:nth-child(1) i{right: -18%;top: 77%}
.project_join_advantage .info .fl_txt .item:nth-child(2) i{right: -15.5%}
.project_join_advantage .info .fl_txt .item:nth-child(3) i{right: -18%;top: 9%}
.project_join_advantage .info .fr_txt .item:nth-child(1) i{left: -18%; top: 9%}
.project_join_advantage .info .fr_txt .item:nth-child(2) i{left: -15.5%}
.project_join_advantage .info .fr_txt .item:nth-child(3) i{left: -18%;top: 77%}
.project_join_advantage .info .fl_txt .icon{order: 2}
.project_join_advantage .info .fl_txt .item:after{right: -6px; transform:rotate(70deg); background: #fff}
.project_join_advantage .info .fl_txt .item:nth-child(2):after{ top:50%;}
.project_join_advantage .info .fl_txt .item:nth-child(3):after{ top:35%;transform:rotate(25deg);}

.project_join_advantage .info .fr_txt .item:after{left: -6px; transform:rotate(116deg); background: #f6f6f6}
.project_join_advantage .info .fr_txt .item:nth-child(1):after{ top:35%;transform:rotate(140deg);}
.project_join_advantage .info .fr_txt .item:nth-child(2):after{ top:50%;}

.project_join_advantage .info .fl_txt .item:nth-child(odd){right: -10%}
.project_join_advantage .info .fr_txt .item:nth-child(odd){left: -10%}
.project_join_advantage .info .item:hover .icon img{background: #d70039}
.project_join_advantage .info .item:hover i{box-shadow:0 0 0 1px #d70039;background: #d70039;}
.project_join_advantage .other{ width:18.4%; position: absolute; left: 0; right: 0; top: 50%;transform: translateY(-50%); margin: auto}
.project_join_advantage .mid{ position: absolute; border-radius: 100%; left: -50%; right: -50%; top: 0; bottom: 0;margin: auto;}
.project_join_advantage .xian{ width: 162%; height: 162%; border: dashed 1px #979797;}
.project_join_advantage .xian:before{content: '';position: absolute;left: 0;right: 0; top: 0; bottom: 0; margin: auto; width:76.728%; height:76.728%; background: #f5f5f5; border: solid 2px #fff; box-shadow: 0 10px 24px rgba(0,0,0,0.06); border-radius: 100%;}
.project_join_advantage .yuan{z-index: 2;width: 115.24%; height: 115.24%; background: no-repeat center center;background-size:cover;}
.project_join_advantage .yuan[rel=a]{ animation: quanA 3s linear infinite;}
.project_join_advantage .yuan[rel=b]{ animation: quanB 3s linear infinite;}
.project_join_advantage .pic{ z-index: 10; position: relative;}
.project_join_advantage .pic img{border-radius: 100%;}

@keyframes quanA {
  from {transform: rotate(0)}
  to {transform: rotate(360deg)}
}
@keyframes quanB {
  from {transform: rotate(0)}
  to {transform: rotate(-360deg)}
}

.project_join_form {background: no-repeat center top; background-size: 100% 6.2rem;}
.project_join_form .column_info,
.project_join_form .contact{color: #fff}
.project_join_form .contact h4{text-align: center;padding:3% 0;}
.project_join_form .contact .txt{max-width: 1000px;margin: auto; display: flex; flex-wrap: wrap;}
.project_join_form .contact dl{margin:10px 1%; width:48%; line-height: 46px; border: solid 1px rgba(255,255,255,0.2); border-radius: 4px;display: flex;}
.project_join_form .contact dl dt{ color: #13355a; width: 80px; margin-right: 16px; text-indent: 30px; background: rgba(255,255,255,0.6) url(../images/icon_wz.png) no-repeat 12px center;;border-radius: 4px;box-shadow: 0 0 0 1px rgba(255,255,255,0.6);}
.project_join_form .contact .tips{padding:2% 0; text-align: center; opacity: 0.6}
.project_join_form .form_item{padding: 4% 2%; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.04)}

.imgbox img{-webkit-object-fit: cover}

.iconplay{width: 82px;height: 82px;line-height:82px;text-align:center;border-radius: 50%;background: rgba(255,255,255,0.4);z-index: 10;position: absolute;left: 50%;top: 50%;cursor: pointer;color:#fff;margin:-41px 0 0 -41px;transition: all 0.3s;}
.iconplay i{font-size: 28px;}
.iconplay:before {content: "";border-radius: 50%;position: absolute;width: 120%;height: 120%;left: -10%;top: -10%;transition: all 0.3s;z-index: 1;background: rgba(255,255,255,0.9);
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.iconplay:hover {transform:scale(1.5);}

/*产品增加*/

.ProTwfd .imgbgcolor:before{content: '';position: absolute; right: 0; width:50%; height: 100%; background: linear-gradient(to left,#000 45%,rgba(0,0,0,0))}

.ProParameter .Info{padding-bottom: 80px}
.ProParameter .total{line-height: 42px;}
.ProParameter .ImgScroll .slick-dots li.slick-active button{border: none}

.ProParameter .tab_info .color{display: flex; line-height: 0.24rem}
.ProParameter .tab_info .color li .subtit{padding-bottom: 10px;}
.ProParameter .tab_info .color li:After{top:15px}

.ProCusTw.parameter .color{ line-height: 0.24rem}
.ProCusTw.parameter .color.large li{width: auto; text-align: center; padding-left: 0}
.ProCusTw.parameter .color.large li .imgbox{position: relative; margin: auto; width: 88px; height: 88px;}
.ProCusTw.parameter .color.large li .txt{padding-top: 15px;}
.ProCusTw.parameter .color.large li .subtit{margin-bottom: 10px; color: #000}
.ProCusTw.parameter .color.large li p{max-width: 150px; margin: auto}
.ProCusTw.parameter .table{table-layout: fixed}
.ProCusTw.parameter .ImgScroll .imgbox{padding-bottom: 7.4rem}
.ProCusTw.parameter.tab_common .tab_item .item{margin-bottom: 0}
.ProCusTw.parameter.tab_common .tab_title{padding-top: 0.6rem; padding-bottom: 0.3rem}

.ProCusTw.parameter .titicon{background:url(../images/more.png) no-repeat right}

.Sec-recommend .WiZien{ display: block; opacity: 0.1; text-transform: uppercase; margin-top: -0.45rem;}
.Sec-recommend .WiZien i{background-image: linear-gradient(180deg, #fff, #333); -webkit-background-clip: text;  -webkit-text-fill-color: rgba(0, 0, 0, 0);}
.Sec-recommend.fff .WiZien i{background-image: linear-gradient(180deg, #999, #fff); }

.Info.parameter .color{width: 100%;}
.Info.parameter .color.ul2{justify-content:flex-start;}
.Info.parameter .color.ul2 li:not(:last-child){margin-right: 5%}
.Info.parameter .color li .subtit{padding-bottom: 10px;}
.Info.parameter .color li p{opacity: 0.6; line-height: 0.24rem;max-width: 150px; margin: auto}
.Info.parameter .color li .imgbox{padding: 3px;}
.Info.parameter .color li .imgbox:before,
.Info.parameter .color li .imgbox img {clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);}
.Info.parameter .color li .imgbox:before{z-index: -1;left: 0;top: 0; content: ''; position: absolute; width: 100%; height: 100%;background:linear-gradient(180deg,#f8e7d2,#bb9e7c)}

.madeParameter,
.madeParameter .table,
.madeParameter .cell,
.madeParameter .ImgScroll .imgbox{min-height: 860px}
.madeParameter .table{table-layout: fixed}
.madeParameter .Info{position: relative;  width:47.8125%;  padding: 0 7%;  background: url(../images/pro_info_haierlun.jpg); background-size: cover;}
.madeParameter .basic{padding-top: 2%; padding-bottom:8%; width:88%}
.madeParameter .basic dl{display: flex}
.madeParameter .basic dl dt{white-space: nowrap}
.madeParameter .brief{padding-bottom:6%}
.madeParameter .ImgScroll:before{content: ''; position: absolute;z-index: 10; top: 0;right: -1px; width:15.87%; height:16.5%; background: url(../images/pro_info_haierlun.jpg) no-repeat left top; }

.ProMade .w1440{height: 100%; display: flex;align-items: center;}
.ProMade .info_left .info{max-width: 480px;}
.ProMade .info_center{text-align: center;justify-content: center;}
.ProMade .info_center .info{max-width: 620px;}
.ProMade .info_right{justify-content: right;}
.ProMade .info_right .info{max-width: 480px;}
.ProMade .small{padding-top:12%}
.ProMade .small li{display: flex;  align-items: center;}
.ProMade .small li .pic {width:45.12%;/*max-width: 200px*/}
.ProMade .small li .pic img{width: 100%;border: solid 2px #fff}
.ProMade .small li .pic.two img{width: 50%}
.ProMade .small li .pic.two img:nth-child(2){margin-left: -2px;}
.ProMade .small li .txt{padding-left:6%; max-width: 250px}
.ProMade .imgitem{position: relative}
.ProMade .wenzi{position: absolute; z-index: 10; max-width: 220px; transform: translateX(200px); opacity: 0; transition: 0.5s}
.ProMade .wenzi span{opacity: 0; display: block; padding-left: 30px;}
.ProMade .wenzi i{position: absolute; background: #fee1b2; top:8px; width: 14px; height: 14px; border-radius: 100%;}
.ProMade .wenzi i:before{content: ''; position: absolute; margin: auto;left:-100%; top: 0; bottom: 0; right:-100%; width:258%; height:258%;border-radius: 100%;background: rgba(254,225,178,1)}
.ProMade .wenzi i:before {transition: all 0.3s;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.ProMade .wenzi span{transition: all 0.3s;animation: xs 3s ease-out infinite}
.ProMade .wenzi{ transform: translateX(0px); opacity:1;}
.ProMade .slick-dots{padding-top: 20%; position: inherit;width: auto;display:inline-block}

@keyframes xs {
  0% { opacity: 0; }
  50% {  opacity: 1; }
  100% { opacity: 0; }
 }


.wh_100{position: absolute; width: 100%; height: 100%;}


.tab_common .noneH{height: 0; overflow: hidden; position: relative}
.tab_common .tab_title{padding-bottom: 5%}
.tab_common .tab_title dt{cursor: pointer;display: inline-block}
.tab_common .tab_title dt:not(:last-child){margin-right: 40px;}
.tab_common .tab_title dt.show{color: #000; border-bottom-style: solid; border-bottom-width: 3px;}



body.muhelandao .ProCusTw .info{background-image: url(../images/pro_info_muhelandao.jpg)}
body.muhelandao .ProCusTw .yuan:After{background: #cf976a;}

body.muhelandao .tab_title dt.show{border-bottom-color: #cf976a}
body.nante .tab_title dt.show{border-bottom-color:#8cac83}
body.xilan .tab_title dt.show{border-bottom-color: #cc9c6d}
body.haierlun .tab_title dt.show{border-bottom-color: #a1716e}
body.xigema .tab_title dt.show{color: #fff;}
body.xigema .tab_title dt:nth-child(1).show{border-bottom-color: #fee1b2}
body.xigema .tab_title dt:nth-child(2).show{border-bottom-color: #dc8783}
body.shangbeili .tab_title dt.show{color: #fff;border-bottom-color: #dc8783}


body.shangbeili .ProMade .wenzi i{background: #dc8783;}
body.shangbeili .ProMade .wenzi i:before{background: rgba(220,135,131,1)}
body.shangbeili .madeParameter .ImgScroll:after{content: ''; position: absolute;z-index: 10; bottom: 0;right:-1px; width:15.87%; height:8%; background: url(../images/pro_info_haierlun.jpg) no-repeat left bottom; }
/*产品增加 end*/

.ProBanner .slider .item{height: 100vh; position: relative}

@media only screen and (max-width:641px) {
	ProBanner .slider .item{height:50vh; position: relative}
}

.ProBanner .txtbox{display: flex; align-items: center;z-index: 10; width: 90%; height: 100%; justify-content: flex-end;position: absolute; z-index: 10; color: #fff}
.ProBanner .txtbox .fbg span{background: #5c89a8; display: inline-block; padding: 10px 20px; border-radius: 30px;}
.ProBanner .txtbox .tit{padding-top: 20px;}
.ProBanner .txtbox .letter{letter-spacing:1.8em;}

.OrdinaryProInfo { padding-bottom: 4%; position: relative}
.OrdinaryProInfo .outside{display: flex;}
.OrdinaryProInfo .outside:not(.wfull){padding-top: 4%}

.OrdinaryProInfo .box{width: 50%}
.OrdinaryProInfo .fl_photo .imgbox{text-align: center}
.OrdinaryProInfo .fl_photo .imgbox img{width: auto; max-width: 100%}
.OrdinaryProInfo .fr_info{padding:2% 4.5% 0 4.5%}
.OrdinaryProInfo .desc{color: #999999; padding-top: 3%;}
.OrdinaryProInfo .desc.line{border-bottom: solid 1px #e8e8e8; padding-bottom: 3%; }
.OrdinaryProInfo .detail{display: flex;flex-wrap: wrap;padding: 4% 0}
.OrdinaryProInfo .detail dl{display:flex;width: 50%;padding: 8px 0; }
.OrdinaryProInfo .detail dl dt{text-align: right;color: #999999; padding-right:10px; flex:0 0 auto;}
.OrdinaryProInfo .detail dl.long{width: 100%}
.OrdinaryProInfo .detail dl.long:first-child{border-bottom: solid 1px #e8e8e8;}
.OrdinaryProInfo .detail dl.size{display: block}
.OrdinaryProInfo .detail dl.size dt{text-align: left;display: inline-block}
.OrdinaryProInfo .detail dl.size ul{display: flex;align-items: self-end; text-align: center;flex-wrap: wrap;}
.OrdinaryProInfo .detail dl.size ul li{width: 25%; padding: 10px 0}
.OrdinaryProInfo .detail dl.size .size_img img{border: solid 1px #cdcdcd}
.OrdinaryProInfo .detail.many dl dt{min-width:90px; }
.OrdinaryProInfo .down_buy .buy{max-width: 620px}
.OrdinaryProInfo .down_buy .buy a:not(:hover){border-color: #9e9e9e; color: #333333}
.OrdinaryProInfo .down_buy .buy a:first-child{border-color: #d70039; background: #d70039; color: #fff}
.OrdinaryProInfo .down_buy .buy a.duibi:before{content: '';z-index: 2; position: absolute; right:13%; content: '+'; font-size: 30px;}
.OrdinaryProInfo .down_buy .down li{padding:6px 0}
.OrdinaryProInfo .down_buy .down li img{width: 20px; height: 20px; margin-right: 10px; vertical-align: middle;}
.OrdinaryProInfo .down_buy .buy_show{display: inline-block; border-radius: 4px; border: solid 1px #9e9e9e;padding: 14px 19px;;line-height: 21px;}
.OrdinaryProInfo .down_buy .buy_show a{margin-left: 20px;}

.OrdinaryProInfo .down_buy2 .down{clear: both;border-top: 1px solid rgba(37,100,119,0.4);margin-top: 0.24rem;padding: 0.2rem 0 0.38rem;}
.OrdinaryProInfo .down_buy2 .down dd{padding-left: 0;margin-top: 0.13rem;position: relative;}
.OrdinaryProInfo .down_buy2 .down span{position: absolute;right: 0;top: 0;}
.OrdinaryProInfo .down_buy2 .down .iconxz2{font-size: 18px;}
.OrdinaryProInfo .down_buy2 dd a{color:#256477;}.OrdinaryProInfo .down_buy2 .down dd a:hover{color:#d70039;}
.OrdinaryProInfo .down_buy2 .buy{border: 1px solid rgba(37,100,119,0.6);padding:14px 19px;display: inline-block;border-radius: 4px;line-height: 21px;}
.OrdinaryProInfo .down_buy2 .buy a{display: inline-block;vertical-align: middle;margin-left: 20px;}


body.vitrolite .OrdinaryProInfo .slick-list{max-width:80%; margin: auto}
body.vitrolite .OrdinaryProInfo .slick-arrow{width: 50px; height: 50px; border: none}
body.vitrolite .OrdinaryProInfo .slick-arrow:After{ border-color: #e6e6e6; width:30px;  height:30px;left: 12%; top: 28%;}
body.vitrolite .OrdinaryProInfo .slick-prev:After{left: 55%;}

.OrdinaryProInfo .wfull{ padding-right: 1rem}
.OrdinaryProInfo .wfull .down_buy{display: flex; align-items: center}
.OrdinaryProInfo .wfull .down_buy .buy{width:42%; border-right: solid 1px #e8e8e8}
.OrdinaryProInfo .wfull .down_buy .buy .btnam{width:80%;}
.OrdinaryProInfo .wfull .down_buy .buy a{display: block}
.OrdinaryProInfo .wfull .down_buy .buy a:not(:last-child){ margin-bottom: 0.3rem}
.OrdinaryProInfo .wfull .down_buy .down{padding-left: 8%; order: 2;}
/* .OrdinaryProInfo .outside:not(.wfull) .down{padding:4% 0; display: none}
.OrdinaryProInfo .outside:not(.wfull) .buy{display: flex;justify-content: space-between} */

.OrdinaryMoreSpecs{ padding-top:1%; padding-bottom:1%; margin-bottom: 2%; border-top: solid 1px #e8e8e8;border-bottom: solid 1px #e8e8e8}
.OrdinaryMoreSpecs .tit{padding-bottom: 1%}
.OrdinaryMoreSpecs .info .txt{display:flex;justify-content: space-between;flex-wrap: wrap;}
.OrdinaryMoreSpecs .info dl{display: flex; width: 33.333%;padding: 10px 0;}
.OrdinaryMoreSpecs .info dl dt{ color: #999999; min-width: 130px;text-align: right}
.OrdinaryMoreSpecs .info .tips{padding-top: 2%; color: #d70039}
.OrdinaryMoreSpecs .more{float: right;display: inline-block; cursor: pointer; padding: 0 10px;color: #333333; font-weight: bold; font-family: SimSun}


.OrdinaryProDetail{padding: 0.3rem 0;display: flex; align-items: center; position: relative}
.OrdinaryProDetail .imgbox{width:56.07476635514019%}
.OrdinaryProDetail .imgbox img{width: 100%}
.OrdinaryProDetail .infobox{width:43.92523364485981%}
.OrdinaryProDetail .infobox .info{padding-top: 0.5rem; padding-bottom: 0.5rem}
.OrdinaryProDetail .infobox .info p{padding-bottom: 0.1rem}


.OrdinaryProDetail.info_inL .infobox{padding-right: 8%}
.OrdinaryProDetail.info_inR .infobox{padding-left: 8%; order: 2}
.OrdinaryProDetail.info_inC{display: block}
.OrdinaryProDetail.info_inC .imgbox{width: 100%}
.OrdinaryProDetail.info_inC .infobox{position: absolute; width: 50%; height: 90%; right: 0; top: 0; z-index: 10; display: flex; align-items: center;flex-wrap: wrap; align-content: center}
.OrdinaryProDetail.info_inC .infobox >*{width: 100%}
body.vitrolite .OrdinaryProDetail .imgbox{width:58.41121495327103%}
body.vitrolite .OrdinaryProDetail .infobox{width:41.58878504672897%}
body.vitrolite .OrdinaryProDetail.info_inC .imgbox{width: 100%}


.b_pro_icon ul{display: flex; text-align: center; align-items: center; justify-content: space-between; margin-bottom: 0.2rem}
.b_pro_icon ul li{width: 25%}
.b_pro_icon ul li.f_24{text-align: left;width: 18%}
.b_pro_icon ul li:not(:first-child){border-left: solid 1px #dcdcdd}
.b_pro_icon ul span{display: block; position: relative; max-width: 100px; margin: auto}
.b_pro_icon ul i{position: absolute; width: 100%; height: 100%; line-height: 24px; display: flex;align-items: center; justify-content: center;}
.b_pro_icon p{color: #555555}
.b_pro_icon ul li:hover{color:#d70039;}
.b_pro_icon ul li:hover span{  -webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;}


.b_pro_part2{display: flex;align-items: center}
.b_pro_part2 .img{width:25%; padding-right:5.488%}
.b_pro_part2 .img img{width: 100%;}
.b_pro_part2 .txt li{padding: 6px 0}
.b_pro_part2 .txt li:not(:last-child){ border-bottom: solid 1px #dcdcdd}

.v_pro_part2 .img{display: flex}
.v_pro_part2 .img span{display: block; padding-right: 3px}
.v_pro_part2 .txt{padding-top: 10px}

.v_pro_part5 li{display: inline-block}
.v_pro_part5 li:not(:last-child){padding-right: 0.43rem; margin-right: 0.43rem; border-right: solid 1px #bfbfbf}

.v_pro_icon{}
.v_pro_icon li{display: inline-block; text-align: center;}
.v_pro_icon li:not(:last-child){margin-right: 0.3rem}
.v_pro_icon li span{display: block; padding-bottom: 0.15rem}

.v_pro_part6R{position: absolute; width:45%; height: 100%; top: 0; left:16%; display: flex;flex-wrap: wrap;
align-content: center;}
.v_pro_part6R ul{width: 100%}
.v_pro_part6R li{display: flex;align-items: center; margin: 1rem 0;}
.v_pro_part6R li b{min-width:64%}
.v_pro_part6R li em{border-bottom: 2px solid #555555;height: 6px;flex:10;position: relative;}
.v_pro_part6R li em:after,
.v_pro_part6R li em:before{content: "";width: 10px;height: 10px;border-radius: 50%; position: absolute;}
.v_pro_part6R li em:before{border: solid 2px #555555;left: -10px;}
.v_pro_part6R li em:after{top:-1px;background: #555555;right: -10px;box-shadow: 0 0 0 7px rgba(130,130,130,0.47)}



body.bathroom .Sec-recommend{ background: #fff;}
body.bathroom .Sec-recommend .Ti36{ color: #333}
body.bathroom .Sec-recommend li a{position: relative}
body.bathroom .Sec-recommend li .imgbox{padding-top: 100%}
body.bathroom .Sec-recommend li .txtbox{position: absolute; width: 100%; bottom: 0; padding:7%; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5))}
body.bathroom .Sec-recommend .slick-arrow,
body.bathroom .Sec-recommend .slick-arrow:After{ border-color: #bfbfbf}

body.vitrolite .Ti45{font-weight: bold}
body.vitrolite .Ti45:before{content: ''; position:absolute;margin-top: -0.36rem; z-index: -1; width: 0.64rem; height: 0.88rem; background: url(../images/pro_title_bg.png)}
body.vitrolite .Sec-recommend{ background:url(../images/pro_recommend_bg.jpg) center top;}
body.vitrolite .Sec-recommend .Ti36{ color: #333}
body.vitrolite .Sec-recommend .tit{ color: #333}
body.vitrolite .Sec-recommend .desc{display: none}

.SubBan .info[rel=R]{display: flex;justify-content: flex-end;}
.SubBan .info[rel=R] .txt{width: 42%; text-align: left}

.ProInfo_sxqw{position: relative}
.ProInfo_sxqw .imgbox{padding-top: 9rem}
.ProInfo_sxqw .inbox{display: flex; height: 100%; align-items: center}
.ProInfo_sxqw .desc{padding-top: 0.4rem}
.ProInfo_sxqw.part1 .info{order: 2; width: 36.11111111111111%; padding-left:3%}
.ProInfo_sxqw.part1 .pic{width: 63.88888888888889%}
.ProInfo_sxqw.part1 .txt{text-align: center}
.ProInfo_sxqw.part1 .txt li{width: 24%; display: inline-block}
.ProInfo_sxqw.part1 .txt li span{display: block}

.ProInfo_sxqw.part2 .info{width:50%; padding-right:3%}
.ProInfo_sxqw.part2 .pic{width:50%}
.ProInfo_sxqw.part2 .pic .img{width: 119%; margin-left: -3%; position: relative}

.ProInfo_sxqw.part2 .txt{text-align: center; padding-top: 0.4rem}
.ProInfo_sxqw.part2 .txt li{width: 32%; display: inline-block}
.ProInfo_sxqw.part2 .txt li span{display: block; padding-top: 10px;}

.ProInfo_sxqw.part3 .inbox{flex-wrap: wrap;align-items: flex-end;}
.ProInfo_sxqw.part3 .info{width: 100%; display: flex; justify-content: right;}
.ProInfo_sxqw.part3 .info .txt{width: 42%;}
.ProInfo_sxqw.part3 .pic{position: relative}
.ProInfo_sxqw.part3 .pic p{position: absolute}
.ProInfo_sxqw.part3 .pic p:nth-child(1){top: 14%; left:55%}
.ProInfo_sxqw.part3 .pic p:nth-child(2){bottom: 30%; left:70%}
.ProInfo_sxqw.part3 .pic p span{padding-left: 35px;}
.ProInfo_sxqw.part3 .pic p i{position: absolute; background: #d5c9be; top:8px; width: 14px; height: 14px; border-radius: 100%;}
.ProInfo_sxqw.part3 .pic p i:before{content: ''; position: absolute; margin: auto;left:-100%; top: 0; bottom: 0; right:-100%; width:258%; height:258%;border-radius: 100%;background: rgba(213,201,190,0.4)}
.ProInfo_sxqw.part3 .pic p i:before {transition: all 0.3s;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.ProInfo_sxqw.part4 .wh_100{z-index: 2; display: flex}
.ProInfo_sxqw.part4 .inbox{flex-wrap: wrap;align-items: self-start;}
.ProInfo_sxqw.part4 .info{max-width: 900px; margin: auto}
.ProInfo_sxqw.part4 .pic .txt{text-align: center;}
.ProInfo_sxqw.part4 .pic .txt ul{display: flex;    justify-content: center;}
.ProInfo_sxqw.part4 .pic .txt ul li{min-width: 320px; position: relative}
.ProInfo_sxqw.part4 .pic .txt ul li span{padding-top: 10px}
.ProInfo_sxqw.part4 .pic .txt ul li i{position: absolute; width: 1px; background: #fff; height:50%; margin: auto; top:100%; left: 0; right: 0;}
.ProInfo_sxqw.part4 .pic .txt ul li i:after{content: '';position: absolute;left: -4px; width: 9px; height: 9px; bottom: 0; background: #fff; border-radius: 100px; box-shadow: 0 0 0 6px rgba(255,255,255,0.2);}
.ProInfo_sxqw.part4 .pic .txt ul li:nth-child(2) i{height: 118%}

.ProInfo_sxqw.part5 .inbox{justify-content: right;}
.ProInfo_sxqw.part5 .info{width: 47%;}
.ProInfo_sxqw.part5 .txt{text-align: center; padding-top: 0.4rem}
.ProInfo_sxqw.part5 .txt ul{display: flex; max-width: 420px}
.ProInfo_sxqw.part5 .txt li{width:50%;}
.ProInfo_sxqw.part5 .txt li span{display: block}

body.vitrolite_sxqw .OrdinaryProInfo{background: no-repeat center top; background-size:cover}
body.vitrolite_sxqw .OrdinaryProInfo .bg{ position: absolute; top: 0; width: 100%; height: 100%;}
body.vitrolite_sxqw .OrdinaryProInfo .Ti45,
body.vitrolite_sxqw .OrdinaryProInfo .desc{display: none}
body.vitrolite_sxqw .OrdinaryProInfo .outside{position: relative; z-index: 2}
body.vitrolite_sxqw .OrdinaryProInfo .detail dl dt{color: #fff; opacity: 0.8}
body.vitrolite_sxqw .OrdinaryProInfo .desc{ color: #fff; opacity: 0.8}
body.vitrolite_sxqw .OrdinaryProInfo .down{display: block!important; }
body.vitrolite_sxqw .OrdinaryProInfo .down a{color: #fff}
body.vitrolite_sxqw .OrdinaryProInfo .down .xz{float: right}
body.vitrolite_sxqw .OrdinaryProInfo .buy{display: none!important}
body.vitrolite_sxqw .OrdinaryProInfo .down_buy{border-top: solid 1px rgba(255,255,255,0.1)}
body.vitrolite_sxqw .OrdinaryProInfo .down_buy .buy_show{border-color: #fff}
body.vitrolite_sxqw .OrdinaryProInfo .down_buy .buy_show img{filter: grayscale(100%) brightness(500%);}

body.vitrolite_sxqw .Sec-recommend{padding-top: 3%; padding-bottom: 3%; background: url(../images/pro_recommend_sxqw_bg.jpg); background-size: cover}
body.vitrolite_sxqw .Sec-recommend .desc{display: none}

/*06--08*/
.f_20{font-size: 0.20rem;}
.ProMade{position: relative}
.ProMade .desc{padding-top: 3%}
.ProMade .Ticonbg{position: relative}
.ProMade .Ticonbg:before{content: '';position: absolute; left:-1.8vw; top: -1.8vw; width: 6.25vw;height:6.25vw; background: linear-gradient(-47deg,rgba(3,147,229,0) 20%,rgba(3,147,229,1)); border-radius: 100%; opacity: 0.4}

.ShowerRoom .line_xian:before{content: ''; display: block; width: 40px; height: 2px;background: #333333; margin-bottom: 20px;}
.ShowerRoom .ProMade .info{width: 50%;max-width: 600px;}
.ShowerRoom .part2 .txt li{padding: 5px 18px; position: relative}
.ShowerRoom .part2 .txt li:before{content: ''; left: 0; top: 0; bottom: 0; margin: auto;  position: absolute; width: 5px; height: 5px; background: #747474; border-radius: 100px;}
.ShowerRoom .part2 .icon{max-width: 400px; padding-top: 4%}
.ShowerRoom .part2 .icon ul{display: flex; justify-content: space-between; text-align: center}
.ShowerRoom .part2 .icon span{display: block; padding: 10px 0}
.ShowerRoom .part2 .icon img{width: 50px; height: 50px; border-radius: 100px; box-shadow: 0 0 0 4px #d0d1d2}

.ShowerRoom .part3 .line_xian{padding-top: 30%;}
.ShowerRoom .part3 .info{padding-left: 22%;  max-width: 800px;}

.ShowerRoom .part4 .info{padding-left: 22%;  max-width: 800px;}
.ShowerRoom .part4 .line_xian{padding-top: 50%;}
.ShowerRoom .part4 .desc{padding-top: 5%}

.ShowerRoom .part5{padding-top:6%; padding-bottom:6%; background: no-repeat center top; background-size: cover}
.ShowerRoom .part5 aside{text-align: center; margin-bottom:3%}
.ShowerRoom .part5 ul{display: flex;flex-wrap: wrap; justify-content: space-between}
.ShowerRoom .part5 ul li{width: 44.5%; border-bottom: solid 1px #dadbdc;padding: 1.5% 18px; position: relative}
.ShowerRoom .part5 ul li:before{content: ''; left: 0; top: 0; bottom: 0; margin: auto;  position: absolute; width: 8px; height: 8px; background: #797a7b; border-radius: 100px;}

.ShowerRoom .part6{padding-top:6%; padding-bottom:6%; background: no-repeat center top; background-size: cover}
.ShowerRoom .part6 aside{text-align: center; margin-bottom:3%}
.ShowerRoom .part6 .item img{width: 100%}
.ShowerRoom .part6 .slick-dots{display: flex; position: relative; bottom: auto; padding: 2% 0;justify-content: center}
.ShowerRoom .part6 .slick-dots li{margin: 0; padding: 0px 15px}
.ShowerRoom .part6 .slick-dots li button{border-radius: 0;background-color: #9ea0a0; border: solid 1px #828282; width: 17px; height: 17px;}
.ShowerRoom .part6 .slick-dots li.slick-active button{background-color: #b12b2b; border-color: #a40000}


.WaterFaucet .ProMade .info{max-width: none}

.WaterFaucet .part2 .img{padding-top:10%}
.WaterFaucet .part2 .img ul{display: flex}
.WaterFaucet .part2 .img ul li{padding-right: 70px; transition: 0.5s}
.WaterFaucet .part2 .img ul li img{width: 60px;}
.WaterFaucet .part2 .img ul li span{display: block; padding-left: 10px; padding-top:20px;}
.WaterFaucet .part2 .img ul li em{position: relative;display: block; margin: auto; padding:10px 5px; line-height: 20px; text-align: center;background: #ffffff; width: 58px; height: 58px; border-radius: 4px}
.WaterFaucet .part2 .img ul li em:after{content: ''; width: 0; margin: auto; margin-top: 8px; display: block; border: solid 8px transparent; border-top-color: #fff}
.WaterFaucet .part2 .img ul li:hover{ margin-top:-10px;}

.WaterFaucet .part3 .info{width: 840px;}
.WaterFaucet .part3 .txt{padding-left:26%;padding-top: 17%}
.WaterFaucet .part3 .img{padding-top: 10%; max-width: 610px;}
.WaterFaucet .part3 .img ul{display: flex; flex-wrap: wrap; justify-content:space-evenly; color: #fff}
.WaterFaucet .part3 .img ul li {width:25.248%; line-height: 24px; transition: 0.5s}
.WaterFaucet .part3 .img ul li .imgbox{padding-bottom:153.25%; border: solid 3px #fff; border-radius: 6px; margin-bottom: 20px;}
.WaterFaucet .part3 .img ul li:hover{ margin-top:-10px;}

.WaterFaucetWital .ProMade .info{max-width: 700px}
.WaterFaucetWital .part5 .info{width: 40%}
.WaterFaucetWital .part5 li{padding: 1.5% 0}


.Sec-recommend.boxGray{padding-top:6%; padding-bottom:6%; position: relative;}
.Sec-recommend.boxGray h1{color: #333}
.Sec-recommend.boxGray .tit_en{background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 0.6rem;margin-top:-0.45rem;line-height: 1;}
.Sec-recommend.boxGray.boxGray .slick-arrow{border-color: #bfbfbf}
.Sec-recommend.boxGray.boxGray .slick-arrow:After{border-left: 2px solid #bfbfbf;   border-top: 2px solid #bfbfbf;}

.BrandShop {padding-bottom:6%}
.BrandShop ul{display: flex; justify-content: space-between}
.BrandShop ul li{width: 31.25%; background: #fff no-repeat right bottom; line-height: 40px; transition: 0.5s}
.BrandShop ul li a{display: flex; justify-content: center;padding:9.78% 0}
.BrandShop ul li .icon{padding-right: 16px;}
.BrandShop ul li:hover{box-shadow: 0 4px 14px rgba(0,0,0,0.08)}

.OrdinaryProInfo .desc p{
    white-space: pre-wrap;
    word-wrap: break-word;
}