.p-tb120{padding: 120px 0;}
.p-tb80{padding: 80px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t120{margin-top: 120px;}
.m-t80{margin-top: 80px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t30{margin-top: 30px;}
.m-t20{margin-top: 20px;}
.row20{margin-top: -20px;}
.fz-56{font-size: 56px;}
.fz-48{font-size: 48px;}
.fz-32{font-size: 32px;}
.fz-30{font-size: 30px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
:root{--fz-24: 24px;}

@media (max-width: 1440px) {
    .p-tb120{padding: 84px 0;}
    .p-tb80{padding: 56px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t120{margin-top: 84px;}
    .m-t80{margin-top: 56px;}
    .m-t60{margin-top: 42px;}
    .m-t40{margin-top: 28px;}
    .m-t30{margin-top: 21px;}
    .m-t20{margin-top: 14px;}
    .row20{margin-top: -14px;}
    .fz-56{font-size: 48px;}
    .fz-48{font-size: 40px;}
    .fz-32{font-size: 28px;}
    .fz-30{font-size: 26px;}
    .fz-24{font-size: 22px;}
    .fz-20{font-size: 18px;}
    .fz-18{font-size: 16px;}
    .fz-16{font-size: 15px;}
    .content-text{font-size: 15px;}
    :root{--fz-24: 22px;}
}
@media (max-width: 991px) {
    .p-tb120{padding: 60px 0;}
    .p-tb80{padding: 40px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t120{margin-top: 60px;}
    .m-t80{margin-top: 40px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t30{margin-top: 15px;}
    .m-t20{margin-top: 10px;}
    .row20{margin-top: -10px;}
    .fz-56{font-size: 40px;}
    .fz-48{font-size: 32px;}
    .fz-32{font-size: 24px;}
    .fz-30{font-size: 22px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-18{font-size: 15px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
    :root{--fz-24: 18px;}
}


.wp_home_aboutus{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wp_home_aboutus .con_txt_zuo{width: 58%;padding-bottom: 136px;max-width: 900px;position: relative;}
.wp_home_aboutus .con_txt_zuo .content{line-height: 1.6;text-indent: 2em;}
.wp_home_aboutus .con_txt_zuo .startbox{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;position: absolute;left: 0;bottom: 0;}
.wp_home_aboutus .con_txt_zuo .startbox .item{width: 30%;max-width: 280px;}
.wp_home_aboutus .con_txt_zuo .startbox .item .name{display: flex;}
.wp_home_aboutus .con_txt_zuo .startbox .item .name .digit{font-size: 60px;line-height: 1;}
.wp_home_aboutus .con_txt_zuo .startbox .item .desc{margin-top: 12px;padding-top: 12px;border-top: 1px solid #000;}
.wp_home_aboutus .pic_img_you{width: 38%;max-width: 590px;}

.wp_home_apply .box-title{width: 100%;padding: 1rem 0.8rem;color: #fff;position: absolute;top: 0;left: 0;z-index: 9;}
a.apply_item_wp{display: block;position: relative;}
a.apply_item_wp .contxt{width: 100%;padding: 1rem 0.8rem;color: #fff;position: absolute;bottom: 0;left: 0;z-index: 9;}
a.apply_item_wp .contxt .width{max-width: 750px;}
a.apply_item_wp .contxt .line{margin: 16px 0;width: 100%;height: 2px;background: #fff;}
a.apply_item_wp .contxt .width .desc{line-height: 1.7;-webkit-line-clamp: 2;max-height: 3.4em;}
.wp_home_apply .boxprev{width: 60px;height: 60px;background: #fff;opacity: 0.3;top: calc(100% - 1rem);left: calc(100% - 60px - 1.8rem);transition: all 0.5s;}
.wp_home_apply .boxnext{width: 60px;height: 60px;background: #fff;opacity: 0.3;top: calc(100% - 1rem);right: 0.8rem;transition: all 0.5s;}
.wp_home_apply .boxprev:hover,.wp_home_apply .boxnext:hover{opacity: 1;}
.wp_home_apply .boxprev:after,.wp_home_apply .boxnext:after{display: none;}
.wp_home_apply .boxprev svg{width: 18px;height: 18px;transform: rotate(90deg);}
.wp_home_apply .boxnext svg{width: 18px;height: 18px;transform: rotate(-90deg);}
.wp_home_apply .boxprev svg path,.wp_home_apply .boxnext svg path{fill: #000;}

.proswiperzuo{width: 38%;max-width: 600px;margin: 0;}
.proswiperzuo .picimg{padding: 0 60px;}
.proswiperzuo .picimg a:hover img{transform: scale(1.08);}
.proswiperzuo .workprev{width: 60px;height: 60px;background: #000;opacity: 0.3;top: calc(50% + 45px);left: 0;transition: all 0.5s;}
.proswiperzuo .worknext{width: 60px;height: 60px;background: #000;opacity: 0.3;top: calc(50% + 45px);right: 0;transition: all 0.5s;}
.proswiperzuo .workprev:hover,.proswiperzuo .worknext:hover{opacity: 1;}
.proswiperzuo .workprev:after,.proswiperzuo .worknext:after{display: none;}
.proswiperzuo .workprev svg{width: 18px;height: 18px;transform: rotate(90deg);}
.proswiperzuo .worknext svg{width: 18px;height: 18px;transform: rotate(-90deg);}
.proswiperzuo .workprev svg path,.proswiperzuo  .worknext svg path{fill: #fff;}
.proswiperyou{width: 58%;max-width: 890px;margin: 0;}
.proswiperyou .slidedesc{line-height: 1.75;}
.proswiperyou .slidedesc .desc{text-indent: 2em;}
.proswiperyou .slidetext .item{width: 48%;padding: 20px 0;border-bottom: 1px solid #b7b7b7;display: flex;align-items: center;}
.proswiperyou .slidetext .item:nth-child(1){border-top: 1px solid #b7b7b7;}
.proswiperyou .slidetext .item:nth-child(2){border-top: 1px solid #b7b7b7;}
.wp_home_view_more{display: flex;justify-content: center;}

.service_wp{background: url('../images/service.jpg') no-repeat center/cover;}
.fwyjszc_wrap{width: 780px;margin: 1.2rem auto 0;display: flex;align-items: center;justify-content: space-between;}
.fwyjszc_wrap .fwzc_img_zuo{width: 293px;}
.fwyjszc_wrap .fwzc_con_you{width: 380px;display: flex;flex-wrap: wrap;justify-content: center;}
.fwyjszc_wrap .fwzc_con_you li{width: 50%;padding: 5px;}
.fwyjszc_wrap .fwzc_con_you li a{display: block;text-align: center;line-height: 60px;background: #fff;color: #333;border-radius: 5px;box-shadow: 0 2px 12px rgba(0,0,0,0.16);}
.fwyjszc_wrap .fwzc_con_you li a:hover{background: #000;color: #fff;}

.wp_navs_news_you{width: 25%;position: relative;}
.wp_navs_news_you .newspage{padding-left: 60px;bottom: 120px;font-weight: bold;text-align: left;}
.wp_navs_news_you .newspage .swiper-pagination-total{font-weight: 700;}
.wp_navs_news_you .newspage .swiper-pagination-current{font-size: var(--fz-24);font-weight: 700;}
.wp_navs_news_you .newsprev{left: 60px;top: calc(100% - 80px);}
.wp_navs_news_you .newsnext{left: 100px;top: calc(100% - 80px);}
.wp_navs_news_you .newsprev:after,.wp_navs_news_you .newsnext:after{font-size: 24px;font-weight: 700;color: #000;}
.wp_navs_news_you .newsnav a{display: block;text-align: center;width: 120px;line-height: 40px;border-radius: 50px;color: #333;}
.wp_navs_news_you .newsnav a:hover{background: #000;color: #fff;}
.wp_cont_news_zuo{width: 75%;}
a.slide_news_list{display: block;border-left: 1px solid #eee;padding-left: 0.6rem;padding-right: 0.6rem;}
a.slide_news_list .time{line-height: 1.32;color: #999;}
a.slide_news_list .title{color: #333;}
a.slide_news_list .desc{margin-top: 10px;color: #999;line-height: 1.6;-webkit-line-clamp: 3;max-height: 4.8em;}
a.slide_news_list .picimg{height: 160px;overflow: hidden;}
a.slide_news_list .more{color: #999;}
a.slide_news_list:hover{background: #f7f8f9;}
a.slide_news_list:hover .picimg img{transform: scale(1.08);}

@media (max-width: 1440px) {
    .wp_home_aboutus .con_txt_zuo .startbox .item .name .digit{font-size: 50px;}
    a.apply_item_wp .contxt .width{max-width: 600px;}
    .wp_home_apply .boxprev{width: 45px;height: 45px;top: calc(100% - 1.2rem);left: calc(100% - 45px - 1.8rem);}
    .wp_home_apply .boxnext{width: 45px;height: 45px;top: calc(100% - 1.2rem);}
    .wp_home_apply .boxprev svg,..wp_home_apply .boxnext svg{width: 14px;height: 14px;}
    .proswiperzuo .picimg{padding: 0 45px;}
    .proswiperzuo .workprev,.proswiperzuo .worknext{width: 45px;height: 45px;}
    .proswiperzuo .workprev svg,.proswiperzuo .worknext svg{width: 14px;height: 14px;}
    .proswiperyou .slidetext .item{padding: 14px 0;}
}
@media (max-width: 991px) {
    .wp_home_aboutus .con_txt_zuo{width: 100%;max-width: 100%;}
    .wp_home_aboutus .con_txt_zuo .startbox .item .name .digit{font-size: 40px;}
    .wp_home_aboutus .pic_img_you{width: 100%;max-width: 100%;margin-top: 40px;}

    .wp_home_apply .box-title{padding: 0 0 30px 0;color: #333;position: static;}
    a.apply_item_wp{display: block;height: 10rem;}
    a.apply_item_wp .contxt{padding: 15px 15px 50px;}
    a.apply_item_wp .contxt .line{margin: 8px 0;height: 1px;}
    .wp_home_apply .boxprev{width: 30px;height: 30px;top: calc(100% - 15px);left: calc(100% - 80px);}
    .wp_home_apply .boxnext{width: 30px;height: 30px;top: calc(100% - 15px);right: 15px;}
    .wp_home_apply .boxprev svg,.wp_home_apply .boxnext svg{width: 12px;height: 12px;}

    .proswiperzuo{width: 100%;max-width: 100%;}
    .proswiperzuo .picimg{padding: 0 30px;}
    .proswiperzuo .workprev,.proswiperzuo .worknext{width: 30px;height: 30px;}
    .proswiperzuo .workprev svg,.proswiperzuo .worknext svg{width: 12px;height: 12px;}
    .proswiperyou{width: 100%;max-width: 100%;margin-top: 40px;}
    .proswiperyou .slidedesc{line-height: 1.75;}
    .proswiperyou .slidetext .item{width: 100%;padding: 10px 0;}
    .proswiperyou .slidetext .item:nth-child(2){border-top: none;}

    .fwyjszc_wrap{width: 100%;margin: 60px auto 0;display: block;}
    .fwyjszc_wrap .fwzc_img_zuo{width: 100%;}
    .fwyjszc_wrap .fwzc_con_you{width: 100%;max-width: 300px;margin: 20px auto 0;}
    .fwyjszc_wrap .fwzc_con_you li a{height: 40px;line-height: 40px;}
    .wp_navs_news_you{width: 100%;padding-bottom: 80px;position: relative;}
    .wp_navs_news_you .newsnav{display: flex;flex-wrap: wrap;}
    .wp_navs_news_you .newsnav a{width: 80px;line-height: 32px;}
    .wp_navs_news_you .newspage{padding-left: 15px;bottom: 20px;}
    .wp_navs_news_you .newsprev{left: 70px;top: calc(100% - 30px);}
    .wp_navs_news_you .newsnext{left: 100px;top: calc(100% - 30px);}
    .wp_navs_news_you .newsprev:after,.wp_navs_news_you .newsnext:after{font-size: 18px;}
    .wp_cont_news_zuo{width: 100%;}
    a.slide_news_list{display: block;padding-left: 15px;padding-right: 15px;border: none;}
    a.slide_news_list .picimg{height: 8rem;}
}


.siteItems{background: #fff;box-shadow: 0 2px 16px rgba(0,0,0,0.12);}
.siteItems ul.navsul>li{display: inline;font-weight: 300;margin-right: 0.8rem;}
.siteItems ul.navsul>li:last-child{margin-right: 0;}
.siteItems ul.navsul>li>a{display: inline-block;padding: 20px 0;font-weight: 300;color: #b7b7b7;position: relative;}
.siteItems ul.navsul>li>a:after{content: "";width: 0;height: 1px;background: #000;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);transition: all 0.5s;}
.siteItems ul.navsul>li.active>a:after,.siteItems ul.navsul>li>a:hover:after{width: 100%;}
.siteItems ul.navsul>li.active>a,.siteItems ul.navsul>li>a:hover{font-weight: 700;color: #000;}
.siteItems ul.siteul{padding: 20px 0;}
.siteItems ul.siteul>li{display: inline;font-weight: 300;color: #000;}
.siteItems ul.siteul>li>span{margin: 0 2px;color: #b7b7b7;font-family: '宋体';}
.siteItems ul.siteul>li>a{display: inline;font-weight: 300;color: #b7b7b7;}
.siteItems ul.siteul>li>a:hover{font-weight: 700;color: #000;}
ul.navsulsmall>li{display: inline;font-weight: 300;margin-right: 0.6rem;}
ul.navsulsmall>li:last-child{margin-right: 0;}
ul.navsulsmall>li>a{display: inline-block;padding-bottom: 15px;font-weight: 300;color: #666;position: relative;}
ul.navsulsmall>li>a:after{content: "";width: 0;height: 1px;background: #000;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);transition: all 0.5s;}
ul.navsulsmall>li.active>a:after,ul.navsulsmall>li>a:hover:after{width: 100%;}
ul.navsulsmall>li.active>a,ul.navsulsmall>li>a:hover{font-weight: 700;color: #000;}

.rowFlexWrap{display: flex;flex-wrap: wrap;}
.companyprofile{display: flex;flex-wrap: wrap;justify-content: space-between;}
.companyprofile .profile_zuo{width: 50%;max-width: 840px;line-height: 1.65;}
.companyprofile .aboutus_you{width: 46%;max-width: 790px;position: relative;}
.boxitemtitle .cn{line-height: 1;position: absolute;top: 0;left: 0;}
.boxitemtitle .en{font-size: 98px;font-weight: 900;color: #f0f0f0;padding-left: 0.2rem;}
.companyprofile .aboutus_you .culture{width: 100%;position: absolute;left: 0;bottom: 0;}
.companyprofile .aboutus_you .culture .item{width: 33.33%;padding: 0.72rem 0.8rem 0.64rem 0.4rem;background-color: #000;color: #fff;background-repeat: no-repeat;background-size: cover;background-position: center right;}
.companyprofile .aboutus_you .culture .item .desc{line-height: 2;}
.companyprofile .aboutus_you .culture .item:nth-child(2){background: #105ac7;}

.honoritembox{padding: 1.2rem 1.6rem 2.4rem;background: url('../images/honor.jpg') no-repeat top center/cover;}
.honoritembox .honorswiper .picimg{box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.honoritembox .honorprev{width: 60px;height: 60px;background: #000;top: calc(100% - 1rem);left: calc(50% - 110px);transition: all 0.5s;}
.honoritembox .honornext{width: 60px;height: 60px;background: #000;top: calc(100% - 1rem);right: calc(50% - 110px);transition: all 0.5s;}
.honoritembox .honorprev:hover,.honoritembox .honornext:hover{background: #105ac7;}
.honoritembox .honorprev:after,.honoritembox .honornext:after{display: none;}
.honoritembox .honorprev svg{width: 18px;height: 18px;transform: rotate(90deg);}
.honoritembox .honornext svg{width: 18px;height: 18px;transform: rotate(-90deg);}
.honoritembox .honorprev svg path,.honoritembox .honornext svg path{fill: #fff;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url("../../images/loading.gif") no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background: url(../../images/lt_arrow.png) no-repeat center left/64px;left: 15px;}
.nextArrow{background: url(../../images/rt_arrow.png) no-repeat center right/64px;right: 15px;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: "";background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.joinusitem{padding: 1.2rem 0;color: #fff;}
.joinusitem ul>li{width: 20%;padding: 0.24rem;border-right: 1px solid rgba(255,255,255,0.3);}
.joinusitem ul>li:last-child{border-right: none;}
.joinusEnd .joinusName{background: #f7f7f7;padding: 10px 80px 10px 40px;cursor: pointer;position: relative;}
.joinusEnd .joinusName:after{content: "";width: 27px;height: 27px;background: url('../images/arrow.png') no-repeat center/cover;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);}
.joinusEnd.open .joinusName:after{background-image: url('../images/arrowcur.png')}
.joinusEnd.open .joinusName{background: #000;color: #fff;}
.joinusEnd .joinusTxt{display: none;padding: 20px 40px 0;}
.joinusEnd .joinusTxt .content-text{color: #999;}
.joinusEnd.open .joinusTxt{display: block;}

ul.serviceslide li{width: 100%;background: #f7f8f9;}
ul.serviceslide li .itemdesc{display: flex;align-items: center;position: relative;}
ul.serviceslide li .itemdesc .picbox{width: 50%;}
ul.serviceslide li .itemdesc .conbox{width: 50%;padding: 60px;}
ul.serviceslide li:nth-child(even) .itemdesc .conbox{position: absolute;left: 0;}
ul.serviceslide li:nth-child(even) .itemdesc .picbox{margin-left: 50%;}

@media (max-width: 1440px) {
    .boxitemtitle .en{font-size: 80px;}
    .honoritembox{padding: 1.2rem 1.6rem 2.8rem;}
    .honoritembox .honorprev{width: 46px;height: 45px;top: calc(100% - 1.2rem);left: calc(50% - 60px);}
    .honoritembox .honornext{width: 46px;height: 45px;top: calc(100% - 1.2rem);right: calc(50% - 60px);}
    .honoritembox .honorprev svg,.honoritembox .honornext svg{width: 14px;height: 14px;}
    .joinusEnd .joinusName{padding: 10px 54px 10px 28px;}
    .joinusEnd .joinusName:after{width: 24px;height: 24px;right: 28px;}
    .joinusEnd .joinusTxt{padding: 14px 28px 0;}

    ul.serviceslide li .itemdesc .picbox{width: 55%;}
    ul.serviceslide li .itemdesc .conbox{width: 45%;padding: 40px;}
    ul.serviceslide li:nth-child(even) .itemdesc .picbox{margin-left: 45%;}
}
@media (max-width: 991px) {
    .siteItems ul.navsul,ul.navsulsmall{white-space: nowrap;overflow-x: auto;}
    .siteItems ul.navsul>li>a{padding: 12px 0;}
    .siteItems ul.navsul>li>a:after{bottom: 5px;}
    .siteItems ul.siteul{padding: 12px 0;}
    ul.navsulsmall>li{margin-right: 0.8rem;}

    .companyprofile .profile_zuo{width: 100%;max-width: 100%;}
    .companyprofile .aboutus_you{width: 100%;max-width: 100%;margin-top: 40px;}
    .boxitemtitle .en{font-size: 54px;margin-bottom: 10px;}
    .companyprofile .aboutus_you .culture{position: static;}
    .companyprofile .aboutus_you .culture .item{padding: 0.6rem;}
    .companyprofile .aboutus_you .culture .item .desc{line-height: 1.6;}
    
    .honoritembox{padding: 1.6rem 1.2rem 4.8rem;}
    .honoritembox .honorprev{width: 30px;height: 30px;top: calc(100% - 1.2rem);left: calc(50% - 40px);}
    .honoritembox .honornext{width: 30px;height: 30px;top: calc(100% - 1.2rem);right: calc(50% - 40px);}
    .honoritembox .honorprev svg,.honoritembox .honornext svg{width: 12px;height: 12px;}
    .joinusEnd .joinusName{padding: 10px 50px 10px 20px;}
    .joinusEnd .joinusName:after{width: 20px;height: 20px;right: 20px;}
    .joinusEnd .joinusTxt{padding: 10px 20px 0;}

    ul.serviceslide li .itemdesc{display: block;}
    ul.serviceslide li .itemdesc .picbox{width: 100%;}
    ul.serviceslide li .itemdesc .conbox{width: 100%;padding: 20px;}
    ul.serviceslide li:nth-child(even) .itemdesc .conbox{position: static;}
    ul.serviceslide li:nth-child(even) .itemdesc .picbox{margin-left: 0;}
}


.con-xs-pro{width: 20%;}
a.proboxlist{display: block;height: 100%;background: #fff;overflow: hidden;}
a.proboxlist .title{padding: 20px;color: #333;}
a.proboxlist .picimg .details{width: 145px;height: 145px;background: rgba(0,0,0,0.64);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0) ;transition: all 0.5s;}
a.proboxlist .picimg .details span{padding-right: 20px;background: url('../images/details.png') no-repeat right center/15px;}
a.proboxlist:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
a.proboxlist:hover .title{color: #105ac7;}
a.proboxlist:hover .picimg img{transform: scale(1.08);}
a.proboxlist:hover .picimg .details{opacity: 1;transform: translate(-50%,-50%) scale(1) ;}

.productsWidth{overflow-y: auto;max-height: 600px;}
.productsWidth table.productstable thead{table-layout: fixed;position: sticky;}
.productsWidth table.productstable thead tr th{position: sticky;top: 0;}
table.productstable thead{background: #000;}
table.productstable thead tr th{vertical-align: middle;font-weight: 700;text-align: center;position: relative;padding: 8px 20px !important;border: none !important;background: #000 !important;color: #fff;}
table.productstable thead tr th:after{content: "";width: 1px;height: 100%;background: #444;position: absolute;top: 0;right: 0;}
table.productstable thead tr th:before{content: "";width: 100%;height: 1px;background: #444;position: absolute;bottom: 0;left: 0;}
table.productstable thead tr:nth-child(1) th:nth-child(1){text-align: left;}
table.productstable tbody tr td{vertical-align: middle;padding: 12px 20px !important;text-align: center;border: none !important;background: #fff;}
table.productstable tbody tr td:nth-child(1){text-align: left;}
table.productstable tbody tr:nth-child(2n) td{background: #efefef;}
table.productstable tbody tr td a.title{color: #333;}
table.productstable tbody tr td a.title:hover{color: #105ac7;}
table.productstable tbody tr td a.pdfdown{display: block;margin: auto;width: 16px;height: 18px;background: url('../images/pdf.png') no-repeat center/cover;}
table.productstable tbody tr td a.pdfdown:hover{background-image: url('../images/pdfshow.png');}
table.productstable tbody tr td a.details{display: block;margin: auto;width: 72px;line-height: 30px;background: #fff;color: #333;border-radius: 3px;border: 1px solid #dedede;}
table.productstable tbody tr td a.details:hover{background: #105ac7;color: #fff;}

.contentWidth{padding: 20px;background: #fff;}
.works_img_zuo{width: 480px;background: #fff;}
.workswiperyou .swiper-slide .picimg{border: 1px solid #ebebeb;}
.workswiperyou .swiper-button-prev,.workswiperyou .swiper-button-next{width: 30px;height: 42px;background: rgba(0,0,0,0.36);}
.workswiperyou .swiper-button-prev:after,.workswiperyou .swiper-button-next:after{font-size: 14px;color: #fff;}
.workswiperyou .swiper-button-prev:hover,.workswiperyou .swiper-button-next:hover{background: #105ac7;}
.workswiperyou .swiper-button-prev{left: 0;}
.workswiperyou .swiper-button-next{right: 0;}
.workswiperyou .swiper-button-disabled{opacity: 0;}
.works_con_you{width: calc(100% - 480px);padding-left: 0.6rem;}
.works_con_you .details{line-height: 1.75;color: #888;}
.productsdetail{background: #f3f3f3;}
.productsdetail span{display: inline-block;font-weight: 500;padding: 8px 24px;margin-right: 12px;background: #105ac7;color: #fff;}
.productDetails h2,.productDetails h3,.productDetails h4{font-size: var(--fz-24);font-weight: 700;margin-bottom: 10px;}
.box_item_prev a,.box_item_next a{color: #333;}
.box_item_prev span,.box_item_next span{margin-right: 10px;color: #888;}
.box_item_prev a:hover,.box_item_next a:hover{color: #105ac7;}

.applicationList{height: 100%;display: flex;align-items: center;background: #fff;}
.applicationList .pic_img_zuo{display: block;width: 480px;height: 320px;overflow: hidden;}
.applicationList .con_txt_you{width: calc(100% - 480px);padding: 40px;}
.applicationList .con_txt_you .linebox{padding-top: 20px;position: relative;}
.applicationList .con_txt_you .linebox:before{content: "";width: 46px;height: 3px;background: #d7d7d7;position: absolute;top: 0;left: 0;}
.applicationList .con_txt_you .title{line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.applicationList .con_txt_you .title a{font-weight: 700;color: #333;}
.applicationList .con_txt_you .desc{margin-top: 10px;font-size: 14px;color: #999;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
.viewmore{width: 160px;padding-bottom: 8px;color: #333;border-bottom: 1px solid #333;display: flex;align-items: center;justify-content: space-between;}
.viewmore svg{width: 16px;height: 16px;}
.applicationList:hover{box-shadow: 0 3px 12px rgba(0,0,0,0.12);}
.applicationList:hover .pic_img_zuo img{transform: scale(1.08);}
.applicationList .con_txt_you .title a:hover{color: #105ac7;}
.viewmore:hover{color: #105ac7;border-color: #105ac7;}
.viewmore:hover svg path{fill: #105ac7;}

.markeNews .newsList{padding: 40px 0;border-bottom: 1px solid #e5e5e5;display: flex;flex-wrap: wrap;justify-content: space-between;}
.markeNews .newsList:first-child{padding-top: 0;}
.markeNews .newsList .picimgzuo{display: block;width: 600px;height: 400px;}
.markeNews .newsList:hover .picimgzuo img{transform: scale(1.08);}
.markeNews .newsList .contxtyou{width: calc(100% - 640px);max-width: 920px;margin-left: 40px;display: flex;flex-wrap: wrap;}
.markeNews .newsList .contxtyou .datetime{width: 100px;height: 100px;border: 1px solid #d7d7d7;display: flex;align-items: center;justify-content: center;}
.markeNews .newsList .contxtyou .datetime .tian{line-height: 1;}
.markeNews .newsList .contxtyou .datetime .nianyue{line-height: 2;}
.markeNews .newsList .contxtyou .testdesc{width: calc(100% - 160px);margin-left: 60px;position: relative;}
.markeNews .newsList .contxtyou .testdesc a.viewmore{position: absolute;bottom: 0;left: 0;}
.markeNews .newsList .contxtyou .title a{font-weight: 500;color: #333;}
.markeNews .newsList .contxtyou .title a:hover{color: #105ac7;}
.markeNews .newsList .contxtyou .contentdesc{font-weight: 300;line-height: 2;-webkit-line-clamp: 4;height: 8em;}
.markeNews .newsList:hover .datetime{color: #105ac7;border-color: #105ac7;}
.newTimeHits{padding: 10px 0 15px;border-bottom: 1px dashed #d7d7d7;color: #888;}

@media (max-width: 1680px) {
    .applicationList .pic_img_zuo{width: 400px;height: 285px;}
    .applicationList .con_txt_you{width: calc(100% - 400px);padding: 30px;}
    .markeNews .newsList{padding: 36px 0;}
    .markeNews .newsList .picimgzuo{width: 540px;height: 360px;}
    .markeNews .newsList .contxtyou{width: calc(100% - 580px);max-width: 820px;}
    .markeNews .newsList .contxtyou .testdesc{width: calc(100% - 140px);margin-left: 40px;}
}
@media (max-width: 1440px) {
    .con-xs-pro{width: 25%;}
    a.proboxlist .title{padding: 16px;}
    a.proboxlist .picimg .details{width: 120px;height: 120px;}

    .applicationList .pic_img_zuo{width: 320px;height: 236px;}
    .applicationList .con_txt_you{width: calc(100% - 320px);padding: 20px;}
    .applicationList .con_txt_you .linebox{padding-top: 14px;}
    .applicationList .con_txt_you .desc{margin-bottom: 6px;}
    .viewmore{width: 130px;padding-bottom: 6px;}
    .viewmore svg{width: 14px;height: 14px;}
    .markeNews .newsList{padding: 28px 0;}
    .markeNews .newsList .picimgzuo{width: 420px;height: 280px;}
    .markeNews .newsList .contxtyou{width: calc(100% - 460px);max-width: 720px;}
    .markeNews .newsList .contxtyou .datetime{width: 80px;height: 80px;}
    .markeNews .newsList .contxtyou .testdesc{width: calc(100% - 120px);margin-left: 40px;}
}
@media (max-width: 991px) {
    .con-xs-pro{width: 50%;}
    a.proboxlist .title{padding: 10px;}
    a.proboxlist .picimg .details{width: 90px;height: 90px;}
    table.productstable thead tr th{padding: 5px 10px !important;min-width: 100px;}
    table.productstable tbody tr td{padding: 8px 10px !important;min-width: 100px;}
    table.productstable thead tr:nth-child(1) th:nth-child(1){min-width: 145px;}
    table.productstable tbody tr:nth-child(1) td:nth-child(1){min-width: 145px;}

    .contentWidth{padding: 0;background: none;}
    .works_img_zuo{width: 100%;}
    .workswiperyou .swiper-button-prev,.workswiperyou .swiper-button-next{width: 24px;height: 32px;}
    .productsdetail{margin-top: 20px;}
    .works_con_you{width: 100%;padding: 30px 0 0;}
    .productsdetail span{padding: 8px 16px;}
    .box_item_next{text-align: left !important;}

    .applicationList{display: block;}
    .applicationList .pic_img_zuo{width: 100%;height: 12rem;max-height: 320px;}
    .applicationList .con_txt_you{width: 100%;padding: 20px;}
    .applicationList .con_txt_you .desc{font-size: 12px;}
    .viewmore{width: 100px;padding-bottom: 4px;}
    .viewmore svg{width: 10px;height: 10px;}

    .markeNews .newsList{display: block;padding: 20px 0;}
    .markeNews .newsList .picimgzuo{width: 100%;height: 12rem;}
    .markeNews .newsList .contxtyou{width: 100%;max-width: 100%;margin: 0;}
    .markeNews .newsList .contxtyou .testdesc{width: 100%;margin: 0;padding: 20px 0 60px;}
    .markeNews .newsList .contxtyou .datetime{display: none;}
    .markeNews .newsList .contxtyou .contentdesc{line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
}


a.productsTechnology{display: block;padding: 40px 50px;background: #fff;}
a.productsTechnology .title{color: #333;}
a.productsTechnology .desc{color: #999;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
a.productsTechnology:hover{background: #000;}
a.productsTechnology:hover .title{color: #fff;}
a.productsTechnology:hover .desc{color: #fff;}
a.productsTechnology:hover .viewmore{color: #fff;border-color: #fff;}
a.productsTechnology:hover .viewmore svg path{fill: #fff;}
.downloadItem .listbox{display: flex;align-items: center;justify-content: space-between;}
.downloadItem .listbox .datatime{width: 174px;height: 60px;line-height: 60px;font-weight: 300;text-align: center;background: #eff0f1;color: #333;}
.downloadItem .listbox .contdesc{width: calc(100% - 194px);margin-left: 20px;height: 60px;line-height: 60px;padding: 0 100px 0 40px;background: #fff;position: relative;}
.downloadItem .listbox .contdesc .title{font-weight: 300;color: #333;}
.downloadItem .listbox .contdesc .down{width: 22px;height: 21px;background: url('../images/down.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;opacity: 0.5;}
.downloadItem .listbox:hover .datatime{background: #000;color: #fff;}
.downloadItem .listbox:hover .contdesc .down{opacity: 1;}

.customizedservice .desc{line-height: 2;color: #999;}
.rowFlexWrap.service{align-items: center;justify-content: space-between;}
.rowFlexWrap.service .dzfwitem{padding: 30px 0 0 40px;position: relative;z-index: 1;}
.rowFlexWrap.service .dzfwitem .number{font-size: 60px;line-height: 1;position: absolute;top: 0;left: 0;z-index: -1;}
.rowFlexWrap.service .dzfwitem .contxt{width: 3.1rem;box-shadow: 0 2px 12px rgba(0,0,0,0.06);position: relative;}
.rowFlexWrap.service .dzfwitem .contxt .itembox{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.rowFlexWrap.service .dzfwitem .contxt .itembox img.img{width: 58px;margin-bottom: 10px;}
.rowFlexWrap.service .arrowyou{width: 17px;height: 10px;background: url('../images/arrowyou.png') no-repeat center/cover;}
.rowFlexWrap.service .arrowyou:last-child{display: none;}

.rowFlexWrap a.zxck,.rowFlexWrap a.pdfxz,.rowFlexWrap a.sqsy,.rowFlexWrap a.dwg,.rowFlexWrap a.step{margin: 20px 20px 0 0;width: 126px;line-height: 42px;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
.rowFlexWrap a.zxck{background: #f6f6f6;color: #333;}
.rowFlexWrap a.zxck span{padding-left: 24px;background: url('../images/zxck.png') no-repeat left center/20px;}
.rowFlexWrap a.sqsy{background: #105ac7;color: #fff;}
.rowFlexWrap a.sqsy span{padding-left: 24px;background: url('../images/sqsy.png') no-repeat left center/20px;}
.rowFlexWrap a.pdfxz,.rowFlexWrap a.dwg,.rowFlexWrap a.step{background: #666;color: #fff;}
.rowFlexWrap a.pdfxz span{padding-left: 24px;background: url('../images/pdfxz.png') no-repeat left center/20px;}
.rowFlexWrap a.dwg span{padding-left: 24px;background: url('../images/dwg.png') no-repeat left center/20px;}
.rowFlexWrap a.step span{padding-left: 24px;background: url('../images/step.png') no-repeat left center/20px;}
.after-sale-service{display: block;height: 100%;color: #333;padding: 20px 40px;background: #fff;}
.after-sale-service .content{margin-top: 10px;line-height: 1.75;}
.after-sale-service:hover{background: #000;color: #fff;}

.contactus_con{width: 50%;padding: 1.2rem 0;}
.contactus_con .infodesc{line-height: 2;color: rgba(51,51,51,0.74);padding: 0.35rem 2.4rem 0.35rem 120px;position: relative;}
.contactus_con .infodesc span{width: 80px;border-right: 1px solid #dedede;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.contactus_con .infodesc span img{width: 48px;}
.contactus_map{width: 50%;}
#dituContent{width: 100%;height: 100%;}
.iw_poi_title{color: #CC5522;font-size: 16px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 14px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

.branch-regions{height: 100%;background: #f7f8f9;}
.branch-regions .itembox{padding: 40px 40px 60px;}
.branch-regions .itembox .desc{color: #999;}
.slide-box-line{margin: 20px auto;width: 80px;height: 2px;background: #e5e5e5;}
.messageform .input{width: 100%;height: 60px;background: #fff;border-bottom: 1px solid #b2b2b2;}
.messageform .input:focus{border-color: #dc3545;}
.messageform .sumbit{width: 40%;max-width: 360px;height: 60px;background: #000;color: #fff;}
.messageform .sumbit:hover{background: #ee7700;}

.productDetailsZuo{width: calc(100% - 400px);padding-right: 20px;}
.productDetailsYou{width: 400px;}
.productDetailsYou .showright{padding: 20px 0;background: #fff;}
.productDetailsYou .rmcpname{line-height: 1;padding-left: 15px;border-left: 4px solid #004ea2;}
.productDetailsYou .rmcpitem{padding: 0 15px;}
.productDetailsYou .rmcpitem a.rmcplist{display: flex;align-items: center;padding: 10px;border: 1px solid #eee;}
.productDetailsYou .rmcpitem a.rmcplist .picimg{display: block;width: 120px;height: 80px;overflow: hidden;}
.productDetailsYou .rmcpitem a.rmcplist:hover .picimg img{transform: scale(1.08);}
.productDetailsYou .rmcpitem a.rmcplist .contxt{width: calc(100% - 120px);padding-left: 15px;}
.productDetailsYou .rmcpitem a.rmcplist .contxt .title{color: #333;line-height: 1.5;-webkit-line-clamp: 3;max-height: 4.5em;}

#faqslist .faqstop{border-top: 1px solid #dedede;}
#faqslist .faqstop:last-child{border-bottom: 1px solid #dedede;}
#faqslist .faqstop .faqsname{padding: 10px 20px 10px 60px;cursor: pointer;position: relative;}
#faqslist .faqstop .faqsname:before{content: "";width: 16px;height: 16px;background: url('../images/arrowdown.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;transition: all 0.5s;}
#faqslist .faqstop.open .faqsname:before{transform: translateY(-50%) rotate(180deg);transition: all 0.5s;}
#faqslist .faqstop .faqstext{display: none;padding: 10px 20px 20px;}

@media (max-width: 1440px) {
    a.productsTechnology{padding: 28px 35px;}
    .downloadItem .listbox .datatime{width: 136px;height: 50px;line-height: 50px;}
    .downloadItem .listbox .contdesc{width: calc(100% - 150px);margin-left: 14px;height: 50px;line-height: 50px;padding: 0 80px 0 28px;}
    .downloadItem .listbox .contdesc .down{width: 18px;height: 18px;right: 28px;}
    .rowFlexWrap.service .dzfwitem{padding: 24px 0 0 32px;}
    .rowFlexWrap.service .dzfwitem .number{font-size: 50px;}
    .rowFlexWrap.service .dzfwitem .contxt .itembox img.img{width: 48px;margin-bottom: 7px;}

	.contactus_con .infodesc{line-height: 1.75;padding: 0.35rem 0 0.35rem 90px;}
	.contactus_con .infodesc span{width: 60px;}
	.contactus_con .infodesc span img{width: 42px;}
    .branch-regions .itembox{padding: 28px 28px 42px;}
    .messageform .input{height: 50px;}
    .messageform .sumbit{max-width: 240px;height: 48px;}

    .productDetailsZuo{width: calc(100% - 300px);}
    .productDetailsYou{width: 300px;}
}
@media (max-width: 991px) {
    a.productsTechnology{padding: 20px 25px;}
    .downloadItem .listbox .datatime{width: 80px;height: 40px;line-height: 40px;}
    .downloadItem .listbox .contdesc{width: calc(100% - 90px);margin-left: 10px;height: 40px;line-height: 40px;padding: 0 40px 0 15px;}
    .downloadItem .listbox .contdesc .down{width: 15px;height: 15px;right: 15px;}
    .rowFlexWrap.service .dzfwitem{width: 48%;margin-bottom: 4%;padding: 0;}
    .rowFlexWrap.service .dzfwitem .number{font-size: 32px;opacity: 0.4;z-index: 2;}
    .rowFlexWrap.service .dzfwitem .contxt{width: 100%;}
    .rowFlexWrap.service .dzfwitem .contxt .itembox img.img{width: 36px;margin-bottom: 5px;}
    .rowFlexWrap.service .arrowyou{display: none;}

    .rowFlexWrap a.zxck,.rowFlexWrap a.pdfxz,.rowFlexWrap a.sqsy,.rowFlexWrap a.dwg,.rowFlexWrap a.step{margin: 10px 10px 0 0;width: 96px;line-height: 32px;}
    .rowFlexWrap a.zxck{background: #fff;}
    .rowFlexWrap a.zxck span{padding-left: 20px;background-size: 16px;}
    .rowFlexWrap a.pdfxz span{padding-left: 20px;background-size: 16px;}
    .rowFlexWrap a.dwg span{padding-left: 20px;background-size: 16px;}
    .rowFlexWrap a.step span{padding-left: 20px;background-size: 16px;}
    .after-sale-service{padding: 20px;}

	.contactus_con{width: 100%;padding: 40px 0;}
	.contactus_con .infodesc{line-height: 1.6;padding: 15px 0 15px 64px;}
	.contactus_con .infodesc span{width: 50px;}
	.contactus_con .infodesc span img{width: 36px;}
	.contactus_map{width: 100%;height: 300px;}
    .branch-regions .itembox{padding: 20px 20px 30px;}
    .messageform .input{height: 40px;}
    .messageform .sumbit{max-width: 120px;height: 36px;}
    .productDetailsZuo{width: 100%;padding: 0;}
    .productDetailsYou{display: none;}

    #faqslist .faqstop .faqsname{padding: 7px 12px 7px 36px;}
    #faqslist .faqstop .faqsname:before{width: 12px;height: 12px;left: 12px;}
    #faqslist .faqstop .faqstext{padding: 12px;}
}

.product-list .layui-table-vie{border-top: 2px solid #5f6760;}
.product-list .layui-table th{background-color: #262e2b;color: #fff;height: 70px;padding: 0;border: 1px solid #5f6760;vertical-align: baseline;}
.product-list .layui-table th:nth-child(2n){background-color: #363d3a;}
.product-list .layui-table tr{-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.product-list .layui-table tr.layui-table-hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1);box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.product-list .layui-table tr.layui-table-hover td{background-color: #ddd !important;}
.product-list .layui-table td{color: #26a65c;height: 50px;line-height: 50px;background-color: #fff;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.product-list .layui-table td:nth-child(2n){background-color: #fcfcfc;}
.product-list .layui-table tr.layui-table-hover td:nth-child(2n){background-color: #fff;}
.product-list .layui-table td a{color: #26a65c;position: relative;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;display: block;}
.product-list .layui-table td span{padding: 0 3px;height: 15px;line-height: 15px;font-size: 10px;color: #fff;background-color: #f80000;position: absolute;left: 2px;top: -8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.product-list .layui-table td a.lan{text-decoration: underline;}
.product-list .layui-table-cell{text-align: center;overflow: visible;height: auto;white-space: normal;line-height: 20px;padding-top: 10px;}
.product-table{display: none;}

.support-bg .support-theme{font-size: 24px;color: #383838;font-weight: bold;}
.step-bg .support-theme{padding-bottom: 30px;border-bottom: 2px solid #000000;}
.step-bg .step-wrap{position: relative;}
.step-bg .step-wrap .stepbox{background-color: #fff;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);opacity: 0;visibility: hidden;}
.step-bg .step-wrap .stepbox[data-on="on"]{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;}
.step-bg .step-wrap .stepbox#step1{position: absolute;left: 0;top: 0;width: 100%;}
.step-bg .step-wrap .stepbox#step2{position: relative;z-index: 11;}
.step-bg .step-wrap .stepbox .containerFlex .boxleft{width: -webkit-calc(100% - 1200px);width: -moz-calc(100% - 1200px);width: calc(100% - 1200px);float: left;padding-top: 30px;overflow: hidden;}
.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox{width: 94%;max-width: 270px;margin: 0 auto;}
.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt{font-size: 72px;color: #e6e6e6;line-height: 72px;font-family: "ziti";margin-bottom: 30px;}
.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt span{display: block;}
.step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .msg{font-size: 14px;color: #585858;line-height: 30px;text-transform: uppercase;}
.step-bg .step-wrap .stepbox .containerFlex .boxright{width: 100%;max-width: 1200px;float: right;border-left: 1px solid #dddddd;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox{padding: 30px 0 10px 0;border-bottom: 1px solid #dddddd;}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox{max-width: 830px;width: 94%;margin: 0 auto;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem{width: calc(97% / 2);max-width: 360px;float: left;margin-bottom: 20px;position: relative;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem:nth-child(2n){float: right;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .label{font-size: 18px;color: #363636;font-weight: bold;margin-bottom: 20px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input{position: relative;max-width: 400px;height: 50px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input input{height: 50px;background-color: #fff;width: 100%;border: none;padding: 0 3%;border: 1px solid #dddddd;font-size: 14px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-bottom: 10px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem .bbt{width: 90px;font-size: 14px;color: #363636;font-weight: bold;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem input[type='text']{width: calc(100% - 130px);height: 40px;border: 1px solid #dddddd;background-color: #f5f5f5;font-size: 14px;padding: 0 3%;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .cx-msg .csitem .unit{width: 40px;text-align: right;font-size: 14px;color: #626262;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data{max-width: 550px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: row;-webkit-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;flex-direction: row;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data .xx{width: 30px;position: relative;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data .xx:before{content: "";width: 15px;height: 1px;background-color: #757575;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data .xx:after{content: "";width: 15px;height: 1px;background-color: #757575;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(-45deg);-moz-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);-o-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data input{height: 50px;background-color: #f5f5f5;width: 100%;border: none;padding: 0 3%;font-size: 14px;border: 1px solid #dddddd;-webkit-flex: 1;-ms-flex: 1;-moz-box-flex: 1;flex: 1;-webkit-box-flex: 1;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn{padding: 40px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox{max-width: 830px;width: 94%;margin: 0 auto;font-size: 0;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn{display: inline-block;*display: inline;*zoom: 1;width: 100%;max-width: 240px;line-height: 60px;border: 1px solid #dddddd;margin-right: 15px;font-size: 16px;color: #222222;text-align: center;cursor: pointer;background-color: #fff;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn.hui{background-color: #f5f5f5;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn.black{border: 1px solid #333333;background-color: #333333;color: #fff;}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .ftheme{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;padding-bottom: 30px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem{position: relative;width: 50%;max-width: 420px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem:nth-child(2){max-width: 360px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft{width: 235px;position: relative;padding-left: 40px;cursor: pointer;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click{position: absolute;left: 0;top: 0;width: 40px;height: 100%;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click span{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 20px;height: 20px;border: 1px solid #d3d3d3;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #f3f3f3;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click span:before{content: "";width: 10px;height: 10px;background-color: #a2a2a2;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) scale(1);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft .click span:after{content: "";width: 10px;height: 10px;background-color: #26a65c;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .fleft .click span:before{-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .fleft .click span:after{-webkit-transform: translate(-50%, -50%) scale(1);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type1"] .fleft .fimg{padding-top: -webkit-calc(120 / 195 * 100%);padding-top: -moz-calc(120 / 195 * 100%);padding-top: calc(120 / 195 * 100%);background-color: #d1d1d1;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"][data-type="type1"] .fleft .fimg{background-color: #84c743;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type2"] .fleft{width: 160px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type2"] .fleft .fimg{padding-top: 100%;background-color: #d1d1d1;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"][data-type="type2"] .fleft .fimg{background-color: #84c743;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type3"] .fleft .fimg{padding-top: -webkit-calc(120 / 195 * 100%);padding-top: -moz-calc(120 / 195 * 100%);padding-top: calc(120 / 195 * 100%);background-position: center;background-repeat: no-repeat;background-image: url(../images/acc_03.png);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox{width: 160px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type1"] .inputbox{-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input{position: relative;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .inputbox .my-input:after{display: none;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input{width: 160px;height: 50px;border: 1px solid #dddddd;background-color: #f5f5f5;padding: 0 15px;font-size: 12px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-on="on"] .inputbox .my-input input{background-color: #fff;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input:-moz-placeholder{color: #bbbbbb;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input:-ms-input-placeholder{color: #bbbbbb;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input::-webkit-input-placeholder{color: #bbbbbb;}

.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox{padding-bottom: 40px;position: relative;border-bottom: 1px solid #dddddd;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .fabanner{padding-top: -webkit-calc(500 / 930 * 100%);padding-top: -moz-calc(500 / 930 * 100%);padding-top: calc(500 / 930 * 100%);background-image: url(../images/fabanner_03.png);}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .fabanner .inputbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input{position: absolute;width: 160px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(1){top: 80px;left: 250px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(2){top: 220px;left: 50px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(3){top: 370px;left: 500px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input .my-label{font-size: 14px;color: #282828;display: block;margin-bottom: 10px;}
.step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input input[type="text"]{height: 50px;width: 100%;border: 1px solid #dddddd;padding: 0 15px;}

.step-bg .need-box .need-num{border-top: 1px solid #dddddd;background-color: #f5f5f5;text-align: center;padding: 40px 0;display: none;}
.step-bg .need-box .need-num[data-on="on"]{display: block;}
.step-bg .need-box .need-num .bbt{font-size: 18px;color: #000000;font-weight: bold;margin-bottom: 20px;}
.step-bg .need-box .need-num .num{font-size: 20px;color: #333333;}
.step-bg .need-box .need-num .num span{display: inline-block;*display: inline;*zoom: 1;font-size: 48px;line-height: 48px;color: #26a65c;vertical-align: middle;margin-left: 10px;font-family: "ziti";}
.nothin{font-size: 16px;color: #a3a3a3;text-align: center;height: 100px;line-height: 100px;position: relative;}
.hexin-center .cpq_tupian{cursor: pointer;}
.viewer-navbar,.viewer-title,.viewer-next,.viewer-prev{display: none !important;}

@media only screen and (max-width: 1024px){
    .step-bg .step-wrap .stepbox .containerFlex .boxleft{width: 100%;   float: none;padding-top: 3%;margin-bottom: 3%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox{max-width: none;width: 100%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt{font-size: 48px;line-height: 1.2;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright{width: 100%;float: none;border-left: none;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox{max-width: none;width: 100%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn{padding: 30px 0;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox{max-width: none;width: 100%;}
}
@media only screen and (max-width: 768px){
    .support-bg .support-theme{font-size: 20px;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn{max-width: none;width: 30%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox{-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem{width: 100%;margin-bottom: 3%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input{position: relative;top: 0 !important;left: 0 !important;width: -webkit-calc((100% - 30px) / 3);width: -moz-calc((100% - 30px) / 3);width: calc((100% - 30px) / 3);margin-right: 15px;float: left;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input:nth-child(3n){margin-right: 0;}
}
@media only screen and (min-width: 601px){
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input .list_cameras .lic:hover{background-color: rgba(102, 102, 102, 1);color: #fff;}
}
@media only screen and (max-width: 414px){
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input{width: 100%;float: none;margin-right: 0;margin-bottom: 3%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .fabox .inputbox .my-input input[type="text"]{height: 40px;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .fleft{width: 100%;margin-bottom: 3%;max-width: 70%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem{-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type1"] .inputbox{width: 100%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input{width: 100%;margin-bottom: 3%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox .my-input input{width: 100%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem[data-type="type2"] .fleft{width: 100%;max-width: 50%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .fovbox .fitem .inputbox{width: 100%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt{font-size: 36px;margin-bottom: 3%;}
    .step-bg .step-wrap .stepbox .containerFlex .boxleft .wordbox .bbt span{display: inline-block;*display: inline;*zoom: 1;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox{padding: 3% 0;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input{height: 40px;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-input input{height: 40px;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .my-data input{height: 40px;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .stepbtn .btnbox .btn{line-height: 40px;margin-bottom: 3%;width: 100%;display: block;max-width: none;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem{padding-left: 0;width: 100%;float: none;max-width: none;}
    .step-bg .step-wrap .stepbox .containerFlex .boxright .step-one .onebox .inbox .oitem .label{position: relative;}
}