@charset "utf-8";
@import url('font-awesome.css');
body{font-family:Arial, Helvetica, sans-serif;font-size: 14px;overflow-x: hidden;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {font-family:Arial;margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}
.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}

@-webkit-keyframes empty {0% {opacity: 1}}
@-moz-keyframes empty {0% {opacity: 1}}
@keyframes empty {0% {opacity: 1}}
@-webkit-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
@-moz-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
@keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
@-webkit-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
@-moz-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
@keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
@-webkit-keyframes backSlideOut {25% { opacity: .5; -webkit-transform: translateZ(-500px); }75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }}
@-moz-keyframes backSlideOut {25% { opacity: .5; -moz-transform: translateZ(-500px); }75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }}
@keyframes backSlideOut {25% { opacity: .5; transform: translateZ(-500px); }75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }}
@-webkit-keyframes backSlideIn {0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; -webkit-transform: translateZ(-500px); }100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }}
@-moz-keyframes backSlideIn {0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; -moz-transform: translateZ(-500px); }100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }}
@keyframes backSlideIn {0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; transform: translateZ(-500px); }100% { opacity: 1; transform: translateZ(0) translateX(0); }}
@-webkit-keyframes scaleToFade {to { opacity: 0; -webkit-transform: scale(.8); }}
@-moz-keyframes scaleToFade {to { opacity: 0; -moz-transform: scale(.8); }}
@keyframes scaleToFade {to { opacity: 0; transform: scale(.8); }}
@-webkit-keyframes goDown {from { -webkit-transform: translateY(-100%); }}
@-moz-keyframes goDown {from { -moz-transform: translateY(-100%); }}
@keyframes goDown {from { transform: translateY(-100%); }}
@-webkit-keyframes scaleUpFrom {from { opacity: 0; -webkit-transform: scale(1.5); }}
@-moz-keyframes scaleUpFrom {from { opacity: 0; -moz-transform: scale(1.5); }}
@keyframes scaleUpFrom {from { opacity: 0; transform: scale(1.5); }}
@-webkit-keyframes scaleUpTo {to { opacity: 0; -webkit-transform: scale(1.5); }}
@-moz-keyframes scaleUpTo {to { opacity: 0; -moz-transform: scale(1.5); }}
@keyframes scaleUpTo {to { opacity: 0; transform: scale(1.5); }}
@media only screen and (max-width: 1000px) and (min-width: 100px){body div.zsiq_floatmain {bottom: 100px !important;}}

