@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}
@font-face
{font-family: Heebo;
src: url('Heebo-Regular.ttf')}
@font-face
{font-family: Helvetica;
src: url('Helvetica Condensed.ttf')}


*{box-sizing:border-box;color:#000;font-size: .16rem;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'Heebo', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{margin:0 auto;max-width: 14.1rem;width: 90%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
html{font-size: 5.2083vw;}

::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

.btn{color:#fff;font-size: 0.16rem;padding:0 .2rem;display: inline-block;vertical-align: middle;background-color: #2c92e2;border:none;cursor: pointer;text-align: center;}
.btn:hover{background-color: #20334f;}

.c-main{color:#2688d5!important;}


/* 公共部分 */
.head{padding:.15rem 0;position: fixed;width: 100%;left: 0;top: 0;z-index:100;}
.head .wrap{display: flex;align-items: center;justify-content: space-between;width: 90%;margin:0 auto;}
.head .r{display: flex;align-items: center;}
.head.scroll{background-color: rgba(0,0,0,.8);}

.hd-logo{}
.hd-logo .img{height: 0.8rem;width: auto;}
.hd-nav{}
.hd-nav li{display: inline-block;vertical-align: middle;margin-right: 0.5rem;position: relative;}
.hd-nav li>a{display: block;font-size: 0.16rem;color:#fff;line-height: 0.4rem;position: relative;}
.hd-nav li>a span{position: relative;z-index:5;}
.hd-nav li>a::after{content:'';position: absolute;left: 0;bottom: .12rem;height: 0.05rem;background-color: #2688d5;width: 0;transition: all .3s;}
.hd-nav li.cur>a::after,.hd-nav li:hover>a::after{width: 100%;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}

.hd-nav .drop{background-color: #fff;width: 2rem;padding:.15rem .25rem;position: absolute;left: -0.2rem;transform: scaleY(0);visibility: hidden;opacity: 0;transition: all .5s ease 0s;transform-origin: center top;}
.hd-nav .drop .lk{display: block;font-size: 0.16rem;line-height: 0.35rem;}
.hd-nav .drop .lk:hover{color: #2688d5;}






.hd-lang{position: relative;}
.hd-lang .font{font-size: 0.18rem;color:#fff;cursor: pointer;}
.hd-lang .font::before{content:'';display: inline-block;vertical-align: middle;width: 0.3rem;height: 0.3rem;background:url(../images/icon_01.png) no-repeat center;background-size:contain;margin-right: 0.1rem;}
.hd-lang .drop{position: absolute;width: 0.95rem;left: 50%;transform: translate(-50%,0);padding-top: 0.15rem;display: none;}
.hd-lang .dropbox{background-color: #fff;padding:.18rem 0 .08rem .15rem;position: relative;}
.hd-lang .dropbox::before{content:'';width: 0;height: 0;border-style: solid;border-width: 0 .09rem .1rem .09rem;border-color: transparent transparent #fff transparent;position: absolute;left: 50%;top: -0.09rem;margin-left: -0.05rem;}
.hd-lang .lk{font-size: 0.18rem;margin-bottom: 0.12rem;display: flex;align-items: center;}
.hd-lang .ic{width: 0.26rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{color:#2c92e2;}
.hd-lang:hover .drop{display: block;}


.head .line{width: 1px;height: 0.16rem;background-color: #fff;margin:0 .15rem;}

.hd-sear{}
.hd-sear .icon{width: 0.3rem;height: 0.3rem;background:url(../images/icon_02.png) no-repeat center;background-size:contain;display: block;cursor: pointer;}

.hd-sear-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.8);z-index:110;display: none;}
.hd-sear-box .box{max-width: 8rem;line-height: 0.6rem;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius:.1rem;display: flex;overflow: hidden;}
.hd-sear-box .ipt-txt{font-size: 0.16rem;color:#000;flex:1;overflow: hidden;padding:0 .2rem;}
.hd-sear-box .submit{width: 0.6rem;height: 0.6rem;border:none;cursor: pointer;background:url(../images/icon_07.png) no-repeat center;background-size:.26rem;margin-right: 0.05rem;}




.hd-quote{font-size: 0.16rem;padding: 0 .2rem;line-height: 0.46rem;border-radius:.22rem;margin-left: 0.25rem;margin-left: 0.18rem;}


.ft-box{background-color: #f7f7f7;}
.ft-box .box{max-width: 11.4rem;border-radius:.17rem;overflow: hidden;box-shadow:0 0 .14rem rgba(12,30,47,.1);margin:0 auto;height: 1.55rem;display: flex;align-items: center;padding:0 .6rem;background:url(../images/ft_01.jpg) no-repeat left center #fff;background-size:auto 100%;position: relative;z-index:10;}
.ft-box .txt{flex:1;overflow: hidden;font-size: 0.31rem;color:#182c49;font-weight: bold;margin-right: 0.3rem;text-transform: uppercase;}
.ft-box .button{line-height: 0.46rem;border-radius:.23rem;}

.ft-box+.foot{margin-top:-.45rem;}

.foot{padding:1.1rem 0 .45rem;background-color: #20334f;}
.foot .wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.foot .col{}
.foot .smlogo{height: 0.8rem;width: auto;}
.foot .desc{font-size: 0.16rem;color:#fff;line-height: 0.28rem;margin-top: 0.15rem;}
.foot .social{margin-top: 0.3rem;}
.foot .social a{margin-right: 0.24rem;display: inline-block;vertical-align: middle;}
.foot .social a:last-child{margin-right: 0;}
.foot .social .ico{width: 0.26rem;height: 0.26rem;transition: all .3s;}
.foot .social .ico:hover{transform: scale(1.05,1.05);}

.foot .tit{font-size: 0.43rem;color:#fff;margin-bottom: 0.1rem;}
.foot .txt{}
.foot .fz{}
.foot .arr{font-size: 0.16rem;color:#fff;line-height: 0.34rem;background:url(../images/ft_07.png) no-repeat left .1rem;background-size:.11rem;padding-left: 0.2rem;}
.foot .lks{display: flex;flex-wrap: wrap;}
.foot .lk{width: 50%;}
.foot .lk:hover{opacity: .85;}

.foot .col1{max-width: 4.84rem;width: 30%;}
.foot .col2{max-width: 3.6rem;width: 30%;}
.foot .col3{max-width: 3rem;}


/* blogs */
.inner-ban{height: 6.5rem;position: relative;}
.inner-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.inner-ban .bt{font-size: 0.66rem;color:#fff;font-family: 'Helvetica';font-weight: bold;}
.inner-ban .txt{font-size: 0.18rem;color:#fff;margin: 0.1rem auto 0;max-width: 90%;}



.blog-menu{background-color: #fff;}
.blog-menu .box{display: flex;justify-content: center;}
.blog-menu .lk{font-size: 0.2rem;color:#686868;line-height: 0.8rem;padding:0 .25rem;position: relative;margin:0 .7rem;}
.blog-menu .lk::after{content:'';position: absolute;left: 50%;bottom: 0;height: 0.04rem;background-color: #2688d5;transition: all .3s;width: 0;}
.blog-menu .lk.cur,.blog-menu .lk:hover{color:#2688d5;}
.blog-menu .lk.cur::after,.blog-menu .lk:hover::after{width: 100%;left: 0;}


.blog-main{padding:.55rem 0 .65rem;background-color: #f7f7f7;}

.blog-list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.blog-list .item{padding: 0.15rem;background-color: #fff;width: 31.3%;margin:2% 0 0 2%;}
.blog-list .imgbox{height: 2.6rem;}
.blog-list .info{padding:.2rem 0;}
.blog-list .title{font-size: 0.18rem;color:#000;font-weight: bold;-webkit-line-clamp: 1;}
.blog-list .txt{font-size: 0.15rem;color:#707070;line-height: 0.2rem;-webkit-line-clamp: 3;margin-top: 0.1rem;}
.blog-list .date{font-size: 0.15rem;color:#666666;margin-top: 0.15rem;}
.blog-list .item:hover .title{color: #2c92e2;}

.pagelist{margin-top: 0.65rem;text-align: center;}
.pagelist a,.pagelist span{display: inline-block;vertical-align: middle;line-height: 0.46rem;height: 0.46rem;background-color: #e6e6e6;margin:0 .04rem;cursor: pointer;}
.pagelist a{min-width: .5rem;}
.pagelist .prev,.pagelist .next{width: 0.86rem;background:url(../images/icon_03.png) no-repeat center #e6e6e6;background-size:.3rem .15rem;}
.pagelist .next{transform: scale(-1);}
.pagelist a:hover,.pagelist a.active{color:#fff;background-color: #2c92e2;}
.pagelist .prev:hover,.pagelist .next:hover{background-image:url(../images/icon_03-1.png);background-color: #2c92e2;}

/* processing */
.process-top{padding:.85rem 0 .5rem;border-bottom:1px dashed #d1d1d1;text-align: center;}
.process-top .title{font-size: 0.42rem;font-weight: bold;}
.process-top .smwz{font-size: 0.16rem;line-height: 1.4;max-width: 12.75rem;margin:.1rem auto 0;}


.process-list{padding:.55rem 0;}
.process-list .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.5rem;}
.process-list .imgbox{height: 3.25rem;width: 41%;}
.process-list .info{width: 53%;}
.process-list .title{font-size: 0.32rem;font-weight: bold;}
.process-list .txt{font-size: .15rem;color:#575757;line-height: .22rem;margin-top: 0.1rem;}
.process-list .item:nth-child(even){flex-direction: row-reverse;}
.process-list .item:nth-child(even) .info{text-align: right;}

.form-sec{padding:.5rem 0 .75rem;background-color: #f4f6f9;}
.form-sec .auto{max-width: 11.4rem;}

.idx-tt{text-align: center;margin-bottom: 0.3rem;}
.idx-tt .t-tit{font-size: 0.66rem;font-family: 'Helvetica';font-weight: bold;display: inline-block;vertical-align: middle;position: relative;}
.idx-tt .t-tit.l::before,.idx-tt .t-tit.r::after{content:'';display: inline-block;vertical-align: middle;width: 0.7rem;height: 0.7rem;background:url(../images/icon_04.png) no-repeat center;background-size:contain;top: 50%;transform: translate(0,-50%);position: absolute;}
.idx-tt .t-tit.l::before{left: -0.9rem;}
.idx-tt .t-tit.r::after{right: -0.9rem;}
.idx-tt .smwz{font-size: 0.18rem;color:#4f4f4f;max-width: 8.95rem;margin:.1rem auto 0;line-height: 1.2;}

.idx-tt.white .t-tit{color:#fff;}
.idx-tt.white .t-tit.l::before,.idx-tt.white .t-tit.r::after{background-image:url(../images/icon_04-1.png)}


.form-sec .form{}
.form-sec .row{display: flex;justify-content: space-between;}
.form-sec .item{width: 32.3%;margin-bottom: 0.25rem;position: relative;}
.form-sec .ipt{width: 100%;border:1px solid #d1d1d1;border-radius:.11rem;font-size: 0.14rem;color:#333;}
.form-sec .ipt-txt{height: 0.55rem;line-height: 0.55rem;padding:0 .2rem;}
.form-sec .con{height: 1.9rem;padding:.15rem .2rem;resize:none;}
.form-sec .submit{width: 1.55rem;margin-top: 0.35rem;line-height: 0.56rem;border-radius:.28rem;}
.form-sec .upicon{width: 0.55rem;height: 0.55rem;background:url(../images/icon_05.png) no-repeat center;background-size:.2rem;position: absolute;right: 0;top: 0;cursor: pointer;}

/* contact */
.lx-sec{padding:.85rem 0;}
.lx-sec .bt{font-size: 0.46rem;font-weight: bold;font-family: 'Helvetica';text-align: center;text-transform: uppercase;}
.lx-sec .smwz{font-size: 0.16rem;color:#686868;margin-top: 0.1rem;text-align: center;}
.lx-sec .list{display: flex;margin-top: 0.8rem;}
.lx-sec .list li{display: flex;align-items: flex-start;flex:1;overflow: hidden;}
.lx-sec .list .icon{width: 0.74rem;margin-right: 0.15rem;}
.lx-sec .list .info{flex:1;overflow: hidden;}
.lx-sec .list .fz{font-size: 0.18rem;color:#555555;margin-top: 0.15rem;}
.lx-sec .list .wz{font-size: 0.2rem;}

/* materials */
.mat-sec{background-color: #f8f6f6;}
.mat-sec .module{padding:.35rem 0 .6rem;border-bottom:1px dashed #c3c3c3;}
.mat-sec .module:last-child{border:none;}
.mat-sec .bt{font-size: 0.42rem;font-weight: bold;margin-bottom: 0.2rem;}
.mat-sec .list{display: flex;flex-wrap: wrap;margin:-2% 0 0 -2%;}
.mat-sec .list .item{padding:.3rem .15rem;min-height: 2.15rem;background-color: #fff;border-radius:.2rem;box-shadow:0 0 .12rem rgba(0,0,0,.08);width: 23%;margin:2% 0 0 2%;}
.mat-sec .list .title{font-size: 0.26rem;line-height: .34rem;-webkit-line-clamp: 1;font-weight: bold;position: relative;padding:0 .1rem;}
.mat-sec .list .title::before{content:'';position: absolute;left: 0;top: 0;width: 0.34rem;height: 0.34rem;background:url(../images/blog_04.png) no-repeat center;background-size:contain;}
.mat-sec .list .txt{font-size: 0.15rem;color:#838383;line-height: 0.2rem;-webkit-line-clamp: 5;margin-top: 0.1rem;padding:0 .1rem;}
.mat-sec .list .item:hover{background:url(../images/blog_03.jpg) no-repeat center;background-size:cover;}


/* blogsDetail */
.blogdet-main{padding:0 0 .65rem;}
.blogdet-main .wrap{display: flex;align-items: flex-start;}
.blogdet-l{flex:1;overflow: hidden;}
.blogdet-r{width: 3.85rem;margin-left: 0.35rem;}

.blog-det{padding:.25rem .4rem 0;background-color: #fafafa;}
.blog-det .title{font-size: 0.32rem;font-weight: bold;text-align: center;line-height: 1.3;}
.blog-det .sm{text-align: center;margin-top: 0.1rem;}
.blog-det .sm span{font-size: 0.16rem;color:#797979;margin:0 .15rem;}
.blog-det .sm .date{background:url(../images/blog_06.png) no-repeat left center;background-size:.2rem;padding-left: 0.26rem;}
.blog-det .edit{padding: 0.3rem 0;font-size: 0.16rem;color:#797979;line-height: 0.24rem;}

.pagenav{margin-top: 0.3rem;}
.pagenav .lk{display: block;font-size: 0.16rem;color:#797979;line-height: 0.46rem;border-bottom:1px dashed #e0e0e0;}
.pagenav .lk:last-child{border:none;}
.pagenav .lk:hover{color:#2c92e2;}

.blog-hot{padding: 0.25rem 0 .15rem;}
.blog-hot .t-tit{font-size: 0.3rem;font-weight: bold;margin-bottom: 0.15rem;}
.blog-hot .list{}
.blog-hot .list .item{margin-bottom: 0.25rem;}
.blog-hot .list .item>a{display: flex;align-items: center;}
.blog-hot .list .imgbox{width: 1.6rem;height: 1.15rem;margin-right: 0.15rem;}
.blog-hot .list .info{flex:1;overflow: hidden;}
.blog-hot .list .title{font-size: 0.16rem;font-weight: bold;line-height: 0.24rem;-webkit-line-clamp: 2;}
.blog-hot .list .date{font-size: 0.16rem;color:#6e6e6e;background:url(../images/blog_06.png) no-repeat left center;background-size:.2rem;padding-left: 0.26rem;margin-top: 0.13rem;}
.blog-hot .list .item:hover .title{color:#2c92e2;}

/* company */
.us-tit{margin-bottom: 0.35rem;position: relative;}
.us-tit span{font-size: 0.42rem;font-weight: bold;position: relative;z-index:5;line-height: 1;}
.us-tit::after{content:'';position: absolute;left: 0;bottom: .03rem;width: 0.8rem;height: 0.08rem;background-color: #2688d5;}


.us-intro{padding:.6rem 0;}
.us-intro .detail{display: flex;align-items: center;}
.us-intro .lbox{flex:1;overflow: hidden;}
.us-intro .rbox{width: 50%;margin-left: 0.5rem;position: relative;}
.us-intro .txt{font-size: 0.16rem;color:#686868;line-height: 0.22rem;}

.us-intro .videobox{height: 4.6rem;position: relative;z-index:10;}
.us-intro .icon{width: 0.86rem;height: 0.86rem;background:url(../images/us_11.png) no-repeat center;background-size:contain;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.us-intro .mask{width: 93%;height: 93%;position: absolute;left: 0;top: 0;background-color: #2688d5;transform: rotate(-4deg);}

.us-cul{}
.us-cul .list{display: flex;justify-content: space-between;}
.us-cul .list .item{width: 32.3%;height: 4.2rem;position: relative;}
.us-cul .list .imgbox{height: 100%;}
.us-cul .list .shade{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding:1.4rem .3rem 0;text-align: center;}
.us-cul .list .tit{font-size: 0.42rem;color:#fff;font-weight: bold;line-height: 1.2;}
.us-cul .list .txt{font-size: 0.18rem;color:#fff;margin:.1rem auto 0;}


.us-advan{padding:.55rem 0;}
.us-advan .list{padding:0 .1rem;}
.us-advan .list li{margin-bottom: 0.3rem;}
.us-advan .list .title{font-size: 0.2rem;font-weight: bold;margin-bottom: 0.14rem;position: relative;padding-left: 0.25rem;}
.us-advan .list .title::before{content:'';position: absolute;left: 0;top: 50%;width: 0.12rem;height: 0.12rem;background:url(../images/us_10.png) no-repeat center;background-size:contain;margin-top: -0.06rem;}
.us-advan .list .txt{font-size: 0.16rem;color:#525252;line-height: 0.22rem;padding-left: 0.25rem;}
.us-advan .list .txt p{margin-bottom: 0.1rem;}
.us-advan .list .txt p:last-child{margin-bottom: 0;}
.us-advan .list li:last-child{margin-bottom: 0;}

.us-map{background-color: #f7f7f7;padding:0 0 1.25rem;}
.us-map .img{width: 100%;display: block;}

.us-pics{margin-top: -1.25rem;position: relative;z-index:10;padding:0 0 1rem;}
.us-pics .detail{position: relative;}
.us-pics .item{height: 3.05rem;overflow: hidden;}
.us-pics .item .img{transition: all 1s;}
.us-pics .item:hover .img{transform: scale(1.1,1.1);}

.us-pics .swiper-container{position: static;}
.us-pics .swiper-button{width: 0.52rem;height: 0.52rem;background:url(../images/us_09.png) no-repeat center;background-size:contain;margin-top: -0.1rem;}
.us-pics .swiper-button-prev{left: -.9rem;}
.us-pics .swiper-button-next{right: -.9rem;transform: rotate(180deg);}
.us-pics .swiper-button:hover{background-image:url(../images/us_09-1.png)}
.us-pics .swiper-pagination{display: none;}


/* product */
.cp-main{padding:.4rem 0;}
.cp-menu{display: flex;justify-content: space-around;padding:.3rem 0;border-bottom:1px dashed #7e7e7e;}
.cp-menu .lk{text-align: center;}
.cp-menu .icon{height: 0.7rem;width: auto;display: block;margin:0 auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all .3s;}
.cp-menu .tit{font-size: 0.2rem;color:#273e60;margin-top: 0.15rem;}
.cp-menu .lk.cur .icon,.cp-menu .lk:hover .icon{-webkit-filter: grayscale(0);filter: grayscale(0);}
.cp-menu .lk:hover .icon{transform: scale(1.1,1.1);}


.cp-list{}
.cp-list .item{display: flex;align-items: flex-start;padding:.35rem 0 .45rem;border-bottom:1px dashed #d1d1d1;}
.cp-list .item:last-child{border-bottom:none;}
.cp-list .imgbox{width: 29%;margin-right: 0.4rem;}
.cp-list .pic{width: 96%;display: block;margin:0 auto;max-width: 3.4rem;}
.cp-list .info{flex:1;overflow: hidden;position: relative;padding-top: 0.25rem;}
.cp-list .num{font-size: 1.63rem;opacity: .05;font-weight: bold;position: absolute;left: 0;top: 0;line-height: 1;}
.cp-list .title{font-size: 0.42rem;font-weight: bold;line-height: 1.2;}
.cp-list .txt{font-size: 0.16rem;color:#4f4f4f;margin-top: 0.1rem;}
.cp-list .box{padding:.25rem .45rem .4rem;background-color: #f5f7f9;margin-top: 0.2rem;}
.cp-list .smtit{font-size: 0.24rem;color:#000;font-weight: bold;margin-bottom: 0.18rem;line-height: 1.2;}
.cp-list .rows{border:1px solid #e0e4e8;border-radius:.06rem;overflow: hidden;}
.cp-list .row{font-size: 0.15rem;line-height: 0.26rem;display: flex;align-items: center;}
.cp-list .row>div{padding:.15rem .1rem .15rem .2rem;font-size: inherit;}
.cp-list .w1{width: 20%;}
.cp-list .w2{width: 39%;}
.cp-list .w3{width: 18%;}
.cp-list .w4{width: 23%;}
.cp-list .row:nth-child(odd){background-color: #ffffff;}
.cp-list .row:nth-child(even){background-color: #f5f7f9;}
.cp-list .more{min-width: 1.4rem;line-height: 0.4rem;margin-top: 0.25rem;border-radius:.2rem;text-align: center;}

.cp-list .tablewrap{border:1px solid #e0e4e8;border-radius:.06rem;overflow: hidden;}
.cp-list .table{}
.cp-list .table td{font-size: 0.15rem;line-height: 0.26rem;padding:.15rem .1rem .15rem .2rem;}
.cp-list .table tr:nth-child(odd){background-color: #ffffff;}
.cp-list .table tr:nth-child(even){background-color: #f5f7f9;}



/* productDetail */
.cp-tit{margin-bottom: 0.3rem;position: relative;}
.cp-tit span{font-size: 0.36rem;font-weight: bold;position: relative;z-index:5;line-height: 1;}
.cp-tit::after{content:'';position: absolute;left: 0;bottom: .03rem;width: 0.8rem;height: 0.08rem;background-color: #2688d5;}

.cp-intro{padding:.4rem 0 .2rem;border-bottom:1px dashed #c5c5c5;}
.cp-intro .title{font-size: 0.42rem;font-weight: bold;}
.cp-intro .box{display: flex;align-items: center;justify-content: space-between;margin-top: 0.05rem;}
.cp-intro .txt{font-size: 0.16rem;color:#525252;line-height: 0.22rem;max-width: 10rem;flex:1;overflow: hidden;}
.cp-intro .down{line-height: 0.44rem;border-radius:.22rem;margin-left: 0.5rem;}



.cp-des{padding:.4rem 0;border-bottom:1px dashed #c5c5c5;display: flex;align-items: center;margin-bottom: 0.4rem;}
.cp-des .info{flex:1;overflow: hidden;}
.cp-des .list{}
.cp-des .list li{font-size: 0.16rem;color:#525252;line-height: 0.36rem;position: relative;padding-left: 0.3rem;}
.cp-des .list li::before{content:'';position: absolute;width: 0.12rem;height: 0.12rem;background:url(../images/us_10.png) no-repeat center;background-size:contain;left: .03rem;top: 0.1rem;}


.cp-des .box{width: 4.1rem;height: 3.1rem;background:url(../images/cp_07.jpg) no-repeat center;background-size:cover;margin-left: 0.6rem;text-align: center;padding:.35rem 0;}
.cp-des .font{font-size: 0.28rem;color:#fff;font-weight: bold;}
.cp-des .tag{font-size: 0.24rem;color:#fff;display: inline-block;vertical-align: middle;line-height: 0.55rem;padding:0 .25rem;background-color: #f2b83c;border-radius:.26rem;margin-top: 0.25rem;}
.cp-des .tel{font-size: 0.25rem;color:#fff;margin-top: 0.35rem;display: inline-block;vertical-align: middle;position: relative;}
.cp-des .tel::before{content:'';display: inline-block;vertical-align: middle;width: 0.4rem;height: 0.4rem;background:url(../images/cp_22.png) no-repeat center;background-size:contain;}
.cp-des .tel::after{content:'';position: absolute;left: .3rem;bottom: .02rem;height: 1px;background-color: #f2b83c;right: 0;}

.cp-grades{border-bottom:1px dashed #c5c5c5;margin-bottom: 0.35rem;}
.cp-grades .group{margin-bottom: 0.25rem;}
.cp-grades .smtit{font-size: 0.16rem;margin-bottom: 0.1rem;}
.cp-grades .lks{display: flex;flex-wrap: wrap;margin-left: -1%;}
.cp-grades .lk{display: inline-block;vertical-align: middle;font-size: 0.16rem;color:#494949;line-height: 0.36rem;border:1px solid #2c92e2;min-width: 11.5%;text-align: center;padding:0 .15rem;margin:0 0 1% 1%;}
.cp-grades .lk:hover{background-color: #82bcea;}


.cp-pics{margin-bottom: 0.8rem;}
.cp-pics .list{display: flex;flex-wrap: wrap;margin-left: -1.5%;}
.cp-pics .list .item{height: 2.9rem;width: 23.5%;margin-left: 1.5%;}
.cp-pics .list .imgbox{width: 100%;height: 100%;}

.cp-spec{margin-bottom: 0.6rem;}
.cp-spec .pic{width: 100%;display: block;}

.cp-area{padding:.5rem 0 1rem;background:url(../images/cp_13.jpg) no-repeat center;background-size:cover;}
.cp-area .bt{font-size: 0.36rem;font-weight: bold;text-align: center;}
.cp-area .smwz{font-size: 0.16rem;color:#4f4f4f;line-height: 0.22rem;text-align: center;max-width: 10.1rem;margin:.1rem auto 0;}
.cp-area .list{display: flex;flex-wrap: wrap;margin-left: -1.5%;margin-top: 0.35rem;}
.cp-area .list .item{height:3.4rem;width: 23.5%;margin-left: 1.5%;transform: skewX(-7deg);}
.cp-area .list .imgbox{width: 100%;height: 100%;}

.cp-area .swiper-pagination{position: static;margin-top: 0.2rem;}
.cp-area .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;margin:0 .06rem!important;}




.cp-purch{padding:.55rem 0 .75rem;}
.cp-purch .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -.8rem;}
.cp-purch .list li{display: flex;align-items: flex-start;width: 49%;margin-top: 1rem;}
.cp-purch .list .icon{width: 1.5rem;margin-right: 0.25rem;}
.cp-purch .list .info{flex:1;overflow: hidden;}
.cp-purch .list .title{font-size: 0.32rem;color:#273e60;font-weight: bold;}
.cp-purch .list .txt{font-size: 0.16rem;color:#757575;line-height: 0.22rem;max-width: 4.65rem;margin-top: 0.13rem;}


.cp-zs{padding:.5rem 0 .7rem;background-color: #fff;;}
.cp-zs .list{display: flex;justify-content: space-between;text-align: center;align-items: center;padding-top: 0.3rem;}
.cp-zs .list .item{}
.cp-zs .list .line{width: 1px;height: 1.25rem;background-color: #dfdfdf;}
.cp-zs .list .icon{height: 0.6rem;width: auto;display: block;margin:0 auto;}
.cp-zs .list .tit{font-size: 0.22rem;color:#273e60;margin-top: 0.18rem;}

.cp-rows{}
.cp-rows .item{background-color: #f7f7f7;margin-bottom: 0.7rem;display: flex;align-items: center;}
.cp-rows .item .imgbox{width: 65%;height: 4.75rem;border-radius:0 1rem 1rem 0;}
.cp-rows .item .info{flex:1;overflow: hidden;padding:.2rem .55rem;}
.cp-rows .item .tit{font-size: 0.36rem;font-weight: bold;}
.cp-rows .item .line{width: 0.72rem;height: 0.06rem;background-color: #2688d5;display: block;}
.cp-rows .item .txt{font-size: 0.16rem;color:#5a5a5a;line-height: 0.24rem;margin-top: 0.2rem;}
.cp-rows .item:nth-child(odd){flex-direction: row-reverse;}
.cp-rows .item:nth-child(odd) .imgbox{border-radius:1rem 0 0 1rem;}


/* materialsDetail */
.mat-main{padding:.55rem 0;}
.mat-main .wrap{display: flex;align-items: flex-start;}
.mat-l{flex:1;overflow: hidden;}
.mat-r{width: 3.95rem;margin-left: 0.4rem;}


.mat-tit{margin-bottom: 0.2rem;position: relative;}
.mat-tit span{font-size: 0.3rem;font-weight: bold;position: relative;z-index:5;line-height: 1;}
.mat-tit::after{content:'';position: absolute;left: 0;bottom: .03rem;width: 0.72rem;height: 0.06rem;background-color: #2688d5;}

.mat-m{margin-bottom: 0.4rem;}
.mat-m .desc{font-size: 0.15rem;color:#525252;line-height: 0.2rem;}


.mat-top{padding:0 0 .25rem;border-bottom:1px dashed #c5c5c5;margin-bottom: 0.35rem;}
.mat-top .title{font-size: 0.36rem;font-weight: bold;line-height: 1.4;}
.mat-top .txt{font-size: 0.16rem;line-height: 1.3;margin-top: 0.08rem;}


.mat-apply .list{}
.mat-apply .list li{font-size: 0.15rem;color:#525252;line-height: 0.2rem;position: relative;padding-left: 0.27rem;margin-bottom: 0.15rem;}
.mat-apply .list li::before{content:'';position: absolute;width: 0.1rem;height: 0.1rem;background:url(../images/us_10.png) no-repeat center;background-size:contain;left: .03rem;top: 0.03rem;}
.mat-apply .list li:last-child{margin-bottom: 0;}

.mat-chem{}
.mat-chem .list{display: flex;border:1px solid #e3e3e3;}
.mat-chem .list li{flex:1;overflow: hidden;}
.mat-chem .list .tit{font-size: 0.16rem;color:#fff;background-color: #2688d5;height: 0.48rem;display: flex;align-items: center;justify-content: center;}
.mat-chem .list .txt{font-size: 0.15rem;min-height: .48rem;display: flex;align-items: center;justify-content: center;border-right:1px solid #e3e3e3;}
.mat-chem .list li:last-child .txt{border-right:none;}

.mat-chem{}
.mat-chem .table{}
.mat-chem .table th{font-size: 0.16rem;color:#fff;background-color: #2688d5;height: 0.48rem;}
.mat-chem .table td{font-size: 0.15rem;height: .48rem;border-right:1px solid #e3e3e3;text-align: center;}
.mat-chem .table tbody{border:1px solid #e3e3e3;}



.mat-pro{}
.mat-pro .list{}
.mat-pro .list li{font-size: 0.15rem;color:#525252;line-height: 0.3rem;}

.mat-down{margin-bottom: 0.15rem;}
.mat-down .t-tit{font-size: 0.18rem;color:#fff;height: 0.6rem;background-color: #2c92e2;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.mat-down .t-tit::after{content:'';display: inline-block;vertical-align: middle;width: 0.18rem;height: 0.11rem;background:url(../images/icon_06.png) no-repeat center;background-size:contain;margin-left: 0.2rem;}
.mat-down .t-tit.this::after{transform: rotate(180deg);}

.mat-forms{padding:0 .2rem .35rem;background-color: #f7fafc;margin-bottom: 0.2rem;}
.mat-forms .t-tit{font-size: 0.19rem;color:#525252;font-weight: bold;text-align: center;line-height: 0.25rem;padding:.2rem 0;border-bottom:1px dashed #c5c5c5;}
.mat-forms .list{display: flex;flex-wrap: wrap;padding:.4rem 0 .2rem;}
.mat-forms .list .lk{width: 50%;text-align: center;margin-bottom: 0.35rem;}
.mat-forms .list .icon{height: 0.65rem;-webkit-filter: grayscale(100%);filter: grayscale(100%);width: auto;display: block;margin:0 auto;opacity: .6;}
.mat-forms .list .tit{font-size: 0.18rem;color:#4c5a62;font-weight: bold;text-decoration: underline;margin-top: 0.05rem;}
.mat-forms .list .lk:hover .icon{-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;}
.mat-forms .button{font-size: 0.18rem;line-height: 0.58rem;width: 2.8rem;border-radius:.29rem;margin:0 auto;display: block;}


.mar-quote{padding:.3rem .2rem;background-color: #f8f8f8;display: none;}
.mar-quote .smwz{text-align: center;font-size: 0.16rem;color:#676767;margin-bottom: 0.2rem;}
.mar-quote .bt{font-size: 0.32rem;font-weight: bold;text-align: center;font-family: 'Helvetica';margin-bottom: 0.14rem;}
.mar-quote .box{padding:0 .3rem;}
.mar-quote .item{margin-bottom: 0.12rem;position: relative;}
.mar-quote .ipt{width: 100%;border:1px solid #d1d1d1;border-radius:.08rem;font-size: 0.14rem;color:#333;}
.mar-quote .ipt-txt{height: 0.4rem;line-height: 0.4rem;padding:0 .15rem;}
.mar-quote .con{height: 1rem;padding:.1rem .15rem;resize:none;}
.mar-quote .submit{width: 1.15rem;margin-top: 0.15rem;line-height: 0.4rem;border-radius:.2rem;}
.mar-quote .upicon{width: 0.4rem;height: 0.4rem;background:url(../images/icon_05.png) no-repeat center;background-size:.2rem;position: absolute;right: 0;top: 0;cursor: pointer;}



/* index */
.idx-ban{position: relative;}
.idx-ban .item{height: 100vh;overflow: hidden;}
.idx-ban .item .img{animation:changeBiger 5s linear forwards;
animation-delay:0s; /*等待几秒开始动画*/
-webkit-animation-delay:0s; /*等待几秒开始动画*/
transform: scale(1.2);}
.idx-ban .swiper-pagination{display: none;}
.idx-ban .arrs{position: absolute;bottom: 1.8rem;z-index:80;right: 0;left: 11%;z-index:100;}
.idx-ban .swiper-button{width: 0.8rem;height: 0.8rem;background:url(../images/us_09-2.png) no-repeat center;background-size:contain;position: static;margin:0 .15rem 0 0;display: inline-block;vertical-align: middle;}
.idx-ban .swiper-button:hover{background-image:url(../images/us_09-1.png)}
.idx-ban .swiper-button-next{transform: rotate(180deg);}

@keyframes changeBiger {
  0% {transform: scale(1.2);}
  100% {transform: scale(1);}
}


.idx-top{padding:0 0 .1rem;}
.idx-top .wrap{}
.idx-top .menu{display: flex;margin-top: -1rem;background-color: #f4f4f4;position: relative;z-index:20;}
.idx-top .menu .lk{font-size: 0.36rem;font-weight: bold;font-family: 'Helvetica';width: 50%;line-height: 1rem;text-align: center;}
.idx-top .menu .lk.cur{color:#fff;background-color: #2c92e2;}

.idx-top .detail{padding:0 .35rem;box-shadow:0 0 .18rem rgba(24,74,107,.15);}
.idx-top .topicons{display: flex;flex-wrap: wrap;padding:.25rem 0;}
.idx-top .topicons .grp{font-size: 0.16rem;color:#6b6b6b;margin-right: 0.25rem;display: flex;align-items: center;}
.idx-top .topicons .ico{height: 0.24rem;width: auto;margin-right: 0.1rem;}

.idx-top .list1{margin-left: -1%;display: flex;flex-wrap: wrap;}
.idx-top .list1 .item{border:2px solid #e4e4e4;width: 11.5%;margin:0 0 1% 1%;padding:.17rem .1rem;transition: all .3s;}
.idx-top .list1 .title{font-size: 0.26rem;color:#273e60;font-family: 'Helvetica';font-weight: bold;line-height: 1.3;margin-bottom: 0.05rem;}
.idx-top .list1 .fz1{font-size: 0.16rem;color:#6a6a6a;line-height:.28rem;}
.idx-top .list1 .fz2{font-size: 0.16rem;color:#424242;line-height:.28rem;}
.idx-top .list1 .ics{display: flex;flex-wrap: wrap;margin-left: -0.05rem;padding-top: 0.1rem;}
.idx-top .list1 .ico{height: 0.13rem;width: auto;margin-left: 0.05rem;margin-top: 0.08rem;}
.idx-top .list1 .item:hover{transform: translate(0,-.05rem);}


.idx-top .list2{margin-top: 0.2rem;display: flex;flex-wrap: wrap;margin-left: -1%;}
.idx-top .list2 .item{width: 24%;margin:0 0 0 1%;height: 2.15rem;position: relative;}
.idx-top .list2 .imgbox{height: 100%;}
.idx-top .list2 .shade{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.idx-top .list2 .tit{font-size: 0.18rem;color:#fff;line-height: 0.26rem;font-family: 'Helvetica';max-width: 2.35rem;width: 90%;text-align: center;}

.idx-top .botbox{text-align: center;padding:.35rem 0 0;background:url(../images/idx_28.jpg) no-repeat center;background-size:100% 100%;height: 1.9rem;width:calc(100% + .38rem);margin-left: -0.18rem;}
.idx-top .botbox .txt{font-size: 0.24rem;color:#273e60;line-height: 0.32rem;font-family: 'Helvetica';font-weight: bold;}
.idx-top .botbox .arrow{width: 0.26rem;height: 0.26rem;background:url(../images/idx_16.png) no-repeat center;background-size:contain;display: block;margin:.15rem auto 0;}



.idx-cp{padding:.75rem 0 .5rem;background:url(../images/idx_18.jpg) no-repeat center;background-size:cover;}
.idx-cp .list{/* display: flex;justify-content: space-between;align-items: center; */padding-top: 0.4rem;text-align: center;position: relative;}
.idx-cp .list .item{position: relative;}
.idx-cp .list .item::after{content:'';position: absolute;right: 0;top: 50%;transform: translate(0,-50%);background-color: #dfdfdf;width: 1px;height: 1.25rem;}
.idx-cp .list .line{width: 1px;height: 1.25rem;background-color: #dfdfdf;}
.idx-cp .list .icon{height: 0.6rem;width: auto;display: block;margin:0 auto;}
.idx-cp .list .tit{font-size: 0.22rem;color:#273e60;margin-top: 0.18rem;}

.idx-cp .more{line-height: 0.55rem;border-radius:.28rem;padding:0 .4rem;margin-top: 0.65rem;}


.idx-cp .swiper-container{position: static;}
.idx-cp .swiper-button{width: 0.52rem;height: 0.52rem;background:url(../images/us_09.png) no-repeat center;background-size:contain;margin-top: -0.1rem;}
.idx-cp .swiper-button-prev{left: -.9rem;}
.idx-cp .swiper-button-next{right: -.9rem;transform: rotate(180deg);}
.idx-cp .swiper-button:hover{background-image:url(../images/us_09-1.png)}
.idx-cp .swiper-pagination{display: none;}



.idx-process{padding:.75rem 0 .6rem;}
.idx-process .menu{border-top:1px solid #cdcdcd;position: relative;}
.idx-process .menu .lk{font-size: 0.18rem;line-height: 0.75rem;cursor: pointer;position: relative;text-align: center;display: block;padding:0 .4rem;}
.idx-process .menu .lk::before{content:'';position: absolute;left: 50%;top: 0;height: 0.03rem;background-color: #2c92e2;width: 0;transition: all .3s;}
.idx-process .menu .lk::after{content:'';position: absolute;right: 0;top: 50%;width: 1px;background-color: #cdcdcd;height: 0.24rem;margin-top: -0.12rem;}
.idx-process .menu .x{width: 1px;height: 0.24rem;background-color: #cdcdcd;}
.idx-process .menu .x:last-child{display: none;}
.idx-process .menu .lk.cur,.idx-process .menu .lk:hover{color:#2c92e2;}
.idx-process .menu .lk.cur::before{width: 100%;left: 0;}

.idx-process .menu .swiper-slide-thumb-active .lk{color:#2c92e2;}
.idx-process .menu .swiper-slide-thumb-active .lk::before{width: 100%;left: 0;}

.idx-process .swiper-container{position: static;}
.idx-process .swiper-button{width: .4rem;height: .4rem;background:url(../images/us_09.png) no-repeat center;background-size:.3rem;}
.idx-process .swiper-button-prev{left: -.45rem;}
.idx-process .swiper-button-next{transform: rotate(180deg);right: -.45rem;}
.idx-process .menu .swiper-slide{width: auto;}



.idx-process .box{height: 7.2rem;position: relative;}
.idx-process .info{text-align: center;max-width: 10.6rem;background-color: rgba(0,0,0,.2);padding:.5rem .3rem;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.idx-process .title{font-size: 0.32rem;color:#fff;font-weight: bold;}
.idx-process .txt{font-size: 0.2rem;color:#fff;margin-top: 0.1rem;}
.idx-process .more{display: inline-block;vertical-align: middle;line-height: 0.4rem;border-radius:.2rem;margin-top: 0.3rem;padding:0 .3rem;}

.idx-us{background:url(../images/idx_27.jpg) no-repeat center bottom;background-size:cover;min-height: 6.35rem;padding:.6rem 0 0;display: flex;align-items: center;justify-content: space-between;}
.idx-us .info{width: 5.35rem;margin-left:calc(50% - 7.05rem);}
.idx-us .bt{font-size: 0.66rem;font-weight: bold;font-family: 'Helvetica';}
.idx-us .smtit{font-size: 0.18rem;color:#2c92e2;font-family: 'Helvetica';margin-top: 0.06rem;}
.idx-us .txt{font-size: 0.16rem;color:#5c5c5c;line-height: 0.24rem;margin-top: 0.2rem;}
.idx-us .more{line-height: 0.56rem;padding:0 .4rem;border-radius:.28rem;margin-top: 0.65rem;}
.idx-us .videobox{width: 9.45rem;height: 5.75rem;position:relative;}
.idx-us .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.idx-us .videobox .playicon{width: 1.16rem;height: 1.16rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;border:1px solid #fff;border-radius:50%;}
.idx-us .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.idx-us .videobox .video{width: 100%;height: 100%;object-fit: fill;}


.idx-streng{padding:.6rem 0 .65rem;background:url(../images/idx_23.jpg) no-repeat center;background-size:cover;}
.idx-streng .list{display: flex;justify-content: space-between;}
.idx-streng .list li{width: 30.3%;max-width: 3.75rem;}
.idx-streng .list .num{font-size: 0.85rem;color:#fff;opacity: .1;font-family: 'Helvetica';line-height: 1;font-weight: bold;}
.idx-streng .list .title{font-size: 0.28rem;color:#fff;font-family: 'Helvetica';font-weight: bold;margin-top: -0.35rem;}
.idx-streng .list .txt{font-size: 0.14rem;color:#fff;opacity: .7;line-height: 0.2rem;margin-top: 0.15rem;}

.idx-xw{padding:.7rem 0;}
.idx-xw .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-xw .list .item{width: 31.3%;margin-left: 2%;}
.idx-xw .list .imgbox{height: 3.15rem;}
.idx-xw .list .info{padding:.2rem .2rem 0;}
.idx-xw .list .title{font-size: 0.2rem;font-weight: bold;line-height: 1.3;-webkit-line-clamp: 1;}
.idx-xw .list .txt{font-size: 0.16rem;color:#6e6e6e;line-height: 1.3;-webkit-line-clamp: 2;margin-top: 0.06rem;}
.idx-xw .list .item:hover .title{color:#2c92e2;}

.crumb{font-size: 0.16rem;color:#767676;line-height: 0.55rem;text-transform: uppercase;}
.crumb *{font-size: inherit;}
.crumb a:hover{color:#2c92e2;}


/* 2c92e2 */



@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 10.5rem;}
	html{font-size: 5.5rem!important;}

	.head .wrap{width: 98%;}
	.hd-logo .img{height: 0.6rem;}

	.hd-nav li{margin-right: 0.25rem;}
	.hd-nav li>a{font-size: 0.15rem;}


	.hd-sear .icon{width: 0.24rem;height: 0.24rem;}
	.head .line{margin:0 .1rem;}
	.hd-lang .font{font-size: 0.14rem;}
	.hd-lang .font::before{width: 0.24rem;height: 0.24rem;margin-right: 0.05rem;}

	.hd-quote{padding:0 .15rem;font-size: 0.14rem;line-height: 0.42rem;}



	/* company */
	.us-intro .mask{display: none;}

	.us-pics .swiper-button{display: none;}
	.us-pics .swiper-pagination{display: block;position: static;margin-top: 0.25rem;}
	.us-pics .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;}
	.us-pics .swiper-pagination-bullet-active{background-color: #2c92e2;}

	/* index */
	.idx-ban .item{height: 7rem;}
	.idx-ban .arrs{bottom: 1.2rem;}
	.idx-ban .swiper-button{width: 0.6rem;height: 0.6rem;}

	.idx-top .list1 .item{width: 24%;}

	.idx-us{padding:0 4%;}
	.idx-us .info{margin: 0;width: 48%;}
	.idx-us .videobox{width: 48%;height: 5rem;}
	.idx-us .bt{font-size: 0.6rem;}
	.idx-us .videobox .playicon{width: 1rem;height: 1rem;}

	.idx-cp .swiper-button{display: none;}
	.idx-cp .swiper-pagination{display: block;position: static;margin-top: 0.35rem;}

}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{padding:0 3%;width: 100%;}
	html{font-size: 6.2rem!important;}

	.sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;background: url(../images/menu.png) no-repeat center;background-size:.3rem;display: block;margin-top: -0.2rem;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:.3rem;}

	.head{padding:.15rem 0;}
	.head.this,.head.scroll{background-color: rgba(0,0,0,.9);}
	.hd-logo .img{height: 0.6rem;}

	.hd-quote{font-size: 0.14rem;line-height: 0.42rem;margin-right: 0.3rem;}

	.hd-sear{}
	.hd-sear .icon{width: 0.28rem;height: 0.28rem;background-size: .24rem;}
	.head .line{}
	.hd-lang .font{font-size: 0.16rem;}
	.hd-lang .font::before{width: 0.24rem;height: 0.24rem;margin-right: 0.05rem;}

	.hd-nav{position: fixed;width: 100%;left: 0;top: 0.9rem;bottom: 0;overflow-y: scroll;background-color: rgba(0,0,0,.9);display: none;}
	.hd-nav li{display: block;margin: 0;border-top:1px solid rgba(255,255,255,.1);}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;}
	.hd-nav li>a::after{display: none;}

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.7rem;height: 0.7rem;background:url(../images/arrow.png) no-repeat center;background-size:.24rem;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0;display: none;}
	.hd-nav .drop .lk{color:#fff;line-height: 0.6rem;border-top:1px solid rgba(255,255,255,.1);padding:0 8%;}



	/* 公共 */
	.ft-box .box{padding:0 .4rem;}
	.ft-box .txt{font-size: 0.25rem;}

	.foot .wrap{display: block;}
	.foot .col{width: 100%!important;max-width: 100%!important;text-align: center;margin-bottom: 0.3rem;}
	.foot .col:last-child{margin-bottom: 0;}
	.foot .smlogo{height: 0.7rem;}
	.foot .tit{font-size: 0.33rem;}
	.foot .arr{background:none;padding-left: 0;font-size: 0.15rem;}
	.foot .lks{display: block;}
	.foot .lk{width: auto;display: inline-block;vertical-align: middle;padding:0 .1rem;}
	.foot .social{margin-top: 0.2rem;}
	.foot .social a{margin:0 .1rem;}

	/* blogs */
	.inner-ban{height: 5rem;}
	.inner-ban .bt{font-size: 0.56rem;}

	.blog-menu .lk{margin:0 .2rem;}

	.blog-list{margin:-3% 0 0;justify-content: space-between;}
	.blog-list .item{width: 48.5%;margin:3% 0 0 0;}
	.blog-list .imgbox{height: 2.2rem;}


	.idx-tt .t-tit{font-size: 0.42rem;}
	.idx-tt .t-tit.l::before, .idx-tt .t-tit.r::after{width: 0.5rem;height: 0.5rem;}
	.idx-tt .t-tit.l::before{left: -0.65rem;}
	.idx-tt .t-tit.l::after{right: -0.65rem;}


	/* processing */
	.process-top{padding:.6rem 0 .5rem;}
	.process-top .title{font-size: 0.38rem;}

	.process-list .title{font-size: 0.3rem;}

	/* contact */
	.lx-sec .bt{font-size: 0.36rem;}
	.lx-sec .list{display: block;margin-top: 0.5rem;}
	.lx-sec .list li{display: block;text-align: center;padding:.2rem 0;}
	.lx-sec .list .icon{margin: 0;}
	.lx-sec .list .wz{font-size: 0.18rem;}


	/* materials */
	.mat-sec .bt{font-size: 0.32rem;}

	.mat-sec .list .item{width: 48%;}
	.mat-sec .list .title{font-size: 0.24rem;}

	/* blogsDetail */
	.blogdet-main .wrap{display: block;}
	.blogdet-r{width: 100%;margin:.2rem 0 0;}
	.blog-hot{padding:.15rem 0;}

	.blog-det{padding:.25rem .25rem 0;}
	.blog-det .title{font-size: 0.26rem;}
	.blog-det .sm span{font-size: 0.14rem;margin:0 .1rem;}
	.blog-det .sm .date{background-size: 0.16rem;padding-left: 0.22rem;}

	.pagenav{margin-top: 0.2rem;}

	/* company */
	.us-tit{margin-bottom: 0.3rem;}
	.us-tit span{font-size: 0.36rem;}

	.us-intro .detail{display: block;}
	.us-intro .mask{display: none;}
	.us-intro .rbox{width: 100%;margin:.2rem auto 0;}
	.us-intro .videobox{}

	.us-cul .list .item{height: 3rem;}
	.us-cul .list .shade{padding:.7rem .2rem 0;}
	.us-cul .list .tit{font-size: 0.28rem;}
	.us-cul .list .txt{font-size: 0.17rem;}

	.us-pics{padding:0 0 .6rem;}
	.us-pics .item{height: 2.6rem;}
	.us-pics .swiper-button{display: none;}
	.us-pics .swiper-pagination{display: block;position: static;margin-top: 0.25rem;}
	.us-pics .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;}
	.us-pics .swiper-pagination-bullet-active{background-color: #2c92e2;}


	/* product */
	.cp-menu .icon{height: 0.5rem;}
	.cp-menu .tit{margin-top: 0.1rem;}

	.cp-list .item{display: block;}
	.cp-list .imgbox{width: auto;margin: 0;}
	.cp-list .pic{width: auto;max-width: 100%;height: 1.2rem;margin: 0;}
	.cp-list .num{font-size: 1.1rem;}
	.cp-list .box{padding: 0.25rem 0.3rem 0.4rem;}

	/* productDetail */
	.cp-intro .title{font-size: 0.36rem;}

	.cp-des{display: block;}
	.cp-des .box{width: 100%;margin:.2rem auto 0;}


	.cp-grades .lk{min-width: 19%;}

	.cp-pics .list .item{width: 48.5%;margin-bottom: 1.5%;height: 2.4rem;}

	.cp-area .list .item{/* transform: skewX(0);width: 48.5%; */margin-bottom: 1.5%;height: 2.6rem;}


	.cp-purch .list{margin-top: -0.4rem;}
	.cp-purch .list li{margin-top: 0.6rem;}
	.cp-purch .list .icon{width: .8rem;}
	.cp-purch .list .title{font-size: 0.24rem;line-height: 1.2;}

	.cp-rows .item{margin-bottom: 0.5rem;}
	.cp-rows .item .imgbox{height: 3rem;width: 45%;}
	.cp-rows .item .info{padding:.1rem .25rem;}
	.cp-rows .item .tit{font-size: 0.28rem;}
	.cp-rows .item .line{width: 0.6rem;height: 0.03rem;}

	/* materialsDetail */
	.mat-main .wrap{display: block;}
	.mat-r{width: 100%;margin: 0;}
	.mat-r{position: static;}

	.mat-tit::after{width: 0.62rem;}
	.mat-tit span{font-size: 0.26rem;}
	.mat-top .title{font-size: 0.32rem;}


	/* index */
	.idx-ban .item{height: 5rem;}
	.idx-ban .arrs{bottom: 1.2rem;}
	.idx-ban .swiper-button{display: none;}
	.idx-ban .swiper-pagination{display: block;bottom: 0.2rem!important;}
	.idx-ban .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;margin:0 .05rem!important;}
	.idx-ban .swiper-pagination-bullet-active{background-color: #2c92e2;}

	.idx-top .menu{margin-top: .25rem;}
	.idx-top .menu .lk{font-size: 0.28rem;line-height: 0.8rem;}

	.idx-top .topicons .grp{margin:0 .1rem .1rem;}

	.idx-top .list1 .item{width: 32.3%;}
	.idx-top .list1 .title{font-size: 0.24rem;}

	.idx-top .list2{margin: 0;justify-content: space-between;}
	.idx-top .list2 .item{width: 49%;margin:0 0 2%;}

	.idx-top .botbox{width: calc(100% + 0.2rem);margin-left: -0.1rem;padding-top: 0.2rem;}

	.idx-cp{padding:.5rem 0;}
	.idx-cp .list{padding-top: .15rem;}
	.idx-cp .list .icon{height: 0.5rem;}
	.idx-cp .list .tit{font-size: 0.2rem;margin-top: 0.12rem;}
	.idx-cp .list .line{height: .8rem;}
	.idx-cp .more{margin-top: 0.45rem;}

	.idx-cp .swiper-button{display: none;}
	.idx-cp .swiper-pagination{display: block;position: static;margin-top: 0.35rem;}


	.idx-process .menu{width: 90%;margin:0 auto;}
	.idx-process .menu .lk{padding:0 .3rem;}
	/* .idx-process .menu{display: block;overflow-x: scroll;white-space: nowrap;}
	.idx-process .menu .lk{display: inline-block;vertical-align: middle;padding:0 .2rem;}
	.idx-process .menu .lk::before{top: 0;} */
	.idx-process .box{height: 4.5rem;}
	.idx-process .info{padding:.3rem .15rem;}
	.idx-process .title{font-size: 0.26rem;}
	.idx-process .txt{font-size: 0.18rem;line-height: 1.2;}


	.idx-us{padding:.4rem 4%;display: block;}
	.idx-us .info{margin: 0;width: 100%;margin-bottom: 0.3rem;}
	.idx-us .videobox{width: 100%;height: 4rem;}
	.idx-us .bt{font-size: 0.4rem;}
	.idx-us .more{margin:.3rem auto 0;}
	.idx-us .videobox .playicon{width: .7rem;height: .7rem;}

	.idx-streng .list{display: block;}
	.idx-streng .list li{width: 100%;max-width: 100%;margin-bottom: 0.3rem;}
	.idx-streng .list .num{font-size: 0.7rem;}



	.idx-xw{padding:.5rem 0;}
	.idx-xw .list .imgbox{height: 2.2rem;}
	.idx-xw .list .info{padding:.15rem 0 0;}

}