@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 {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:1600px; margin:0 auto;}
header .warper,footer .warper{max-width: 1700px;}
.mob_nav{display: none;}
.backToTop{width:48px; height:48px; background:url(/d/file/p/20231207/top1.png) 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: 100% 100%;}
.backToTop:hover{ opacity: .9;background:url(/d/file/p/20231207/top2.png) no-repeat center; border: 1px solid #1c4e9f;    background-size: 100% 100%;}
header{position: fixed;width: 100%;z-index: 200;}
.homenavtop nav>ul>li>a{color: #FFFFFF;}
.homenavtop nav>ul>li>a:hover span{border-bottom: 1px solid #FFFFFF;}
.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;}

.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: 0;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.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 20px; display: block;transition:0.5s; font-size:16px; color:#1c4e9f;font-weight:bold;}
nav li.on:hover>a{ color: #fff; }
nav li>a:hover span{border-bottom: 1px solid #1c4e9f;}
.self_nav{float: right;}
.self_nav .nav_one>li{font-weight: 400;padding: 24px 5px;}
.self_nav .nav_one>li>a{font-size: 20px;font-weight: 400;}
.self_nav .current>a, .self_nav .nav_one>li:hover>a,.self_nav .dropdown .current{border-radius: 50px;}
.nav_sec{background: #FFFFFF;position: absolute;top: 96px;z-index: 101;display: none;width: 200px;border-radius: 15px;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{border-bottom: 1px solid #1c4e9f;}
.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;}
nav .nav_one_cu:hover>a{transition: all 0.5s ease 0s;transform: scale(1.03);}
.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:100px;}

/*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: 0;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;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;}
.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 p{font-size: 24px;}
.banner_home .flick-content .home_banner1 .banner_hr{margin:25px 3px 5px;border-bottom: 1px solid;color: #FFFFFF;width: 30%;display: inline-block;}
.banner_home .flick-content .home_banner2{transform: translate(-0%, -0%);top: 12%;display: grid;place-items: center;justify-content: center;align-content: center;width: 100%;}
.banner_home .flick-content .home_banner2 p{color:#1c4e9f;-webkit-text-stroke:8px transparent;background:#ffffff;-webkit-background-clip: text;position: relative;text-align: center;}

.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;}

.add li{overflow: hidden;width: 27%;text-align: center;}
.add li h2{font-size: 20px;font-weight: 500;color: #1c4e9f;padding: 35px 0 25px;}
.add li+li{margin-left: 9.5%;}
.add li:nth-child(3n+1){margin-left: 0%;}
.addimg {position: relative;border-radius:40px;overflow: hidden;}
.addmask {position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.40);opacity: 0;border-radius: 15px;width: 100%;height: 100%;}
.addmask img{width: 70px;top:50%;position: relative;transform: translate(0%, -50%);}
.addimg span:hover .addmask {opacity: 1;}
.addimg_box{box-shadow: 0 5px 10px 1px #1c4e9f47, 5px 0 5px 1px #1c4e9f47;border-radius:50px;overflow: hidden;}

.home_middle_banner{padding-top: 140px;}
.home_middle_banner .middle_banner{overflow: hidden;position: relative;}
.home_middle_banner .middle_banner img{width: 100%;}
.home_middle_banner .middle_banner div{position: absolute;left: 50%;color: #FFFFFF;top: 10%;transform: translate(-50%, 0%);width: 100%;}
.home_middle_banner .middle_banner div p{color:#1c4e9f;-webkit-text-stroke:8px transparent;background:#ffffff;-webkit-background-clip: text;text-align: center;position: relative;font-size: 50px;}



.home_more{text-align: center;margin-top: 70px;}
.home_more a{color: #1c4e9f;border: 2px solid #1c4e9f;font-size: 30px;padding: 20px 80px;border-radius: 60px;}
.home_more a:hover{background: #1c4e9f;color: #FFFFFF;}

.home_solutions h1{font-size:60px;color: #1c4e9f;font-weight: bold;padding: 100px 0 60px;}

.home_sale{padding:200px 0;}
.home_sale  li{width: 29%;} 
.home_sale li+li{margin-left:6.5%;}
.home_sale .addmask p{position: relative;text-align: left;color: #FFFFFF;padding: 50px 35px;font-size: 16px;}
.home_sale .addmask{background: #1c4e9fcc;}
.home_sale li h2{font-size: 26px;font-weight: 600;padding: 50px 0;}

.home_group img{width: 100%;}

.home_news{padding:200px 0;}
.home_news li h2 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding: 0px 30px;}
.home_news li img{width: 100%;aspect-ratio: 1/0.618;}

.home_projects h1{font-size: 60px;color: #1c4e9f;font-weight: bold;padding:120px 0 40px;text-align: center;}
.home_projects .picture{overflow: hidden;margin: 0 auto;}
.home_projects .button{position: absolute;z-index:10;color:#00000020;font-size: 6em;cursor: pointer;padding:9.5% 1%;}
.home_projects .button:hover{color: #FFFFFF;}
.home_projects .right-button{right:28.5%;}
.home_projects .left-button{left:28.5%;}
.home_projects .slide{width: 100%;overflow: hidden;position: relative;height: auto;aspect-ratio: 22/6;}
.home_projects .slide .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.home_projects .slide .img img{width: 100%;height: auto;aspect-ratio: 22/13;}
.home_projects .slide .img .addimg .addmask{overflow: hidden;transform: translate(-0%, -0%);}
.home_projects .slide .img1{width: 23%;height:auto;top: 10%;left: -50%;z-index: 1;filter: blur(2px);}
.home_projects .slide .img3{width: 33%;height:auto;top: 10%;left: -10%;z-index: 2;filter: blur(2px);}
.home_projects .slide .img2{width: 43%;height:auto;top: 0%;left: 28.5%;z-index: 3;max-height: 800px}
.home_projects .slide .img4{width: 33%;height:auto;top: 10%;left: 77%;z-index: 2;filter: blur(2px);}
.home_projects .slide .img5{width: 23%;height:auto;top: 10%;left: 130%;z-index: 1;filter: blur(2px);}
.home_projects .addimg_box{box-shadow: none}
.home_projects .slide .img3 a,.home_projects .slide .img4 a{cursor: auto;pointer-events: none;}
.home_projects .slide .img3 .addimg span:hover .addmask,.home_projects .slide .img4 .addimg span:hover .addmask {opacity: 0;}
.home_projects .addmask p{position: relative;text-align: center;color: #FFFFFF;padding: 0 15%;font-size: 35px;transform: translate(-50%, -50%);top: 50%;left: 50%;}

.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: #1c4e9f ; color: #ffffff;overflow: hidden;border-top-left-radius: 30px;border-top-right-radius: 30px;background: #1c4e9f url(/d/file/p/20231120/footer.svg) no-repeat;background-position: 100%;background-size: 38% 178%;background-position-y: 33%;}
footer .warper{max-width: 1200px;}
footer h1{font-size: 24px;padding: 80px 0 30px;font-weight: 700;}
footer a,footer p{color: #FFFFFF;font-size: 14px;}
footer .footer_list{overflow: hidden;}
footer .footer_list li{padding-bottom:20px;}
footer .footer_pro,footer .footer_cu{width: 20%;float: left;padding: 5px 0;border-right: 1px dashed #cccccc;min-height:250px;}
footer .footer_cu{padding-left:30px ;width: 25%;}
footer .footer_cu>ul img{padding-right:  20px;width:50px;}
footer .footer_inquiry{width: 55%;float: left;padding: 5px 0px 5px 50px;}
footer .footer_inquiry li{padding-bottom: 0;}
footer form{padding: 0;}
footer .footer_copyright{padding:40px 0;text-align: center;display: none}
footer .footer_copyright p{font-size: 18px;}
footer .m_btn{text-align: right}
footer .footer_link{padding-top:80px;}
footer .footer_link img{width: 35px;aspect-ratio: 1;}
footer .footer_link ul{overflow: hidden;text-align: center;margin: 0 auto;}
footer .footer_link ul li{float: left;padding-right:20px;}
footer input{height: 37px;margin-bottom: 8px;}
footer textarea{height: 11rem;    margin-bottom: 0;}
footer .getquotation_from .phone:placeholder-shown{padding: 0 2.2%;}

footer input[type=submit]{margin:0;width: 130px;border: 2px solid #FFF;}
footer input[type=submit]:hover{transition: all 0.5s ease 0s;transform: scale(1.03);background: #1c4e9f;box-shadow: none;color: #FFFFFF;margin-right: 2px;}
/*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: 16px;margin: 0 10px;color: #1c4e9f;}
.pagination a.current, .pagination span.current ,.pagination a:hover {border: 1px solid #1c4e9f;} 
/*pagination*/

.main{overflow: hidden;padding:60px 0 120px;}
.main .warper{max-width: 1500px;}
.products .products_top_list{padding: 10px 0 30px;}
.products .products_top_list .cn_li_6{border-radius: 30px;box-shadow: 0 5px 10px 1px #1c4e9f21, 5px 2px 5px 1px #1c4e9f21;    margin: 0;}
.products .products_top_list .cn_li_6 li{text-align: center;padding: 35px 0;}
.products .products_top_list .cn_li_6 li a{color: #1c4e9f;font-size: 20px;}
.products .products_top_list .cn_li_6 li:hover a,.products .products_top_list .current a{border-bottom: 1px solid #1c4e9f;}
.products .products_list{margin-top: 40px;}
.products .products_list .cn_li_3 img{aspect-ratio: 4/3;border-radius: 6%;}
.products .products_list li{width: 24%;margin-right:14%;}
.products .products_list li:nth-child(3n){margin-right: 0;}
.products .products_list .list_img{overflow: hidden;box-shadow: 0 5px 10px 1px #1c4e9f21, 5px 2px 5px 1px #1c4e9f21;aspect-ratio: 4/3;border-radius: 6%;}
.products .products_list h2{text-align: center;color: #1c4e9f;font-size: 24px;margin: 30px 0;text-transform: capitalize;}
.proinfo{padding-bottom: 100px;}
.pro_detail{ overflow: hidden; padding:30px 0; margin-bottom: 80px;}
.pro_detail .picbox{ width: 48%; float: left; }
.pro_detail .rightcon{ float: right; width: 48%;line-height:2;}
.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: 6%;}
.pro_detail .picbox .img_bd img{width: 100%;height: auto;aspect-ratio: 4/3;border-radius: 6%;}
.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 .rightcon h1{ font-size:60px; color: #1c4e9f; margin:0px 0 30px;text-transform: capitalize;font-weight: 700;}
.pro_detail .rightcon .rightcon_top{overflow: hidden;min-height: 386px;}
.pro_detail .rightcon .keyword{color: #8e8e8e;margin-bottom:40px;font-size: 20px;}
.pro_detail .rightcon .prodzy{color: #1c4e9f;font-size: 20px;}
.pro_detail .rightcon .linkdiv{ margin-top: 25px; display: block; }
.pro_detail .rightcon .linkdiv button{ text-align: center; display: inline-block; overflow: hidden;min-width: 300px;width: 60%; font-size:30px; color: #1c4e9f; border-radius: 20px;border: 1px solid #1c4e9f;background: #FFFFFF; }
.pro_detail .rightcon .linkdiv button:hover{ background: #1c4e9f;color: #FFFFFF;}
.proinfo_con{font-size: 18px;color: #1c4e9f;line-height: 2;}
.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;}

.sharewe_group{overflow: hidden;position: relative;}
.sharewe_group img{width: 100%;}
.sharewe_group div{position: absolute;left:10%;color: #FFFFFF;top: 50%;transform: translate(0%, -50%);}
.sharewe_group div h1{font-size: 80px;margin-bottom: 30px;}
.sharewe_group div p{font-size: 30px;line-height: 1.8;}
.sharewe_group div h1,.sharewe_group div p{position: relative;}

.about{padding: 0;top: -50px;position: relative;color: #1c4e9f;}
.about .workshop_stock{overflow: hidden;position: relative;margin-bottom: 80px;}
.about .workshop_stock img{width: 100%;}
.about .workshop_stock div{position: absolute;color: #FFFFFF;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.about .workshop_stock div h1{font-size: 100px;position: relative;}
.about .about_top{margin:80px 0;}
.about .about_top h2,.about .aboutbox1 h2,.about .aboutbox2 h2{font-weight: 700;font-size: 30px;line-height: 2;}
.about .about_top p,.about .aboutbox1 p,.about .aboutbox2 p{font-size: 20px;line-height: 1.8;margin-bottom: 20px;}
.about .aboutbox1,.about .aboutbox2{overflow: hidden;margin:200px 0;position: relative;}
.about .aboutbox1 img,.about .aboutbox2 img{width: 100%;}
.about .aboutbox1 .fl,.about .aboutbox2 .fr{width: 36%;}
.about .aboutbox1 .fr{width:62%;margin: auto;position: absolute;top: 50%;transform: translate(0%, -50%);right: 0;}
.about .aboutbox2 .fl{width:62%;margin: auto;position: absolute;top: 50%;transform: translate(0%, -50%);left: 0;}
.about .iframe iframe{width: 100%;height: 600px;}

.solution .Solution_top{overflow: hidden;position: relative;margin-bottom:50px;}
.solution .Solution_top img{width: 100%;}
.solution .Solution_top div{position: absolute;color: #FFFFFF;top: 50%;transform: translate(0%, -50%);margin-left: 70px;}
.solution .Solution_top div h1{font-size: 30px;padding: 30px 0;font-weight: 900;}
.solution .Solution_top div p{font-size: 26px;}
.solution .Solution_top div p:nth-of-type(2){font-weight: 700;}
.solution .Solution_top div p+p{margin-top: 30px;}
.solution .Solution_list .cn_li_2{margin: 0 -25px;}
.solution .Solution_list .cn_li_2>li{padding: 25px;}
.solution .Solution_list .cn_li_2 p{line-height: 2;color: #1c4e9f;font-size: 16px;margin-top: 35px;height: 400px;overflow-y: auto;}

.content_list li{width: 30%;margin-right:5%;margin-bottom: 80px;}
.content_list li:nth-child(3n){margin-right: 0;}
.content_list li:nth-child(3n+1){clear:both;}
.content_list li img{width: 100%;aspect-ratio: 1/0.618;}
.content_list span{margin-right: 10px;}
.content_list p{color: #1c4e9f;font-size: 16px;margin-top: 25px;padding: 0 40px;}
.content_list h2{color: #1c4e9f;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-bottom: 30px;padding: 0 40px;font-weight: 700;}

.content_list_top{margin-bottom: 30px;margin-bottom: 90px;}
.content_list_top .flickerplate{background: #FFFFFF !important;}
.content_list_top .content_list_top_text .flick-content{position: relative;background: #000000;border-radius: 50px;overflow: hidden;}
.content_list_top .content_list_top_text .flick-content div{position: absolute;color: #FFFFFF;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(to right, #1c4e9f, #1c4e9f21);}
.content_list_top .content_list_top_text .flick-content img{aspect-ratio: 4/1;}
.content_list_top .content_list_top_text .flick-content h2{position: absolute;left: 10%;color: #FFFFFF;top: 50%;transform: translate(0%, -50%);font-weight: 700;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.content_list_top .content_list_top_text .flick-content h2 span{font-weight: 400;}

.news .content_list time{float: right;top: -20px;position: relative;padding: 0 40px;font-size: 10px;}

.contact_us .map iframe{width: 100%;height: 500px;border-radius: 30px;}
.contact_us h1{font-size: 40px;font-weight: 700;    padding-bottom: 30px;}
.contact_us .cn_li_2 li{font-size:24px;color: #1c4e9f;}
.contact_us .cn_li_2 li p{overflow:hidden;padding-bottom: 10px;}
.contact_us .cn_li_2 li a,.contact_us .cn_li_2 li span{color: #1c4e9f;top: 6px;position: relative;}
.contact_us .cn_li_2>li>p img{width:45px;margin-right: 20px;float: left;}
.contact_us .contact_us_address{margin-top: -10px;}
.contact_us .contact_us_address img{margin-top: 10px;}
.contact_us .whatsapp-img{overflow: hidden;padding-top: 30px;}
.contact_us .whatsapp_img_list{float: left;text-align: center;margin-right: 20px;}
.contact_us .whatsapp_img_list img{width: 100%;max-width: 100px;}
.contact_us .whatsapp_img_list p{font-size: 14px;padding: 5px 0;}

.projects_news_svg{background:url(/d/file/p/20231120/news.svg) no-repeat;background-position-x: 100%;background-size: 36%;background-position-y: 100%;max-width: 1000px;margin: 0 auto;}
.projects .flickerplate .arrow-navigation,.news .flickerplate .arrow-navigation{width: 8%;}

.fontcon h1{font-size:50px; margin: 15px 0; font-weight: 600; text-align: center;color: #1c4e9f;}
.fontcon .content p,.fontcon .content div{ margin-bottom: 15px; line-height: 1.8;font-size: 16px;color: #1c4e9f;}
.fontcon .content img{ display: inline-block; margin:60px 0; width: 100%;max-width: 1500px;}
.fontcon .content .contentimg,.fontcon .content{margin: 60px 0;}
.fontcon .content .contentimg img{margin: 0}
.fontcon .time{ text-align: center;color: #1c4e9f;font-size:24px;margin-top: 30px;}
.fontcon .time span{margin-right: 30px;}
.fontcon .hr{width: 80%; height:2px; background: linear-gradient(to right, #ffffff7d, #1c4e9f,#ffffff7d);margin: auto;margin-top: 40px;}

.otherpage{ font-weight: 600;margin:80px 0;font-size: 16px;}
.otherpage div{margin: 5px 0;color: #1c4e9f;;}
.otherpage div span{font-size: 16px;color: #1c4e9f;margin-right:10px;}
.otherpage a{ font-weight: 100; color: #1c4e9f; }
.otherpage a:hover{ color: #1c4e9f }

.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: 1700px){
}
@media screen and (max-width: 1600px){
  .banner_home .flick-content .home_banner2 p{font-size: 40px;}
  .home_sale .addmask p{font-size: 14px;}
  .about .workshop_stock div h1{font-size: 80px;}
}

@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;}
  .home_sale .addmask p{padding: 28px;line-height: 1.1;}
  footer a, footer p{font-size: 20px;}
  footer .footer_copyright p{font-size: 14px;}
  footer .footer_link ul li{padding-right: 10px;}
  .about .about_top p, .about .aboutbox1 p, .about .aboutbox2 p{font-size: 16px;line-height: 1.5;}
  .solution .Solution_top img{height: 500px;}
}

@media screen and (max-width: 1300px){
  .cn_li_8>li{width: 25%;}
  .home_sale li{width: 32%;}
  .home_sale li+li{margin-left: 1.5%;}

}


@media screen and (max-width: 1270px){ 
  .home_sale .addmask p{padding: 10px;}
}

@media screen and (max-width: 1200px){
  .search .search_btn{margin-left: 5px;}
  .sharewe_group div h1{font-size: 50px;margin-bottom: 5px;}
  .sharewe_group div p{font-size: 16px;line-height: 1.3;}
  .home_projects .button{padding: 3% 1%;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a {line-height: 110px;}
  .about .workshop_stock div h1{font-size: 60px;}
}

@media screen and (max-width: 1100px){
  nav .nav_one_cu a{padding: 10px 20px;}
  nav li>a{padding: 10px 5px;}
}
@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;}
  .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: 80px;}
  .banner_home .flick-content div h1{font-size: 20px;}
  .banner_home .flick-content .home_banner1 p{font-size: 14px;width: 80%;}
  .banner_home .flick-content .home_banner2 p{font-size: 24px;-webkit-text-stroke:4px transparent;}
  .banner_home .flick-content .home_banner1 .banner_hr{margin: 10px 3px 5px;}
  .search-button{display: none;}
  .filtercontent{width: 70%;}
  .home_solutions h1{font-size: 40px;}
  .add li{width: 30%;}
  .add li+li{margin-left: 3.5%;}
  .home_sale li{width: 49%;}
  .home_sale li+li{margin-left: 1.5%;}
  .home_sale .addmask{opacity: 1;}
  .home_sale .addmask p{padding:20px;font-size: 16px;line-height: 1.1;}
  .home_projects .slide .img .addimg .addmask{opacity: 1;}
  .home_projects .button{padding: 7% 1%;color: #FFFFFF;font-size: 5em;}
  .addimg span:hover .addmask {opacity: 0;}
  footer .footer_pro{display: none;}
  footer .footer_cu{width: 50%;}
  .about{top: -10px;}
  .about .workshop_stock div h1{font-size: 40px;}
  .about .about_top h2, .about .aboutbox1 h2, .about .aboutbox2 h2{font-size: 24px;line-height: 1.5;}
  .about .aboutbox1, .about .aboutbox2{margin: 80px 0;}
  .solution .Solution_top div p{font-size: 20px;}
  .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%;}
}

@media screen and (max-width: 900px){
  .pro_detail .picbox,.pro_detail .rightcon{ width: 100%; }
  .pro_detail .rightcon h1{ margin:10px 0 10px 0;font-weight: 600;}
  .fontcon .content img{width: 100%;height: auto;}
  .pro_detail .rightcon .rightcon_top{min-height: auto;}
  .about .about_top p, .about .aboutbox1 p, .about .aboutbox2 p{margin-bottom:0;}
  .about .warper .aboutimg,.about .warper .abouttext{width: 100%;float: left;transform: none;position: initial;}
  .about .warper .abouttext{margin-top: 20px;}



}
@media screen and (max-width: 768px){
  header{position: absolute;}
  .cn_li_4>li,.cn_li_3>li{width: 33%;}
  .cn_li_6>li{width: 33.3%;}
  .add li+li{margin-left: 0.5%;}
  .addmask{opacity: 1 !important;}
  .addmask img{width: 50px;}
  .add li h2{font-size: 14px;padding: 10px 0 25px;}
  .home_solutions h1{font-size: 18px;padding: 50px 0 25px;}
  .home_middle_banner{padding-top: 0px;}
  .home_sale li{width: 100%;}
  .home_sale li+li{margin-left:0;}
  .home_sale .addimg img{display: none;}
  .home_sale .addmask{position: revert;background: #1c4e9f;}
  .home_sale .addmask p{line-height: 1.1;font-size: 14px;}
  .home_sale li h2{font-size:16px;padding:16px}
  .home_sale{padding: 60px 0;}
  .home_projects h1{font-size: 28px;padding: 120px 0 30px;}
  .home_projects .button{display: none;}
  .home_projects .slide{aspect-ratio: auto;}
  .home_projects .slide .addimg_box{width:49%;display: block;float: left;position: static;padding: 11px;filter: none;}
  .home_projects .slide .addimg_box+.addimg_box{margin-left: 2%;}
  .home_projects .slide .addimg_box:nth-child(3){display: none;}
  .home_projects .slide .img3 a, .home_projects .slide .img4 a{pointer-events: auto;cursor: pointer;}
  .home_projects .slide .img .addimg .addmask{opacity: 1 !important;}
  .home_projects .slide .img .addimg{margin: auto;}
  .home_projects .addmask p{font-size: 16px;}
  .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;}
  .home_more{margin-top: 30px;}
  .home_more a{font-size: 14px;padding: 14px 60px;}
  .sharewe_group div h1{font-size: 24px;}
  .sharewe_group div p{font-size: 14px;}
  footer h1{font-size: 18px;padding: 60px 0 20px;}
  footer .footer_inquiry{display: none;}
  footer .footer_cu{width: 100%;min-height:auto;border-right: none;    padding-left: 0;}
  footer .footer_link{padding-top: 10px;}
  .products .products_list li{width: 48%;margin-right: 4%;}
  .products .products_list li:nth-child(3n){margin-right: 4%;}
  .products .products_list li:nth-child(2n){margin-right: 0;}
  .products .products_top_list .cn_li_6 li{padding: 16px 0;}
  .products .products_top_list .cn_li_6 li a{font-size: 16px;}
  .products .products_list h2{font-size: 14px;}
  .pro_detail .rightcon h1{font-size: 24px;}
  .pro_detail .rightcon .keyword{font-size: 14px;margin-bottom: 10px;}
  .pro_detail .rightcon .prodzy{font-size: 14px;}
  .pro_detail .rightcon .linkdiv button{width: 50%;font-size: 18px;}
  .proinfo_con{font-size: 14px;}
  .proinfo_con img{margin: 10px auto;width: 100%;}
  .about .about_top p, .about .aboutbox1 p, .about .aboutbox2 p{font-size: 14px;}
  .about .about_top h2, .about .aboutbox1 h2, .about .aboutbox2 h2{font-size: 18px;}
  .solution .Solution_list .cn_li_2>li{width: 100%;}
  .solution .Solution_top div p{font-size: 14px;}
  .solution .Solution_top div h1{font-size: 20px;}
  .solution .Solution_top img{height: 400px;}
  .solution .Solution_list .cn_li_2 p{height: auto;}
  .content_list_top .content_list_top_text .flick-content h2{font-size: 20px;}
  .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;}
  .fontcon h1{font-size: 18px;}
  .fontcon .hr{margin-top: 10px;}
  .fontcon .content p, .fontcon .content div{line-height: 1.3;font-size: 14px;}
  .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%)}
  .products .products_top_list .cn_li_6 li{width: 50%;padding: 20px 0;}
  .about .workshop_stock div h1{font-size: 24px;}
  .about .iframe iframe{height: 400px;}
}

@media screen and (max-width: 550px){
  .content_list li{width: 100%;margin-right: 0;}
  .content_list li:nth-child(3n){margin-right:0;}
}



@media screen and (max-width:480px){
  .pro_detail .rightcon .linkdiv a{ width: 160px; }
  .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}
  .add li+li{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_sale li {width: 100%;}
  .sharewe_group div h1{font-size: 24px;margin-bottom: 5px;}
  .sharewe_group div p{font-size: 14px;line-height: 1.3;}
  .sharewe_group img{height: 200px;}
  .home_more a{font-size: 18px;padding: 15px 50px;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a {line-height: 80px;}
  .solution .Solution_top div p{font-size: 16px;}
  .solution .Solution_top div{margin-left: 20px;}
  .content_list li{width: 100%;margin-right: 0;}
  .content_list li:nth-child(3n){margin-right:0;}
  .contact_us .cn_li_2 li{font-size: 20px;}
}

@media screen and (max-width:360px){
  .cn_li_6>li{width: 50%;}
  .products .products_top_list .cn_li_6 li{width: 100%;padding: 5px 0;}
  .pro_detail .picbox .img_hd .picmidleft a, .pro_detail .picbox .img_hd .picmidright a {line-height:60px;font-size: 40px;}

}

@media screen and (max-width:320px){
  .solution .Solution_top div h1{font-size: 16px;}
  .solution .Solution_top img{height: 650px;}
}

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