/* ***************************************************************************************** */
/* 公司简介 */
/* ***************************************************************************************** */
.margin-btm-80{ margin-bottom: 1rem; }
.intro-maintitle{margin-bottom: .6rem;}
.intro-video .copywriting, .imgright .copywriting{ color: #fff; width: 86%;;font-weight: bolder; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.intro-video{height: 6.5rem;border-radius: 8px;overflow: hidden;position: relative;}
.intro-video .playVideo{color: #FFFFFF;position: absolute;left: 0;top: 50%;text-align: center;width: 100%;cursor: pointer;transform: translate(0,-50%);}
.intro-video .playVideo span{vertical-align: middle;}
.intro-video .playVideo i{font-size: 34px;margin-left: 8px;vertical-align: middle;}
.intro-section{max-width: 1180px;margin: 0 auto;margin-bottom: .5rem;}
.intro-one,.intro-two{margin: 1.5rem auto;}
.intro-one .intro-msg{float: left;width: 48.7%;color: #666666;line-height: 2;}
/*.intro-one .intro-title{ float: left }*/
.intro-title-wrap{ width: 40%; }
/*.intro-one .intro-title:first-of-type{ margin-right: .6rem;}*/
.intro-one .intro-title p{font-size: 70px;color: #222222;margin-bottom: .2rem;font-weight: bold;}
.intro-one .intro-title span{color: #666666;font-weight:bold;}
.intro-imgbox {position: relative;max-width: 1450px;margin: 0 auto;}
.intro-imgbox .intro-imgleft{width: 32%;float: left;}
.intro-imgbox .intro-imgleft img{width: 100%;border-radius: 8px;}
.intro-imgbox .intro-imgleft img:first-child{margin-bottom: .5rem;}
.intro-imgbox .imgright{width: 65%;border-radius: 8px;position: absolute;top: 0;right: 0;height: 100%;}
.intro-two .intro-left{width: 7.65rem;float: left;margin-left: 70px;}
.intro-two .intro-left .title{font-weight: bold;line-height: 1.3;margin-bottom: .6rem;}
.intro-two .intro-text{color: #666666;line-height: 2;}
.intro-two .intro-right{float: right;width: 32%;}
.intro-two .intro-right div{color: #222222;font-weight: bold;font-size: 60px;}
.intro-two .intro-right p{color: #666666;font-weight: bold;margin-bottom: .5rem;}
.intro-char{border-bottom: 1px solid #F1F1F1;padding-bottom: 1rem;}
.intro-charitem{width: 48.5%;background-color: #F1F1F1;border-radius: 8px;padding: 1rem;}
.intro-charitem i{color: #910782;font-size: 48px;margin-bottom: .6rem;display: inline-block;}
.intro-charitem p{font-weight: bold;color: #222222;line-height: 2.5;}
.intro-charitem span{color: #666666;}
.intro-history{padding: 1.2rem 0; border-top: 1px solid #e9e9e9;}
.intro-swiper-container{max-width: 1000px;margin: .6rem auto .3rem; position: relative;overflow: hidden; height: auto;/*height: 6.6rem;*/}
.intro-swiper-container .iconfont{top: 40%;font-size: 34px;z-index: 9;padding: 10px;color: #C1C1C1;position: absolute;cursor: pointer;}
/*.intro-swiper-container .iconfont{top: 45%;font-size: 34px;padding: 10px;color: #C1C1C1;position: absolute;cursor: pointer;}*/
.intro-swiper-container .prevbtn{left: 0;}
.intro-swiper-container .nextbtn{right: 0;}
/*.intro-swiper-container .bg{position:absolute;width: 50%;left: 25%;top: 50%;transform: translate(0,-50%);}*/
.intro-swiper-container .bg{position:absolute;width: 60%;left: 15%;top: 84px;transform: translate(0,-50%);}
.intro-swiper{width: 80%;width: 100%;/*height: 6.6rem;*/ height: auto; margin: 0 auto;}
.intro-swiper .swiper-wrapper{width: 5rem;margin: 0 auto;height: auto!important;}
.intro-swiper .swiper-slide{text-align: center;height: 0!important;padding-top: 0.01rem;/*padding-top: 1.3rem;*/}
.intro-swiper .swiper-slide-active{height: auto!important;}
/*.intro-swiper .swiper-slide img{margin-bottom: .6rem;}52*/
.intro-swiper .swiper-slide p { margin-top: 10px }
.intro-swiper .swiper-slide .text-box{ font-weight: bold; color: #666; }
.intro-timebox{width: 100%;border-bottom: 1px solid #BFBFBF;/*margin-top: 70px;*/}
.intro-time{max-width: 1100px;margin: 0 auto;position: relative;height: 70px;white-space: nowrap;}
.intro-time::before{position: absolute;content: '';left: 0;bottom: -5px;width: 1px;height: 10px;background-color: #BFBFBF;visibility: visible;}
.intro-time-item{position: relative;float: left;height: 70px;}
.intro-time-item p{position: absolute;top: 15px;left: -30px;font-weight: bold;}
.intro-time-item.on p{color: #930784;}
.rect{position: absolute;width: 16px;height: 16px;left: 0;bottom: -8px;background-color: #910782;margin-left: -8px;z-index: 100;}
.intro-time-item::after{position: absolute;content: '';right: 0;bottom: -5px;width: 1px;height: 10px;background-color: #BFBFBF;}
.intro-time-item>div{position: relative;}
.intro-time-item>div span{width: 11.1111%;float: left;margin-right:11.1111%;border-left: 1px solid #BFBFBF;border-right: 1px solid #BFBFBF;height: 3px;margin-top: 67px;}
.intro-time-item>div span:first-child{margin-left:11.1111%;}
.intro-time .lastyear{font-weight: bold;position: absolute;right: -5px;top: 15px;}
.intro-time .enfont{cursor: pointer; z-index: 9}
.intro-patent{padding: .8rem 0 1.2rem; border-top: 1px solid #e9e9e9}
.intro-patent>img{margin: .8rem 0;}
.intro-patent-item{width: 28%;float: left;}
.intro-patent-item p{color: #222222;font-weight: bold;}
.intro-patent-item.last{width: 16%;}
.intro-patent-item div p{display: inline-block;}

.turn{position: absolute;top: 50%; transform: translateY(-50%) ;padding: .1rem;font-size: 36px;color: #999;cursor: pointer;}
.turn-prev{left: 0;}
.turn-next{right: 0;}

/* ***************************************************************************************** */
/* 管理团队 */
/* ***************************************************************************************** */
.team-container>p{margin-top: .4rem;}
.team-box{/* border-top: 1px solid #e5e5e5; */text-align: left; margin-top: .8rem;padding-top: .8rem;padding-bottom: 1.5rem;}
.team-box>img{float: left;width: 22%;border-radius: 8px;}
.team-box>div{float: right;width: 70%;padding-top: .8rem;} 
.team-box>div .name{font-weight: bold;margin-bottom: .1rem;}
.team-box>div .job{font-weight: bold;margin-bottom: .3rem;}
.team-box>div .des{color: #666; font-weight: normal; line-height: 1.8;}


/* ***************************************************************************************** */
/* 质量与可靠性 */
/* ***************************************************************************************** */


.quality-one>img{border-radius: 8px;width: 100%;margin: .8rem 0 .3rem 0;}
.quality-one .com-title, .quality-two .com-title{ margin-bottom: .3rem; }
.quality-one .com-description{margin-bottom:10px;}
.quality-two{margin:10px auto;padding-top:0px;padding-bottom:0px;border-top: 0px solid #F0F0F0;border-bottom:0px solid #F0F0F0;}
.quality-two .quality-download{width: 2.5rem;padding: 1.3rem 0;display: block;margin: .8rem auto;background-color: #F1F1F1;border-radius: 8px;text-align: center;}
.quality-two a{width: 100%;display: inline-block;text-align: center;color: #222222;font-weight: bold;}
.quality-two a i{font-size: 10px;margin-left: 10px;vertical-align: middle;}
.quality-two a span{vertical-align: middle;}
.quality-three{padding-bottom: .8rem;}
.quality-report{margin-top: .8rem; text-align: center;}
.quality-report-item{ float: left; width: 32%; margin-left: 2%; padding: 1rem .72rem; background-color: #F1F1F1;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.quality-report-item .desc{ font-weight: bolder; color: #222; line-height: 1.5; } 
.quality-report-item:first-child{margin-left: 0;}
.quality-report-item .icon-wrap{ line-height: 1;text-align: center; margin: 0 auto; /*  border-radius: 50%;background-color: #222222; */ text-align: center; margin-bottom: .4rem; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.quality-report-item .icon-wrap i{ font-size: inherit; }
.quality-report-item div i{line-height: 50px;color: #910782;}
.quality-report-item p{color: #333333;height: 1.4rem;line-height: 1.8;}
.quality-report-item a{color: #666666;}
.quality-report-item a span{vertical-align: middle;}
.quality-report-item a i{font-size: 10px;vertical-align: middle;}
.certification{ padding:0rem 0; position: relative; }
.certification .swiper-wrapper{ height: auto!important; }
.certification .certification-item{ width: 4.76rem; height: 6.69rem; margin: 0 auto; }
.certification-item>img{  box-shadow: 0px .2rem .4rem 0px rgba(0, 0, 0, .06); }
.certification .swiper-slide{height: 6.69rem!important; text-align: center;}
.certification .swiper-slide-shadow-right, .certification .swiper-slide-shadow-left{ opacity: 0!important;}
.certification .bottom-slide {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.certification .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #F2F2F2;
  margin: 0 10px;
  border: 1px solid #fff;
  cursor: pointer;
}
.certification .swiper-active-switch { background: #00a2ea; }
.quality-bottom .quality-report-item{ padding: 1.2rem .72rem 0 .72rem; text-align: left; font-weight: normal;}
.quality-bottom .quality-report-item .desc{ height: auto; margin-bottom: .64rem; }
.quality-bottom .quality-report-item .icon-wrap{ text-align: left;}
.quality-bottom .quality-report-item .desc-bottom{ color: #333; height: 229px; line-height: 2; border-top: 1px solid #d1d1d1; padding-top: 48px; margin-bottom: 22px; }

/* ***************************************************************************************** */
/* 环境安全和健康 */
/* ***************************************************************************************** */
.green-grey{ color: #435350; }
.environment-title{display: inline-block;width: 100%;text-align: center;font-weight: bold;margin-bottom: .3rem;}
.environment-one>img{width: 100%;margin-top: .6rem; border-radius: 8px;}
.environment-two{margin-top: 1.2rem;border-top: 1px solid #E1E1E1;padding: 1rem 0;}
.environment-value-list{margin-top: .5rem;}
.environment-value-item{width: 32%;float: left;margin-left: 2%;background-color: #F1F1F1;border-radius: 8px;padding: 1.2rem .8rem;height: 6.6rem;}
.environment-value-item:first-child{margin-left: 0;}
.environment-value-item .iconfont{color: #435350;font-size: 48px;margin-bottom: .5rem;}
.environment-value-item p{font-weight: bold;color: #435350;margin-bottom: .5rem;padding-bottom: .5rem;border-bottom: 1px solid #D1D1D1;}
.environment-value-item div{color: #435350;line-height: 1.8;}
.environment-three{color: #ffffff;padding: 1rem 0;}
.environment-three .title{color: #ffffff;margin-bottom: .4rem;}
.environment-three .com-description{color: #FFFFFF;}
.environment-policy{margin-top: .6rem;}
.environment-policy-item{width: 48.5%;background-color: #FFFFFF;border-radius: 8px;padding: .8rem .6rem;color: #435350;height: 6rem;}
.environment-policy-item .iconfont{font-size: 48px;}
.environment-policy-item p{margin-top: .4rem;margin-bottom: .2rem;font-weight: bold;}
.environment-four{padding: 1rem 0;}
.environment-four .com-title{margin-bottom: .3rem;}
.environment-four .com-description{color: #666666;}
/*.environment-four .quality-report-item div{background-color: #435350; }*/
.environment-four .quality-report-item a,.environment-four .quality-report-item p{color: #435350;}
/*.environment-com .quality-report .quality-report-item>div{ text-align: center; width: 50px; height: 50px; border-radius: 50%;margin-bottom: .3rem; background: #435350; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.environment-com .quality-report .quality-report-item>div i{ color: #fff; font-size: inherit; } */
.environment-com .quality-report .quality-report-item{ text-align: left; } 
.environment-com .quality-report .quality-report-item>p{ height: .8rem;  margin-bottom: .3rem;} 
.echarts-item{ width: 48.75%; margin-bottom: .46rem; background: #fff; height: 396px; padding: 36px 54px 24px 54px; }
.environment-item{ width: 49%; display: block; text-align: center; margin-bottom: 36px; background: #fff;color: #333; padding: 66px 96px; border-radius: 8px; }
.environment-item .iconfont{ font-size: inherit; font-size: 120px; line-height: 1 }
.environment-item .item-title{ color: #435350; font-weight: bold; margin-bottom: 20px }


.quality-report-item{ padding: 0; }
.quality-report-item .quality-report-item-text{ padding:30px 35px;  }
.quality-report-item .quality-report-item-text p{ height: 0.55rem; font-weight: 700; }

.quality-report-item-pad{padding: 1rem 0.72rem;}

.environment-four .quality-report-item .iconaa{background-color: #435350; }
.environment-com .quality-report .quality-report-item .iconaa{ text-align: center; width: 50px; height: 50px; border-radius: 50%;margin-bottom: .3rem;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.environment-com .quality-report .quality-report-item .iconaa i{ color: #fff; font-size: inherit; background: #435350;} 







/* .echarts-item:nth-of-type(2n - 1){ margin-right: 2.5%; } */
.echarts-item .echarts{ width: 100%; height: 100%; }
.environment-four .quality-report-item{ width: 49%; margin-left:auto; margin-right:2%; margin-bottom:2%;}
.environment-four .quality-report-item:nth-child(2n+2){ margin-right:0;}
.quality-report-item{ transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }
.quality-report-item:hover { box-shadow: 0 0 12px #f1f1f1; }
.environment-four .quality-report-item:hover a{ color: #910782; }
/* .echarts-item{ height: 5.28rem; width: 9.36rem; } */
/* ***************************************************************************************** */
/* 社会责任 */
/* ***************************************************************************************** */
.society-one .com-title{margin-bottom: .2rem;}
.society-one img{margin: .8rem 0;width: 100%;border-radius: 8px;}
.society-two{margin: 1rem auto;}
.society-two .com-title{margin-bottom: .2rem;}
.society-two .com-description{color: #666666;}
.society-imgbox{margin-top: .7rem;}
.society-imgbox img{float: left;width: 32%;margin-left: 2%;border-radius: 8px;}
.society-imgbox img:first-child{margin-left: 0;}
.society-three{margin-top: 1rem;border-top: 1px solid #E5E5E5;padding-top: 1rem;}
/*.society-three>.com-title{ margin-bottom: 1rem;}*/
.society-item{width: 100%;/* margin-bottom: 1rem; */position: relative;}
.society-item-msg{width: 24%;padding-top: .5rem;}
.society-item-msg p{margin-bottom: .3rem; font-weight: bolder;}
.society-item-msg span{color: #666666;line-height: 2;}
.society-item-img{width: 11.7rem;position: relative; height: 5.96rem; overflow: hidden;border-radius: 8px;}
/* .society-item-img{ position: absolute; left: 50%; top: 50%; tra } */
.society-item-img i, .society-item-img>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #DDDDDD;opacity: .6;font-size: 60px;}
 .society-item-img>img{ opacity: 1; width: 100%; }
/*.society-item-wrap:nth-child(odd) .society-item-msg{float: left;}*/
/*.society-item-wrap:nth-child(odd) .society-item-img{float: right;}*/
/*.society-item-wrap:nth-child(even) .society-item-msg{float: right;}*/
/*.society-item-wrap:nth-child(even) .society-item-img{float: left;}*/
.society-item-wrap .society-item-msg{ position: absolute; top: 50%; transform: translateY(-50%) }
.society-item-wrap:nth-child(odd) .society-item-msg{float: left; left: 15px}
.society-item-wrap:nth-child(odd) .society-item-img{float: right;}
.society-item-wrap:nth-child(even) .society-item-msg{float: right; right: 15px}
.society-item-wrap:nth-child(even) .society-item-img{float: left;}

.society-item-wrap{ padding: 1rem 0; }
.society-item-wrap:nth-of-type(2n){ background: #F4F4F4; }
.society-pagination { text-align: center; position: absolute; bottom: .36rem ; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.society-pagination .swiper-pagination-switch{ width: 12px; margin: 0 .12rem; display: inline-block; height: 12px; border-radius: 50%; border: 2px solid #fff; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.society-pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff; }
/* ***************************************************************************************** */
/* 长江反腐 */
/* ***************************************************************************************** */
.feedback-box{margin: .6rem auto;background-color: #F1F1F1;border-radius: 8px;overflow: hidden;max-width: 1400px;}
.feedback-box>img{width: 33.33%;float: left;}
.feedback-msg{float: right;width: 66.67%;padding: .8rem 0;}
.feedback-msg .title{font-weight: bold;width: 100%;text-align: center;}
.feedback-list{width: 100%;border-top: 1px solid #E4E4E4;margin-top: .8rem;padding: .8rem 0 .8rem .4rem;}
.feedback-item{width: 50%;float: left;text-align: center;}
.feedback-item .icon{width: 55px;height: 55px;border-radius: 50%;background-color: #222222;vertical-align: middle;text-align: center;display: inline-block;}
.feedback-item .icon i{line-height: 55px;color: #FFFFFF;font-size: 26px;}
.feedback-item .msg{display: inline-block;text-align: left;margin-left: .3rem;vertical-align: middle;}
.feedback-item .msg span{display: inline-block;width: 100%;}

/* ***************************************************************************************** */
/* 联系我们 */
/* ***************************************************************************************** */
.contact-item .contact-msg {display:inline-block;max-width:300px;}
.contact-citylist {width: 100%;overflow: auto;white-space: nowrap;text-align: center;margin-top: .5rem;}
.contact-citylist p{display: inline-block;padding:0 .2rem .2rem;font-weight: bold;color: #666666;cursor: pointer;transition: all .2s ease;position: relative;}
.contact-citylist p.on{color: #222222;}
.contact-citylist p.on::after{content: '';left: 20%;width: 60%;bottom: .1rem;height: 2px;background-color: #666666;position: absolute;}
.contact-cityshow{border: 1px solid #E1E1E1;border-radius: 8px;margin-top: .6rem;position: relative;}
.contact-left {float: left;border-right: 1px solid #EEEEEE;width: 32%;padding: .8rem 0 .8rem .8rem;}
.contact-item{margin-top: .8rem;}
.contact-item:first-child{margin-top: 0;}
.contact-item .iconfont{color: #930784;font-size: 42px;margin-right: .3rem;vertical-align: top;}
.contact-item .contact-msg{display: inline-block;}
.contact-item .contact-msg div{font-weight: bold;margin-bottom: .2rem;}
.contact-item .contact-msg p{color: #666666;}
.contact-item .contact-msg p a{ color: #666; }
.contact-right{position: absolute;width: 68%;right: 0;top: 0;height: 100%;}
.contact-right img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;max-width: 90%;max-height: 90%;margin: auto;display: none;}
.contact-right img.on{display: block;}
/*.contact-form .com-section{border-top: 1px solid #E3E3E3;padding-top: 1.2rem;}*/
.contact-form .com-title{margin-bottom: .4rem;}
.contact-form-box{margin-top: 1rem;}
.contact-form-wrap{float: left;width: 32%;margin-left: 2%;border: 1px solid #E1E1E1;height: 1rem;border-radius: 6px;padding: .1rem;}
.contact-form-wrap:first-child,.contact-form-wrap:nth-of-type(4){margin-left: 0;}
.contact-form-wrap input,.contact-form-wrap .address {height: .8rem;padding-left: .25rem; background: none;line-height: .8rem;width: 100%;}
.contact-select{position: relative;}
.contact-select.contact-form-wrap{width: 49%; margin-top: .4rem; }

.contact-select input, .contact-form-wrap .address{width: 88%; display: inline-block; color: #b1b1b1}
.contact-select .iconfont{color: #EEEEEE;font-size: 10px;transition: .2s ease all;display: inline-block;padding: .2rem;cursor: pointer;}
.contact-select .iconfont.on{transform: rotate(180deg);}
.contact-form-box textarea{border: 1px solid #E1E1E1;width: 100%;margin-top: .4rem;border-radius: 6px;height: 2rem;padding: .25rem;}
.form-bottom{margin-top: .4rem;}
.contact-code{float: left;border: 1px solid #F2F2F2;border-radius: 8px;height: 1rem;padding: .1rem;}
.contact-code input{padding-left: .25rem;height: .8rem;line-height: .8rem;}
.contact-code a{display: inline-block;}
.contact-submit{float: right;width: 4rem;border-radius: 6px;background-color: #222222;color: #FFFFFF;height: 1rem;text-align: center;line-height: 1rem;cursor: pointer;}
.address-list{width: 100%;position: absolute;left: 0; z-index: 2;;top: .9rem;background-color: #FFFFFF;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;height: 0;overflow: auto;transition: all .2s ease;}
.address-list.on{border-bottom: 1px solid #F2F2F2;height: 3rem;}
.address-item{width: 100%;border-top: 1px solid #f2f2f2;line-height: .6rem;padding: 0 .2rem;cursor: pointer;transition: all .2s ease;}
.address-item:hover{ color: #910782; }
.environment-com{ padding-left: .3rem; padding-right: .3rem; }

/* 代理商联系方式 */
.contact-cityshow{ margin-bottom: 1rem; }
.agent-contact { background: #f5f5f5; }
.agent-list { margin-top: 1rem; }
.agent-list .agent-item{ display: flex; flex-direction: column; padding: 0 .38rem .3rem; position: relative; background: #fff; border-radius: 8px; height: 100%; }
.agent-list .agent-item .agent-text{ flex: 1; display: flex; flex-direction: column; justify-content: space-between;  }
.agent-list .agent-item .agent-logo{ height: 1.5rem; border-bottom: 1px solid #e2e2e2; position: relative; }
.agent-list .agent-item .agent-logo img{ max-width: 90%; max-height: 90%; object-fit: cover; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.agent-list .agent-item .agent-text .agent-name{ font-weight: bold; color: #333; margin: 25px 0 10px; }
.agent-list .agent-item .agent-contact-list{ color: #666; font-size: 16px;line-height: 1.5; }
.agent-list .agent-item .agent-contact-list.ab-list{ position: absolute; bottom: .3rem; width: 100%; left: 0; padding: 0 .38rem }
.agent-list .col-lg-3{ margin-bottom: .2rem; }
.view-more{ width: 4rem; height: 1rem; user-select: none; cursor: pointer; line-height: 1rem; text-align: center; border-radius: 6px; background: #222; color: #fff; font-size: 18px; margin: 0 auto; margin-top: .6rem; }
/* .contact-select.contact-form-wrap.w-3{ width: 32%; margin-top: 0; font-size: 0; } */
.contact-select.contact-form-wrap>p{ font-size: .24rem; }

.message{ font-size: 16px; }
.message .w-3{ width: 32%; margin-right: 2%; clear: none; }
.message .w-half{ width: 49%; margin-right: 2%; clear: none; }
.message .w-full{ width: 100%; clear: none; }
.message .w-3.mr-0,.message .w-half.mr-0{ margin-right: 0; }
.contact-form-box textarea{ margin-top: 0; }
.contact-form-box .layui-input, .contact-form-box .layui-select, .contact-form-box .layui-textarea{ height: 1rem; border-radius: 6px; }
.message .layui-form-select dl{ top: 1rem; }
.message .layui-form-selectup dl{ top: auto; bottom: 1rem; }

.com-video-box .com-video-box-pic{ width: 800px; height: 560px; position: relative; left: 50%; margin-left:-400px; top: 50%; margin-top: -280px; }
.com-video-box .com-video-box-pic img {
  max-width: 100%; 
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


@media (max-width:2160px) {

.certification .certification-item{ width: 4rem; height:7.5rem; margin: 0 auto; }
}

@media (max-width:1500px) {
	.intro-imgbox{padding: 0 15px;}
	.intro-timebox{padding: 0 65px;}
	.intro-patent{padding-left: 15px;padding-right: 15px;border-top: 1px solid #EEEEEE;}
	.feedback-container{padding: .8rem 15px;}
	.feedback-msg{padding: .8rem 0 0;}
	
	.certification .certification-item{ width: 4rem; height: 7rem; margin: 0 auto; }
}
@media (max-width:1300px) {
	.feedback-list{margin-top: .5rem;padding-top: .5rem;}
}

@media (max-width:1250px) {
.certification .certification-item{ width: 4rem; height: 6rem; margin: 0 auto; }
}




@media (max-width:1200px) {
	.intro-section{padding: .8rem .2rem;}
	.intro-one .intro-title p{font-size: .8rem;}
	.intro-timebox{padding: 0 50px;}
	.intro-patent-item{width: 50%;margin-bottom: .3rem;}
	.intro-patent-item.last{width: 50%;}

	
}
@media (max-width:1100px) {
	.feedback-box>img{float: none;width: 100%;}
	.feedback-msg{float: none;width: 100%;padding-bottom: .8rem;}
}
@media (max-width: 1024px) {
  .intro-container .intro-video{ margin: .3rem }
  .com-video-box .com-video-box-pic{ width: 700px; margin-left: -350px; }
}
@media (max-width:1000px) {
	.intro-section{margin: .4rem auto;padding: .4rem 15px;}
	.intro-two .intro-right div{font-size: .6rem;}
	.intro-two .intro-right p{margin-bottom: .1rem;}
	.intro-time .lastyear{right: -.03rem;}
	.intro-timebox{display: none;}
	.intro-container{padding-bottom: 0;}
	.team-box>img,.team-box>div{width: 100%;float: none;}
  .quality-report-item{ padding-left: .3rem; padding-right: .3rem; }
  .quality-bottom .quality-report-item{ width: 100%; margin-left: 0; margin-bottom: 30px;}
  .echarts-item{ padding-left: 20px; padding-right: 20px; }
  .environment-com{ padding-left: .3rem; padding-right: .3rem; }
  .society-three .society-item-wrap .society-item-msg, .society-three .society-item-wrap .society-item-img{ margin-top: .3rem; float: none; width: 100%; }
  .society-item-wrap{ padding-top: 0; }
  .society-container{ padding-bottom: 0; }
  .contact-select input, .contact-form-wrap .address{ width: 80%; }
  .contact-item .iconfont{ display: block; }
  .society-three .society-item-wrap .society-item-msg{ margin: 0 auto;position: inherit;left: auto;right: auto;transform: translateY(0) }
  .society-item-img>img{ height: 100%;width: auto;max-width: inherit; }
  .environment-com .quality-report .quality-report-item>div i{ font-size: 20px }
  .society-one img{ margin-bottom: 0 }


  .quality-report-item{ padding: 0; }
  .environment-com .quality-report .quality-report-item > div i{ font-size: 12px; }
  .quality-report-item .quality-report-item-text p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .quality-report-item-pad{padding: 1rem 0.3rem;}
}
.no-bottom{ margin-bottom: 0; border-bottom: 0;padding-bottom: 0 }
.no-top{ margin-top: 0 }
@media (max-width:700px) {
	.intro-one .intro-msg,.intro-one .intro-title{width: 100%;float: none;margin-bottom: .2rem;}
	.intro-imgbox {width: 100%;}
	.intro-imgbox .intro-imgleft{float: none;margin: 0 auto .5rem;width: 100%;}
	.intro-imgbox .imgright {position: static;height: 100vw;width:100%;}
	.intro-two .intro-left,.intro-two .intro-right{float: none;width: 100%;margin-bottom: .2rem;}
	.intro-charitem{width: 100%;float: none;margin-bottom: .6rem;padding: .6rem;}
	.intro-two .intro-right {text-align: center;}
	.intro-two .intro-right>div{display: block; float: left; width: 50%;}
  .intro-two .intro-right>div:last-child{ width: 100%; }

	.feedback-item{width: auto; margin-bottom: 20px;}
  .quality-report-item{ width: 100%; margin-left: 0; margin-bottom: 30px;}

  .contact-select.contact-form-wrap, .contact-form-wrap{ width: 100%; margin-left: 0; margin-top: .4rem;}
  .contact-code>img{ height: 100%; }
  .contact-code{ float: none; }
  .contact-submit{ float: none; margin: 0 auto; margin-top: .4rem;}
  .contact-left, .contact-right{ float: none; width: 100%; }
  .intro-one .intro-msg{ width: 100%; }
  .intro-title-wrap{ width: 100%;margin-top: 40px }
  .intro-one .intro-title{ width: 50%;
    float: left;
    margin-bottom: .2rem;
    text-align: center; }
  .intro-two .intro-left{ margin-left: 0 }
  .intro-patent-item{ text-align: center }
  .team-box{ padding-bottom: 0}

  .com-video-box .com-video-box-pic{ width: 320px; margin-left: -160px; height: 500px; margin-top: -250px; }

  .environment-item{ width: 100%; padding: 20px 15px; margin-bottom: 15px }
  .intro-swiper-container .bg{ width: 93%;left: 25px }
  .intro-swiper img{ width: 5rem }

  .message .w-3,.message .w-half{ margin-right: 0; width: 100%; }
  
  
  .certification .certification-item{ width: 4rem; height:3rem; }

}
@media (max-width: 416px) {
  .echarts-item{ width: 100%; }
  .environment-com .quality-report .quality-report-item{ width: 100%; }
  .intro-swiper-container, .intro-swiper{ height: auto }
  /*.intro-swiper .swiper-wrapper, .intro-swiper .swiper-slide{ height: auto!important; }*/

} 
@media (max-width: 321px) {
  .contact-code{ display: flex }
  .contact-code #verify{ flex: 1;width: 1rem }
}