@media (min-width:1025px) and (max-width:1600px) {
html{ font-size:100px; }
}

@media (min-width:1025px) and (max-width:1500px) {
html{ font-size:6.25vw; }
}

body{max-width: 1500px; color: #222222; background: #fff}

.LoginWarp .contBox{padding-bottom: .1592rem}

.profileWarp .logo{max-width: 2.85rem}
.profileWarp .desBox h5{color: #21283f}

.searchTips{padding-left: .36rem;position: relative;color: #2e2e2e;margin-top: .5rem;  margin-bottom: .5rem;}
.searchTips:before{width: .29rem;height: .45rem;content: '';background:url(../images/icon_find.png) no-repeat center center;position: absolute;left: 0;}

.proLibox li .imgBox figure{padding-bottom: 100%}
.proLibox li .imgBox:before{background: rgba(33, 40, 63, .48);}
/**/
.body{background: #eff3f6; }

.mp{margin: 0; padding: 0; font-weight: normal}

.flex,
.flex-js,
.flex-jc,
.flex-ac,
.flex-js-ac,
.flex-jc-ac {
  display: flex;
  flex-wrap: wrap;
}
.flex-js {
  justify-content: space-between;
}
.flex-jc {
  justify-content: center;
}
.flex-ac {
  align-items: center;
}
.flex-js-ac {
  justify-content: space-between;
  align-items: center;
}
.flex-jc-ac {
  justify-content: center;
  align-items: center;
}

.img-mid figure{position: relative; padding-bottom: 100%; overflow: hidden}
.img-mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.img-mid[rel="full"] figure im{object-fit: contain; -o-object-fit: contain}

.img-zoom figure{ overflow: hidden}
.img-zoom figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.img-zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

@media(min-width:768px){
.fw_lighter{font-weight:lighter}
}

.tit_h3,
.tit_h4,
.tit_h5{}

.c_888{color: #888888}
.c_yellow{color: #f1ae0c}
.c_blue{color: #21283f}

.lh_12{line-height: 1.2}
.lh_30{line-height: .3rem}

[rel="uppercase"]{text-transform: uppercase}

.fs15{font-size: .15rem}
.fs16{font-size: .16rem}
.fs17{font-size: .17rem}
.fs18{font-size: .18rem}
.fs22{font-size: .22rem}
.fs23{font-size: .23rem}
.fs24{font-size: .24rem}
.fs30{font-size: .30rem}
.fs35{font-size: .35rem}
.fs40{font-size: calc(100vw*40/1920)}
.fs48{font-size: calc(100vw*48/1920)}
.fs52{font-size: calc(100vw*50/1920)}

@media(max-width:768px){
.fs40{font-size: calc(100vw*40/1000)}
.fs48{font-size: calc(100vw*48/1000)}
.fs52{font-size: calc(100vw*50/1000)}
}

.topH{height: 70px}
.header{position: fixed;left: 0; width: 100%; transform:none;max-width: none;background: #ffffff; box-shadow: 0 1px 1px rgba(0,0,0,.05); z-index: 100}
.header .inner{max-width: 1500px; margin: auto; width: 96%;}
.header .logo{max-width:2.68rem; width:40%;position: relative;}
.header .logo a{width:85.78%; margin: auto; display: block}
.header .other{width: calc(100% - 2.68rem);height: 70px;padding-left: .28rem; border-left: solid 1px #dbdbdb}
.header .search_box{position: relative;width: 2.5rem; height: 40px;border: solid 1px #bfbfbf; border-radius: 4px; background: url("../images/icon_search.jpg") no-repeat 11px center; padding-left: 37px}
.header .search_box input{width: 100%; height:40px;}
.header .btn{position: absolute;width: 37px; height: 37px;left: 0; cursor: pointer}
.header .box{width: 7.5rem;}
.header .ACME_box{width: 42%;height: 70px;border-left: solid 1px #dbdbdb;border-right: solid 1px #dbdbdb}
.header .ACME_box a{width: 60%;max-width: 135px; margin: auto; display: block;}
.header .ACME_box img{height: 70px;}
.header .user_box{width: 54%;position: relative; padding-right: 60px;}
.header .user_box .icon a{position: relative;width: 44px; height: 44px; background: no-repeat center center}
.header .user_box .icon i{position: absolute; right: 10px; top: 10px; width: 10px; line-height: 10px; border-radius: 100%; text-align: center; color: #fff; font-size: 12px; background: #ca0404;font-style: normal}
.header .user_box a.notice{background-image: url("../images/icon_notice.png")}
.header .user_box a.email{background-image: url("../images/icon_email.png")}
.header .user_box .text{line-height: 22px;}
.header .user_box figure{position: absolute; width: 44px; height: 44px; padding-bottom: 0; right: 0; top: 0; border-radius: 100%; box-shadow: 0 0 0 1px #000}
.header .open-menu{display: none}

@media(max-width:1024px){
.header .box{width: auto}
.header .other{justify-content: flex-end;width: 50%; padding-left: 0}
.header .search_box{width: auto; border: none}
.header .search_box input{width: 0}
.header .exitLog{margin-right: 10px}
}
@media(max-width:768px){
.header .inner{height: 70px}
.header .ACME_box{display: none}
.header .user_box{width: auto;line-height: 44px}
.header .user_box .text p{display: none}
}

.bottom{position: relative; z-index: 99; padding-top: .5616rem; background-image: url(../images/bottom_bg.jpg)}
.bottom .w960{max-width: none; padding-left: 3.666666666666667%; padding-right: 3.666666666666667%;}
.bottom .bomLogo{max-width: 4.88rem;width: 80%; transition: 0.5s}

.click_arrow{position:fixed;transform:translate(2.5rem,-.18rem); z-index: 101; width: 35px; height: 35px; transition: 0.5s; border-radius: 100%;border: solid 1px #dee2eb; cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.28);background:#fff url("../images/icon_jt.png") no-repeat center center;}
.click_arrow.click{transform:translate(.7rem,-.18rem) rotate(180deg);}
@media(max-width:1024px){
.click_arrow:not(.click){transform:translate(.3rem,.28rem) rotate(180deg);}
.click_arrow.click{transform:translate(2.5rem,.28rem) rotate(0deg);}
}

.auto{/*max-width: 1200px;*/ margin: auto; width: 96%}
.w746{max-width: 746px}
.w1115{max-width: 1115px}
.w1140{max-width: 1140px}
/*.w1170{max-width: 1170px}*/
.w1350{max-width: 1350px}


.section{display: flex;position: relative; overflow: hidden}
.section .main{width: calc(100% - 2.68rem); min-height: 75vh; position: relative}

.sidebar_menu,
.sidebar_menu dl{width:2.68rem;transition: 0.5s}
.sidebar_menu{position: relative; z-index: 88} 
.sidebar_menu dl{position:fixed;height: 100%; padding-top: .96rem;background: #21283f;}
.sidebar_menu ul li a{padding: 8px 25px; line-height: 30px; display:flex; color: #fff}
.sidebar_menu ul li a:hover{background: rgba(255,255,255,.05)}
.sidebar_menu ul li b{ padding-left: 5px}
.sidebar_menu ul li img{width: 30px; height: 30px;}
.sidebar_menu ul li a.aon{ color: #f1ae0c}
.sidebar_menu ul li ul{display: none;padding-left:10px}
.sidebar_menu ul li ul li b{font-weight: lighter; padding-left: 10px}
.sidebar_menu ul li ul li ul li ul li a{padding-left:.5rem; font-size: 16px;}
.sidebar_menu ul li a:not(.aon) img{ filter: brightness(0) invert(1);}

.section.show .main{width: calc(100% - .85rem); }
.section.show .sidebar_menu,
.section.show .sidebar_menu dl{width: .85rem}
.section.show .sidebar_menu  b{display: none}
.section.show .product_banner .ban,
.section.show .home_banner .ban{width: 100%; margin-left: 0}
.section.show .home_banner .ban .txt{left: 0}

@media(max-width:1024px){
.sidebar_menu ul li a{padding: 8px}
.sidebar_menu ul li ul{position: absolute; left: 100%;display: none!important}

.section:not(.show) .main{width: calc(100% - .46rem); }
.section:not(.show) .sidebar_menu,
.section:not(.show) .sidebar_menu dl{width: .46rem}
.section:not(.show) .sidebar_menu  b{display: none}
.section:not(.show) .home_banner .ban{width: 100%; margin-left: 0}
.section:not(.show) .product_banner .ban{width: 100%; margin-left: 0}

.section.show .sidebar_menu b{display: block}
.section.show .sidebar_menu dl{width:2.68rem;}
}


.location{padding: 0 .42rem;height: .96rem;border-bottom: solid 1px #989a9b; background: #eff3f6}
.location p{opacity: .5}
.location .boxR a{min-width: 1.62rem; line-height: .40rem; border-radius: .05rem; display:flex; justify-content: center; align-items: center; color: #fff; background: #f1b31b; transition: .3s; cursor: pointer}
.location .boxR a i{background:url("../images/icon_update.png"); width: 20px; height: 20px; margin-right: 12px;transition: .3s;}
.location .boxR a:hover{background: #0054a6}
.location .boxR a:hover i{margin-right: 8px;}
.location_absolute .location{color: #fff; position: absolute; z-index: 10; width: 100%; background: rgba(255,255,255,.38)}

@media(max-width:768px){
.location{padding: 0 .2rem;}
.location h3{font-size: .18rem}
}

.home_banner{color: #fff; position: relative;background: #000}
.home_banner .ban{width:114.855%; margin-left: -14.855%;}
.home_banner .ban img{width: 100%}
.home_banner .item{position: relative}
.home_banner .txt{color: #fff; position: absolute;  padding:2% 5%;width: 80%;left: 12%;  top:50%; transform: translateY(-50%); z-index: 10;transition: 0.5s}
.home_banner .txt b{text-transform: uppercase}
.home_banner .pic{opacity: 0.51}
.home_banner .desc{position: absolute; bottom: 0; padding:2% 5%;width: 80%}
@media(max-width:1024px){
.home_banner .txt{left: 0; top:60%; }
}
@media(max-width:768px){
.home_banner .desc{position: relative; width: 100%;padding: 5%;background: #eff3f6; color: #222}
}

.home_desc .desc{text-align: center;padding: .7rem 0; color: #555657}

.home_feature {width: 92.127%; margin: auto}
.home_feature .text{width: 38%; max-width: 5rem;}
.home_feature .pic{width: 40%; max-width: 3.5rem; background: #2e3948; padding: .22rem 0}
.home_feature .pic img{box-shadow: 0 11px 38px rgba(0,0,0,.4)}
.home_feature .itembox{margin-bottom: 1rem}
.home_feature .itembox:nth-child(odd) .pic{border-radius: .5rem 0 0 .5rem}
.home_feature .itembox:nth-child(even) .pic{border-radius: 0 .5rem .5rem 0}
.home_feature .itembox:nth-child(odd) .pic img{transform: translateX(-.33rem)}
.home_feature .itembox:nth-child(even) .pic img{transform: translateX(.33rem)}
@media(min-width:768px){
.home_feature .itembox:nth-child(even) .text{order: 2}
}

@media(max-width:768px){
.home_feature .itembox{margin-bottom: 8%}
.home_feature .text{width: 100%;max-width: inherit}
.home_feature .pic{width: 80%; margin: 3% auto}
}

.home_solution .text{text-align: center; max-width: 6.5rem; margin: auto}
.home_solution .box{position:relative; width: 92%; margin: auto}
.home_solution .pic{margin: auto; width: 38.95%}
.home_solution .info{position: absolute; width: 100%; height: 100%; top: 0;}
.home_solution .info dl{width: 35%}
.home_solution .info dt img{width: .62rem; background: #fff;border-radius: 100%; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
.home_solution .info dd{width: calc(100% - .9rem)}
.home_solution .info dd p{font-weight: bold; line-height: 24px}
.home_solution .info dl:nth-child(1) dt,
.home_solution .info dl:nth-child(3) dt{order: 2}
.home_solution .info dl:nth-child(1) dd,
.home_solution .info dl:nth-child(3) dd{text-align: right}
@media(max-width:1024px){
.home_solution .text{padding-bottom: 6%}
.home_solution .info dl{width: 42%}
.home_solution .info dt img{width: .4rem}
.home_solution .info dd{width: calc(100% - .6rem)}
}
@media(max-width:1024px){
.home_solution{padding-bottom: 10%}
}
@media(max-width:768px){
.home_solution .info{position: relative}
.home_solution .info dl{width: 100%;padding: 6% 0}
}

.home_faq {padding: .6rem 0}
.home_faq .text{text-align: center; max-width: 6.5rem; margin: auto}
.home_faq .pic{text-align: center; padding: 2% 0}
.home_faq .pic img{box-shadow: 11px 14px 16px rgba(0,0,0,.28)}
.home_faq .desc{width: 65%; margin: auto; padding: 5% 0}
@media(max-width:768px){
.home_faq .text{padding-bottom: 4%}
.home_faq .desc{width: 100%; }
}

.home_SHPlatform{background: #ebebeb; padding: 3%}
.home_SHPlatform .text{text-align: center; padding-bottom: 6% }
.home_SHPlatform .desc{margin-left: -1.5%; margin-right: -1.5%;}
.home_SHPlatform .item{flex: 1;background: #fff;padding:2.5%; margin:1.5%;box-shadow: 30px 14px 80px rgba(0,0,0,.06)}
.home_SHPlatform .tit_h5{text-align: center; text-transform: uppercase; padding-top: .3rem}
.home_SHPlatform .tit_h5:after{content: ''; display: block; margin: 10px auto; width: 26px; height: 1px; background: #cccccd; border-bottom: solid 1px #f7f7f7}
.home_SHPlatform .num{ width: .95rem; height: .95rem; margin: auto;margin-top: -.8rem;background: #f1ae0c; padding: .1rem; display: flex
; justify-content: center; align-items: center;border-radius: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.77); position: relative}
.home_SHPlatform .num:after{content: '';width: 80%; height: 80%;position: absolute; border-radius: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: #333f50}
.home_SHPlatform .num b{color: #fff;position: relative; z-index: 2}
@media(max-width:768px){
.home_SHPlatform .item{width: 100%;flex: initial;margin: 15% 0}
}

.home_process{padding: 3%}
.home_process .text{text-align: center;}
.home_process .pic{text-align: center; padding: 2% 0}
@media(max-width:768px){
.home_process{padding: 6% 3%}
}

.home_video{background: #ebebeb; padding: 3%}
.home_video .text{text-align: center;padding-bottom: 3% }
.home_video .box{position: relative; margin: auto; max-width: 956px;}
.home_video .info{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.home_video .info .tit_h5{color: #fff; padding-top: 10px}
.home_video .play_video{display: block; margin: auto; width: .6rem; height: .6rem; background:#fff url("../images/icon_play.svg") no-repeat center center; border-radius: 100%; cursor: pointer}
@media(max-width:768px){
.home_video{padding: 6% 3%}
.home_video .info .tit_h5{font-size: .16rem}
}

.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
.video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#f1ae0c,#ff6e03);cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}


.product_banner{color: #fff; position: relative;background: #000}
.product_banner .ban{width:114.855%; margin-left: -14.855%;}
.product_banner .ban img{width: 100%}
/*.product_banner .txt{color: #fff; position: absolute;  padding:2% 5%;width: 80%; top:50%; transform: translateY(-50%); z-index: 10}
.product_banner .txt b{text-transform: uppercase}*/
.product_banner .parameter{position: absolute; bottom: .34rem; padding:5px .50rem 5px 7px; line-height: 22px;background-color: #21283f}

.sub_menu{background: #21283f;padding: .35rem 0; box-shadow: 0 3px 4px rgba(0,0,0,0.28)}
.sub_menu li {position: relative}
.sub_menu li:not(:last-child){margin-right:.4rem}
.sub_menu li a{display: block; color: #ffffff; line-height: 40px;}
.sub_menu li a:hover,
.sub_menu li.aon span a{color: #f1ae0c;}
.sub_menu li.hover span a{color: #f1ae0c;text-decoration: underline!important}
.sub_menu dl{position: absolute;left: .18rem;top: 100%;padding:.05rem .2rem .05rem .05rem;background:#21283f;border: solid 1px #909090; box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);display: none;min-width: 100%;z-index: 2;}
.sub_menu dl a{line-height:.23rem;color: #fff;white-space:nowrap; display: block}
.sub_menu dl a:hover{color: #f1ae0c;text-decoration: underline!important}
@media(max-width:768px){
.sub_menu{padding: .1rem 0}
.sub_menu ul{font-size: .14rem}
.sub_menu li{width: 32%;}
}

.part_main{padding-bottom: .6rem}
.part_main .column{width: 3rem}
.part_main .category_model{width: calc(95% - 3rem)}
.part_main .first{padding-bottom: 10px;}
.part_main .inTbox{padding: .2rem 0}
.part_main.bg_gray{background: #bfbfbf;}
@media(max-width:768px){
.part_main .column,
.part_main .category_model{width:100%}
.part_main .column{line-height: 1; padding-bottom: 5%}
}

.questions_menu{width: 2.1rem}
.questions_menu ul {text-align: center; text-transform: uppercase}
.questions_menu ul li{padding-bottom: 7px;}
.questions_menu ul li a{color: #fff; display: block;line-height: 22px;padding: 13px 5px; border: solid 1px #184395; border-radius: 6px; background: #21283f}
.questions_menu ul li.aon a{color: #f1ae0c}
.questions_menu ul li a:hover{background: #184395}
@media(max-width:768px){
.questions_menu{width: 100%; padding-bottom: 5%}
.questions_menu ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.questions_menu ul li{width: 49%}
}

.questions_list{width: calc(96.413% - 2.1rem)}
.questions_list .box{border: solid 1px #21283f; border-radius: 2px;padding: 12px;}
.questions_list .types{width: 47.4%;align-content: center;}
.questions_list .title{position: relative; padding: 7px 90px 7px 30px; cursor: pointer}
.questions_list .title:hover{color: #21283f}
.questions_list .icon{position: absolute; width: 14px; height: 14px;right: 0px; top: 10px;}
.questions_list .icon:after,
.questions_list .icon:before{content: '';position: absolute; margin: 0; width: 80%; height: 1px; left: 0; right: 0; top: 0; bottom: 0;background: #6e6e6e; transition: 0.3s}
.questions_list .icon:after{transform: rotate(90deg)}
.questions_list .desc{color: #ffffff; display: none; border-top: solid 1px #acacac; padding: 10px;}
.questions_list .desc ul.decimal{padding-left:15px}
.questions_list .desc ul.decimal li{list-style:decimal}
.questions_list .other{width: 50.29%;}
.questions_list .key_words{width: 64.37%;align-content: center;line-height: 24px;}
.questions_list .yes_no{width:31.035%;align-content: center;text-align: center; position: relative}
.questions_list .yes_no p{transform: scale(0.7)}
.questions_list .yes_no.yes .link{position: absolute; width: 100%; height: 100%; cursor: pointer; left: 0; top: 0; z-index: 10;}
.questions_list .yes_no.yes{background: #f1ae0c}
.questions_list .yes_no.yes:hover{background: #ffbf26}
.questions_list .yes_no.yes *{text-decoration: underline}
.questions_list .yes_no.no p{display: none}
.questions_list .item_list .group:not(:last-child){margin-bottom: .2rem}
.questions_list .group.active{align-items: start;}
.questions_list .group.active .title .icon:after{opacity: 0}
.questions_list .title:before{content:counter(section)"."; counter-increment: section;position: absolute; left: 10px}
.questions_list .item_list{counter-reset:section 0 subsec 1;}
.questions_list .c_red{ color: #ff0000;}
@media(max-width:1024px){
.questions_list .first .types{width: 28%}
.questions_list .first .other{width: 72%}
.questions_list .first .other *{width: auto}
.questions_list .item_list .types{width: 100%; margin-bottom: .1rem}
.questions_list .item_list .other{width: 100%}
}
@media(max-width:768px){
.questions_list{width: 100%}
}

.installation .group{padding-bottom: .2rem}
.installation .question{padding: .1rem 0}
.installation .desc{ color: #fff;background: #21283f; padding: 20px;}
.installation .desc ul{width: 80%;counter-reset:section 0 subsec 1;}
.installation .desc li{margin-top:20px; position: relative; padding-left: 30px;line-height: 25px;}
.installation .desc li:before{content:counter(section); counter-increment: section;position: absolute; left: 0px; width: 25px; line-height: 25px; text-align: center; color: #fff; background: #f1ae0c; border-radius: 100%; border: solid 1px #184395}
.installation .tips{padding-top: .2rem; padding-bottom: .1rem}
.installation .tips li:before{content: '!'}
.installation .tips li a{color: #fff}
.installation .tips li.show{color: #fff; background: #f1ae0c; border-radius: 5px;}
.installation .more{padding-top: .2rem}
.installation .more a{padding: 15px; color: #fff;background: #f1ae0c; border-radius: 5px;display: block}
.installation .more a:hover{text-decoration: underline!important}
@media(max-width:768px){
.installation .desc ul{width: 100%;}
}

.click_btn{padding-top: .15rem}
.click_btn dl{position: relative; display: inline-block}
.click_btn dt a{color: #fff; padding: .2rem .45rem; background: #f1ae0c;  border: solid 1px #184395;border-radius: 12px; cursor: pointer;display: inline-block;transition: .5s}
.click_btn dt a:hover,
.click_btn dl.hover dt a{background: #184395}
.click_btn dt a.line{text-decoration: underline!important;}
.click_btn dd{position: absolute;left: .18rem;top: 100%;padding:.05rem .2rem .05rem .05rem;background:#21283f;border: solid 1px #909090; box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);display: none;min-width: 100%;z-index: 2;}
.click_btn dd a{line-height:.23rem;color: #fff;white-space:nowrap; display: block; cursor: pointer; padding: 5px}
.click_btn dd a:hover{color: #f1ae0c;text-decoration: underline!important}


.single_article {padding: 2% 0}
.single_article .title{}
.single_article .article{padding: 2% 0}

.template_article{padding: .2rem 0}
.template_article .group_list{margin-bottom: 3%; padding-bottom:3%; border-bottom: solid 1px #eee}
.template_article .crumb{color: #999; padding: 10px 0}
.template_article .crumb a{margin: 0px 3px;}
.template_article .crumb span{color: #0054a6}
.template_article .topics{padding: .1rem .12rem; text-transform: uppercase}
.template_article .title{padding-bottom: .1rem;display: flex; align-items: flex-end}
.template_article .title .icon img{width: .6rem; height: .6rem;position: relative; border-radius: 100%; background: #fff; overflow: hidden; margin-right: 26px;object-fit: contain;-o-object-fit: contain;}
.template_article .title h4{flex: 1}
.template_article .info{line-height: 1.295}
.template_article .info ul li{position: relative; padding-left: 17px;}
.template_article .info ul li:not(:last-child){margin-bottom:.07rem}
.template_article .info ul li:before{content: '-'; left: 0;position: absolute}
.template_article .info p:not(:last-child){margin-bottom: .07rem}
.template_article .item_box .photo{align-content: end;}
.template_article .item_box{ display: flex; flex-wrap: wrap; justify-content: space-between}
.template_article .item_box:not(:last-child){margin-bottom: .3rem;}
.template_article .item_box[data-bg="bg"]{background: #21283f; color: #fff;}
.template_article .item_box[data-bg="bg"] .desc{padding: .35rem;}
.template_article .item_box[data-bg="bg100"]{background: #21283f; color: #fff; padding: .35rem;}

.template_article .item_box[data-lrtb="LR_txtR_imgL"] .photo{}
.template_article .item_box[data-lrtb="LR_txtR_imgL"] .desc{order: 2}

.template_article .item_box[data-lrtb="LR_txtL_imgR"] .photo{order: 2}
.template_article .item_box[data-lrtb="LR_txtL_imgR"] .desc{}

.template_article .item_box[data-lrtb="TB_txtT_imgB"] .photo{}
.template_article .item_box[data-lrtb="TB_txtT_imgB"] .desc{}

.template_article .item_box[data-lrtb="TB_txtB_imgT"] .photo{}
.template_article .item_box[data-lrtb="TB_txtB_imgT"] .desc{order: 2}
@media(min-width:768px){
/*.template_article .item_box[data-bg="bg100"][data-lrtb="LR_txtL_imgR"] .desc{ padding-right: .35rem;}*/
.template_article .item_box[data-lrtb="LR_txtR_imgL"] .desc{ padding-left: .35rem;}
.template_article .item_box[data-lrtb="LR_txtL_imgR"] .desc{ padding-right: .35rem;}
/*.template_article .item_box[data-bg="bgno"][data-lrtb="LR_txtR_imgL"] .desc{ padding-left: .35rem;}*/

.template_article .item_box[data-w="W_txt30_img70"] .desc{width: 30%}
.template_article .item_box[data-w="W_txt30_img70"] .photo{width: 70%}

.template_article .item_box[data-w="W_txt40_img60"] .desc{width: 40%}
.template_article .item_box[data-w="W_txt40_img60"] .photo{width: 60%}

.template_article .item_box[data-w="W_txt46_img54"] .desc{width: 46%}
.template_article .item_box[data-w="W_txt46_img54"] .photo{width: 54%}

.template_article .item_box[data-w="W_txt51_img49"] .desc{width: 51%}
.template_article .item_box[data-w="W_txt51_img49"] .photo{width: 49%}

.template_article .item_box[data-w="W_txt60_img40"] .desc{width: 60%}
.template_article .item_box[data-w="W_txt60_img40"] .photo{width: 40%}

.template_article .item_box[data-w="W_txt70_img30"] .desc{width: 70%}
.template_article .item_box[data-w="W_txt70_img30"] .photo{width: 30%}
}
@media(max-width:768px){
.template_article .title .icon img{width: .45rem; height: .45rem;}

.template_article .item_box[data-lrtb="LR_txtR_imgL"] .photo{padding-bottom: .2rem}
.template_article .item_box[data-lrtb="LR_txtL_imgR"] .photo{padding-top: .2rem}
}


.CM5020-3C_process .in_article{width: 51%;padding-right:.35rem}
.CM5020-3C_process .in_process{width: 49%;}
.CM5020-3C_process .in_process .box{background:#ffffff; padding:5%;position:relative; z-index:1}
.CM5020-3C_process .in_process .in_item{padding:5px 0;}
.CM5020-3C_process .in_process .in_txt{width:25%;font-size:.16rem;background:#f2ae0d; color:#000; text-align:center; padding:10px;position:relative;}
.CM5020-3C_process .in_process .in_txt:nth-child(3){width:40%;font-size:.14rem}
.CM5020-3C_process .in_process .in_item:not(:first-child) .in_txt:first-child:before{content:''; position:absolute; width:19px; height:200%; top:-200%; left:0; right:0; margin:auto; z-index:-1; background:url(../images/red_jt_down.jpg) no-repeat bottom center}
.CM5020-3C_process .in_process .in_item:nth-child(2) .in_txt:first-child:before{height:100%; top:-100%}
.CM5020-3C_process .in_process .in_item:not(:first-child) .in_txt:not(:last-child):after{content:''; position:absolute; width:100%; height:27px; top:0; bottom:0; right:-19%; z-index:-1; margin:auto; background:url(../images/red_jt_right.jpg) no-repeat right center}
.CM5020-3C_process#power{}
@media(min-width:768px){
.CM5020-3C_process#grinding .in_article,
.CM5020-3C_process#extraction .in_article,
.CM5020-3C_process#frothing .in_article{ order: 2;padding-right:0;padding-left:.35rem}
}
@media(max-width:768px){
.CM5020-3C_process .in_article,
.CM5020-3C_process .in_process{width: 100%;}
.CM5020-3C_process .in_article{padding-right:0;padding-bottom:.35rem}
}
.CM5020-3C_process_grinding_article{padding-bottom:5%}
.CM5020-3C_process_grinding_article .pic{float:right; width:49%; margin-left:.35rem}

.CM5020-3C_process_extraction_article .pic{padding:2% 0}

.CM5020-3C_features_30size dl{  flex: 1;text-align: center; padding:2%}
.CM5020-3C_features_30size dl dd{padding-top:15px;max-width:166px;    margin: auto;}
.CM5020-3C_features_30size dl i{font-size:.14rem; font-style: normal;display: block;}

.CM5020-3C_features_js {padding-top:3%;}
.CM5020-3C_features_js .l_txt{width:66%;}
.CM5020-3C_features_js .r_img{width:28%;text-align: center; font-size:.14rem;}
.CM5020-3C_features_js .r_img figure{padding-bottom:15px;}
.CM5020-3C_features_js .r_img img{ border-radius: 100%;}



.load_more{text-align: center;padding-top: 2%; padding-bottom: 2%}
.load_more a{display: inline-block;width: 1.4rem;line-height:.47rem;text-align: center;background:#f1b31b;color: #fff;font-size:.16rem;border-radius:.05rem;transition:.3s;; cursor: pointer}
.load_more a:hover{background:#0054a6;}
.load_more a.load:before{content: '';display: inline-block; width: 32px; height: 32px;vertical-align: middle;margin-right: 10px; background: url(../images/loader.gif);mix-blend-mode: multiply}

.need_page{text-align: center; padding: 5% 0; line-height: 28px}
.need_page button,
.need_page ul li{margin: 0 5px;  background-color: #f4f4f5; color: #606266; min-width: 30px; height: 28px; border-radius: 2px; cursor: pointer}
.need_page ul li.active{background-color: #0b5baa; color: #fff;}
.need_page button{text-indent: -100px; overflow: hidden; background:#fff url("../images/page_jt.svg") no-repeat center center; border: none}
.need_page button.prev{transform: rotate(-180deg)}
.need_page button[disabled="disabled"]{opacity: 0.5; cursor: default}
.need_page .select{padding: 0px 20px}
.need_page .select select{background: #fff; height: 28px;; border-radius: 4px; cursor: pointer}
.need_page .jump{padding-left: 20px;}
.need_page .jump input{width: 46px; height: 28px; border: 1px solid #eee; text-align: center; background: #fff;margin: 0px 5px;  border-radius: 4px;}
@media(max-width:1024px){
.need_page .number{width: 100%; order: -1; padding-bottom:10px}
}
@media(max-width:768px){
.need_page button,
.need_page ul li{margin: 0 2px;}
}

.profileWarp .desForm .picture .imgBox #userIMG{top:0; bottom:0; transform: none; height: 100%;object-fit:contain;-o-object-fit: contain}
.profileWarp .desForm .picture .imgBox .uploadBtn{z-index:2; position: relative;}
.profileWarp .desForm .picture .imgBox input[type="file"]{position: absolute;  width: 100%; height: 100%;z-index:3; opacity: 0; cursor: pointer;}
.profileWarp .desForm .picture .imgBox.have_img .uploadBtn{ opacity: 0;}
/**/