/*banner*/ 
 
.banner .swiper-slide .weap{ height:600px;  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; left:100px; opacity:0;top:42%; visibility:hidden; font-size:53px; font-weight:bold; color:#fff}
.banner .swiper-slide .tt{ position:absolute; z-index:2; left:100px; opacity:0;top:50%; visibility:hidden; font-size:33px; 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 .swiper-slide.swiper-slide-active .tt{top:50%; 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:65px}
.index01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .video{flex:0 0 45%; background-color:#fff; max-height:450px; overflow:hidden; }
.index01 .video img{ max-width:100%;}
.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:165px; height:5px; background-color:#197BBA; margin-bottom:15px}
.index01 .txt .p{ line-height:2; font-size:18px}
.index01 .txt .p a{line-height:2; font-size:18px}
.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:#fb9e00; font-size:24px;}
.index01 ul li .num i{ font-size:42px}
.index01 ul li .ms{ font-size:18px;}
 


.plo{ text-align:center; margin-bottom:35px}
.plo h3{  font-size:42px; }
.plo .line{ width:165px; height:5px; background-color:#197BBA; margin:0 auto}
.plo h4 { color:#fff; font-size:20px; font-weight:bold; margin-top:20px; font-weight:300;  }
 


.index02 .plo{ text-align:center; margin-bottom:35px}
.index02 .plo h3{  font-size:42px; color:#fff;}
.index02 .plo .line{ width:165px; height:5px; background-color:#fff; margin:0 auto}
.index02 .plo h4 { color:#fff; font-size:20px; font-weight:bold; margin-top:20px; font-weight:300;  }
.index02{  padding-top:35px; padding-bottom:50px; background-color:#197BBA;}
.index02 .swiper-slide a{ display:block; box-shadow:0 0 5px rgba(0,0,0,.1);  overflow:hidden; margin:5px 13px; }
.index02 .swiper-slide .portfolio-thumb { overflow: hidden; position: relative; margin-bottom: 30px;}
.index02 .swiper-slide .portfolio-thumb a{color:#fff;}
.index02 .swiper-slide .portfolio-thumb img {  width: 100%;  height: auto;}
.index02 .swiper-slide .portfolio-thumb .overlay {opacity: 0; visibility: visible; background: rgba(25, 123, 186, 0.7); position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;  
    -o-ransition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.index02 .swiper-slide .portfolio-thumb .overlay .inner {position: absolute;padding: 20px;width: 100%; bottom: 0;left: 0;text-align: center;}
.index02 .swiper-slide .portfolio-thumb .overlay .inner h4 { font-size: 20px; margin-bottom: 10px; font-weight:100;}
.index02 .swiper-slide .portfolio-thumb .overlay .inner h4 a { color: white;}
.index02 .swiper-slide .portfolio-thumb .overlay .inner span { font-size:16px; font-weight: 300; color: white;}
.index02 .swiper-slide .portfolio-thumb:hover .overlay { opacity: 1; visibility: visible;}



.index02 .swiper-slide a{ display:block;  border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,.1); border:0px solid #e9e9e9; overflow:hidden; margin:5px 13px}
.index02 .swiper-slide .img{ height:450px; overflow:hidden; border-radius:0px; 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; background-color:#fff; }
.index02 .swiper-slide .img img{ display:block; max-height:100%; margin:0 auto}
.index02 .swiper-slide .txt{ padding:10px; background-color:#039ac5;  color:#fff; font-size:18px}
.index02 .swiper-slide .txt .t{ font-weight:bold;text-align:center;}
.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>div a{color:#fff;}
.index02 .pagination-all .swiper-pagination-bullet{ width:10px; height:10px; margin:0 12px; opacity:1; background:#feb333}
.index02 .pagination-all .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#fff}
.index02 .swiper-prev{ width:28px; height:28px; background:url(../images/ico-prev02.png) no-repeat center; background-size:100%; cursor:pointer}
.index02 .swiper-next{ width:28px; height:28px; background:url(../images/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:110px; padding-bottom:150px; 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}
.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,.3); 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,.3);}
.index03 ul li:nth-child(2) a:hover:before{background-color: rgba(0,103,176,.8)  !important;}

.index04 {padding: 40px 0 80px 0; background:#efefef; }
.index04 .plo{ text-align:center; margin-bottom:35px}
.index04 .plo h3{  font-size:42px; color:#444;  }
.index04 .plo .line{ width:165px; height:5px; background-color:#197BBA; margin:0 auto}
.index04 .plo h4 { color:#fff; font-size:20px; font-weight:bold; margin-top:20px; font-weight:300;  }

.index04 .bd li{ float:left; width:33.33%;}
.index04 .bd li a {display: block; border: 1px solid #d1d1d1; margin: 0 13px; overflow: hidden;border-radius: 6px;box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); font-size: 16px;}
.index04 .bd li .img {border: none;width:100%;}
.index04 .bd li .img img {border: none;outline: none;max-width: 100%;vertical-align: middle; display: block;}
.index04 .bd li .info {background: #ffffff none repeat scroll 0 0;border-radius: 0 0 6px 6px;padding:0 20px; -moz-box-shadow: 0px 20px 15px 0 rgba(0, 0, 0, 0.12) inset;-webkit-box-shadow: 0px 20px 15px 0 rgba(0, 0, 0, 0.12) inset; -o-box-shadow: 0px 20px 15px 0 rgba(0, 0, 0, 0.12) inset;box-shadow: 0px 20px 15px 0 rgba(0, 0, 0, 0.12) inset;/*position: relative;*/}
.index04 .bd li .info .date{ margin:15px 0px;color:#fff;  background: #197BBA;display: inline-block;text-align: left;width: auto;border-radius: 4px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);font-size: 14px;font-weight: 500;padding: 6px 15px;text-transform: capitalize;}
.index04 .bd li .info h3{ font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px;}
.index04 .bd li .info .p{ color:#777;  height:90px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.8;}
.index04 .bd li .info .more { color: #808080; vertical-align: middle;  -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.index04 .bd li .info a:hover .more {color: #fd982c; padding-left: 6px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;  -ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.index04 .bd li .info > a i { vertical-align: middle; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.index04 .bd li .info > a:hover i {padding-left: 6px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}


.index05{ text-align:center; background:url(../images/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:#fd982c; 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:#fb9e00; 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;font-size:1.2em;}
.path a:last-child{ color:#333}
.path i{ font-family:"Microsoft YaHei"; margin:0 10px; font-weight:bold}
.path .ahome{ display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(../images/ico-home.png) no-repeat center; background-size:auto 100%}
.lanmunav li{ float:left;}
.lanmunav li a{ display:block; padding:0 15px;line-height: 35px;padding: 5px 15px;font-size:18px;margin: 15px 0 0; 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:#197BBA}
.lanmunav li.on a{background-color:#197BBA;color:#FFF;}
.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 #feb333}
.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:#feb333;border:1px solid #feb333;}
.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(../images/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}






.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(../images/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 #feb333}
.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(../images/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(../images/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(../images/ico-rs.png) no-repeat center; background-size:100%; margin-left:5px}
.honorlist li .info .right img{ height:18px; display:block}


.contact_infor{ display:flex; width:100%; padding-bottom:20px;}
.contact_infor li{ margin:0 1% 1% 0;width:33%; background-color:rgba(255, 255, 255, 0); border:1px solid #e2e2e2; transition:0.3s; text-align:center; padding:30px 0;}
.contact_infor li img{ max-width:80px;}
.contact_infor li em{ display:block; font-size:18px; line-height:36px;}
.contact_infor li p{ font-size:16px; line-height:1.75; color:#808080;}
.contact_infor li p a{ color:#808080;}



/*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(../images/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:20px}
.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(../images/ico-tt.png) no-repeat left 10px; padding-left:40px}
.rd01 li .txt .ps{  font-size:18px; padding-left:10%; color:#757575; line-height:2.1; padding-top:30px}

.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{ padding-left:20px; position:relative}
.technology01 .item .p p:before{ content:"-"; display:block; position:absolute; z-index:2; left:0}
.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}

/*图片列表*/
.productlist ul{ margin:0 -34px}
.productlist li{ float:left; width:33.33%; margin-bottom:60px}
.productlist li a{ display:block; margin:0 34px; text-align:center; box-shadow:0 0 15px rgba(0,0,0,.3); overflow:hidden; border-radius:8px;}
.productlist li .img{ overflow:hidden;  font-size:0; width:100%; text-align: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;position:relative;}
.productlist li .img img{ text-align:center; width:100%;  }
.productlist li .title{ background-color:#197BBA}
.productlist li .title h3{ color:#fff; font-size:18px; line-height:70px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productlist li a:hover .title{ background-color:#039ac5;}
.productlist li a:hover .title h3 {color: #fff}

/*新闻列表*/
.newslist ul{margin:0px 0px;}
.newslist ul li{ float:left; width:33.33%; margin-bottom:30px;}
.newslist ul li a {display: block; border: 1px solid #d1d1d1; margin: 0 13px; overflow: hidden;border-radius: 6px;box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); font-size: 16px;}
.newslist ul li .img {border: none;width:100%;}
.newslist ul li .img img {border: none;outline: none;max-width: 100%;vertical-align: middle; display: block;}
.newslist ul li .info {background: #ffffff none repeat scroll 0 0;border-radius: 0 0 6px 6px;padding:0 20px;
        /*-moz-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.15);
        -o-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 10px 5px 10px 0 rgba(0, 0, 0, 0.15);
        position: relative;*/
 }
.newslist ul li .info .date{ margin:15px 0px;color:#fff;  background: #197BBA;display: inline-block;text-align: left;width: auto;border-radius: 4px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);font-size: 14px;font-weight: 500;padding: 6px 15px;text-transform: capitalize;}
.newslist ul li .info h3{ font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px;}
.newslist ul li .info .p{ color:#777;  height:90px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.8;}

/*详情页样式*/
.show_info {font-size: 15px; line-height: 1.8;  margin-bottom: 20px}
.show_info img{max-width:100%; margin:10px 10px;}
.productbox .txt{min-height:300px;}
@media (max-width: 1650px){   
.banner .swiper-slide .weap{ height:30vw} 
.banner .swiper-slide .t{font-size:3.2vw; left:50px}
.banner .swiper-slide .tt{font-size:2.5vw; left:50px}
.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}
.index02 .swiper-slide .img{ height:320px;}
}

@media (max-width: 1280px){ 
.productbox .txt{min-height:300px;}
.productbox .txt img{ max-width:100%; height:auto !important}
.productlist li{width:33.3333%;} 
.newslist ul li{width:50%;}
.index02 .swiper-slide .img{ height:auto;}
}
@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:42px; 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; text-align:center;}

.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{ padding:10px; height:50px}
.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:left; width:48%; margin-bottom:30px}
.index04 .bd li:nth-of-type(odd){ margin-right:4%;}
.index04 .bd li a{ margin:0; padding:0px}
.index04 .bd li .p{ height:42px;-webkit-line-clamp: 2;}
.index04 .bd li h3{ font-size:16px}
.index04 .bd li .date{ font-size:14px}
.index04 .bd li .more{ font-size:14px; text-align:right;}

.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:16px; 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}


.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}
.honorlist li .img{ width:230px; height:150px; overflow:hidden; margin-left:40px}
.honorlist li .img img{ display:block; width:100%; height:100%;object-fit: cover;}

/*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(../images/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;}

.productbox .txt img{ max-width:100%; height:auto !important}
.productlist li{width:50%;}
.newslist ul li{width:50%;}
.index02 .swiper-slide .img{ height:auto;}
}
@media (max-width: 640px){
.banner .swiper-button-prev, .banner .swiper-button-next {display:none;    }
.banner .swiper-slide .t {font-size: 5vw;top:20%;}
.banner .swiper-slide .tt{font-size:4vw;top:40%;}
.banner .swiper-slide.swiper-slide-active .t{top:20%;}
.banner .swiper-slide.swiper-slide-active .tt{top:40%;}
.honorlist li{ width:100%}
.nbanner .weap .t{ font-size:4.2vw}
.productlist li{width:100%;}
.newslist ul li{width:100%;}
.productbox .db{min-height:300px;}
.contact_infor{display:block;}
.contact_infor li{width:100%; margin-bottom:20px;}
.index02 .swiper-slide .img{ height:auto}
.index04 .bd li{ float:left; width:100%; margin-bottom:30px}
.index04 .bd li:nth-of-type(odd){ margin-right:0%;}
.show_info img{margin:5px 0;}
.show_info video{margin:5px 0; max-width:100%;}
}