/*banner*/ 
 
.banner .swiper-slide .weap{ height:560px;  position:relative; z-index:1}
.banner .swiper-slide .img{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; overflow:hidden} 
.banner .swiper-slide .img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}.banner .swiper-slide.swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-moz-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-o-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);transition:3s cubic-bezier(0.59,0.5,0.41,0.92);}
.banner .swiper-slide .t{ position:absolute; z-index:2; right:50px; opacity:0;top:42%; visibility:hidden; font-size:53px; font-weight:bold; color:#fff}
.banner .swiper-slide.swiper-slide-active .t{top:32%; visibility:visible; opacity:1;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: alll 1s;transition-delay:1s}
 
.banner .pagination-all{ position:absolute; z-index:2; left:0; right:0; text-align:center; bottom:20px}
.banner .swiper-pagination-bullet{ width:100px; height:3px; margin:0 5px; background-color:#fff; border-radius:0}

.index01{ padding-top:70px; padding-bottom:0px}
.index01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .video{flex:0 0 45%; background-color:#fff; height:470px; background-color:#000;  }
.index01 .txt{ margin-right:65px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; }
.index01 .t1{ font-size:42px; font-weight:bold; line-height:1.2; margin-bottom:15px}
.index01 .line{ width:110px; height:5px; background-color:#147ec9; margin-bottom:15px}
.index01 .txt .p{ line-height:2; font-size:18px;  text-align:justify;}
 
.index01 ul{ margin-top:60px; margin-left:-65px;}
.index01 ul li{ float:left; width:25%; margin-bottom:50px; text-align:center; border-right:1px solid #ddd}
.index01 ul li:last-child{ border-right:none}
.index01 ul li .num{ color:#147ec9; font-size:24px;}
.index01 ul li .num i{ font-size:42px}
.index01 ul li .ms{ font-size:18px;}
 

.index02{  padding-top:5px; padding-bottom:50px}
.plo{ text-align:center; margin-bottom:35px}
.plo h3{  font-size:42px; font-weight:bold; }
.plo .line{ width:110px; height:5px; background-color:#147ec9; margin:0 auto}
 
 
.index02 .swiper-slide a{ display:block;  border-radius:20px; box-shadow:0 0 5px rgba(0,0,0,.1); border:1px solid #e9e9e9; overflow:hidden; margin:5px 13px}
.index02 .swiper-slide .img{ height:215px; overflow:hidden; border-radius:10px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100%; text-align:center }
.index02 .swiper-slide .img img{ display:block; max-width:100%; max-height:100%; margin:0 auto}
.index02 .swiper-slide .txt{ padding:20px; background-color:#0375c5; color:#fff; font-size:18px}
.index02 .swiper-slide .txt .t{ font-weight:bold}
.index02 .swiper-slide .txt>div{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} 
.index02 .swiper-slide .txt .p2{ height:66px; display:block; overflow:hidden}

.index02 .pagination-all{ text-align:center; margin-top:30px}
.index02 .pagination-all>div{ display:inline-block; vertical-align:middle }
.index02 .pagination-all .swiper-pagination-bullet{ width:10px; height:10px; margin:0 12px; opacity:1; background:#797676}
.index02 .pagination-all .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#147ec9}
.index02 .swiper-prev{ width:28px; height:28px; background:url(../image/ico-prev02.png) no-repeat center; background-size:100%; cursor:pointer}
.index02 .swiper-next{ width:28px; height:28px; background:url(../image/ico-next02.png) no-repeat center; background-size:100%; cursor:pointer}
.index02 .swiper-next.swiper-button-disabled,.index02 .swiper-prev.swiper-button-disabled{ opacity:.4}

.index03 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index03 ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0} 
.index03 ul li a{ display:block; height:100%; text-align:center; padding-top:80px; padding-bottom:100px; padding-left:10px; padding-right:10px; position:relative; background-repeat:no-repeat;  background-position:center;  background-size:cover}
.index03 ul li .txt{ width:445px; max-width:100%; margin:0 auto; position:relative; z-index:2; color:#fff}
.index03 ul li .txt h3{ font-size:37px; margin-bottom:55px}
.index03 ul li .p{ font-size:19px; text-align:justify; text-align-last: center;}
.index03 ul li a:before{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;content:""; display:block; position:absolute; z-index:1; background-color: rgba(0,103,176,.4); left:0; right:0;top:0; bottom:0} 
.index03 ul li:nth-child(2) a:before,.index03 ul li a:hover:before{ background-color: rgba(0,103,176,.8);}
.index03 ul:hover li:nth-child(2) a:before{background-color: rgba(0,103,176,.4);}
.index03 ul li:nth-child(2) a:hover:before{background-color: rgba(0,103,176,.8)  !important;}

.index04{ padding:100px 0;padding-top: 0;padding-bottom: 50px;}
.index04 .bd ul{ margin:0 -30px}
.index04 .bd li{ float:left; width:33.33%;}
.index04 .bd li a{ display:block; border:1px solid #d1d1d1; margin:0 13px; padding:30px}
.index04 .bd li .date{ color:#919191; font-size:17px}
.index04 .bd li h3{ font-size:21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px;}
.index04 .bd li .p{ color:#777; margin-bottom:15px; height:96px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.8; text-align:justify;}
.index04 .bd li .more{ font-size:19px; color:#808080}
.index04 .bd li a:hover .more{ color:#147ec9}

.index05{ text-align:center; background:url(../image/index05bg.jpg) no-repeat center; background-size:cover; color:#fff; padding:85px 0}
.index05 .bd{ width:1022px; margin:0 auto; max-width:100%; font-size:20px}
.index05 .bd .more{ margin-top:130px;}
.index05 .bd .more a{ display:inline-block; width:130px; line-height:35px; background-color:#fff; font-size:19px; border-radius:5px;}
.index05 .bd .more a:hover{ background-color:#147ec9; color:#fff}

.nbanner{ background-repeat:no-repeat; background-position:center; background-size:cover}
.nbanner .weap{ height:450px; position:relative}
.nbanner .t{ position:absolute; z-index:2; right:50px;top:50%; margin-top:-48px; text-align:center; color:#fff; left:0; font-size:46px; font-weight:bold; text-shadow:0 0 2px rgba(0,0,0,.2)}

.lanmu{ padding:85px 0; padding-bottom:150px}
.about01 .conn{ font-size:19px; text-align:center; line-height:2}
.about01 .conn a{ font-size:19px}
.about01 .sig{ margin-top:60px; margin-left:-65px;}
.about01 .sig li{ float:left; width:25%; margin-bottom:50px; text-align:center; border-right:1px solid #ddd}
.about01 .sig li:last-child{ border-right:none}
.about01 .sig li .num{ color:#147ec9; font-size:24px;}
.about01 .sig li .num i{ font-size:42px}
.about01 .sig li .ms{ font-size:18px;}
.about01 .video{ width:1280px; height:544px; max-width:100%; margin:0 auto; background-color:#000; margin-top:75px}

.barbox{ border-bottom:1px solid #eee}
.barbox .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.path{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; color:#999}
.path a{ color:#999}
.path a:last-child{ color:#333}
.path i{ font-family:"微软雅黑"; margin:0 10px; font-weight:bold}
.path .ahome{ display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(../image/ico-home.png) no-repeat center; background-size:auto 100%}
.lanmunav li{ float:left;}
.lanmunav li a{ display:block; line-height:85px; padding:0 15px; font-size:18px; position:relative}
.lanmunav li a:before{ content:""; display:block; position:absolute; z-index:2; bottom:0; left:0; right:0; height:4px;}
.lanmunav li.on a:before{ background-color:#fd911e}
.lanmunav li.on a{color:#fd911e}

.lanmuplo{ text-align:center; margin-bottom:35px}
.lanmuplo h3{ font-size:32px}

.developbox{ padding:0}
.develop01{ padding:85px 0; background-color:#f8f8f8}

.developbox .conn{ text-align:center; font-size:21px;  color:#757575; width:820px; margin:0 auto; margin-bottom:25px;max-width:100%}

.develop01 .img{ width:50%; float:left}
.develop01 .img img{ width:100%; display:block}
.develop01 .txt{ float:right; width:45%; padding-top:5vw}
.develop01 .txt .t1{ font-size:32px; font-weight:bold}
.develop01 .txt .t2 span{ display:inline-block; font-size:32px; border-bottom:3px solid #147ec9}
.develop01 .txt .p{ margin-top:30px; font-size:18.5px; color:#757575; line-height:2}
.develop01 .swiper-pagination-bullet{ width:16px; height:16px; background:none; border:1px solid #929292; opacity:1; margin:0 5px}
.develop01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#147ec9;border:1px solid #147ec9;}
.develop01 .swiper-paginations{ text-align:center; margin-top:35px}

.develop02{ padding:85px 0;}
.develop02 .img{ margin:0 -10px}
.develop02 .img li{ float:left; width:33.33%; margin-bottom:20px}
.develop02 .img li .img{ overflow:hidden; height:330px; margin:0 10px}
.develop02 .img li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}

.productbar{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px}
.productbar .center{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.productbar select{appearance:none;
       -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari 和 Chrome */   border:1px solid #dddddd; height:52px; padding:0 35px;padding-right:45px; background-image:url(../image/ico-down.png); background-repeat:no-repeat; background-position:center right 10px; background-size:15px; background-color:#fff;}
.productbar .left{ margin-right:10px}
.productbar .input{ width:100%; display:block;height:52px; padding:0 35px;border:1px solid #dddddd;}
.productbar .inbtn{ width:180px; display:block;height:52px; padding:0 35px; background-color:#4597e1; border:none; cursor:pointer; color:#fff}

.productlist .th{ font-weight:bold; line-height:55px; font-size:18px; background-color:#007dd9; color:#fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; text-align:center}
.productlist .td li{padding:10px 0; border:1px solid #d7d7d7; margin-top:-1px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; text-align:center}
.productlist .td li>div{ justify-content:center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; border-right:1px solid #d7d7d7; font-size:20px; padding:0 10px; }
.productlist .td li>div:last-child{ border-right:none}
.productlist .w1{flex:0 0 158px;}
.productlist .w2{flex:0 0 264px;}
.productlist .w4{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.productlist .w5{flex:0 0 100px;}
.productlist .w6{flex:0 0 200px;}
.productlist .w3{flex:0 0 250px;}
.productlist .td li:nth-child(even){ background-color:#fafafa}
.productlist .a{ width:130px; height:36px; line-height:36px; font-size:16px; display:block;background:#007dd9; font-size:16px; border-radius:5px; cursor:pointer; color:#fff}
.productlist .img img{ max-width:100%}

.popbox{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; display:none}
.popbox.block{ display:block}
.popbox .popbg{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5)}
.popbox .bdbox{ position:relative; z-index:2; background-color:#fff; width:1050px; max-width:100%; margin:0 auto; height:800px;top:50%; margin-top:-400px; padding:10px 35px}
.popbox .bdbox .hd{ font-size:18px; height:42px; position:relative}
.popbox .popclose{ display:block; position:absolute; z-index:1; width:42px; height:42px; right:-10px;top:0; background:url(../image/ico-close.png) no-repeat center; background-size:40%; cursor:pointer; opacity:.5}
.popbox .bdbox .tis{ font-size:16px; color:#ee6f1e; background-color:#f9fafb; padding:10px; border-left:4px solid #147ec9}
.popbox .bdbox .item{ margin-top:17px; position:relative; border:1px solid #ddd; padding:15px;}
.popbox .bdbox .item .ts{ background-color:#fff; color:#666; font-size:14px; position:absolute; z-index:2; left:40px;top:-15px; padding: 0 10px}
.popbox .item01 .bbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.popbox .item01 .bbox .img{flex:0 0 155px; height:125px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content:center; margin-right:10px;}
.popbox .item01 .bbox .img img{ max-width:100%; max-height:100%;}
.popbox .item01 .bbox .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.popbox .item01 .bbox .txt li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.popbox .item01 .bbox .txt li .m{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.popbox .item01 .bbox .txt li .t{ font-weight:bold;flex:0 0 90px;text-align-last: justify}
.popbox .bdbox  .item02{ padding-bottom:5px}
.popbox .item02 select{appearance:none;
       -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari 和 Chrome */ font-size:14px; width:100%; padding: 0 18px; border:1px solid #ddd; border-radius:5px; height:30px; line-height:28px; background-color:#fff; padding-right:30px; background-image:url(../image/ico-down.png); background-repeat:no-repeat; background-position:center right 10px; background-size:15px;}
.popbox .item02 li{ margin-bottom:10px}
.popbox .bdbox .item.item03{ padding-right:0px}
.popbox .item03 .ts{ color:#ee6f1e !important}
.popbox .item03 li{ float:left; width:calc(50% - 30px); margin-right:30px; position:relative; margin-bottom:10px}
.popbox .item03 li .input{ width:100%;padding: 0 18px; border:1px solid #ddd; border-radius:5px; height:30px; line-height:28px; background-color:#fff; font-size:14px}
.popbox .item03 li i{ color:#F00; position:absolute; top:0; bottom:0; right:-15px;}
.popbox .item03 li select{appearance:none;
       -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari 和 Chrome */ font-size:14px; width:100%; padding: 0 18px; border:1px solid #ddd; border-radius:5px; height:30px; line-height:28px; background-color:#fff;padding-right:30px; background-image:url(../image/ico-down.png); background-repeat:no-repeat; background-position:center right 10px; background-size:15px;}
.popbox .item03 li.last{ width:calc(100% - 30px); }
.popbox .item03 li.last .tt{ height:30px; line-height:30px; background-color:#f3f4f6; padding: 0 18px; font-size:14px; color:#999}
.popbox .item03 li textarea{width:100%; padding:10px 18px; border:1px solid #ddd;border-radius:0 0 5px 5px;background-color:#fff; height:100px}

.popbox .popbtns{ text-align:right; margin-top:20px}
.popbox .btns{ height:32px; border:1px solid #ee6f1e; display:inline-block; vertical-align:middle; border-radius:3px; margin-right:15px; padding:0 15px; font-size:14px; line-height:30px; cursor:pointer}
.popbox .btnqd{ background-color:#ee6f1e; color:#fff}

/* 荣誉资质 */
.honorlist ul{ margin:0 -42px;}
.honorlist li{ float:left; width:33.33%; margin-bottom:70px}
.honorlist li a{ display:block; margin:0 42px; box-shadow:0 0 10px rgba(0,0,0,.2); padding:50px 35px; padding-bottom:10px}
.honorlist li .line{ width:70px; height:2px; background-color:#cccccc; margin-bottom:25px}
.honorlist li .date{ font-size:26px; color:#838383; margin-bottom:5px}
.honorlist li h3{ font-size:26px; font-weight:normal; line-height:1.4; height:72px}
.honorlist li .info{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-top:35px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.honorlist li .info .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; font-size:14px; color:#999}
.honorlist li .info .left:after{ content:""; display:inline-block; width:17px; height:7px; background:url(../image/ico-rs.png) no-repeat center; background-size:100%; margin-left:5px}
.honorlist li .info .right img{ height:18px; display:block}


.newslist li{ padding:25px 0; border-bottom:1px solid #dddddd}
.newslist li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; position:relative}
.newslist li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-left:180px; position:relative}
.newslist li .img{ width:230px; height:150px; overflow:hidden; margin-left:40px}
.newslist li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.newslist li .txt .date{ position:absolute; z-index:2;top:0; left:0; color:#6d6d6d; font-size:20px}
.newslist li .txt .date:before{ content:""; display:block; width:40px; height:1px; background-color:#aaaaaa; position:absolute; z-index:2; right:-55px;top:50%}
.newslist li .txt h3{ font-size:20px; font-weight:bold; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li .txt .ms{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; color:#333}
.newslist li a:before{ content:""; display:block; width:16px; height:14px; background:url(../image/ico-r.png) no-repeat center; background-size:100%; position:absolute; z-index:2; left:0; bottom:30px;}

.contact_infor{ display:flex; flex-wrap:wrap; width:101%; padding-bottom:20px;}
.contact_infor li{ width:24%; margin:0 1% 1% 0; background-color:rgba(255, 255, 255, 0); border:1px solid #e2e2e2; transition:0.3s; text-align:center; position:relative; padding:30px 0;}
.contact_infor li i{ color:#fb9a00; transition:0.5s; width:inherit; height:inherit; font-size:60px;}

.contact_infor li em{ display:block; font-size:18px; line-height:36px;}
.contact_infor li:before,.contact_infor li:after{ background:rgba(251,154,0,.1); content:""; position:absolute; transition:all .3s linear; left:0; top:0px; bottom:0; width:0%; z-index:-1;}
.contact_infor li:after{ left:inherit; right:0;}
.contact_infor li.hover:before,.contact_infor li.hover:after{ width:50%; background:rgba(251,154,0,1);}
.contact_infor li p{ font-size:16px; line-height:1.75; color:#808080;}
.contact_infor li p a{ color:#808080;}
.contact_infor li.hover,.contact_infor li.hover p,.contact_infor li.hover p a,.contact_infor li.hover i{ color:#fff !important;}
#map{ height:550px; width:100%; border:1px solid #ccc; margin-bottom:50px;}


/*20230102*/
.skill01 .conn{ font-size:21px; margin-bottom:50px}
.skill01 .conn a{ font-size:21px}
.skill01 .conn img{ max-width:100%; height:auto !important}

.skill01 .item{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color:#f8f8f8}
.skill01 .item>div{ width:50%}
.skill01 .item .img{ overflow:hidden}
.skill01 .item .img img{ display:block; width:100%}
.skill01 .item:nth-child(even){flex-direction:row-reverse;}
.skill01 .item .txt{ padding:30px 50px}
.skill01 .item .txt .t{ font-size:24px; padding-left:40px; background:url(../image/ico-tt.png) no-repeat center left; margin-bottom:20px}
.skill01 .item .txt .p{ font-size:18px; color:#757575; line-height:2.5; padding-left:40px}
.skill01 .item .txt .p p{background:url(../image/ico-ttt.png) no-repeat left 14px; padding-left:35px; position:relative}
.skill01 .item:nth-child(even) .p{ padding-left:0}

.rd01 .conn{ font-size:21px; margin-bottom:50px; font-weight:normal;}
.rd01 .conn a{ font-size:21px}
.rd01 .conn img{ max-width:100%; height:auto !important}

.rd01 ul{ margin:0 -20px;}
.rd01 li{ float:left; width:50%; margin-bottom:40px;}
.rd01 li .a{ margin:0 20px; background-color:#f8f8f8}
.rd01 li .img{ overflow:hidden}
.rd01 li .img img{ width:100%; display:block}
.rd01 li .txt{ height:460px;}
.rd01 li .txt .title{padding:20px 40px; background-color:#ececec; font-size:24px}
.rd01 li .txt .title h3{ background:url(../image/ico-tt.png) no-repeat left 10px; padding-left:40px}
.rd01 li .txt .ps{  font-size:18px; padding-left:5%; color:#757575; line-height:2.1; padding-top:30px}
.rd01 li .txt .ps .p{ font-size:18px; margin-bottom:20px; padding-left:40px; color:#4e4e4e}
.rd01 li .txt .ps .p p{background:url(../image/ico-ttt.png) no-repeat left 10px;  padding-left:30px; position:relative}

.technology01 .conn{ font-size:21px; margin-bottom:50px}
.technology01 .conn a{ font-size:21px}
.technology01 .conn img{ max-width:100%; height:auto !important}

.technology01 .item{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color:#f8f8f8; margin-bottom:85px; padding:50px; padding-bottom:0}
.technology01 .item:nth-child(even){flex-direction:row-reverse;}
.technology01 .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.technology01 .txt .t{ color:#1d48b5; font-size:32px}
.technology01 .item .imgs{ margin-right:50px; position:relative}
.technology01 .item:nth-child(even) .imgs{ margin-right:0; margin-left:50px}
.technology01 .item .line{ margin-bottom:20px}
.technology01 .item .line i,.technology01 .item .line:after,.technology01 .item .line:before{ content:""; display:inline-block; width:5px; height:5px; background-color:#8ab3d2; margin-right:5px; border-radius:50%}
.technology01 .item .line:before{ background-color:#166baa}
.technology01 .item .line:after{ background-color:#bfd5e4}
.technology01 .item h4{ font-size:24px; font-weight:normal;}
.technology01 .item .p{ font-size:21px; margin-bottom:20px; padding-left:40px; color:#4e4e4e}
.technology01 .item .p p{background:url(../image/ico-ttt.png) no-repeat left 10px; display:block; position:absolute; z-index:2; left:0; padding-left:30px; position:relative;}

.technology01 .item .img{ border-radius:50%; margin-bottom:-20px; border:1px solid #fff; overflow:hidden; width:510px}
.technology01 .item .img img{ display:block;width:100%}
.technology01 .item .imgs:before{ content:""; width:54px; height:54px; background-color:#e1d294; border-radius:50%; position:absolute; z-index:3; left:-20px; bottom:0}


.productbox .txt img{ max-width:100%; height:auto !important}
@media (max-width: 1650px){   
.banner .swiper-slide .weap{ height:30vw}
 
.banner .swiper-slide .t{font-size:3.2vw; right:10px}
 
.nbanner .weap{ height:30vw}
.nbanner .weap .t{ right:10px; font-size:3.2vw}
.nbanner .weap .t img{ width:38.3vw;  }
.develop02 .img li .img{ height:20vw}

/*20230102*/
.skill01 .item .txt .p{ line-height:1.8}
.skill01 .item .txt{ padding:30px 30px}
}
 
 
@media (max-width: 999px){ 
.banner .swiper-slide .weap{ height:45vw}
.banner .swiper-pagination-bullet{ width:30px; height:2px}
.banner .pagination-all{ bottom:5px}
.index01{ padding:30px 0; padding-bottom:15px}
.index01 .weap{ display:block}
.index01 .t1{ font-size:24px; text-align:center}
.index01 .line{ width:77px; height:3px; margin:0 auto; margin-bottom:20px}
.index01 .txt{ margin-right:0}
.index01 .txt .p{ font-size:15px; line-height:1.8}
.index01 ul{ margin-top:20px; margin-left:0;}
.index01 ul li .ms{ font-size:16px}
.index01 ul li .num i{ font-size:28px}
.index01 ul li .num{ font-size:14px}
.index01 ul li{ width:50%; margin-bottom:10px;  }
.index01 ul li:nth-child(even){ border-right:none}
.index01 .video{ height:auto; margin-top:10px}

.plo h3{ font-size:24px}
.plo .line{ height:3px ; width:70px; margin-top:5px}
.plo{ margin-bottom:24px}
.index02{ padding-top:15px; padding-bottom:30px;}
.index02 .pagination-all .swiper-pagination-bullet{ width:8px; height:8px; margin:0 5px;}
.index02 .pagination-all{ margin-top:10px}
.index02 .swiper-slide a{ margin:5px 5px; border-radius:5px}
.index02 .swiper-slide .img{ height:35vw}
.index02 .swiper-slide .txt{ font-size:14px; padding:10px; height:108px}
.index02 .swiper-slide .txt>div{ display:block}
.index02 .swiper-slide .txt .p2{ height:46px;}
.index02 .swiper-slide .txt span{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 ul{ display:block}
.index03 ul li .txt h3{ font-size:21px; margin-bottom:30px}
.index03 ul li .p{ font-size:15px}
.index03 ul li a{ padding-top:40px; padding-bottom:60px;}
.index03 ul li a:before{    background-color: rgba(0,103,176,.3);}

.index04{ padding:30px 0}
.index04 .bd ul{ margin:0 }
.index04 .bd li{ float:none; width:auto; margin-bottom:10px}
.index04 .bd li a{ margin:0; padding:10px}
.index04 .bd li .p{ height:42px;-webkit-line-clamp: 2;}
.index04 .bd li h3{ font-size:16px}
.index04 .bd li .date{ font-size:13px}
.index04 .bd li .more{ font-size:14px; }

.index05{ padding:30px 0} 
.index05 .bd{ font-size:15px}
.index05 .bd .more{ margin-top:50px}
.index05 .bd .more a{ font-size:14px; width:110px}

.nbanner .weap .t{margin-top:-5vw}
.about01 .conn{ font-size:15px; line-height:1.8}
.about01 .sig{ margin-top:20px; margin-left:0;}
.about01 .sig .ms{ font-size:16px}
.about01 .sig li .num i{ font-size:28px}
.about01 .sig li .num{ font-size:14px}
.about01 .sig li{ width:50%; margin-bottom:10px;  }
.about01 .sig li:nth-child(even){ border-right:none}
.about01 .video{ height:auto; margin-top:20px}

.path{ display:none}
.barbox .weap{ display:block; background-color:#eee; padding:5px;}
.lanmunav ul{ overflow:hidden}
.lanmunav li{ width:50%}
.lanmunav li a{ padding:0; text-align:center; font-size:14px; height:32px; line-height:32px; background-color:#fff; border-radius:5px; margin:5px;}
.lanmunav li.on a:before{ display:none}
.lanmuplo h3{ font-size:24px}
.lanmu{ padding:30px 0}
.lanmuplo{ margin-bottom:25px}


.develop01{ padding:30px 0}
.developbox{ padding:0}
.developbox .conn{ font-size:15px; line-height:1.8}
.develop01 .img{ float:none; width:auto}
.develop01 .txt{ float:none; width:auto; padding:0}
.develop01 .txt .t1{ font-size:20px}
.develop01 .txt .t2 span{ font-size:20px}
.develop01 .txt .p{ font-size:15px; line-height:1.6; margin-top:10px}
.develop01 .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px}
.develop01 .swiper-paginations{ margin-top:20px}

.develop02{ padding:30px 0}
.develop02 .img li{ width:50%; margin-bottom:10px}
.develop02 .img li .img{ margin:0 5px;}
.develop02 .img{ margin: 0 -5px}
.develop02 .img li .img{ height:28vw}

.productbar select{ height:42px; padding:0 10px; padding-right:30px}
.productbar .input{ height:42px; padding:0 10px;}
.productbar .inbtn{ width:50px; height:42px; font-size:14px; padding:0}
.productlist .th{ display:none}
.productlist .td li{ display:block; margin-bottom:10px; padding:0}
.productlist .td li>div{ border-right:none; border-bottom:1px solid #ddd; text-align:left; padding:10px; display:block; font-size:15px; padding-left:100px; position:relative}
.productlist .td li>div.w6{ border-bottom:none}
.productlist .td li>div:before{ content:""; display:block; position:absolute; z-index:2; left:0;top:-1px; bottom:-1px; width:90px; background-color:#397ad7; color:#fff; font-weight:bold}
.productlist .td li>div:after{ content:""; display:block; position:absolute ; z-index:3; color:#fff; font-weight:bold; left:10px;top:50%; transform:translateY(-50%)}
.productlist .td li>div.w1:after{content:"产品编号"; }
.productlist .td li>div.w2:after{content:"结构式"; }
.productlist .td li>div.w3:after{content:"CAS#"; }
.productlist .td li>div.w4:after{content:"英文名称"; }
.productlist .td li>div.w5:after{content:"纯度"; }
.productlist .a{ font-size:14px; width:110px; text-align:center}
.productlist .img{ width:120px}

.popbox .bdbox{ position:fixed; z-index:2; left:0; right:0;top:0; bottom:0; margin-top:0; height:auto; padding:10px}
.popbox .bdbox .tis{ font-size:13px; }
.popbox .bdbox .hd{ line-height:42px}
.scrollbox{ height:calc(100vh - 110px); overflow-y:auto}
.popbox .item01 .bbox{ display:block}
.popbox .item01 .bbox .img{ margin-right:0; height:100px}
.popbox .popbtns{ text-align:center}
.popbox .btns{ margin:0 20px; width:30%}

.nbanner .weap{ height:40vw}

.honorlist li{ margin-bottom:20px}
.honorlist li a{ margin:0 5px; padding:20px; padding-bottom:10px;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.honorlist ul{ margin:0 -5px}
.honorlist li h3{ font-size:22px}
.honorlist li .date{ font-size:20px}
.honorlist li .info{ margin-top:25px}
.honorlist li .line{ width:50px}
.honorlist li .info .right img{ height:12px}

.newslist li .txt{ padding-left:0}
.newslist li .img{ width:120px; height:115px;flex:0 0 120px; margin-left:10px}
.newslist li .txt .date{ position:static; font-size:14px}
.newslist li a:before{ content:""; display:block; width:16px; height:14px; background:url(../image/ico-r.png) no-repeat center; background-size:100%; position:absolute; z-index:2; left:0; bottom:30px;}
.newslist li .txt h3{ font-size:16px; line-height:1.1; margin-bottom:10px}
.newslist li{ padding:15px 0}




/*20230102*/
.skill01 .conn{ font-size:15px; line-height:1.8; margin-bottom:20px}
.skill01 .conn a{ font-size:15px}
.skill01 .item{ display:block}
.skill01 .item>div{ width:100%}
.skill01 .item .txt{ padding:20px}
.skill01 .item .txt .t{ font-size:18px;}
.skill01 .item .txt .p{ font-size:15px}

.rd01 .conn{ font-size:15px; line-height:1.8; margin-bottom:20px}
.rd01 .conn a{ font-size:15px}

.rd01 ul{ margin:0 -5px}
.rd01 li .a{ margin:0 5px}
.rd01 li{ width:100%; margin-bottom:10px}
.rd01 li .txt .title{ padding:10px; font-size:18px}

.rd01 li .txt .title h3 {
    background: url(../image/ico-tt.png) no-repeat left 3px;}
.rd01 li .txt .ps{ font-size:15px; line-height:1.8; padding:15px}	
.rd01 li .txt{ height:auto}

.technology01 .item{ display:block; padding:10px; margin-bottom:15px}
.technology01 .item .img{ width:100%; margin:0 auto}
.technology01 .item .imgs{ margin:0 auto; width:80%; margin-bottom:20px}
.technology01 .item .imgs:before{ width:35px; height:35px}
.technology01 .txt .t{ font-size:21px; text-align:center}
.technology01 .item h4{ font-size:18px}
.technology01 .item .p{ font-size:15px; line-height:1.8; padding-left:0}
.technology01 .item .line{ text-align:center}
.technology01 .item .line i, .technology01 .item .line:after, .technology01 .item .line:before{ margin:0 3px;}
}
@media (max-width: 640px){ 
.banner .swiper-slide .t{font-size:5vw}

.honorlist li{ width:100%}
.nbanner .weap .t{ font-size:4.2vw}
}
/*20230214添加开始*/
.honorlistpic li{ float:left; width:33.33%; margin-bottom:55px;}
.honorlistpic li a{ display:block; margin:0 35px; box-shadow:0 0 10px rgba(0,0,0,.2); background-color:#fff; padding:10px; height:344px} 
.honorlistpic li img{ display:block; margin:0 auto; max-width:100%; max-height:100%;top:50%; transform:translateY(-50%); position:relative}
.honorlistpic ul{ margin:0 -35px}

@media (max-width: 1650px){ 
.honorlistpic li{margin-bottom:4vw;}
.honorlistpic li a{ height:21.5vw;margin:0 2vw;}  
.honorlistpic ul{ margin:0 -2vw}
}
@media (max-width: 999px){ 
.honorlistpic li{ width:50%;margin-bottom:15px;}
.honorlistpic li a{ height:34vw;margin:0 5px; padding:5px;box-shadow:0 0 5px rgba(0,0,0,.1);}  
.honorlistpic ul{ margin:0 -5px}
}
/*20230307 微信底部样式*/
.footer_weixin{ background:#3281c4; font-size:2.9vw; position:fixed;left:0px;bottom:0px;width:100%;z-index:999;}
.footer_weixin a{font-size:2.9vw;}