.warper{ max-width:1200px; margin:0 auto;}
header .warper,footer .warper{max-width: 1700px;}
.nav_top{background: #222222;overflow: hidden;padding: 7px 0;}
.nav_top_tel,.nav_top_email,.nav_top_sociallink{float: right;}
.nav_top img{padding-right: 5px}
.nav_top_tel img{margin-top: -3px;}
.nav_top_sociallink{margin-left: 50px;}
.nav_top_email{margin-left: 40px;}
.nav_top a{color: #b6b6b6;font-size: 12px;}
.nav_top a:hover{color: #FFFFFF;}
.sociallink{overflow: hidden;display: block;}
.sociallink li{float: left; margin-left: 15px;}
.sociallink li:first-child{margin-left: 0px;}
.sociallink a:hover img{transform: scale(1.2) !important;transition: all 0.5s ease 0s;}
.mob_nav{display: none;}
.backToTop{width:48px; height:48px; background:url(/skin/images/backtop.webp) no-repeat center; cursor:pointer; position:fixed; right:2%; text-indent:9999px; bottom:30%; color: #fff; border-radius:74%; transition: all .3s;border: 1px solid #FFFFFF;z-index: 5;background-size: 50% 50%;background-color: #000000;}
.backToTop:hover{ opacity: .9;background:url(/skin/images/backtop.webp) no-repeat center; border: 1px solid #1c4e9f;background-size: 50% 50%;background-color: #000000;}
header{position: fixed;width: 100%;z-index: 200;}
.homenavtop .logo,.nav_bottom_fixed .logo1{display: none;}
#nav:after{  content: '';  display: block;  clear: both;}
.logo,.logo1{ float: left; margin: 15px 0;}
.logo img,.logo1 img{float:left;height: 65px;width: auto;}
.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index:101;}
.nav-open{transform: translateX(0);z-index: 104;}
.close-open{opacity: 0.6;visibility: visible;z-index: 103;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 40px;height: 40px;border-radius: 3px;background: #333; color: #fff;position: absolute; right:25px; top:25px;line-height: 30px;text-align: center;padding-top: 5px;display: none;z-index: 103;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
.displayno{display: none !important;}
.displayblock{display: block !important;}
.cl{ clear: both; }
hr{border: 0; width: 100px; height: 0; border-top: 4px solid #fe9800; margin:0; padding:0;}
.img_box{overflow: hidden;position: relative;}

.nav_bottom_fixed{position: fixed;width: 100%;z-index: 1000;background: #FFFFFF;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);top: 34px;}
.mob_nav{background: #FFFFFF;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);top: 0;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
nav>ul{margin:0 auto;float: left;}
nav li{ float: left; position: relative; }
nav li>a{ padding:10px 18px; display: block;transition:0.5s; font-size:18px; color:#1c4e9f;text-transform: uppercase;}
nav li.on:hover>a{ color: #fff; }
.self_nav{float: right;}
.self_nav .nav_one>li{font-weight: 400;padding: 24px 5px;}
.self_nav .current>a, .self_nav .nav_one>li:hover>a,.self_nav .dropdown .current{border-radius: 50px;color: #f3690d;font-weight:bold;}
.nav_sec{background: #FFFFFF;position: absolute;top: 96px;z-index: 101;display: none;width: 200px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);padding:10px 0;}
.nav_sec .fa-angle-double-down{display: none;}
.nav_sec>li{position: relative;width: 100%;background: #FFFFFF;float: none;}
.nav_sec>li:hover span{color: #f3690d;font-weight:bold;}
.nav_sec>li a{position: relative;display: block;font-size: 14px;text-transform: capitalize;padding:10px 20px;}
.self_nav .nav_one .dropdown i{display: none;}
nav .nav_one_cu{padding-right:0 !important;}
nav .nav_one_cu a{background: #1c4e9f;color: #FFFFFF;padding: 10px 50px;border-radius: 50px;text-transform: capitalize;}
nav .nav_one_cu a:hover{background: #f3690d;color: #FFFFFF !important;;transition: all 0.5s ease 0s;}
nav .nav_one_cu:hover>a{transition: all 0.5s ease 0s;font-weight:normal !important;}
.nav_one>li:nth-child(4) ul,.nav_one>li:nth-child(5) ul,.nav_third{display: none !important;}
.homenav .home_current a{color: #f3690d;font-weight:bold;}

.cn_li_8 {overflow: hidden;margin:0 -16px;}
.cn_li_8>li{width: 12.5%;vertical-align: text-top;margin-bottom: 20px;float: left;padding: 16px;}
.cn_li_8 img{transition: all 0.5s ease 0s;overflow: hidden;width: 100%;}
.cn_li_8 a:hover img{transform: scale(1.03);}
.cn_li_6 {overflow: hidden;margin:0 -16px;}
.cn_li_6>li{width: 16.6%;vertical-align: text-top;float: left;padding: 16px;}
.cn_li_6 img{transition: all 0.5s ease 0s;overflow: hidden;width: 100%;}
.cn_li_6 a:hover img{transform: scale(1.03);}
.cn_li_5 {overflow: hidden;margin:0 -16px;}
.cn_li_5>li{width: 20%;vertical-align: text-top;margin-bottom: 20px;float: left;padding: 16px;}
.cn_li_5 img{transition: all 0.5s ease 0s;overflow: hidden;width: 100%;}
.cn_li_5 a:hover img{transform: scale(1.03);}
.cn_li_4 {overflow: hidden;margin:0 -13px;}
.cn_li_4>li{width: 25%;vertical-align: text-top;/*margin-bottom: 20px;*/float: left;padding: 13px;}
.cn_li_4 img{transition: all 0.5s ease 0s;overflow: hidden;width: 100%;}
.cn_li_4 a:hover img{transform: scale(1.03);}
.cn_li_3 {overflow: hidden;margin:0 -11px;}
.cn_li_3>li{width: 33.33%;vertical-align: text-top;margin-bottom: 20px;float: left;padding: 11px;}
.cn_li_3 img{transition: all 0.5s ease 0s;overflow: hidden;width: 100%;}
.cn_li_3 a:hover img{transform: scale(1.03);}
.cn_li_2 {overflow: hidden;margin:0 -16px;}
.cn_li_2>li{width: 50%;vertical-align: text-top;margin-bottom: 20px;float: left;padding: 16px;}
.cn_li_2 img{transition: all 0.5s ease 0s;overflow: hidden;width: 100%;}
.cn_li_2 a:hover img{transform: scale(1.03);}
.main_header_bottom{padding-top:130px;}
.inside_banner img{width: 100%;}

/*search*/
.search a{display:block;width:100%;position: relative;}
.search a i.fa-times{color: #fe0000;} 
.search button{background: none;border: none;margin: 11px 22px 11px 5px;width: 36px;}
.search button img{width: 100%;}
.search button:hover>img{transition: all 0.5s ease 0s;transform: scale(1.10);}
.homenavtop .search .searchimg2, .nav_bottom_fixed .searchimg1{display: none;}
.search form{width:100%;background:#FFFFFF;position:fixed;left:0;z-index:99;padding: 21px 15%;top: 34px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.search .search_input{line-height:32px;	width:85%;float:left; text-indent: 15px; color: #1c4e9f;height: 55px;margin-bottom: 0;border: none;font-size: 25px;}
.search .search_btn{float:left;border:0;background: #FFFFFF;margin: 12px 0;}
.search .search_btn i{font-size: 30px;color: #1c4e9f;font-weight: 100;}
#search .fa-times{color: #1c4e9f;margin-left:3%;margin-top: 10px;float: left;font-size: 35px;cursor: pointer;}
#search .fa-times:hover{transition: all 0.5s ease 0s;transform: scale(1.10);}
.search input::-webkit-input-placeholder{color: #e6e8e7;}
.search input:-moz-placeholder{color: #e6e8e7;}
.search input::-moz-placeholder {color: #e6e8e7;}
.search input:-ms-input-placeholder{color: #e6e8e7;}

/*home*/
.banner_home .flick-content{position: relative;overflow: hidden;width: 100%;height: auto;padding-top: 30px;}
.banner_home .flick-content div h1, .banner_home .flick-content div p{position: relative;font-size: 60px;}
.banner_home .flick-content div{position: absolute;top: 50%;color: #FFFFFF;transform: translate(17%, -50%);}
.banner_home .flick-content div h1{font-weight: 700;color: #00b9ff;}
.banner_home .flick-content .home_banner1 h1{font-size: 60px;color: #00b9ff;font-weight: bold;line-height: 1.5;}
.banner_home .flick-content .home_banner1 p{font-size: 24px;color: #fefefe;line-height: 2;margin-top:50px}
.banner_home .flick-content .home_banner1 p span{position: relative;padding-left: 15px;margin-right:20px;}
.banner_home .flick-content .home_banner1 p span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;background-color: #f3690d;border-radius: 50%;border: 2px solid #FFFFFF;}
.banner_home .flick-content .home_banner1 .banner_hr{margin:25px 3px 5px;border-bottom: 1px solid;color: #FFFFFF;width: 30%;display: inline-block;transform: none;}
.banner_home .flick-content .home_banner2{top: 36%;right: 16%;}
.banner_home .flick-content .home_banner2 h1{font-size: 48px;color: #00b9ff;font-weight: bold;}
.banner_home .flick-content .home_banner2 .banner_hr{margin:25px 3px 5px;border-bottom: 1px solid;color: #FFFFFF;width: 65%;display: inline-block;transform: none;top: 53px;}
.banner_home .flick-content .home_banner2 p{color:#fefefe;font-size: 24px;line-height: 2.2;margin-top: 30px;}
.banner_home .flick-content .home_banner2 p span{position: relative;padding-left: 15px;margin-right:20px;}
.banner_home .flick-content .home_banner2 p span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;background-color: #f3690d;border-radius: 50%;border: 2px solid #FFFFFF;}
.carousel-control.right,.carousel-control.left{background-image:none;}
.carousel-control .iconfont{  font-size: 30px;}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {position: absolute;top: 40%;z-index: 5;display: inline-block;margin-top: -10px;width: 390px;height: 62px;border: none;vertical-align: middle;padding:20px 0;text-shadow: none;}
.fa-angle-left{left:0;}
.fa-angle-right{right:0;}
.carousel-indicators li {width: 30px;height: 3px;margin: 0;}
.carousel-indicators .active {width: 30px;height: 3px;}

.home_hr{width: 130px;height:5px;background: #1c4e9f;margin: auto;margin-top: 30px;margin-bottom: 45px;}
.home_h2{text-align: center;padding-top: 80px;color: #1c4e9f;font-size: 36px;}
.home_h2 span{color:#373737;}
.home_eco_friendly{padding-bottom: 160px;}
.home_eco_friendly p{font-size: 18px;color: #373737;}
.home_eco_friendly .imgbox{position: relative;overflow: hidden;}
.home_eco_friendly .addimgtxt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home_eco_friendly .addimgtxt> p{width: 100%;top:50%;position: relative;transform: translate(0%, -50%);text-align: center;color: #FFFFFF;font-size: 20px;font-weight: bold;}
.home_eco_friendly .addimgtxt> p span{color:#f3690d;}
.home_eco_friendly .cn_li_4{margin:0 -8px;margin-top: 70px;}
.home_eco_friendly .cn_li_4>li{padding: 8px;}

.home_factory_photos{padding:10px 0 70px;}
.home_factory_photos .warper{width: 100%;max-width: max-content;}
.home_factory_photos .factory_photos_box{position: relative;width: 100%;overflow: hidden;background:url(/d/file/p/20250912/000.webp) no-repeat;background-position-x: 100%;background-position-y: 100%;padding: 98px 0;background-repeat: repeat-x; }
.home_factory_photos .factory_photos_box ul {list-style-type: none;width: 100%;position: relative;left: 0;}
.home_factory_photos .factory_photos_box li {width: auto;float: left;padding-right: 25px;}
.home_factory_photos .factory_photos_box li img{aspect-ratio: 2/3;width: 210px;}

.home_Products .tabBox .hd ul{overflow: hidden;text-align: center;padding-bottom: 15px;margin-top: -25px;}
.home_Products .tabBox .hd ul .tab{float: none;display: inline-block;margin: 10px 15px;padding: 10px 0;cursor: pointer;color: #1c4e9f;border-radius: 30px;border: 1px solid #1c4e9f;background: #FFFFFF;font-size: 16px;width: 190px;}
.home_Products .tabBox .hd ul .tab.active{background: #1c4e9f;color: #FFFFFF;}
.home_Products .tab-content{display: none;margin: 0 -12px;}
.home_Products .tab-content.active{display: block;animation: fadeIn 0.5s ease;}
.home_Products .tab-content li{padding: 12px;}
.home_Products .home_products_box{box-shadow: 0 5px 10px 1px #1c4e9f47, 5px 0 5px 1px #1c4e9f47;border-radius:20px;overflow: hidden;}
.home_Products .home_products_box img{aspect-ratio: 3/2;}
@keyframes fadeIn {from { opacity: 0; }to { opacity: 1; }}
.home_Products .home_products_box h3{font-size: 14px;color: #373737;text-align: center;padding: 10px 0;text-transform: capitalize;}
.home_Products .home_products_box:hover a{color: #f3690d;}

.home_technical_capability{padding-bottom: 60px;}
.home_technical_capability_content{overflow: hidden;display: flex;align-items: center; }
.home_technical_capability_content .fl{width: 46%;overflow: hidden;float: none;}
.home_technical_capability_content .fr{width: 54%;float: none;}
.home_technical_capability_content .fr img{border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.home_technical_capability_content .fl li{display: flex;align-items: center; padding: 20px;width: fit-content;}
.home_technical_capability_content .fl img{margin-right: 30px;}
.home_technical_capability_content .fl p{font-size: 20px;font-weight: bold;color: #373737;}

.home_process{padding-bottom:180px;}
.home_process p{font-size: 18px;color: #373737;text-align: center;padding: 15px 0 30px;}
.home_process .hd{position: relative;margin-bottom: 60px;}
.home_process .line {position: absolute;top: 50%;left: 0;right: 0;height: 2px;background-color: #090909;transform: translateY(-50%);z-index: 1;}
.home_process .tabss {display: flex;justify-content: space-between;position: relative;z-index: 2;}
.home_process .process_tab {width: 20px;height: 20px;border-radius: 50%;background-color: #FFFFFF;cursor: pointer;transition: all 0.3s ease;border: 2px solid #1c4e9f;}
.home_process .process_tab:hover {transform: scale(1.2);background-color: #1c4e9f;}
.home_process .process_tab.active {background-color:#1c4e9f;transform: scale(1.3);}
.home_process .bd {display: flex;justify-content: center;align-items: center;overflow: hidden;}
.home_process .process-content {display: none;width: 100%;justify-content: center;align-items: center;}
.home_process .process-content img{width: 100%;aspect-ratio: 16/7;}
.home_process .process-content.active {display: flex;}

.home_projects{background: #7f7f7f;position: relative;width: 100%;overflow: hidden;background:url(/d/file/p/20250912/home_projects.webp) no-repeat;background-position-x: 100%;background-position-y: 100%;background-repeat: repeat-x; }
.home_projects .warper{max-width: 1800px;}
.home_projects h2{color: #FFFFFF;}
.home_projects .home_hr{background: #f3690d;}
.home_projects .warper>p{font-size: 20px;color: #FFFFFF;text-align: center;padding-bottom: 30px;margin-top: -20px;}
.home_projects .cn_li_3>li{padding: 30px;}
.home_projects .projects_box{overflow: hidden;background: #e2e2e2;}
.home_projects .projects_box .img_box{width: 63%;padding: 18px 15px;float: left;}
.home_projects .projects_box .img_box img{width: 100%;aspect-ratio: 3/2;}
.home_projects .projects_box .text_box{width: 37%;padding: 20px;float: left;}
.home_projects .projects_box .text_box h3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #373737;font-size: 16px;margin-top: 15px;height: 35px;}
.home_projects .projects_box .text_box h3 a:hover{color: #f3690d;}
.home_projects .projects_box .text_box .projects_hr{width: 50px;height: 1px;background: #f3690d;margin: 20px 0;margin-top: 25%;}
.home_projects .projects_box .text_box .projects_detail{margin-top: 30px;}
.home_projects .projects_box .text_box .projects_detail a{padding: 10px 18px;color: #FFFFFF;background-color: #f3690d;margin-top: 30px;font-size: 14px;}
.home_projects .more{text-align: center;padding: 30px 0 80px;}
.home_projects .more a{color: #FFFFFF;padding: 10px 58px;background: #f3690d;}
.home_projects .more a:hover,.home_projects .projects_box .text_box .projects_detail a:hover{background: #1c4e9f;}

.home_news{padding-bottom: 80px;}
.home_news .warper>p{font-size: 20px;color: #373737;text-align: center;padding-bottom: 30px;margin-top: -20px;}
.home_news .cn_li_3{margin:0 -20px;}
.home_news li{padding: 20px;}
.home_news li h3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #373737;font-size: 16px;}
.home_news li:hover h3 a{color: #f3690d;}
.home_news li img{width: 100%;aspect-ratio: 1/0.618;}
.home_news .newstime{color: #373737;font-size: 14px;margin: 20px 0 10px;}

.filterbox {position: fixed;top: 0;width: 100%;height: 100%;display: block;background: #000000a6;z-index: 2000;display: none;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.filtercontent {overflow: hidden;width: 50%;background: #1c4e9f;border-radius: 1rem;margin:10% auto;}
.filtertitle {font-size: 28px;position: relative;margin-bottom: 1.5rem;color: #FFFFFF;text-align: center;padding-top: 88px;}
.filtercontent p {padding: 10px 8%;color:#7b7f90}
.filtertitle span {width: 30px;height: 30px;position: absolute;right:8%;font-size: 16px;line-height: 30px;cursor: pointer;color: #ffffff;border-radius: 50%;border: 1px solid #FFF;}
.filtertitle span:hover{transition: all 0.5s ease 0s;transform: scale(1.10);}
.filtertitle span i{line-height: 26px;}
form {line-height: 2;padding: 0 5%;padding-top: 15px;}
input {width: 100%;height: 40px;border: 1px solid #d3d3d4;border-radius:30px;padding: 0 2%;margin-bottom: 15px;color: #1c4e9f;}
.form-control{margin-bottom: 2rem;}
textarea {width: 100%;height: 14rem;border: 1px solid #d3d3d4;border-radius:15px;padding:10px 2%;line-height: 1.5;margin-bottom: 1.1rem;color: #1c4e9f;}
.m_btn{text-align: center;margin-bottom: 30px;}
input[type=submit] {background: #1c4e9f;color: #fff;border: 0;width: 185px;margin: 30px 0;padding: 0;font-size: 18px;box-shadow: 10px 10px 15px 0px #1c4e9f40;border: 1px solid #FFF;}
input[type=submit]:hover,.filtertitle span:hover {transition: all 0.5s ease 0s;transform: scale(1.10);}
input:focus,textarea:focus,.form-control:focus {border: 1px solid #1c4e9f;outline: #1c4e9f;}
.virticalcenter {margin: 10% auto;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #9fabb7;background-color: #fff;background-image: none;border: 1px solid #d3d3d4;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;outline:#1c4e9f;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #9fabb7;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #9fabb7;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #9fabb7;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #9fabb7;}

footer{ background: #222222 ; color: #b6b6b6;overflow: hidden;}
footer .warper{max-width: 1500px;}
footer .cn_li_4>li{padding: 80px;}
footer .cn_li_4>li li,footer .cn_li_4>li p{line-height: 25px;}
.footer_logo img{width: auto;margin-top: -18px;padding-bottom: 18px;}
footer .footer_link{margin-top: 15px;}
footer h2{color: #FFFFFF;font-size: 18px;font-weight: bold;padding-bottom: 40px;}
footer a,footer p{color: #b6b6b6;font-size: 14px;}
footer .footer_nav a img{width: auto !important;display: none;margin-right: 3px;margin-top: -3px;}
footer a:hover{color: #FFFFFF;font-weight: bold;}
footer .footer_nav a:hover img{display: inline-block;transition: all 0.5s ease 0s;}
footer .footer_contacts li a:hover{color:#f3690d;}
/* footer .footer_contacts li:last-child:hover{color:#f3690d;} */
footer .footer_copyright{padding: 30px 0 40px;border-top: 1px solid #b6b6b6;}
footer .footer_copyright p{font-size: 14px;padding: 0 60px;}

/*positionline*/  
.positionline{background: #FFFFFF;border-bottom:2px solid #888888;overflow: hidden;margin-bottom:20px;padding: 23px 20px 10px !important;}
.positionline .fl{line-height: 34px;}
.positionline .fr li{float: left;margin-left: 10px;}
.positionline .fr img{transition: all 0.5s ease 0s;}
.positionline h1{font-size: 28px;margin-right: 40px;}
.positionline .fl:nth-child(2){padding-top: 10px;}
.positionline .fr  a:hover img{transform: scale(1.1);top: -3px; position: relative;}
.positionline .fl a{font-size: 14px;margin: 0px 2px;}
.positionline .fl a:first-child{float: right;}
.positionline .fl a:last-child{float: left;font-size: 28px;margin-right: 40px;line-height: 1;}
.positionline .more{color: #66b821;float: right;margin-top: 8px;}
/*positionline*/

/*pagination*/
.pagination {display: block; margin: 0 0 40px 0; padding-top: 40px; text-align: center;  width:100%;}
.pagination a, .pagination span { display: inline-block; width: 30px; height: 30px; line-height: 28px; text-align: center; text-decoration: none; font-size: 14px;margin: 0 3px;color: #222222;border: 1px solid #222222;}
.pagination a.current, .pagination span.current ,.pagination a:hover {background: #222222;color: #FFFFFF;border: 1px solid #222222;} 
/*pagination*/

.inside_page{overflow: hidden;padding:60px 0 120px;}
.inside_page .inside_page_box_img{overflow: hidden;}
.inside_page_breadcrumb{background: #e7ebf4;padding: 12px 20px;margin-bottom: 30px;}
.inside_page_breadcrumb .breadcrumb{padding: 0;margin: 0;background: #e7ebf4;}
.inside_page_breadcrumb .breadcrumb a{color: #6e6e6e;font-size: 16px;}
.breadcrumb>li+li:before{padding: 0 5px;content: ">";color: #3a3a3a;}
.breadcrumb a:hover{color: #f3690d;}

.products{background: #f5f5f5;}
.products .products_box{display: flex;margin-top: 80px;gap: 40px;}
.products .products_fl{flex: 1;color: #555555;width: 20%;}
.products .products_fr{flex: 4;overflow: hidden;}
.products .products_fl .products_fl_nav{background: #FFFFFF;border: 1px solid #dbe3ef;border-top: 2px solid #1d488c;}
.products .products_fl .products_fl_nav h2{color:#1d488c;font-size: 18px;padding: 20px;border-bottom:1px solid #dbe3ef;}
.products .products_fl .products_fl_nav a{color: #555555;font-size: 18px;}
.products .products_fl_nav ul{padding: 10px 0;}

.products .products_fl_nav .dropdown{position: relative;padding: 10px 15px;}
.products .products_fl_nav ul .dropdown:after {content: '>'; float: right;margin-top: 2px;font-weight: bold;color: #555555;}
.products .products_fl_nav ul li.dropdown .products_nav_sec {position: absolute;left: 100%;top: 0;display: none;background-color: #fff;border: 1px solid #ddd;box-shadow: 0 2px 5px rgba(0,0,0,0.1);z-index: 1000;min-width: 235px;}
.products .products_fl_nav ul li.dropdown:hover .products_nav_sec {display: block;padding: 10px 0;}
.products .products_fl .products_nav_sec li{padding: 5px 15px;}
.products .products_fl .products_nav_sec li a{color: #555555;font-size: 16px;}
.products .products_fl_nav ul li:hover{background: #f2f3f7;}

.products .products_fl_list{margin-top: 20px;background: #FFFFFF;border: 1px solid #dbe3ef;}
.products .products_fl_list li{padding: 20px 10px;}
.products .products_fl_list li a p{color: #555555;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 43px;}
.products .products_fl_list li img{width: 100%;aspect-ratio: 1.1/1;transition: all 0.5s ease 0s;}
.products .products_fl_list li:hover img{transform: scale(1.03);}
.products .products_fl_list li:hover{box-shadow: 0 5px 10px 1px #bdbdbd47, 5px 0 5px 1px #bdbdbd47;position: sticky;}
.products .products_fl_list .products_fl_list_box{display: flex;gap: 10px;}
.products .products_fl_list .products_fl_list_box .img_box{flex: 2;}
.products .products_fl_list .products_fl_list_box .img_text{flex: 3;}
.products .products_fl_list .products_fl_list_box .go{text-align: right;margin-top: 5px;}
.products .products_fl_list .products_fl_list_box .go a{color: #FFFFFF;font-size: 12px;background: #f3690d;border-radius: 10px;padding: 2px 10px;}
.products_fl_list .toggle-buttons{display: flex;gap: 1px;}
.products_fl_list .toggle-buttons button{background: #ffffff;color: #555555;border: none;padding: 8px 16px;cursor: pointer;font-weight: bold;font-size: 20px;flex: 1;overflow: hidden;}
.products_fl_list .toggle-buttons button:hover{background: #1c4e9f;color: #ffffff;transition: all 0.5s ease 0s;}
.products .products_fr .products_fr_top{background: #FFFFFF;padding: 20px;margin-bottom: 50px;}
.products .products_fr .products_fr_top h2{color: #000000;font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.products .products_fr .products_fr_top .breadcrumb{background: #FFFFFF;padding: 0;margin: 0;}
.products .products_nav_breadcrumb .breadcrumb li:first-child{display: none;}
.products .products_nav_breadcrumb .breadcrumb li:after:first-child{display: none;}
.products .products_nav_breadcrumb .breadcrumb li:after{padding: 0 5px;content: ">";color: #3a3a3a;}
.products .products_nav_breadcrumb .breadcrumb li:before{display: none;}
.products .products_nav_breadcrumb .breadcrumb li:first-child{display: none;}
.products .products_nav_breadcrumb .breadcrumb li:last-child:after{display: none;}
.products .products_nav_breadcrumb .breadcrumb a{color: #3a3a3a;}
.products .products_nav_breadcrumb .breadcrumb a:hover{color: #f3690d;}

.products .products_fr .cn_li_3 img{width: 100%;aspect-ratio: 4 / 3;}
.products .products_fr .products_right_list_box{background: #FFFFFF;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 10px 1px #bdbdbd47, 5px 0 5px 1px #bdbdbd47;padding: 40px 25px;}
.products .products_fr .products_right_list_box h2{font-size: 14px;color: #3a3a3a;margin: 20px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 31px;}
.products .products_fr .products_right_list_box h2 a:hover{color: #f3690d;}
.products .products_fr .products_right_list_box .box_whatsapp{display: flex;gap: 1px;text-align: center;}
.products .products_fr .products_right_list_box .box_whatsapp div{flex: 1;font-weight: bold;border: 1px solid #3a3a3a;border-radius: 15px;margin: 10px;padding: 5px;} 
.products .products_fr .products_right_list_box .box_whatsapp .products_detail a{color: #f3690d;}
.products .products_fr .products_right_list_box .box_whatsapp .products_detail:hover {background: #f3690d;border: 1px solid #f3690d;}
.products .products_fr .products_right_list_box .box_whatsapp .products_detail:hover a{color: #FFFFFF;transition: 0s;}
.products .products_fr .products_right_list_box .box_whatsapp .products_whatsapp a{color: #1c4e9f;}
.products .products_fr .products_right_list_box .box_whatsapp .products_whatsapp:hover {background: #1c4e9f;border: 1px solid #1c4e9f;}
.products .products_fr .products_right_list_box .box_whatsapp .products_whatsapp:hover a{color: #FFFFFF;transition: 0s;}

.products_detail{background: #FFFFFF;}
.products_detail .products_detail_breadcrumb{background: #e7ebf3;margin-bottom: 55px;}
.products_detail .products_detail_breadcrumb .breadcrumb{padding: 12px 20px;margin: 0;background: #e7ebf4;}
.pro_detail .picbox{ color: #000;}
.pro_detail .picbox .img_bd{width:100%;height:auto;overflow:hidden;text-align:center;position:relative;z-index:1;max-width: 700px;box-shadow: 0 5px 10px 1px #1c4e9f21, 5px 2px 5px 1px #1c4e9f21;margin: 10px;border-radius:15px;}
.pro_detail .picbox .img_bd img{width: 100%;height: auto;aspect-ratio: 4/3;border-radius: 15px;}
.pro_detail .picbox .img_hd{height:auto;position:relative;margin-top:25px;overflow:hidden;max-width: 700px;width: 100%;}
.pro_detail .picbox .img_hd .picmidleft{float:left;width:5%;overflow:hidden;}
.pro_detail .picbox .img_hd .picmidright{float:left;width:5%;overflow:hidden;}
.pro_detail .picbox .img_hd .picmidleft a ,.pro_detail .picbox .img_hd .picmidright a{background:#fff;color:#1c4e9f;display:block;width:24px;height:140px;line-height:135px;font-size:60px;text-align:center;margin: auto;}
.pro_detail .picbox .img_hd .picmidleft a:hover ,.pro_detail .picbox .img_hd .picmidright a:hover{color: #4395ff;}
.pro_detail .picbox .img_hd .tempWrap{float:left;width:90%;overflow:hidden;}
.pro_detail .picbox .img_hd .tempWrap ul{max-width:700px;width: 100%;overflow:hidden;position:relative;margin:0;}
.pro_detail .picbox .img_hd .tempWrap ul li{float:left;margin-top:1px;display:inline;border:1px solid #FFFFFF;overflow:hidden;text-align:center;vertical-align:middle;width: 30%;margin:0 1.5%;}
.pro_detail .picbox .img_hd .tempWrap ul li img{width:100%;height:auto;aspect-ratio: 4/3;border-radius: 6%;}
.pro_detail .picbox .img_hd .tempWrap ul li.on{border:1px solid #1c4e9f;aspect-ratio: 4/3;border-radius: 6%;}
.pro_detail .picbox .img_hd .tempWrap ul li:nth-child(n+4){display:none;}

.pro_detail .pro_detail_fr .pro_detail_fr_box{border: 1px solid #858585;padding: 30px 20px 40px;margin-top: 10px;border-radius: 10px;}
.pro_detail {position: relative;display: flex;flex-wrap: wrap;}
.pro_detail_fl {flex: 1;  min-width: 0; width: 63%; float: left; }
.pro_detail_fr {width: 34%; margin-left: 30px; float: right; }
.pro_detail_fr_box {width: 100%;}
.pro_detail_fr_box.fixed {position: fixed;top:130px;z-index: 100;margin-left: 0; box-sizing: border-box;}
.mobile_pro_detail_fr{display: none;}

.pro_detail .pro_detail_fr h1{font-size: 20px;color: #222222;font-weight: bold;}
.pro_detail .pro_detail_fr .rightcon_top_h1{border-bottom: 1px solid #e6e7eb;padding-bottom: 30px;}
.pro_detail .pro_detail_fr .prodzy h2{font-size: 18px;color: #222222;font-weight: bold;margin: 30px 0 15px;}
.pro_detail .pro_detail_fr .prodzy .prodzy_content{background: #f2f2f2;padding: 20px 10px;border-radius: 10px;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact{margin: 30px 0 15px;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact p{font-size: 16px;color: #383838;font-weight: bold;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact p span{color: #f3690d;font-style: italic;text-decoration: underline;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact .linkdiv{display: flex;gap: 10px;margin-top: 15px;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact .linkdiv button{flex: 1;border-radius: 15px;border: 1px solid #000000;background: #FFFFFF;padding: 5px;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact .linkdiv button:hover{background: #f3690d;color: #FFFFFF;}
.pro_detail .pro_detail_fr .pro_detail_fr_contaact .linkdiv button:hover a{color: #FFFFFF;transition: 0s;}

.proinfo_con{font-size: 16px;line-height:1.5;padding: 80px 0 160px;color: #303030;}
.proinfo_con .proinfo_con_top{overflow: hidden; border-bottom: 2px solid #e5e7eb; margin-bottom: 50px;}
.proinfo_con .proinfo_con_top li:first-child{border-bottom: 2px solid #000000;color: #000000;font-weight: bold;margin-right: 70px;}
.proinfo_con .proinfo_con_top li{float: left;padding: 5px 15px 15px 0;color: #808088;}
.proinfo_con .tabbox{ overflow-x: auto;  }
.proinfo_con img{max-width: 100%; margin:30px auto; }
.proinfo_con table{ border-left: 1px solid #000000;border-top: 1px solid #000000; line-height: 24px; }
.proinfo_con table td{border-bottom: 1px solid #000000;border-right: 1px solid #000000;text-align: center;padding:13px;}
.proinfo_con table tr:nth-child(odd) td{ background: #fff; }
.proinfo_con table tr:first-child td{ background: #1c4e9f; text-align: center; font-weight: 600; color: #FFFFFF; }
.proinfo_con table tr td:first-child{padding:10px 25px; text-align: center;}
.proinfo_con #FAQ{padding-top: 130px;}
.proinfo_con #FAQ .faq_p{border-bottom:2px solid #1c4e9f ;font-weight: bold;max-width: 90px;text-align: center;margin: 0 auto;margin-bottom: 30px;font-size: 20px;}

.projects .projects_class_list{padding: 30px 70px;background: #e8edf6;border-radius: 10px;margin: 60px 0;}
.projects .projects_class_list ul li{margin: 0;position: relative; padding-left: 16px;font-size: 16px;color: #1c4e9f;}
.projects .projects_class_list ul li:before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;background-color: #1c4e9f; border-radius: 50%; }
.projects .projects_class_list ul li a{color: #1c4e9f;}
.projects .projects_class_list ul li:hover a,.projects .projects_class_list ul li.active a{color: #f3690d;}
.projects .projects_class_list ul li:hover:before ,.projects .projects_class_list ul li.active:before{background-color: #f3690d;}
.projects .cn_li_3{margin: 0 -20px;}
.projects .cn_li_3 li{padding: 20px;}
.projects .projects_list_box img{aspect-ratio: 3 / 2;}
.projects .projects_list_box .box_info{background: #e8edf6;padding: 10px 3px;}
.projects .projects_list_box .box_info h2{font-size: 18px;color: #373737;font-weight: bold ;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.projects .projects_list_box .box_more p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 10px 0 20px;font-size: 16px;color: #686868;}
.projects .projects_list_box .projects_more a{background:#f3690d ;color: #FFFFFF;font-size: 16px;border-radius: 5px;padding: 10px;}
.projects .projects_list_box .projects_more a:hover{background: #1c4e9f;}

.projects.inside_page_content{padding-top:30px ;padding-bottom: 100px;overflow: hidden;}
.projects .projects_inside_page_content_top{overflow: hidden;display: flex;align-items: center;gap: 5%;padding-bottom: 80px;border-bottom: 1px solid #000;margin-bottom: 80px;}
.projects .projects_inside_page_content_top .fl{width: 45%;overflow: hidden;}
.projects .projects_inside_page_content_top .fl img{width: 100%;height: auto;object-fit: cover;aspect-ratio: 3 / 2;}
.projects .projects_inside_page_content_top .fr{width: 50%;overflow: hidden;}
.projects .projects_inside_page_content_top .fr h2{font-size: 24px;color: #3f3f3f;font-weight: bold;}
.projects .projects_inside_page_content_top .fr .time{font-size: 14px;color: #f3690d;font-style: italic;padding: 20px 0 30px;}
.projects .projects_inside_page_content_top .fr .data{font-size: 16px; color: #2b2b2b;padding-bottom: 5px;}
.projects .projects_inside_page_content_top .fr .data span{font-weight: bold;}
.projects .projects_inside_page_content_top .fr .data_feedback{font-size: 16px; color: #2b2b2b;font-weight: bold;padding-top: 25px;}
.projects .projects_inside_page_content_top .fr .data_xing{color: #facc15;font-size: 12px;padding: 3px 0;}
.projects .projects_inside_page_content_top .fr .data_feedback_txt{font-size: 14px;color: #575757;font-style: italic;}
.projects_inside_page_content_bottom{width: 65%;}
.projects .inside_page_content_contact_us{font-size: 16px;color: #434343;font-weight: bold;line-height: 1.8;margin: 60px 0 30px;}
.projects .inside_page_content_contact_us a{color: #f3690d;font-weight: normal;}
.projects .inside_page_content_contact_us a:hover{color: #1c4e9f;}
.projects .back{margin-top: 45px;}
.projects .back a{font-size: 16px;color: #fefefe;background: #f3690d;padding: 10px 20px;}
.projects .back a:hover{background: #1c4e9f;transition: all 0.5s ease 0s;}

.about{padding: 0;}
.about_us .about_us_h2{text-align: center;padding-top:20px;color: #1c4e9f;font-size: 36px;}
.about_us .about_us_hr{width: 130px;height:3px;background: #f3690d;margin: auto;margin-top: 5px;margin-bottom: 50px;}
.about_us .about_us_h2 span{color:#373737;}
.about_us .about_us_story p+p{margin-top: 20px;}
.about_us .about_us_story p{color: #4e4e4e;font-size: 16px;line-height:1.5;}
.about_us .about_us_experience{margin-top: 80px;}
.about_us .about_us_experience .warper{display: flex;}
.about_us .about_us_experience .fl{flex: 1;display: flex;align-items: center;background: #1c4e9f;}
.about_us .about_us_experience .fl ul{padding: 0 30px;color: #FFFFFF;font-size: 20px;line-height:3;}
.about_us .about_us_experience .fl i{width: 15px;height: 15px;border-radius: 50%;background: #f3690d;display: inline-block;margin-right: 15px;}
.about_us .about_us_experience .fr{flex: 2;background: #000000;}
.about_us .about_us_experience .fr iframe{width: 100%;height: auto;aspect-ratio: 16 / 9;}
.about_us .about_us_vr .about_us_vr_tbox{display: flex;margin-top: 80px;gap: 40px; margin-right: -40px;}
.about_us .about_us_vr .vr_box {flex: 1;overflow: hidden;border-radius: 10px;}
.about_us .about_us_vr .vr_box .vr_img{overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;}
.about_us .about_us_vr .vr_box .vr_text{display: flex;align-items: center;justify-content: center; text-align: center;padding: 55px 0;}
.about_us .about_us_vr .vr_box .vr_text h3{color: #d4d4d4;font-size: 16px;}
.about_us .about_us_vr .vr_box .vr_text h3 span{color: #FFFFFF;font-size: 36px;}
.about_us .about_us_vr .vr_box:hover .vr_text h3{transform: scale(1.05);transition: all 0.5s ease 0s;}
.about_us .about_us_advantage{margin-top: 180px;background: #f1f6ff;padding: 80px 0 150px;}
.about_us .about_us_advantage .about_us_advantage_list{display: flex;margin-top: 80px;gap: 40px;}
.about_us .about_us_advantage .about_us_advantage_list li{flex: 1;overflow: hidden;border-radius: 10px;text-align: center;background: #FFFFFF;box-shadow: 0 5px 10px 1px #bdbdbd47, 5px 0 5px 1px #bdbdbd47;padding: 50px 20px;font-size: 16px;color: #434343;}
.about_us .about_us_advantage .about_us_advantage_list li:hover{box-shadow: 0 5px 15px 3px #1c4e9f40, 5px 0 5px 3px #1c4e9f40;transform: translateY(-5px);transition: all 0.5s ease 0s;}
.about_us .about_us_advantage .about_us_advantage_list li h3{color: #1c4e9f;font-size: 18px;    margin: 35px 0 20px;}
.about_us .about_us_history{padding: 100px 0;}
/*样式1*/
/* .about_us .about_us_history .hd{position: relative;margin-top: 105px;}
.about_us .about_us_history .line {position: relative;top: 15px;left: 0;right: 0;height: 2px;background-color: #090909;transform: translateY(-50%);z-index: 1;}
.about_us .about_us_history .tabss {display: flex;justify-content: space-between;position: relative;z-index: 2;width: 80%;margin: 0 auto;}
.about_us .about_us_history .history_tab {width: 25px;height: 25px;border-radius: 50%;background-color: #FFFFFF;cursor: pointer;transition: all 0.3s ease;border: 2px solid #1c4e9f;}
.about_us .about_us_history .history_tab span{position: relative;top: -30px;left: -136%;font-weight: bold;font-size: 16px;color: #444444;}
.about_us .about_us_history .history_tab:last-child span{left: -50%;}
.about_us .about_us_history .history_tab:hover {background-color: #1c4e9f;}
.about_us .about_us_history .history_tab.active {background-color:#1c4e9f;}
.about_us .about_us_history .history_tab:hover span,.about_us .about_us_history .history_tab.active span{color: #1c4e9f;} */

/*样式2*/
.about_us .tabBox .hd {overflow-x: auto; scrollbar-width: none;-ms-overflow-style: none; position: relative;width: 100%;scroll-behavior: smooth; }
.about_us .tabBox .hd::-webkit-scrollbar {display: none; }
.about_us .tabBox .hd .tabss {display: flex;white-space: nowrap;position: relative;justify-content: flex-start;width: max-content; min-width: 100%;font-size: 16px;border-bottom: 2px solid #eee;}
.about_us .line {position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #eee;z-index: 1; }
.about_us .tabBox .hd .history_tab {flex: 0 0 auto;padding: 0 30px;cursor: pointer;position: relative;z-index: 2;}
.about_us .tabBox .hd .history_tab.active {color: #007bff; font-weight: bold; }
.about_us .tabBox .hd .history_tab.active::after {content: '';position: absolute;bottom: -2px; left: 0;width: 100%;height: 2px;background-color: #007bff; z-index: 3; border-bottom: 2px solid #1c4e9f;}





.about_us .about_us_history .history_content{display: none;justify-content: center;align-items: center;}
.about_us .about_us_history .history_content.active {display: flex;}
.about_us .about_us_history .history_content_box{overflow: hidden;display: flex;align-items: center;margin-top: 90px;width: 70%;}
.about_us .about_us_history .history_content_box .history_content_text{padding-left: 40px;}
.about_us .about_us_history .history_content_box .history_content_text h3{color: #444444;font-size: 24x;}
.about_us .about_us_history .history_content_box .history_content_text p{color: #444444;font-size: 16px;line-height: 1.5;margin-top: 20px;}

.about_us .about_us_vision{padding:60px 0 100px;background-image:url(/d/file/p/20250915/Our-Mission-Vision.webp) ; background-size: cover;  background-repeat: no-repeat;  background-position: center;background-attachment: fixed;position: relative;text-align: center;color: #FFFFFF;font-size: 16px;}
.about_us .about_us_vision::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); z-index: 1; }
.about_us .about_us_vision > * {position: relative;z-index: 2;}
.about_us .about_us_vision h2{color: #FFFFFF;}
.about_us .about_us_vision p{width: 70%;margin: 0 auto;}
.about_us .about_us_vision p+p{margin-top:30px;}
.about_us .about_us_elegance{padding: 125px 0 50px;}
.about_us .about_us_elegance .warper{max-width: 1500px;margin: 0 auto;}
.about_us .about_us_elegance img{width: 100%;}

.video .video_nav{border-bottom: 1px solid #606060;overflow: hidden;}
.video .video_nav li{float: left;margin: 0 20px 10px 0;font-size: 16px;}
.video .video_nav li a{padding:0 10px 12px ;}
.video .video_nav li.active a,.video .video_nav li:hover a{color: #0f0f0f;border-bottom: 3px solid #0f0f0f;padding:0 10px 12px ;}
.video .cn_li_3 .inside_page_box iframe{width: 100%;height: auto;aspect-ratio: 16 / 9;}
.video .cn_li_4 .inside_page_box iframe{width: 100%;height: auto;aspect-ratio: 9 / 16;}
.video .inside_page_box h2{color: #171717;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 10px;min-height: 45px;line-height: 1.5;}

.news .cn_li_3{margin:0 -20px;}
.news li{padding: 20px;}
.news .inside_page_box_img{margin-bottom: 16px;}
.news .inside_page_box img{width: 100%;aspect-ratio: 1 / 0.66;}
.news .inside_page_box h2{color: #686868;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 5px;}
.news .inside_page_box a:hover h2{color: #f3690d;}
.news .inside_page_box time{color: #f3690d;font-size: 14px;}
.news.inside_page_content{padding-top:30px ;padding-bottom: 100px;overflow: hidden;}
.news .title h2{font-size: 24px;font-weight: bold;color: #3f3f3f;}
.news .title .time{margin: 20px 0 45px;color: #f3690d;font-style: italic;}
.news.inside_page_content .content{font-size: 16px;color: #303030;line-height: 1.8;}
.news.inside_page_content .content p{margin-bottom: 15px;}
.news.inside_page_content .content img{width: 100%;max-width: 800px;text-align: center;margin: 10px 0 ;}
.news .inside_page_content_contact_us{font-size: 16px;color: #434343;font-weight: bold;line-height: 1.8;margin: 60px 0 30px;}
.news .inside_page_content_contact_us a{color: #f3690d;font-weight: normal;}
.news .inside_page_content_contact_us a:hover{color: #1c4e9f;}
.news .back{margin-top: 45px;}
.news .back a{font-size: 16px;color: #fefefe;background: #f3690d;padding: 10px 20px;}
.news .back a:hover{background: #1c4e9f;transition: all 0.5s ease 0s;}
.news.inside_page_content .fl{width: 65%;}
.news.inside_page_content .fr{width: 27%;}
.news.inside_page_content .fr{background: #e7ebf4;}
.news.inside_page_content .fr h3{font-size: 14px;color: #fefefe;background: #1c4e9f;padding: 15px 20px;}
.news.inside_page_content .fr .img_box img{width: 100%;aspect-ratio: 1 / 0.66;transition: all 0.5s ease 0s;overflow: hidden;}
.news.inside_page_content .fr li:hover img{transform: scale(1.03);}
.news.inside_page_content .fr .newstime{color: #f3690d;font-size: 16px;margin: 20px 0 2px;}
.news.inside_page_content .fr h4{font-size: 16px;color: #3f3f3f;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news.inside_page_content .fr ul{padding: 10px 0 40px;}
.news.inside_page_content .fr li{padding: 12px 20px;}

.contact_us .map iframe{width: 100%;height: 500px;border-radius: 5px;margin-top: 30px;}
.contact_us h2{font-size: 18px;font-weight:bold;color: #1a1a1a;padding-bottom: 30px;}
.contact_us_contact_list_box{display: flex;align-items: flex-start;margin-bottom: 14px;}
.contact_us_contact_list_box .contact_us_img {width: 40px;display: flex;align-items: center;justify-content: center;margin-right: 10px;flex-shrink: 0;}
.contact_us_contact_list_box a,.contact_us_contact_list_box span{line-height: 1.5;text-align: left;display: block;width: 100%;font-size: 16px;color: #323232;}
.contact_us_contact_list_box a:hover{color: #f3690e;}
.contact_us_contact_list_box .contact_us_img img{width: auto;}
.contact_us_contact_list_box>span img{width: auto;}
.contact_us_inquiry_list p{font-size: 15px;color: #777777;}
.contact_us_inquiry .getquotation_from{overflow: hidden;}
.contact_us_inquiry form{padding: 0;padding-top: 18px;}
.contact_us_inquiry .getquotation_from li{float: left;width: 48%;}
.contact_us_inquiry .getquotation_from li+li{margin-left: 4%;}
.contact_us_inquiry .getquotation_from li:nth-child(2n+1){margin-left: 0;}
.contact_us_inquiry .getquotation_from li:last-child{width: 100%;}
.contact_us_inquiry .getquotation_from input,.contact_us_inquiry .getquotation_from textarea{border: 1px solid #484848;border-radius: 0;color: #777777}
.contact_us_inquiry input::-webkit-input-placeholder, .contact_us_inquiry textarea::-webkit-input-placeholder {color: #777777;}
.contact_us_inquiry input:-moz-placeholder, .contact_us_inquiry textarea:-moz-placeholder {color: #777777;}
.contact_us_inquiry input::-moz-placeholder, .contact_us_inquiry textarea::-moz-placeholder {color: #777777;}
.contact_us_inquiry input:-ms-input-placeholder, .contact_us_inquiry textarea:-ms-input-placeholder {color: #777777;}
.contact_us_inquiry .m_btn{margin: 0;text-align: left;}
.contact_us_inquiry input[type=submit] {background: #f3690e;color: #fff;border: 0;width: 50%;margin:0;padding: 0;font-size: 12.5px;box-shadow: 10px 10px 15px 0px #1c4e9f40;border-radius:0}
.contact_us_inquiry input[type=submit]:hover{ background: #1c4e9f;transition: all 0.5s ease 0s;transform: scale(1);}


.otherpage{ font-size: 16px;border-top: 1px solid #707070;border-bottom: 1px solid #707070; padding: 20px 0;}
.otherpage div{margin: 5px 0;color: #707070;;}
.otherpage div span{font-size: 16px;color: #707070;margin-right:10px;}
.otherpage a{color: #707070; }
.otherpage a:hover{ color: #f3690e }

.submit_success{text-align: center;color: #1c4e9f;}
.submit_success span{color: red;}
.submit_success a{color: #1c4e9f;font-style: italic;border-bottom: 1px solid;}

.zoom-in{cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;}
.zoom-out{cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}

@media screen and (max-width: 1600px){
  .banner_home .flick-content .home_banner1{transform: translate(17%, -50%) scale(0.8);transform-origin: left;}
  .banner_home .flick-content .home_banner2{transform: translate(17%, -50%) scale(0.8);transform-origin: right;}
}

@media screen and (max-width: 1500px){
  .self_nav .nav_one>li {padding: 24px 2px;}
}

@media screen and (max-width: 1400px){
  nav li>a{padding: 10px;}
  .banner_home .flick-content .home_banner1{transform: translate(17%, -50%) scale(0.5);transform-origin: left;}
  .banner_home .flick-content .home_banner2{transform: translate(17%, -50%) scale(0.5);transform-origin: right;}
  .home_projects .cn_li_3>li{padding: 15px;}
}

@media screen and (max-width: 1300px){
  .cn_li_8>li{width: 25%;}
  nav .nav_one_cu a{padding: 10px 10px;}
}

@media screen and (max-width: 1200px){
  .search .search_btn{margin-left: 5px;}
  nav .nav_one_cu a{display: none;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a {line-height: 110px;}
}

@media screen and (max-width: 1100px){
  nav li>a{padding: 10px 5px;}
  .about_us .about_us_experience .fl ul{font-size: 14px;}


}
@media screen and (max-width: 1000px){ 
  .logo,.logo img{float: left;text-align: center;}
  .nav_pc{display: none;}
  .mob_nav{display: block;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  .main_header_bottom {padding-top: 95px;}
  .warper{padding:0 10px;}
  .search{display: none;}
  nav{position: fixed;left: 0;top: 0;bottom: 0;width:50%;box-shadow: 0 3px 5px #666;z-index:102;overflow: auto;background: #1c4e9f;transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; }
  nav li>a{ margin:0; border-bottom:1px solid #d9d9d9;color: #FFFFFF;}
  nav li dl{ display: none; opacity: 0; } 
  nav li a:hover{background: #1c4e9f;color: #fff;}
  nav li dl{background: #1c4e9f;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;z-index:-999;}
  nav li dd a{padding: 8px 20px;display: block;font-size: 13px;color: #FFFFFF;}
  nav>ul{float: none;margin-top: 15px;text-align: center;}
  .self_nav .nav_one>li{ padding:5px;}
  .self_nav .nav_one>li:nth-child(4) i,  .self_nav .nav_one>li:nth-child(5) i{display: none;}
  .nav_sec{width: auto;position: initial;padding: 5px;background: #FFFFFF;display:none !important}
  .nav_sec>li{width: 100%;margin: 0;background: #FFFFFF;border: 0;}
  .nav_sec>li a{color: #1c4e9f;}
  .nav_sec>li a:hover,.nav_sec>li:hover a{font-weight: 500;color: #FFF;border: 0;background: #1c4e9f;}
  .self_nav .nav_one>li>a{color:#FFFFFF;font-size: 16px; border: 0 !important;}
  .self_nav .current>a, .self_nav .nav_one>li:hover>a, .self_nav .dropdown .current{border: 0 !important;}
  .self_nav .current>a, .self_nav .nav_one>li:hover>a{border-radius: 0;border: 0;}
  .self_nav .nav_one>li:hover>a{color: #FFFFFF}
  .self_nav{width: 0;}
  .nav-open{width: 50%;}  
  .self_nav .nav_one>li:hover {border-bottom: 0;}
  .self_nav .nav_one .dropdown i{position: absolute;right: 10px;top: 15px;width: 34px;height: 30px;display: block;color: #FFFFFF;}
  .self_nav .nav_one .navshow .nav_sec{display: block !important;height: auto !important;}
  #nav .nav-button{display: block;}
  .banner_home{padding-top: 65px;}
  .banner_home .flick-content div h1{font-size: 20px;}
  .banner_home .flick-content .home_banner1 .banner_hr{margin: 10px 3px 5px;}
    .home_projects{background: url(/d/file/p/20250912/home_projects.webp);}
  .home_projects .projects_box .img_box,.home_projects .projects_box .text_box{width: 100%;float: none;}
  .home_projects .projects_box .text_box h3{margin-top: 0px;}
  .home_projects .projects_box .text_box .projects_hr{margin-top: 5%;}
  .search-button{display: none;}
  .filtercontent{width: 70%;}
  .about_us .about_us_vr .about_us_vr_tbox{display: block;margin-right: 0;}
  .about_us .about_us_vr .vr_box{margin-bottom: 30px;}
  .products .products_box{gap: 0px;flex-wrap: wrap;justify-content: space-between;}
  .products .products_fl,.products .products_fr{width: 100%;flex: unset;margin-bottom: 30px;overflow: hidden;}
  .products .products_fl .products_fl_nav{overflow: hidden;}
  .products .products_fl_list{display: none;}
  .products .products_fl_nav ul .dropdown:after{display: none;}
  .products .products_fl_nav ul li.dropdown .products_nav_sec{display: none !important;}
  .products .products_fl_nav .dropdown {width: 23%;margin: 0 1%;padding: 10px 0;float: left;}
  .pro_detail .pro_detail_fr{display: none;}
  .mobile_pro_detail_fr{display: block;}
  .mobile_pro_detail_fr {width: 100%; margin-bottom: 40px;}
  .mobile_pro_detail_fr_box {width: 100%;border: 1px solid #858585;padding: 30px 20px 40px;margin-top: 10px;border-radius: 10px;}
  .pro_detail .mobile_pro_detail_fr h1{font-size: 20px;color: #222222;font-weight: bold;}
  .pro_detail .mobile_pro_detail_fr .mobile_rightcon_top_h1{border-bottom: 1px solid #e6e7eb;padding-bottom: 30px;}
  .pro_detail .mobile_pro_detail_fr .mobile_prodzy h2{font-size: 18px;color: #222222;font-weight: bold;margin: 30px 0 15px;}
  .pro_detail .mobile_pro_detail_fr .mobile_prodzy .mobile_prodzy_content{background: #f2f2f2;padding: 20px 10px;border-radius: 10px;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact{margin: 30px 0 15px;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact p{font-size: 16px;color: #383838;font-weight: bold;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact p span{color: #f3690d;font-style: italic;text-decoration: underline;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact .mobile_linkdiv{display: flex;gap: 10px;margin-top: 15px;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact .mobile_linkdiv button{flex: 1;border-radius: 15px;border: 1px solid #000000;background: #FFFFFF;padding: 5px;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact .mobile_linkdiv button:hover{background: #f3690d;color: #FFFFFF;}
  .pro_detail .mobile_pro_detail_fr .mobile_pro_detail_fr_contaact .mobile_linkdiv button:hover a{color: #FFFFFF;transition: 0s;}
  .pro_detail_fl{flex: unset;float: none ;width: 100%;}
  .pro_detail .picbox .img_bd{max-width: 100%;margin: auto;}
  .pro_detail .picbox .img_hd{max-width: 100%;}
  .pro_detail .picbox .img_hd .tempWrap ul{max-width: 100%;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a{line-height: unset;height: auto;}
  .pro_detail .picbox .img_hd .picmidleft,.pro_detail .picbox .img_hd .picmidright{padding-top: 3%;position: sticky;line-height: unset;padding-bottom: 3%;}

.projects .projects_class_list ul li{width: 33%;}
.projects .cn_li_3 li{width: 50%;}
.video .cn_li_3 li{width: 50%;}
.news.inside_page_content .fr{display: none;}
.news.inside_page_content .fl{width: 100%;}

  .content_list>li{width: 48%;margin-right: 4%;}
  .content_list li:nth-child(3n){margin-right: 4%;}
  .content_list li:nth-child(2n){margin-right:0;}
  .content_list li:nth-child(3n+1){clear: none;}
  .contact_us .cn_li_2>li{width: 100%;}
  footer .cn_li_4>li{width: 50%;padding: 30px;}
  footer .footer_copyright p{padding: 15px;}
}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 768px){
  header{position: absolute;}
  .cn_li_3>li{width: 33%;}
  .cn_li_6>li{width: 33.3%;}
  .home_news{padding: 100px 0;}
  .home_news li{width: 49%;}
  .home_news li+li{margin-left:1%;}
  .home_news li:nth-child(3){display: none;}

  .about_us .about_us_experience .warper{display: block;}
  .about_us .about_us_experience .fl{padding: 20px;}
  .about_us .about_us_experience .fl,.about_us .about_us_experience .fr{width: 100%;}
  .about_us .about_us_advantage .about_us_advantage_list {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2%;}
  .about_us .about_us_advantage .about_us_advantage_list li {width: 49%;margin-right: 0;margin-bottom: 20px;flex: unset;float: left;}
  .about_us .about_us_history .tabss{width: 95%;}
  /* .about_us .about_us_history .history_tab span{display: none;} */
  .about_us .about_us_history .history_content_box{width: 100%;flex-wrap: wrap;justify-content: space-between;gap: 2%;margin-top: 0;}
  .about_us .about_us_history .history_content_box .history_content_img,  .about_us .about_us_history .history_content_box .history_content_text{width: 100%;flex: unset;text-align: center;padding-left: 0px;margin-top: 30px;}
  .products .products_fl_nav .dropdown{width: 48%;margin:0 1% 10px 1%;}
  .products .products_fr .products_right_list_box .box_whatsapp{display: none;}
  .proinfo_con{font-size: 14px;}
  .proinfo_con img{margin: 10px auto;width: 100%;}
  .projects .projects_inside_page_content_top{display: block;}
  .projects .projects_inside_page_content_top .fl{width: 100%;margin-bottom: 30px;}
  .projects .projects_inside_page_content_top .fr{width: 100%;}
  .projects_inside_page_content_bottom{width: 100%;}
  .video .cn_li_4 li{width: 50%;}
  .news li{width: 50%}

  .otherpage{margin: 40px 0 0;font-size: 14px;}
  .contact_us h1{font-size: 24px;}
  .contact_us .cn_li_2 li{font-size: 14px;}
  .contact_us .cn_li_2>li>p img{width: 25px;}
  footer .warper{background-position: 99%;background-size: 300px 500px;}
}

@media screen and (max-width: 640px){
  .cn_li_4>li{width: 50%;}
  .positionline .fr{display: none;}
  .positionline{padding: 20px 10px 10px !important;}
  .banner_home .flick-content div{transform:translate(1%, -50%)}
  .banner_home .flick-content .home_banner1{transform: translate(6%, -50%) scale(0.3);transform-origin: left;}
  .banner_home .flick-content .home_banner2{transform: translate(17%, -50%) scale(0.3);transform-origin: right;}
  .home_technical_capability_content{display: block;}
  .projects .projects_class_list ul li{width: 50%;}

}

@media screen and (max-width: 550px){
  .banner_home .flick-content .home_banner2{transform: translate(4%, -50%) scale(0.2);transform-origin: right;}
  .pro_detail .picbox .img_hd .picmidleft,.pro_detail .picbox .img_hd .picmidright{padding-top: 1%;position: sticky;line-height: unset;padding-bottom: 3%;}
  .projects .projects_class_list{padding: 10px 30px;}

}

@media screen and (max-width:480px){
  .cn_li_8>li{width: 50%;}
  .backToTop{bottom: 200px; }
  .nav_sec>li{width: 100% ;}
  .filtercontent{width: 90%}
  .nav-open {width: 70%;}
  .cn_li_3>li{width:50%;margin-left: 0}
  .banner_home .flick-content div h1{font-size: 14px;}
  .banner_home .flick-content .home_banner1 p{font-size: 12px;width: 60%;}
  .banner_home .flick-content .home_banner1 .banner_hr{margin: 10px 3px 5px;}
  .home_news li{width: 100%;}
  .home_news li+li{margin-left:0;}
  .products .products_fl_nav .dropdown{width: 100%;margin:0 0 10px 0;;text-align: center;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a {line-height: 80px;}
  .projects .projects_class_list ul li{width: 100%;padding: 5px 25px;}
  .projects .cn_li_3 li{width:100%;}
  .video .cn_li_3 li{width: 100%;}
  .video .cn_li_4 li{width: 100%;}
  .news li{width: 100%}



  .contact_us .cn_li_2 li{font-size: 20px;}
  footer .cn_li_4>li{padding: 15px;}
  footer .cn_li_4>li:first-child .footer_logo img{width: 100%;margin-top: 10px;max-width: 160px;}
  footer .footer_copyright p{padding: 0;}
}

@media screen and (max-width:380px){
  .cn_li_6>li{width: 50%;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a {line-height:60px;font-size: 40px;}
  .banner_home .flick-content .home_banner1{transform: translate(6%, -50%) scale(0.2);transform-origin: left;width:600px;}
  .banner_home .flick-content .home_banner2{transform: translate(4%, -50%) scale(0.2);transform-origin: right;width:600px;}
  .home_projects .cn_li_3>li{width: 100%;}
  .about_us .about_us_experience .fl{padding: 10px 0;}
  .about_us .about_us_advantage .about_us_advantage_list li {width: 100%;}

  
  .contact_us .cn_li_2 li{width: 100%;}
  .contact_us_inquiry .getquotation_from li+li{margin-left: 0;}
  footer .cn_li_4>li{width: 100%;}
  footer .cn_li_4>li:nth-child(3){display: none;}
}

@media screen and (max-width:320px){
}

@media(min-height: 300px) and (min-width:1000px)  and (max-height: 600px){
  header{position: absolute;}
}