@charset "utf-8";

body {
	margin: 0px;
	font-size: 12px;
	background: #FFFFFF;
	padding: 0px;
	color: #484848;
	font-family:Arial, Helvetica, sans-serif;
}
div, ul, li, p, form, dd, dt, dl, h1,h2,h3,h4 {
	margin: 0px;
	padding: 0px;
}
em, i{
	font-style: normal;
}
img{
	border: 0px;
	vertical-align: middle
}
li{
	list-style: none
}
a{
	font-size: 14px;
	color: #484848;
	text-decoration: none;
}
a:hover {
	font-size: 14px;
	color: #0162b1;
	text-decoration: none;
}
.container {
	clear: both;
	width:100%;
	max-width:1400px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.container2 {
	clear: both;
	width:100%;
	max-width:1400px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;

}
.clear {
	clear: both;
}

.biankuang{-webkit-transition-property: background-color;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;box-shadow:0px 0px 20px #ebebeb;-moz-box-shadow:0px 0px 20px #ebebeb;-webkit-box-shadow:0px 0px 20px #ebebeb; }
.mian{}
.tooltip {position: relative;display: inline-block;color: #3498db;text-decoration: none;cursor: pointer}
.tooltip .tooltip-text {visibility: hidden;background-color: #333;color: #fff;text-align: center;padding: 2px 10px;border-radius: 6px;position: absolute;z-index: 1;bottom: 125%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;white-space: nowrap;font-size: 14px;font-family: "Saira Semi Condensed", sans-serif; font-weight:400;}
.tooltip .tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #333 transparent transparent transparent;}
.tooltip:hover .tooltip-text {visibility: visible;opacity: 1}
.tooltip-bottom .tooltip-text {top: 125%;bottom: auto}
.tooltip-bottom .tooltip-text::after {top: -10px;border-color: transparent transparent #333 transparent}
.tooltip-left .tooltip-text {right: 125%;left: auto;bottom: 50%;transform: translateY(50%)}
.tooltip-left .tooltip-text::after {top: 50%;left: 100%;margin-top: -5px;border-color: transparent transparent transparent #333}
.tooltip-right .tooltip-text {left: 125%;bottom: 50%;transform: translateY(50%)}
.tooltip-right .tooltip-text::after {top: 50%;right: 100%;left: auto;margin-top: -5px;border-color: transparent #333 transparent transparent}
.headfix{position:fixed;background:#FFF;border-bottom:1px solid #d5d5d5; height:80px; width:100%; top:0px; z-index:1001}



.logo-menu{ width:100%;z-index:1000}
.logo-menu .logo{ width:300px; float:left; margin-top:15px}
.logo-menu .logo .img{ float:left; width:88px;}
.logo-menu .logo .img img{height:50px; margin-top:0px; border-radius:5px;}
.logo-menu .logo .con{ float:left; width:200px; margin-left:10px;}
.logo-menu .logo .con .p1{font-family: "Saira Semi Condensed", sans-serif;font-size: 26px !important;font-weight: 800; text-transform: uppercase; line-height:28px;background: linear-gradient(90deg, #0162b1, #2b9ce2, #3dc3ff);background-clip: text;-webkit-background-clip: text;color: transparent; }
.logo-menu .logo .con .p2{font-family: "Saira Semi Condensed", sans-serif;font-size: 18px !important;font-weight: 600; text-transform: uppercase; line-height:18px; background: linear-gradient(90deg, #b81838, #ea5614, #e52d27);  background-clip: text;  -webkit-background-clip: text;  color: transparent;}







.menu{float:right;margin-right:0px; margin-top:10px;}
.menu ul{}
.menu ul li{float:left;height:70px; margin:0px 15px; text-align:left;line-height:60px; position:relative;}
.menu ul li > a{display:block;color:#464646;font-family: "Saira Semi Condensed", sans-serif;font-size: 16px !important;font-weight: 600;transition: all 0.35s;text-transform: uppercase;}
.menu ul li > a:hover{ color:#0162b1; text-decoration:none}
.menu ul li i{ font-weight:700; font-size:14px; color:#000}
.menu li div{position:absolute;  left:0; top:70px; background:#ffffff; height:0px;transition: all 0.35s; overflow:hidden; z-index:1002;width:208px;}
.menu li div ul li{width:100%; border-bottom:1px solid #d5d5d5; margin:0px 0px; height:auto;transition: all 0.35s;}

.menu li div a{display:block;text-align:left;line-height:20px; overflow:hidden; font-family: "Saira Semi Condensed", sans-serif;font-size: 14px !important;font-weight: 600;text-transform:none; padding:12px 15px;border-left:5px solid #fff;transition: all 0.5s ease 0s; color:#464646;}
.menu li div a:hover{color:#0162b1;}
.menu li div a:after {content: " ";position: absolute;height: 100%;width: 0;transition: all 0.2s ease-in-out;background-color: #0162b1;left: 0;bottom: 0;top: auto;}
.menu li div a:hover:after {width:5px;margin-right:-5px;}

.menu li div ul li.top{ border-top:5px solid #0162b1;}
.menu li:hover{}
.menu li:hover div.product-menu{height:455px;}
.menu li:hover div.about-menu{height:230px;}

.request-quote{float:right; width:200px; height:40px; border-radius:20px;  overflow:hidden; text-align:center; line-height:38px; margin-top:19px;background:#0162b1;font-family: "Saira Semi Condensed", sans-serif; color:#FFF;font-size:18px;font-weight: 700 !important; }
.request-quote i{ font-size:16px;}

.menusj{width:40px; float:right; background:#0162b1; border-radius:25px; height:40px; margin-top:15px; margin-left:15px; overflow:hidden; cursor:pointer; display:none; margin-right:10px;}
.menusj .menusj_1{ width:22px; height:2px; background:#FFF; margin:15px 0px 0px 9px}
.menusj .menusj_2{ width:15px; height:2px; background:#FFF; margin:4px 0px 0px 9px;transition: all 0.5s;}
.menusj:hover{}
.menusj:hover .menusj_2{width:22px;}



.phonemenuclose{height:100%; width:0px; position:fixed; left:0px; top:0px; background-color:rgba(0, 0, 0, 0.5); z-index:1003; }
.phonemenu{height:100%; width:0px; position:fixed; right:0px; top:0px; background:#fff; z-index:1002; overflow:scroll;}
.phonemenu .menuclose{width:50px; height:50px; margin:20px 0px 10px 0px; text-align:right;width:100%; cursor:pointer}
.phonemenu .menuclose span{font-size:28px; color:#000; margin-right:20px;}
.phonemenu ul{}
.phonemenu li{margin:0px 35px; text-align:left;line-height:50px;}
.phonemenu ul li > a{display:block;color:#58585b;font-size:20px !important;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600;}
.phonemenu ul li > a:hover{ color:#0162b1; text-decoration:none}
.phonemenu ul li span{float:right; font-weight:bold; font-size:18px; color:#0162b1; cursor:pointer;}
.phonemenu li div{width:250px; background:#ffffff; overflow:hidden; display:none;}
.phonemenu li div ul li{width:250px; border-bottom:1px solid #f1f1f1; margin:0px 0px; height:auto;}
.phonemenu li div a{display:block;text-align:left;line-height:20px; overflow:hidden; font-family: "Saira Semi Condensed", sans-serif;font-weight: 400;font-size: 14px !important;text-transform:none; padding:12px 15px;border-left:5px solid #fff;}
.phonemenu div ul li.top{ border-top:5px solid #0162b1;}

.flatbed-hero { position: relative;min-height:700px;width: 100%;display: flex;align-items: center;justify-content: flex-start;background: linear-gradient(102deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 45%, rgba(0, 0, 0, 0.25) 100%),url('banner1.webp');background-size: cover;background-position: center 25%;background-repeat: no-repeat;overflow-x: hidden; margin-top:81px;}
.hero-container {width: 100%;max-width: 1400px;margin: 0 auto;padding:50px 0px 50px 0px;position: relative;z-index: 2;}
.hero-content {max-width:760px;color: #ffffff;}
.industry-badge {display: inline-block;font-size:14px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 700;text-transform: uppercase;background:#0162b1;padding:4px 15px;border-radius:40px;color: #ffffff; margin-bottom:20px;}
.industry-badge span{margin-right:5px; float:left;}
.industry-badge span img{margin-top:-2px;}
.hero-title {font-size:60px;font-weight: 800;font-family: "Saira Semi Condensed", sans-serif;line-height:60px;margin-bottom:10px;}
.hero-title .highlight {color: #ea5614;border-bottom: 3px solid #ea5614;display: inline-block;padding-bottom:5px; font-size:68px; line-height:68px; margin-bottom:20px;}
.hero-description {font-size:16px;line-height:150%;margin:20px 0px;max-width: 640px;font-family: "Poppins-Light", sans-serif;}
.button-group {display: flex;flex-wrap: wrap;gap:20px;margin-bottom:40px;}
.btn {display: inline-flex;align-items: center;justify-content: center;padding:10px 20px;font-weight: 400;font-size:18px;border-radius: 56px;text-decoration: none;transition: all 0.3s ease;gap:10px;letter-spacing: 0.3px;border: none;cursor: pointer;font-family: "Saira Semi Condensed", sans-serif;}
.btn-primary {background: #0162b1;color: #ffffff;}
.btn-primary:hover {background: #ea5614; font-size:18px;color: #ffffff;}
.btn-secondary {background: transparent;color: #ffffff;border: 1.5px solid #FFF;}
.btn-secondary:hover {background: #ea5614;border-color: #ea5614;color: #ffffff; font-size:18px;}
.spec-stats {display: flex;flex-wrap: wrap;gap:20px;margin-top:20px;padding-top:10px;border-top: 1px solid rgba(255, 255, 255, 0.25);}
.stat-item {display: flex;flex-direction: column;}
.stat-number {font-size:38px;font-weight: 800;color: #0162b1;line-height: 1.2;letter-spacing: -0.01em;font-family: "Saira Semi Condensed", sans-serif; margin-top:20px}
.stat-label {font-size:12px;font-weight: 600;font-family: "Saira Semi Condensed", sans-serif;text-transform: uppercase;letter-spacing: 1px;color:#FFF;margin-top:5px; overflow:hidden;}
.scroll-hint {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 0.5rem;      z-index: 6;cursor: pointer;transition: opacity 0.3s;}
.scroll-hint span {font-size: 0.7rem;font-weight: 600;letter-spacing: 1.6px;text-transform: uppercase;color: rgba(255, 255, 255, 0.85);}



.product{ padding-top:50px; background:#f2f2f2; overflow:hidden;}
.product h2{font-size:42px;font-weight:800;font-family: "Saira Semi Condensed", sans-serif; text-align:center; text-transform:uppercase; color:#000;}
.product .ddesc{font-size:18px;font-weight:500;font-family: "Saira Semi Condensed", sans-serif; text-align:center; color:#363636}
.product .pro-cate{max-width:1100px; margin:10px auto;}
.product .pro-cate ul{display: flex;flex-wrap: wrap;justify-content: center;list-style: none; gap:10px;}
.product .pro-cate ul li {background: #0162b1;padding:10px 20px;font-size:16px;font-weight: 600;font-family: "Saira Semi Condensed", sans-serif;border-radius: 60px;color: #fff;cursor: pointer;transition: all 0.25s ease;white-space: nowrap;letter-spacing: 0.3px;display: inline-flex;align-items: center;backdrop-filter: blur(2px)}
.product .pro-cate ul li a{ color:#FFF;}
.product .pro-cate ul li i{ margin-right:5px;}
.product .pro-cate ul li:hover{ background:#ea5614;}
.product .pro-cate ul li.selected{background:#ea5614;}


.pro-w{width:calc(50% - 15px); float:left; margin:20px 30px 20px 0px;}
.pro-w-end{ width:calc(50% - 15px); float:left; margin:20px 0px 20px 0px;}

.pro-sub{height:285px; border-radius:10px; background:#eff6f4; border:1px solid #cfdee6; overflow:hidden;transition: all 0.5s;}
.pro-sub .img{width:340px; height:255px; float:left; margin-left:10px; margin-top:15px; overflow:hidden;}
.pro-sub .img img{width:100%;border-radius:10px;}
.pro-sub .con{width:calc(100% - 400px); height:285px; float:left; background:#FFF; margin-left:10px; padding:0px 20px}
.pro-sub .con h3{font-family: "Saira Semi Condensed", sans-serif;font-size:20px; height:40px; line-height:20px;height:40px; margin:20px 0px 10px 0px; color:#0162b1; overflow:hidden;}
.pro-sub .con h3 span{display:inline-block; float:left; font-size:22px; width:36px; height:36px; line-height:36px; border-radius:18px; background:#0162b1; color:#FFF; text-align:center; margin-right:10px;}
.pro-sub .con h3 span img{ width:22px; height:22px; margin-top:6px}
.pro-sub .con .parameters{font-family:"Saira Semi Condensed", sans-serif;font-size: 14px; height:35px; line-height:35px; border-bottom:1px solid #edf2f7; color:#2c4b5c; overflow:hidden; font-weight:600}
.pro-sub .con .parameters i{ font-weight:bold; margin-right:5px;}
.pro-sub .con .parameters span{ float:right; background:#eff6f4; margin:5px 2px 0px 2px; padding:0px 10px; border-radius:10px; height:25px; line-height:25px; color:#0162b1; font-size:13px; font-weight:600}

.pro-sub .con .desc{font-family:"Saira Semi Condensed", sans-serif;font-size: 14px; height:44px; line-height:22px;  color:#000; overflow:hidden; margin:10px 0px}
.pro-sub .con .more{margin-top:8px;}
.pro-sub .con .more ul li{width:100px; height:30px; border:1px solid #0162b1; border-radius:4px; position:relative; overflow:hidden; text-align:center; line-height:28px; transition: all 0.5s;font-family:"Saira Semi Condensed", sans-serif; float:left; color:#0162b1;}
.pro-sub:hover{ border:1px solid #0162b1;}
.pro-sub .more ul li:hover{color:#FFF;background:#0162b1}
.pro-sub .more ul li:hover a{color:#FFF;}



.about { position: relative;min-height:700px;width: 100%;display: flex;align-items: center;justify-content: flex-start;background: linear-gradient(102deg, rgba(1, 98, 177, 0.95) 0%, rgba(0, 0, 0, 0.95) 45%, rgba(0, 0, 0, 0.25) 100%),url('about.webp');background-size: cover;background-position: center 25%;background-repeat: no-repeat; overflow:hidden;}

.about .left{width:70%; float:left; height:700px;}
.about .left .con{height:660px; width:100%;}
.about .left .con .title{display: inline-block;font-size:18px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 700;text-transform: uppercase;background:#0162b1;padding:4px 15px;border-radius:40px;color: #ffffff; margin-top:30px;}
.about .left .con .title i{ margin-right:5px;}
.about .left .con h2{font-family: "Saira Semi Condensed", sans-serif; font-size:42px; font-weight:bold; color:#ea5614; height:45px; line-height:42px; margin-top:20px;border-bottom: 3px solid #ea5614;display: inline-block}
.about .left .con .subtit{font-family: "Saira Semi Condensed", sans-serif; font-size:32px; font-weight:bold; color:#fff; height:40px; line-height:40px; margin-top:5px;}
.about .left .con .desc{font-family: "Poppins-Light", sans-serif; font-size:18px; line-height:150%; margin-top:10px; margin-right:30px; color:#fff;}
.about .left .con .desc p{ margin-bottom:20px;}
.about .left .con .desc a{ text-decoration:underline; font-size:18px; color:#fff}
.about .right{ float:right; width:27%; margin-top:30px;}

.about-list{width:100%; margin:0px auto}
.about_sub{margin:30px auto; background:rgba(255, 255, 255, 0.85); max-width:320px; width:100%; overflow:hidden; border-radius:10px; position:relative; cursor:pointer;}
.about_sub .ico{width:50px; height:50px; line-height:70px;background: linear-gradient(to right, #0162b1, #00a373); border-radius:50%; text-align:center;  position:relative;  position:absolute; top:10px; left:10px;}
.about_sub .ico i{background: linear-gradient(90deg, #0162b1, #0eb3b7, #00b4cc);background-clip: text;-webkit-background-clip: text;color: transparent; font-size:26px; z-index:1000; transition: all 0.6s linear; width:100%; height:100%; position:absolute; text-align:center; left:0px; line-height:48px;}
.about_sub .ico::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;clip-path: circle(71% at 50% 50%);            transition: clip-path 0.5s ease-in-out;z-index: 1;border-radius: 50%;}
.about_sub:hover .ico::before {clip-path: circle(0% at 50% 50%);}
.about_sub:hover .ico i{ color:#FFF;}
.about_sub h3{font-family: "Saira Semi Condensed", sans-serif; font-size:22px; font-weight: 800; color:#0162b1; height:30px; line-height:30px; margin:16px 20px 0px 70px;}
.about_sub .desc{line-height:175%; font-family:"Poppins-Light", sans-serif; font-size:14px; margin:20px 20px 0px 20px; height:49px; overflow:hidden; color:#000}
.about_sub .more{margin:10px 0px 20px 20px;}
.about_sub .more{margin-left:20px;  font-size:16px; color:#0162b1;position: relative;display: inline-block;transition: all 0.5s ease 0s;text-decoration:none;}
.about_sub .more a{ color:#0162b1; font-size:16px; font-family:"Saira Semi Condensed", sans-serif; font-weight:600}
.about_sub .more a:hover{ color:#ea5614;}
.about_sub .more a:after {content: " ";position: absolute;height: 2px;width: 0;transition: all 0.5s ease-in-out;background-color: #ea5614;left: 0;bottom:0px;top: auto;}
.about_sub .more a:hover:after {width: 100%;margin-right: -100%;}
.about_end{ margin-right:0px;}
.comnum{ width:100%; margin:30px auto;}
.comnum .comnum_sub{width:25%; float:left; text-align:center;}
.comnum .comnum_sub .comnum_tit{font-family: "Saira Semi Condensed", sans-serif; font-weight:600; font-size:22px;color:#ea5614; line-height:28px; margin-top:0px;}
.comnum .comnum_sub .comnum_nums{font-family: "Saira Semi Condensed", sans-serif; font-size:58px; font-weight:bold; color:#fff}
.comnum .comnum_sub .comnum_con{ font-size:14px; margin-top:15px; width:70%; margin:15px auto 55px auto; line-height:150%; color:#f5f5f5;font-family:"Saira Semi Condensed", Times, serif; height:42px; overflow:hidden;}


.news{padding:50px 0px; background:#0162b1; overflow:hidden;}

.news .title {height: 80px;margin-top: 40px;}
.news .title .tit_left {float: left;width: 30%;font-size:42px;color: #ea5614; font-family: "Saira Semi Condensed", sans-serif; font-weight: 700 !important; line-height:44px; letter-spacing:-1px;}
.news .title .tit_left span{color:#fff;}
.news .title .tit_right {float:right;width:45%;line-height:25px;font-size:18px;color:#fff;padding-top: 10px;font-family:"Poppins-Light", sans-serif; font-weight: 500 !important;}
.news .more{height:59px; width:100%; text-align:right;}
.news .more a{font-family: "Saira Semi Condensed", sans-serif; font-size:18px; font-weight: 600 !important; display:inline-block; width:213px; height:59px;  line-height:55px;transition: all 0.2s linear;position:relative; padding-left:25px;background:#ea5614; color:#fff;border:3px solid #ea5614; text-align:left; border-radius:28px;}
.news .more a i{position: absolute;left:178px;transition: all 0.3s linear;font-size:22px;top:15px; display:block;}
.news .more a:hover{border:3px solid #ea5614;color:#ea5614; background:#FFF;}
.news .more a:hover i {left:188px;}
.news_sub{position:relative; width:calc(25% - 30px); margin-right:40px; float:left; margin-top:35px; background:#FFF; border-radius:20px; overflow:hidden;}
.news_sub .tit{height:75px; line-height:25px; margin:0px 25px;font-size:20px;  font-weight:bold; font-family: "Saira Semi Condensed", sans-serif; color:#000; overflow:hidden;}
.news_sub .cate{height:55px; line-height:55px; margin:0px 25px;font-size:20px;font-weight:bold;font-family:"Saira Semi Condensed", sans-serif; color:#000; overflow:hidden; text-transform:uppercase; color:#ea5614;}
.news_sub .img{ width:100%; overflow:hidden;}
.news_sub .img img{ width:100%;transition: all 0.7s ease;}
.news_sub .desc{height:36px; line-height:18px; font-size:14px; margin:20px 25px 0px 25px; overflow:hidden; color:#0c2232;font-family:"Poppins-Light", sans-serif; font-weight: 600 !important;}
.news_sub .time{margin:25px; color:#0c2232; font-size:14px;font-family:"Saira Semi Condensed", sans-serif;font-weight: 600 !important;}
.news_sub .link{ position:absolute; bottom:10px; right:10px;width:130px; height:40px; background:#0c2232;transition:all .5s ease; border-radius:20px; color:#FFF;font-family:"Saira Semi Condensed", sans-serif;font-weight: 600 !important; font-size:16px; line-height:40px; text-align:center; border:1px solid #0c2232}
.news_sub:hover{}
.news_sub:hover .link{background:#ececec; color:#0c2232;}
.news_sub:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.sub_end{ margin-right:0px;}


.contact{ background:#0162b1; overflow:hidden;}
.contact h2{margin-top:10px;text-align:center;color: #fff;font-size: 42px;height: 42px;line-height: 42px;font-weight:bold;font-family:"Saira Semi Condensed", sans-serif;font-weight: 600 !important;}

.contact_title{text-align:center; margin-top:80px;}
.contact_title .p0{width:75px; margin:0px auto;}
.contact_title .p0 span{ display:inline-block; float:left; margin-right:5px; height:5px; background:#FFF;}
.contact_title .p0 span.span1{ width:37px;}
.contact_title .p0 span.span2{ width:16px;}
.contact_title .p0 span.span3{ width:7px;}
.contact_title .p1{font-family: "Saira Semi Condensed", sans-serif; font-size:52px; color:#FFF;font-weight: 600 !important; line-height:52px; letter-spacing:-0.5px; margin-top:5px;}
.contact_title .p2{font-family: "Saira Semi Condensed", sans-serif; font-size:18px; color:#FFF;font-weight: 400 !important; line-height:52px; letter-spacing:-0.5px; margin-top:5px;}


.contact_list{width:33.33%; float:left; margin-top:50px; height:260px; color:#FFF;}
.contact_list .pic{ text-align:center;}
.contact_list .pic span{ font-size:42px;}
.contact_list .name{ text-align:center; font-size:24px; font-weight:bold; margin-top:10px;font-family: "Saira Semi Condensed", sans-serif;}
.contact_list .con{ text-align:center; font-size:16px; margin-top:10px; margin:20px auto; width:180px;font-family: "Saira Semi Condensed", sans-serif;}
.contact_list .con span{ font-size:18px; font-weight:bold;font-family: "Saira Semi Condensed", sans-serif;}
.foot{background:#046dc2; overflow:hidden; padding-top:50px;}


.inputdiv{ margin-top:20px;}


.foot .foot_1{width:430px; float:left; margin-top:10px;}
.foot .foot_2{width:330px; float:left; margin-top:10px; margin-left:calc(50% - 655px)}
.foot .foot_3{width:230px; float:left; margin-top:10px;margin-left:calc(50% - 655px)}
.foot .foot_4{width:300px; float:right; margin-top:10px;}

.foot .listtit{ height:18px; line-height:18px;text-transform: uppercase; color:#fff;font-family: "Saira Semi Condensed", sans-serif; font-size:18px; font-weight:bold;}
.foot .list{ margin-top:10px;}
.foot .list ul li{line-height:30px; float:left; width:150px;}
.foot .list ul li a{color:#fff;font-family: "Saira Semi Condensed", sans-serif; font-size:14px;position: relative;display: inline-block;transition: all 0.5s ease 0s;}
.foot .list ul li a:after {content: " ";position: absolute;height: 1px;width: 0;transition: all 0.7s ease-in-out;background-color: #ea5614;left: 0;bottom: 0;top: auto;}
.foot .list ul li a:hover {color: #ea5614;}
.foot .list ul li a:hover:after {width: 100%;margin-right: -100%;}


.foot .foot_1 .message{}
.foot .foot_1 .message .tit{font-family: "Saira Semi Condensed", sans-serif; font-size:24px; color:#ebf2fa;font-weight: 600 !important; letter-spacing:-0.5px;}
.foot .foot_1 .message .subtit{font-family: "Saira Semi Condensed", sans-serif; font-size:16px; color:#ebf2fa;font-weight:400 !important; letter-spacing:-0.5px;}
.foot .foot_1 .message .inp{float:left; width:240px; height:50px; line-height:50px; padding:0; margin:0; font-size:16px; text-indent:20px; border:none; background:#fff; font-family: "Saira Semi Condensed", sans-serif;}
.foot .foot_1 .message .btns{float:left; height:50px; line-height:50px; background:#0162b1; width:100px; padding:0 20px; margin:0; border:none; outline:none; position:relative; z-index:5; overflow:hidden; font-size:16px; color:#fff; font-weight:bold;cursor:pointer; box-sizing:inherit; font-family: "Saira Semi Condensed", sans-serif; margin-left:10px;}
.foot .foot_1 .message .btns:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#ea5614;}
.foot .foot_1 .message .btns span{display:inline-block; vertical-align:middle; font-size:24px; font-family: "Saira Semi Condensed", sans-serif; text-align:center;}
.foot .foot_1 .message .btns:hover:before{width:100%;}


.foot{width:100%;z-index:1000}
.foot .logo{ width:300px; float:left; height:50px; margin-top:0px}
.foot .logo .img{ float:left; width:88px;}
.foot .logo .img img{height:50px; margin-top:0px; border-radius:5px;}
.foot .logo .con{ float:left; width:200px; margin-left:10px;}
.foot .logo .con .p1{font-family: "Saira Semi Condensed", sans-serif;font-size: 26px !important;font-weight: 800; text-transform: uppercase; line-height:28px; color:#fff}
.foot .logo .con .p2{font-family: "Saira Semi Condensed", sans-serif;font-size: 18px !important;font-weight: 600; text-transform: uppercase; line-height:18px; background: linear-gradient(90deg, #b81838, #ea5614, #e52d27);  background-clip: text;  -webkit-background-clip: text;  color: transparent;}
.foot h3{font-size:18px;color: #fff; line-height:23px; font-family: "Saira Semi Condensed", sans-serif; font-weight: 400;margin-top:15px;}


.foot .linkico{margin-top:20px; text-align:right; margin-right:20px;}
.foot .linkico a{margin-right:5px; width:32px; height:32px; display:inline-block; text-align:center; line-height:32px; border-radius:4px; color:#fff ; font-size:20px;}
.foot .linkico a.fa-facebook-f{background:#aaa}
.foot .linkico a.fa-linkedin-in{ background:#007bb6}
.foot .linkico a.fa-youtube{ background:#a82400}
.foot .linkico a.fa-twitter{ background:#000000}
.foot .linkico a.fa-pinterest{ background:#ea2c59}
.copyright{ height:60px; line-height:60px; border-top:1px solid #0379da; margin-top:40px;font-family: "Saira Semi Condensed", sans-serif;color: #fff;font-size: 14px !important;font-weight: 400;letter-spacing: -0.5px;}
.copyright .copyright_left{ width:50%; float:left;}
.copyright .copyright_right{ width:50%; float:right; text-align:right;}
.copyright a{color:#FFF; margin:0px 0px 0px 10px;transition: all 0.7s ease-in-out;}
.copyright a:hover{color:#ea2c59;}

#backtop{width:50px; height:45px; line-height:45px; background-color: rgba(12, 52, 132, 0.5); position:fixed; bottom:0px; right:10px; cursor:pointer; text-align:center; color:#FFF; z-index:1100; border-radius:5px;}
#backtop span{ font-size:24px; font-weight:bold;line-height:45px;}
#backtop:hover{ background:#999;background-size:36px;background-color: rgba(12, 52, 132, 1);}

.youbiandh{width:74px; position:fixed; right:2px; top:400px; z-index:1008; background:#fff; border:1px solid #CCC; border-radius:5px;}
.youbiandh ul li{height:74px;width:74px; cursor:pointer; text-align:center; font-size:14px; font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important; line-height:30px;transition: all 0.35s; position:relative;}
.youbiandh ul li .span1{color:#0162b1; font-size:32px; margin-top:12px; display:inline-block;}
.youbiandh ul li:hover{ background:#0162b1; color:#FFF;}
.youbiandh ul li:hover .span1{color:#FFF; font-weight:normal;}
.youbiandh ul li:hover .namelx{color:#FFF; font-weight:normal;}
#what{border-bottom:1px solid #ccc;}
#wxh{ border-bottom:1px solid #ccc}
#emailxh{ border-bottom:1px solid #ccc}
.youbiandh ul li .showdiv{position:absolute; width:0px; right:76px;height:74px; top:0px;  background:#fff;transition: all 0.35s; overflow:hidden; z-index:1002; border-radius:5px;}
.youbiandh ul li .showdiv .pic{text-align:center; font-size:14px; margin:5px 0px 0px 20px; color:#000;}
.youbiandh ul li .showdiv .pic span{text-align:center; font-size:22px; color:#ea5614; margin-right:5px;}
.youbiandh ul li .showdiv .num{text-align:center; margin:0px 0px 0px 0px; color:#000; line-height:30px;}
.youbiandh ul li:hover .showdiv{width:180px; border:1px solid #CCC; color:#000;}


.nybanner{overflow:hidden;margin-top:81px;background: linear-gradient(to right, #ea5614, #0162b1);}
.nybanner .nybannercon{ float:left; height:105px; line-height:100px;}
.nybanner .nybannercon h1{font-size:42px; color:#fff;font-family: "Saira Semi Condensed", sans-serif;text-transform:uppercase; font-weight:600;}
.nybanner .location{ float:right; background-size:20px 20px;height:105px; line-height:100px; padding-left:25px; color:#FFF;}
.nybanner .location a{font-family: "Saira Semi Condensed", sans-serif; font-size:16px; color:#fff;position: relative;transition: all 0.5s ease 0s;}
.nybanner .location a:after {content: " ";position: absolute;height: 1px;width: 0;transition: all 0.4s ease-in-out;background-color: #f5f5f5;left: 0;bottom: 0;top: auto;}
.nybanner .location a:hover {color: #f5f5f5;}
.nybanner .location a:hover:after {width: 100%;margin-right: -100%;}
.nybanner .location i{ font-size:14px; margin:0px 5px;}









.about_con{}
.about_con .title{ margin-top:30px;text-align:center;}
.about_con .title h2{font-family: "Saira Semi Condensed", sans-serif; font-size:32px; font-weight: 600 !important;text-transform:uppercase; color:#0162b1}
.about_con .con{font-size:16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important; line-height:180%; width:90%; margin:30px auto; color:#5d5d5d;}

.about_con .con p {margin: 10px 0px;clear: both;}
.about_con .con p a{ color:#000;text-decoration:underline; font-size:16px}
.about_con .con h2 {LINE-HEIGHT: 40px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #0162b1;FONT-SIZE: 25px;margin: 0px 0px;}
.about_con .con h2 a {FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #00a373;FONT-SIZE: 36px;}
.about_con .con h2 a:hover {text-decoration: underline}
.about_con .con h3 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #00759e;FONT-SIZE: 21px;margin: 10px 0px;}
.about_con .con h4 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #00a373;FONT-SIZE: 19px;margin: 10px 0px;}
.about_con .con h5 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #00a373;FONT-SIZE: 17px;margin: 10px 0px;}
.about_con .con ul {margin-left:0px;}
.about_con .con ul li {}
.about_con .con ul li:before {font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);content: "\f0da"; font-size:16px; color:#0162b1; margin-right:5px;}
.about_con .con i{font-weight:bold;color:#00759e;}






.ny_about-bg{background:url(indexadv-bg.webp) no-repeat center top; margin-top:50px; overflow:hidden;}
.ny_about-list{width:90%; margin:0px auto}
.ny_about_sub{margin:30px auto; background:#FFF; width:calc(33.33% - 20px); overflow:hidden; float:left; border-radius:10px; margin-right:30px; position:relative; cursor:pointer;}
.ny_about_sub .ico{ width:70px; height:70px; line-height:70px;background: linear-gradient(to right, #00759e, #00a373); border-radius:50%; text-align:center; margin:20px; position:relative; overflow:hidden;}
.ny_about_sub .ico i{background: linear-gradient(90deg, #06a3dd, #0eb3b7, #00a373);background-clip: text;-webkit-background-clip: text;color: transparent; font-size:34px; z-index:1000; transition: all 0.6s linear; width:100%; height:100%; position:absolute; text-align:center; left:0px; line-height:65px;}
.ny_about_sub .ico::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f3f8f6;clip-path: circle(71% at 50% 50%);            transition: clip-path 0.5s ease-in-out;z-index: 1;border-radius: 50%;}


.ny_about_sub:hover .ico::before {clip-path: circle(0% at 50% 50%);}
.ny_about_sub:hover .ico i{ color:#FFF;}
.ny_about_sub h2{font-family: "Saira Semi Condensed", sans-serif; font-size:21px; font-weight: 600 !important; color:#111111; height:30px; line-height:30px; margin:0px 20px 0px 20px;}
.ny_about_sub .desc{line-height:175%; font-family:"Poppins-Light", sans-serif; font-size:14px; margin:20px 20px 0px 20px; height:245px; overflow:hidden;}
.ny_about_sub .desc span{ color:#0162b1; font-weight:bold}
.ny_about_sub .img{ margin:10px 20px 20px 20px;} 
.ny_about_sub .img img{ width:100%; border-radius:10px;} 
.ny_about_sub .more{margin:10px 0px 0px 20px;}
.ny_about_end{ margin-right:0px;}
a.morelink{ margin-left:0px; font-family: "Poppins-Light", sans-serif; font-size:16px; color:#0162b1;position: relative;display: inline-block;transition: all 0.5s ease 0s;text-decoration:none;}
a.morelink:hover{ color:#ea5614;}
a.morelink:after {content: " ";position: absolute;height: 2px;width: 0;transition: all 0.5s ease-in-out;background-color: #ea5614;left: 0;bottom:0px;top: auto;}
a.morelink:hover {color: #ea5614;}
a.morelink:hover:after {width: 100%;margin-right: -100%;}


.about_con .comnum .comnum_sub .comnum_tit{color:#ea5614;}
.about_con .comnum .comnum_sub .comnum_nums{color:#0162b1}
.about_con .comnum .comnum_sub .comnum_con{ color:#747474;}

.about_history{border-radius:20px;overflow:hidden;width:90%;margin:30px auto;height:270px; background:url(about_history.webp) no-repeat center center; background-size:cover; text-align:center}

.about_history h2{text-align:center; margin-top:30px;font-size:32px; line-height:60px; color:#fff; font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important; margin-bottom:30px; text-transform:uppercase;}
.about_history .con{font-size:18px; line-height:26px; color:#fff; margin:30px auto; text-align:center;font-family: "Poppins-Light", sans-serif; width:80%;}

.news_detail_con_pic_three {margin: 30px 0px;}
.news_detail_con_pic_three img {float: left;margin-right: 1.4%;width: 32.4%;border-radius: 5px}
.news_detail_con_pic_three img:last-child {margin-right: 0px}
.news_detail_con_pic_two {margin: 20px 0px;}
.news_detail_con_pic_two img {float: left;margin-right: 1.4%;width: 48.6%;border-radius: 5px;}
.news_detail_con_pic_two img:last-child {margin-right: 0px;}
.news_detail_con_pic_four {margin: 20px 0px;}
.news_detail_con_pic_four img {float: left;margin-right: 1%;width: 24.25%;border-radius: 5px;}
.news_detail_con_pic_four img:last-child {margin-right: 0px;}
.news_detail_con_pic_four_border {margin: 20px 0px;}
.news_detail_con_pic_four_border img {float: left;margin-right: 1%;width:calc(24.25% - 2px);border:1px solid #CCC;border-radius: 5px;}
.news_detail_con_pic_four_border img:last-child {margin-right: 0px;}
.news_detail_con_pic_one {margin: 20px 0px;text-align: center;font-size: 18px;font-weight: 400 !important;line-height: 150%;}
.news_detail_con_pic_one img {width: 100%;border-radius: 5px; max-width:800px}

.news_detail_con_pic_three_tit {margin: 30px 0px;}
.news_detail_con_pic_three_tit div {float: left;margin-right: 1.4%;width: 32.4%;border-radius: 5px}
.news_detail_con_pic_three_tit div img {width:100%;border-radius: 5px; margin-bottom:5px;}
.news_detail_con_pic_three_tit div:last-child {margin-right: 0px}

.news_detail_con_pic_two_tit {margin: 30px 0px;}
.news_detail_con_pic_two_tit div {float: left;margin-right: 1.4%;width: 48.6%;border-radius: 5px}
.news_detail_con_pic_two_tit div img {width:100%;border-radius: 5px; margin-bottom:5px;}
.news_detail_con_pic_two_tit div:last-child {margin-right: 0px}


.news_detail_con_pic_four_tit {margin: 30px 0px;}
.news_detail_con_pic_four_tit div {float: left;margin-right: 1%;width: 24.25%;border-radius: 5px}
.news_detail_con_pic_four_tit div img {width:100%;border-radius: 5px; margin-bottom:5px;}
.news_detail_con_pic_four_tit div:last-child {margin-right: 0px}



.contact_con{text-align:center; width:100%; margin:30px auto; overflow:hidden;}
.contact_con h2{font-family: "Saira Semi Condensed", sans-serif; font-size:28px; font-weight: 600 !important; color:#0162b1}
.contact_con .titsub{font-family: "Poppins-Light", sans-serif; font-size:16px;color:#5d5d5d; width:800px; margin:10px auto;}

.contact_con .sub_ny {min-height: 75px;overflow: hidden;position:relative; width:calc(25% - 15px); margin-right:20px; float:left; margin-top:50px; border-radius:10px;}
.contact_con .sub_ny .title {font-size: 16px;font-weight:200;color: #000;margin: 8px 0px 0px 60px;text-align: left;font-family: "Saira Semi Condensed", sans-serif;font-weight:600;}
.contact_con .sub_ny .num {font-size: 14px;margin: 0px 10px 10px 60px;font-family: "Saira Semi Condensed", sans-serif;line-height: 22px; text-align:left;font-weight:600;}
.contact_con .sub_ny .num a {font-size: 14px;font-family: "Saira Semi Condensed", sans-serif; font-weight:600;}
.contact_con .sub_ny .ico {position:absolute; left:10px; top:15px; font-size:32px; color:#0162b1;  border-radius:18px; height:36px; width:36px; text-align:center; line-height:36px;}
.contact_con .sub_ny .address{font-family: "Poppins-Light", sans-serif;}
.contact_con .sub_ny_end{ margin-right:0px; float:right;}

.mess-left{ width:calc(50% - 20px); float:left; background: linear-gradient(to right, #00759e, #0162b1); height:350px; overflow:hidden; border-radius:10px; margin-top:40px;}
.mess-left .title{ width:130px; height:35px; line-height:35px; text-align:center; background:#FFF; border-radius:10px; margin:50px 20px 20px 40px; font-size:13px;font-family: "Saira Semi Condensed", sans-serif; color:#0162b1;}
.mess-left .subtit{font-family: "Saira Semi Condensed", sans-serif; font-size:28px; font-weight: 600 !important; color:#0162b1; text-align:left; color:#fff; margin:10px 10px 10px 40px;}
.mess-left .desc{font-family: "Poppins-Light", sans-serif; font-size:14px; line-height:175%;color:#fff;margin:10px 10px 20px 40px; text-align:left;}

.mess-left .links_ny {margin: 30px 20px 20px 40px;  height:50px; text-align:left}
.mess-left .links_ny a{width:30px; height:30px; background:#fff; border-radius:5px; margin:5px 10px 5px 0px; line-height:30px; text-align:center; font-size:16px;color:#00a373; display:inline-block;}

.mess-right{ width:calc(50% - 20px); float:right;font-family: "Saira Semi Condensed", sans-serif;margin-top:40px;}

.mess-right .inputdiv_ny {width: calc(50% - 12px);margin:0px 10px 10px 0px; float:left;}
.mess-right input {width: 100%;height: 40px;line-height: 40px;padding: 0;margin: 0;font-size: 12px;border: 1px solid #ddd;text-indent: 20px;background: #f5f8f9;	font-family: "Saira Semi Condensed", sans-serif; border-radius:5px}
.mess-right .textareadiv_ny {margin-top: 10px;width:calc(100% - 12px);}
.mess-right textarea {width: 100%;height: 110px;line-height: 30px;padding: 0;margin: 0;font-size: 14px;border: 1px solid #ddd;text-indent: 20px;background: #f5f8f9;	font-family: "Saira Semi Condensed", sans-serif;border-radius:5px}
.mess-right .checkdiv_ny {margin-top: 10px;width: calc(90% - 12px); text-align:left;}
.mess-right .checkdiv_ny input {width: 30%;}
.mess-right .selectproduct{ margin-top:10px; font-size:20px; line-height:30px;}
.mess-right .selectproduct input{width:15px; height:15px;display:inline-block;vertical-align: middle; margin-top:5px;}
.mess-right .selectproduct span{display:inline-block;vertical-align: middle; margin:0px 10px 0px 5px}
.submitdiv_2_ny {width: calc(100% - 12px);height: 40px;margin-top: 20px;}
.submitdiv_2_ny .btns_ny {height: 50px;line-height: 50px;background: linear-gradient(to right, #00759e, #0162b1);width: 100%;padding: 0 0px;margin: 0;border: none;outline: none;position: relative;	z-index: 5;overflow: hidden;font-size: 16px;color: #fff;cursor: pointer;box-sizing: inherit;font-family: "Saira Semi Condensed", sans-serif;border-radius:5px}
.submitdiv_2_ny .btns_ny:before {	content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;z-index: -1;-webkit-transition: all 1s cubic-bezier(.1, 1, .4, 1);-o-transition: all 1s cubic-bezier(.1, 1, .4, 1);transition: all 1s cubic-bezier(.1, 1, .4, 1);-webkit-transition-duration: .8s;-o-transition-duration: .8s;	transition-duration: .8s;background: #ea5614;}
.submitdiv_2_ny .btns_ny span {display: inline-block;vertical-align: middle;font-size: 24px;font-family: "Saira Semi Condensed", sans-serif;text-align: center;}
.submitdiv_2_ny .btns_ny:hover:before {width: 100%;}





.culture{}
.culture h2{font-family: "Saira Semi Condensed", sans-serif; font-size:28px; font-weight: 600 !important; color:#0162b1; text-align:center; margin-top:50px;}
.culture .section-sub{font-family: "Poppins-Light", sans-serif; font-size:16px;color:#5d5d5d;  margin:10px auto; text-align:center}

.mission-vision-grid {display: flex;gap: 40px;flex-wrap: wrap;justify-content: center;margin-top:30px;}
.mv-card {background: white;border-radius: 28px;box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.08);padding: 40px 32px;flex: 1;min-width: 260px;transition: all 0.25s ease;border: 1px solid #eef2f5;}
.mv-card:hover {transform: translateY(-6px);box-shadow: 0 28px 36px -14px rgba(0, 0, 0, 0.12);border-color: #0162b1;}
.mv-icon {font-size:52px;color: #0162b1;margin-bottom: 24px;}
.mv-card h3 {font-size:22px;font-weight: 600;margin-bottom: 16px;font-family: "Saira Semi Condensed", sans-serif; font-weight:600}
.mv-card p {color: #2c495a;line-height: 1.6;font-family: "Poppins-Light", sans-serif; font-size:16px;}
.values-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 32px;margin-top: 20px;}
.value-item {background: #f9fbfd;padding: 32px 24px;border-radius: 24px;text-align: center;transition: 0.2s;border: 1px solid #e9edf2;}
.value-item:hover {background: white;border-color: #0162b1;box-shadow: 0 12px 20px -12px rgba(0,0,0,0.1);}
.value-icon {font-size:46px;color: #0162b1;margin-bottom: 20px;}
.value-item h4 {font-size:22px;font-weight:800;margin-bottom: 12px;font-family: "Saira Semi Condensed", sans-serif;}
.value-item p {color: #3a5a6e;font-size:16px;font-family: "Poppins-Light", sans-serif;}

.history_djs{ width:100%; height:auto; overflow:hidden; background:url(time_l.jpg) center top repeat-y;}
.history_djs_top{ height:19px;background:url(time_t.jpg) center top no-repeat;}
.history_djs_sub{ margin-top:20px;}
.history_djs_sub .history_djs_sub_time{background:url(time_y.jpg) center center no-repeat;height:40px; margin-top:10px;}
.history_djs_sub .history_djs_sub_time .time_left{width:calc(50% - 48px);float:left;text-align:right; line-height:40px; font-size:36px; FONT-FAMILY: 'Saira Semi Condensed'; padding-right:48px; color:#0162b1;}
.history_djs_sub .history_djs_sub_cont{background:url(time_m.jpg) center center no-repeat;margin-top:10px; overflow:hidden;FONT-FAMILY: 'Poppins-Light';}
.history_djs_sub .history_djs_sub_cont .cont_right{ border:1px solid #CCC; width:calc(50% - 62px);float:left;text-align:right; padding:10px 10px 10px 10px; background:#fcfafa; border-radius:8px; font-size:16px; line-height:160%; position:relative;}
.history_djs_sub .history_djs_sub_cont .cont_right i{ display:block; width:15px; height:21px; overflow:hidden; background:url(time_j2.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; right:-15px;}
.history_djs_sub2{ margin-top:20px;}
.history_djs_sub2 .history_djs_sub_time{background:url(time_y.jpg) center center no-repeat;height:40px; margin-top:10px;}
.history_djs_sub2 .history_djs_sub_time .time_left{width:calc(50% - 48px);float:right;text-align:left; line-height:40px; font-size:36px; FONT-FAMILY: 'Saira Semi Condensed'; padding-left:48px;color:#0162b1;}
.history_djs_sub2 .history_djs_sub_cont{background:url(time_m.jpg) center center no-repeat;margin-top:10px; overflow:hidden;}
.history_djs_sub2 .history_djs_sub_cont .cont_right{ border:1px solid #CCC; width:calc(50% - 62px);float:right;text-align:left; padding:10px 10px 10px 10px; background:#fcfafa; border-radius:8px; font-size:16px; line-height:160%; position:relative;}
.history_djs_sub2 .history_djs_sub_cont .cont_right i{ display:block; width:15px; height:21px; overflow:hidden; background:url(time_j.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-10px; left:-15px;}
.history_djs span{font-size:18px; FONT-FAMILY: 'Saira Semi Condensed';color:#0162b1; font-weight:600;}

.news-list-con{margin-top:50px;}

.news-list-con .left{width:calc(100% - 280px);  float:left; }
.news-list-con .right{width:260px; float:right;margin-top:10px;}

.hot-pro{background:#f5f8f9; width:100%; overflow:hidden;}
.hot-pro .title{height:57px;font-family: "Saira Semi Condensed", sans-serif; font-size:22px; color:#000; line-height:55px; border-bottom:1px solid #e5e5e5; font-weight:600;}
.hot-pro .title i{ font-size:18px;  margin-top:2px; color:#0162b1; margin-left:5px;}
.hot-pro-list{height:75px; overflow:hidden; border-bottom:1px solid #e5e5e5; margin:10px 0px;}
.hot-pro-list .img{width:84px; float:left; height:64px; overflow:hidden; margin-left:10px; border:1px solid #e5e5e5;}
.hot-pro-list .img img{width:80px; height:60px;transition: all 0.5s ease 0s; margin:2px}
.hot-pro-list .con{ width:calc(100% - 116px); float:left; margin:0px 10px;}
.hot-pro-list .con .tit{font-family: "Poppins-Light", sans-serif;color:#222222; overflow:hidden; font-size:13px; height:40px; line-height:20px;transition: all 0.5s ease 0s; overflow:hidden;}
.hot-pro-list .con .more{font-family: "Poppins-Light", sans-serif;color:#222222; overflow:hidden; font-size:13px; overflow:hidden; color:#0162b1; margin-top:5px;}
.hot-pro-list:hover .tit{ color:#0162b1}
.hot-pro-list:hover img {transform: scaleX(1.1) scaleY(1.1);}





.news-sub-ny{ height:240px; overflow:hidden; border-bottom:1px solid #CCC; margin:10px 0px 30px 0px;}
.news-sub-ny .img{ width:280px; float:left; height:210px; overflow:hidden}
.news-sub-ny .img img{width:280px; height:210px;transition: all 0.5s ease 0s;}
.news-sub-ny .con{ width:calc(100% - 320px); float:left; margin-left:40px;}
.news-sub-ny .con .time{ width:120px; text-align:center; height:30px; background:#0162b1; color:#FFF; line-height:28px; border-radius:5px;font-family: "Saira Semi Condensed", sans-serif; font-size:14px; }
.news-sub-ny .con .time i{ margin-right:2px;}
.news-sub-ny .con .tit{ margin:15px 0px 0px 0px;font-family: "Saira Semi Condensed", sans-serif; font-weight: 500; color:#222222; overflow:hidden; font-size:18px;  line-height:20px;transition: all 0.5s ease 0s; overflow:hidden;max-height:40px;}
.news-sub-ny .con .desc{ margin:10px 0px 0px 0px; overflow:hidden;font-family: "Poppins-Light", sans-serif;  color:#767676; font-size:14px; height:74px; line-height:175%;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-sub-ny .con .more{width:100px; height:30px; border:1px solid #0162b1; border-radius:4px; position:relative; overflow:hidden; text-align:center; line-height:28px; transition: all 0.5s;font-family:"Saira Semi Condensed", sans-serif; float:left; color:#0162b1; margin-top:10px;}
.news-sub-ny:hover .more{color:#FFF;background:#0162b1}

.news-sub-ny:hover .tit{ color:#0162b1}
.news-sub-ny:hover img {transform: scaleX(1.1) scaleY(1.1);}

.fenyestyle {}
.fenyestyle a {border: 1px solid #bcbcbc;width: 36px;height: 36px;line-height: 36px;display: inline-block;text-align: center;margin-left: 5px;margin-right: 5px;font-size: 14px;color: #636363;font-weight: bold;transition: all 0.35s;}
.fenyestyle a:hover {border: 1px solid #0162b1;color: #0162b1}
.fenyestyle a.selected {border: 1px solid #0162b1;color: #0162b1}
.fenyestyle a.precious {width: 70px;}
.fenyestyle a.next {width: 70px;}
.fenyestyle span {border: 1px solid #bcbcbc;width: 36px;height: 36px;line-height: 36px;display: inline-block;text-align: center;margin-left: 5px;margin-right: 5px;font-size: 14px;color: #636363;font-weight: bold;}
.fenyestyle span.precious {width: 90px;}
.fenyestyle span.next {width: 70px;}
.fenyestyle span.selected {border: 1px solid #0162b1;color: #0162b1}

.banner_news_detail{background: #fff;height: 50px; margin-top:120px;}
.backhome_news_detail {height: 24px;line-height: 24px;}
.backhome_news_detail a {font-family: "Saira Semi Condensed", sans-serif;font-size: 18px;color: #0162b1;font-weight: 600 !important;display: inline-block;width: 176px;height: 24px;line-height: 24px;transition: all 0.2s linear;position: relative;padding-left: 25px;}
.backhome_news_detail a span {display: block;position: absolute;left: 0px;transition: all 0.3s linear;font-size: 16px;font-weight: bold; top:5px;}
.backhome_news_detail a:hover {color: #b81838;}
.backhome_news_detail a:hover span {left: -10px;}
.news_detail_title {}
.news_detail_title h1 {font-size: 37px;font-weight: bold;color: #000;line-height: 50px;font-family: "Saira Semi Condensed", sans-serif;margin: 0px;padding: 0px}
.news_detail_time {font-size: 14px;color: #808080;margin: 20px 0 20px 0px;font-family: "Saira Semi Condensed", sans-serif;}
.news_detail_time i {font-size: 14px;font-weight: lighter;display: inline;float: left;line-height: 22px; margin-right:5px;}
.news_detail_share {}
.news_detail_share a {display: inline-block;width: 40px;height: 40px;background: #f2f2f2;text-align: center;border-radius: 20px;margin-right: 2px;transition: all 0.5s ease 0s;float:left; font-size:18px; line-height:40px; color:#0162b1;}
.news_detail_share a:hover {background: #b81838; color:#FFF;}

.news_detail_con {margin-top: 50px;margin-bottom: 50px;}
.news_detail_con .left {float: left;width: calc(100% - 330px);font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important;line-height: 175%;letter-spacing: 0.3px;}
.news_detail_con .left p {font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important;line-height: 175%;margin: 20px 0px;letter-spacing: 0.3px;color:#000;}
.news_detail_con .left a {font-size: 16px;font-family: "Poppins-Light", sans-serif;font-weight: 400 !important;line-height: 175%;letter-spacing: 0.3px;}
.news_detail_con .left h2 {LINE-HEIGHT: 32px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #0162b1;FONT-SIZE: 21px;margin: 10px 0px;}
.news_detail_con .left h2 a {FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #0162b1;FONT-SIZE: 36px;}
.news_detail_con .left h2 a:hover {text-decoration: underline}
.news_detail_con .left h3 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #aa272f;FONT-SIZE: 19px;margin: 10px 0px;}
.news_detail_con .left h4 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #aa272f;FONT-SIZE: 17px;margin: 10px 0px;}
.news_detail_con .left h5 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Saira Semi Condensed';FONT-WEIGHT: bold;color: #aa272f;FONT-SIZE: 16px;margin: 10px 0px;}
.news_detail_con .left ul {margin-left:0px;}

.news_detail_con .left ul li { margin-top:5px; padding-left:20px; color:#000;}
.news_detail_con .left ul li:before {font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);content: "\f0da"; font-size:16px; color:#00759e;margin-left:-20px;margin-right:5px;}
.news_detail_con .left i{font-weight:bold; color:#484848;}
.news_detail_con .left sup{ font-size:10px;}



.news_detail_con .right {float: right;width: 265px;}
.news_detail_con .right .page {width: 205px;height: 135px;background: #f4f4f4;margin-bottom: 20px;transition: all 0.5s ease 0s;padding: 35px 30px;}
.news_detail_con .right .page a {display: inline-block;}
.news_detail_con .right .page .tit {font-size: 21px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;color: #0162b1;line-height: 28px;	transition: .3s ease;}
.news_detail_con .right .page .time {font-size: 13px;color: #939393;margin: 15px 0 10px 0px;transition: .3s ease;}
.news_detail_con .right .page .time i {font-size: 14px;margin-top: -2px; margin-right:5px;}
.news_detail_con .right .page .con {font-size: 16px;color: #0b0b0b;font-weight: bold;transition: .3s ease;height: 66px;overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;font-family: "Saira Semi Condensed", sans-serif;}
.news_detail_con .right .page:hover {background: #0162b1;}
.news_detail_con .right .page:hover .tit {color: #FFF;}
.news_detail_con .right .page:hover .time {color: #fff;}
.news_detail_con .right .page:hover .con {color: #FFF;}

.orther-news{ background:#f9f9f9;}
.orther-news .tit{height:44px;line-height: 44px;background: #0162b1;margin-top:20px;color:#FFF;font-size: 18px;	font-family: "Saira Semi Condensed", sans-serif;padding-left:20px; font-weight:600}
.orther-news ul li{display: flex;align-items: center; border-bottom:1px solid #dbdada; padding:0px 5px 0px 25px;transition: all 0.2s linear; position:relative; overflow:hidden;}
.orther-news ul li i{font-weight:bold; position:absolute; left:5px; color:#0162b1}
.orther-news ul li a{ line-height:20px; font-size:14px;font-family: "Saira Semi Condensed", sans-serif; color:#3a2e2e; margin:15px 0px;}
.orther-news ul li:hover{ background:#0162b1;color:#FFF;}
.orther-news ul li:hover a{ color:#FFF;}






.prosub_w_related{ margin-top:20px;}
.banner_pro_detail {background: #fff;height: 81px;}
.pro_detail_daohang {height: 45px;line-height: 45px;margin-top: 17px;color: #203044;}
.pro_detail_daohang a {font-family: "Saira Semi Condensed", sans-serif;font-size: 18px;color: #a9a9a9;font-weight: 200;transition: all 0.2s linear;}
.pro_detail_daohang span {font-family: "Saira Semi Condensed", sans-serif;font-size: 14px;color: #a9a9a9;font-weight: 200 ;}
.pro_detail_daohang i {color: #a9a9a9;}
.pro_detail_daohang a:hover {color: #0162b1;}
.pro_detail_daohang a:hover span {left: -10px;}
.pro_detail_left {width: 600px;float: left;}
.pro_detail_left .pro_detail_pic {width: 600px;height: 450px;text-align: center;}
.pro_detail_left .pro_detail_pic img {width: 500px;margin-top: 50px;}
.pro_detail_right {width: calc(100% - 600px);float: left;background: #f5f8f9;min-height: 550px; padding-bottom:20px;}
.pro_detail_cate {margin: 20px 0px 0px 60px;font-size: 17px;font-family: "Saira Semi Condensed", sans-serif;color: #666666;font-weight: 600 !important;}
.pro_detail_tit {margin: 10px 0px 0px 60px;}
.pro_detail_tit h1 {font-size:42px;color: #0162b1;line-height:1;font-family: "Saira Semi Condensed", sans-serif;letter-spacing:-1.5px}
.pro_detail_attr {margin: 30px 0px 0px 60px;}
.pro_detail_attr .pro_detail_attr_name {border-left: 2px solid #0162b1;font-size: 18px;line-height: 20px;color: #555;padding: 2px 5px 2px 15px;font-family: "Saira Semi Condensed", sans-serif;	font-weight:600;}
.pro_detail_attr .pro_detail_attr_value {border-left: 2px solid #ea5614;font-size: 32px;line-height: 40px;color: #555;font-family: "Saira Semi Condensed", sans-serif; padding: 6px 5px 2px 15px}
.pro_detail_attr .pro_detail_attr_value span{cursor:pointer;font-size: 16px;border:1px solid #0162b1;padding:5px 10px;border-radius:5px;margin-right:10px;	font-weight:700;font-family: "Saira Semi Condensed", sans-serif;}
.pro_detail_attr .pro_detail_attr_value span:hover{border:1px solid #b81838;color:#b81838;}
.pro_detail_attr .pro_detail_attr_value span.selectspanproxx{border:1px solid #b81838;color:#b81838;}
.pro_detail_share {margin: 30px 0px 0px 60px;}
.pro_detail_share a {display: inline-block;width: 40px;height: 40px;background: #0162b1;text-align: center;border-radius: 20px;margin-right: 2px;transition: all 0.5s ease 0s;float:left; font-size:18px; line-height:40px; color:#FFF;}
.pro_detail_share a img {width: 25px;height: 25px;margin-top: 6px;}
.pro_detail_share a:hover {background: #b81838}
.pro_detail_share a.watchlink {width: 150px;height: 40px; border-radius:5px; margin-left:10px;font-family: "Saira Semi Condensed", sans-serif;}
.pro_detail_share a.watchlink i{ margin-right:5px;}

.pro_detail_description {height: 54px;line-height: 54px;background: #FFF;border-top: 4px solid #0162b1;border-bottom: 1px solid #ccc;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;font-size: 22px; color:#0162b1}

.pro_detail_con {background: #f5f8f9; overflow:hidden;}
.pro_detail_con2{}
.pro_detail_show {background: #fff;padding: 0px 50px;margin: 20px auto 50px auto;overflow: hidden; border-radius:20px}
.pro_detail_con .pro_detail_con_tit {font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;font-size: 36px;color: #000;text-transform: uppercase;margin-top: 50px;}
.pro_detail_con .pro_detail_con_desc {font-size: 16px;font-family:"Poppins-Light";line-height: 160%;margin-top:20px; color:#5d5d5d; }
.pro_detail_con .pro_detail_con_desc p {font-size: 16px;font-family:"Poppins-Light";line-height: 160%;color:#000;}
.pro_detail_con .pro_detail_con_desc h1 {font-size: 45px;font-weight: bold;color: #000;line-height: 50px;font-family: "Poppins", sans-serif;margin: 0px;padding: 0px}
.pro_detail_con .pro_detail_con_desc h2 {LINE-HEIGHT: 34px; FONT-FAMILY: 'Saira Semi Condensed'; HEIGHT: 35px; FONT-SIZE: 21px; FONT-WEIGHT: bold;color: #fff;margin: 20px 0px 10px 0px;background:linear-gradient(to right, #00759e, #0162b1); width:auto;display: inline-block; padding:0px 40px 0px 10px}
.pro_detail_con .pro_detail_con_desc h3 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Saira Semi Condensed';color: #0162b1;FONT-SIZE: 19px;margin: 10px 0px;}
.pro_detail_con .pro_detail_con_desc h4 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Saira Semi Condensed';color: #0162b1;FONT-SIZE: 17px;margin: 10px 0px;}
.pro_detail_con .pro_detail_con_desc h5 {LINE-HEIGHT: 30px;FONT-FAMILY: 'Saira Semi Condensed';color: #0162b1;FONT-SIZE: 16px;margin: 10px 0px;}
.pro_detail_con .pro_detail_con_desc ul {margin-left: 0;}
.pro_detail_con .pro_detail_con_desc ul li { margin-top:5px; padding-left:20px;color:#000;}
.pro_detail_con .pro_detail_con_desc ul li:before {font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);content: "\f0da"; font-size:16px; color:#00759e;margin-left:-20px; margin-right:5px;}
.pro_detail_con .pro_detail_con_desc i{font-weight:bold; color:#00759e;}
.pro_detail_con .pro_detail_con_desc sup{ font-size:10px;}
.pro_detail_page {height: 90px;line-height: 90px;background: #FFF;margin-bottom: 50px;overflow: hidden;}
.pro_detail_page_previous {	width: calc(50% - 110px);float: left;color: #747474;position: relative;padding-left: 60px;font-size: 18px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;}
.pro_detail_page_previous i {left: 20px;font-size: 32px;position: absolute;transition: all 0.35s;line-height:90px;}
.pro_detail_page_previous a {font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;font-size: 18px;color: #000;margin-left: 10px;margin-right: 10px;}
.pro_detail_page_previous:hover i {left: 10px;}
.pro_detail_page_previous:hover a {color: #0162b1;}
.pro_detail_page_list {width:90px;float: left;border-left: 1px solid #ccc;border-right: 1px solid #ccc;text-align: center; line-height:90px; height:90px;}
.pro_detail_page_list i{font-size: 32px;transition: all 0.35s;color: #000;line-height:90px;}
.pro_detail_page_list:hover i {color: #0162b1;}
.pro_detail_page_next {width: calc(50% - 110px);float: left;text-align: right;position: relative;padding-right: 60px;font-size: 18px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;}
.pro_detail_page_next i {right: 20px;font-size: 32px;position: absolute;transition: all 0.35s;line-height:90px;}
.pro_detail_page_next a {font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;font-size: 18px;color: #000;margin-left: 10px;margin-right: 10px;}
.pro_detail_page_next:hover i {right: 10px;}
.pro_detail_page_next:hover a {color: #0162b1;}
.tabletitle {	border-bottom: 1px solid #0162b1;margin-bottom: 10px;}
.contable {border-collapse: collapse;width: 100%;margin: 10px auto 10px auto;}
.contable tr {}
.contable .title {background: #f6f7fb;}
.contable .title td {color: #000;font-weight: bold;padding-left: 0px;text-align: center;padding: 5px 0px;line-height: 23px;min-height: 40px;}
.contable tr td {padding:8px 10px;border: 1px solid #CCC;font-size: 16px;line-height: 23px;color: #111;}
.contable tr.double {background: #f6f7fb;}
.contable tr:hover{background: #f6f7fb;}
.contable2 {border-collapse: collapse;width: 100%;margin: 10px auto 10px auto;}
.contable2 tr {}
.contable2 .title {height: 30px;background: #f6f7fb;}
.contable2 .title td {color: #000;font-weight: bold;font-size: 12px;padding-left: 0px;text-align: center;line-height: 20px;padding: 5px 0px;}
.contable2 tr td {border: 1px solid #CCC;font-size: 14px;line-height: 28px;color: #111;text-align: center;padding: 5px 5px;}
.contable2 tr.double {background: #f6f7fb;}
.contable3 {border-collapse: collapse;width: 100%;margin: 10px auto 10px auto;}
.contable3 tr {}
.contable3 .title {background: #f6f7fb;}
.contable3 .title td {color: #000;font-weight: bold;padding-left: 0px;text-align: center;padding: 5px 0px;line-height: 23px;min-height: 40px;}
.contable3 tr td {padding:8px 10px;border: 1px solid #CCC;font-size: 12px;line-height: 23px;color: #111;}
.contable3 tr.double {background: #f6f7fb;}
.tablediv{ width:100%}
.related-product{}
.related-product .title{height:44px;line-height: 44px;background: #0162b1;margin-top:20px; border-radius:10px; color:#FFF;font-size: 18px;	font-family: "Saira Semi Condensed", sans-serif;padding-left:20px; font-weight:bold;}





.con_pic_show {margin-top: 30px;}
.con_pic_show .con_show {float: left;width: 58%;}
.con_pic_show .pic_show {	float: right;width: 40%;}
.con_pic_show .pic_show img {width: 100%;border-radius: 5px;margin-bottom:10px;}
.con_pic_show2 {margin-top: 30px;}
.con_pic_show2 .con_show {float: right;width: 58%;}

.con_pic_show2 .pic_show {float: left;width: 40%;}
.con_pic_show2 .pic_show img {width: 100%;border-radius: 5px;margin-bottom:10px;}


@media (max-width:1455px) {
	.pro-w{width:calc(50% - 15px); float:left; margin:20px 30px 20px 0px;}
	.pro-w-end{ width:calc(50% - 15px); float:left; margin:20px 0px 20px 0px;}
	.pro-sub{height:250px;}
	.pro-sub .img{width:280px; height:210px; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
	.pro-sub .img img{width:100%;}
	.pro-sub .con{width:calc(100% - 360px); height:250px; margin-left:20px;padding:0px 20px}
	.pro-sub .con h3{font-size:16px; margin:10px 0px 10px 0px;}
	.pro-sub .con h3 img{margin-top:10px;}
	.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
	.pro-sub .con .parameters i{margin-right:5px;}
	.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
	
	.pro-sub .con .desc{font-size: 12px; height:34px; line-height:18px; margin:10px 0px}
	.pro-sub .con .more{margin-top:8px;}
	.pro-sub .con .more ul li{width:80px; height:24px;line-height:24px;font-size:12px;}

}

@media (max-width:1280px) {
	.about .left{width:calc(70% - 10px);margin-left:10px;}
	.about .right{width:calc(27% - 10px);margin-right:10px;}
	.foot .foot_2{margin-left:calc(100% - 1060px)}
	.foot .foot_3{ display:none; }

}

@media (max-width:1067px) {
	.menu{display:block;}
	.request-quote{display:none;}

	.pro-w{width:calc(50% - 5px); float:left; margin:20px 10px 20px 0px;}
	.pro-w-end{ width:calc(50% - 5px); float:left; margin:20px 0px 20px 0px;}
	.pro-sub{height:190px;}
	.pro-sub .img{width:200px; height:150px; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
	.pro-sub .img img{width:100%;}
	.pro-sub .con{width:calc(100% - 280px); height:190px; margin-left:20px;padding:0px 20px}
	.pro-sub .con h3{font-size:15px; margin:10px 0px 0px 0px; line-height:17px; height:34px}
	.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
	.pro-sub .con h3 span img{ margin-top:4px}
	.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
	.pro-sub .con .parameters i{margin-right:5px;}
	.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
	.pro-sub .con .desc{ display:none;}
	
	.about .left .con .subtit{font-size:26px;}
	.about .comnum .comnum_sub .comnum_tit{font-size:18px;}
	.about .comnum .comnum_sub .comnum_nums{font-size:36px;}
	.about .comnum .comnum_sub .comnum_con{margin:5px auto 55px auto;}
	.foot .foot_2{display:none;}
	.foot .foot_3{ display:none; }
	
}
@media (max-width:915px) {
		.menu{display:none;}
		.menusj{display:block;}

		.flatbed-hero {min-height:500px;}
		.hero-container {width:calc(100% - 20px);padding:50px 10px 50px 10px;}
		.industry-badge {font-size:14px;}
		.hero-title {font-size:48px;line-height:48px;margin-bottom:10px;}
		.hero-title .highlight {font-size:52px; line-height:52px;}
		.hero-description {font-size:14px;}
		.button-group {margin-bottom:20px;}
		.btn {font-size:16px;}
		.btn-primary:hover {font-size:16px;}
		.btn-secondary:hover {font-size:16px;}
		
		.stat-number {font-size:28px;margin-top:10px}
		
		.product h2{font-size:34px;}
		.product .ddesc{font-size:16px;}
		.product .pro-cate ul li {padding:6px 12px;font-size:12px;}
		.product .pro-cate ul li a{font-size:12px;}
		
		
		.pro-w{width:calc(50% - 5px); float:left; margin:20px 10px 20px 0px;}
		.pro-w-end{ width:calc(50% - 5px); float:left; margin:20px 0px 20px 0px;}
		.pro-sub{height:auto; background:#FFF;}
		.pro-sub .img{width:calc(100% - 20px); height:auto; float:none; margin-left:10px; margin-top:10px; overflow:hidden;}
		.pro-sub .img img{width:100%; border-radius:10px}
		.pro-sub .con{width:calc(100% - 20px); height:auto; margin:10px 10px 30px 10px;padding:0px 0px; float:none; overflow:hidden;}
		.pro-sub .con h3{font-size:18px; height:30px; line-height:30px; margin:10px 0px 10px 0px;}
		.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
		.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
		.pro-sub .con .parameters i{margin-right:5px;}
		.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
		.pro-sub .con .desc{ display:block;}
		.about .left .con h2{font-size:32px;}
		.about .left .con .subtit{font-size:22px;}
		.about .comnum .comnum_sub .comnum_tit{font-size:18px;}
		.about .comnum .comnum_sub .comnum_nums{font-size:36px;}
		.about .comnum .comnum_sub .comnum_con{margin:5px auto 55px auto;}
		.about .left .con .desc{font-size:14px;}

		.about_sub .ico{width:35px; height:35px;}
		.about_sub .ico i{line-height:35px; font-size:16px;}
		.about_sub h3{font-size:16px;margin:12px 10px 0px 50px;}
		.about_sub .desc{font-size:14px;}
		.about_sub .more{margin:10px 0px 20px 20px;}
		.about_sub .more{font-size:14px;}
		.about_sub .more a{font-size:14px;}
		
		.news{padding:20px 0px;}

		.news .title {height: auto;margin-top:0px;}
		.news .title .tit_left {float: none;width:calc(100% - 20px);font-size:32px; margin:0px 10px;line-height:35px;}
		.news .title .tit_right {float:none;width:calc(100% - 20px); margin:0px 10px;line-height:25px;font-size:16px;}
		.news .more{text-align:center;}

		.news{padding:20px 0px; background:#0162b1; overflow:hidden;}


		.news_sub{position:relative; width:calc(50% - 30px); margin:15px;}
		.news_sub .tit{height:60px; line-height:20px; margin:0px 25px;font-size:18px;}
		.sub_end{ margin-right:0px;}
		

}
@media (max-width:767px) {
	

		.pro-w{width:calc(100% - 20px); float:none; margin:20px 10px 20px 10px;}
		.pro-w-end{ width:calc(100% - 20px); float:none; margin:20px 10px 20px 10px;}
		.pro-sub{height:auto; background:#FFF;}
		.pro-sub .img{width:calc(100% - 20px); height:auto; float:none; margin-left:10px; margin-top:10px; overflow:hidden;}
		.pro-sub .img img{width:100%; border-radius:10px}
		.pro-sub .con{width:calc(100% - 20px); height:auto; margin:10px 10px 30px 10px;padding:0px 0px; float:none; overflow:hidden;}
		.pro-sub .con h3{font-size:18px; height:30px; line-height:30px; margin:10px 0px 10px 0px;}
		.pro-sub .con h3 span{font-size:20px; width:30px; height:30px; line-height:30px; margin-right:10px;}
		.pro-sub .con .parameters{font-size: 12px; height:32px; line-height:32px;}
		.pro-sub .con .parameters i{margin-right:5px;}
		.pro-sub .con .parameters span{margin:5px 2px 0px 2px; padding:0px 10px; height:25px; line-height:25px;font-size:12px;}
		.pro-sub .con .desc{ display:block;}
		.foot .foot_1{ display:none}
		.foot .foot_4{width:calc(100% - 20px); float:none; margin:10px 10px;}
		
		
		.history_djs{background:url(time_l.jpg) 18px top repeat-y;}
		.history_djs_top{background:url(time_t.jpg) 8px top no-repeat;}
		.history_djs_sub .history_djs_sub_time{background:url(time_y.jpg) left center no-repeat;}
		.history_djs_sub .history_djs_sub_time .time_left{width:calc(100% - 48px);text-align:left;padding-left:48px}
		.history_djs_sub .history_djs_sub_cont{background:url(time_m.jpg) 8px center no-repeat;}
		.history_djs_sub .history_djs_sub_cont .cont_right{width:calc(100% - 80px);text-align:left;margin-left:48px}
		.history_djs_sub .history_djs_sub_cont .cont_right i{background:url(time_j.png) 0 0 no-repeat;left:-14px;}
		.history_djs_sub2 .history_djs_sub_time{background:url(time_y.jpg) left center no-repeat;}
		.history_djs_sub2 .history_djs_sub_time .time_left{width:calc(100% - 48px);float:left;}
		.history_djs_sub2 .history_djs_sub_cont{background:url(time_m.jpg) 8px center no-repeat;}
		.history_djs_sub2 .history_djs_sub_cont .cont_right{width:calc(100% - 80px);float:left;margin-left:48px}
		.history_djs_sub2 .history_djs_sub_cont .cont_right i{left:-14px;}
		
}

@media (max-width: 640px) {
	.flatbed-hero {min-height:500px;}
	.hero-container {width:calc(100% - 20px);padding:10px 10px 10px 10px;}
	.industry-badge {font-size:12px;}
	.hero-title {font-size:28px;line-height:28px;margin-bottom:5px;}
	.hero-title .highlight {font-size:32px; line-height:32px;}
	.hero-description {font-size:14px;}
	.button-group {margin-bottom:10px;}
	.btn {font-size:16px;}
	.btn-primary:hover {font-size:16px;}
	.btn-secondary:hover {font-size:16px;}
	.stat-number {font-size:20px;margin-top:10px}
	.product h2{font-size:24px;}
	.product .ddesc{font-size:14px;}
	.product .pro-cate ul li {padding:6px 10px;font-size:12px;}
	.product .pro-cate ul li a{font-size:12px;}
	
	
	.about_sub{margin:10px 5px;width:calc(33.33% - 10px); float:left;}
	.about .left{width:calc(100% - 20px); float:none; height:auto; margin-left:10px;margin-right:10px;}
	.about .right{width:calc(100% - 20px);float:none; margin-left:10px; margin-right:10px; margin-top:0px}
	.about .left .con{height:auto;}
	.about .left .con h2{font-size:24px; height:30px; line-height:30px; }
	.about .left .con .subtit{font-size:16px; height:25px; line-height:25px; }
	.about .comnum .comnum_sub .comnum_tit{font-size:14px;}
	.about .comnum .comnum_sub .comnum_nums{font-size:24px;}
	.about .comnum .comnum_sub .comnum_con{margin:5px auto 55px auto;}
	.about .left .con .desc{font-size:12px;}

	.about_sub .ico{width:35px; height:35px;}
	.about_sub .ico i{line-height:35px; font-size:16px;}
	.about_sub h3{font-size:16px;margin:12px 10px 0px 50px;}
	.about_sub .desc{font-size:14px;}
	.about_sub .more{margin:10px 0px 20px 20px;}
	.about_sub .more{font-size:14px;}
	.about_sub .more a{font-size:14px;}
	.foot .linkico{margin-top:20px; text-align:center; margin-right:auto;}
	.copyright .copyright_left{width:100%; float:none; text-align:center;}
	.copyright .copyright_right{width:100%; float:none; text-align:center;}
	
	
}



@media (max-width: 480px) {
	.logo-menu .logo{ width:270px;}
	.logo-menu .logo .con{width:140px;}
	.logo-menu .logo .con .p1{font-size: 22px !important; }
	.logo-menu .logo .con .p2{font-size: 16px !important;}
	.about_sub{margin:10px 5px;width:calc(100% - 10px); float:none;}
	.about .left .con .subtit{height:auto;}
	.news_sub{position:relative; width:calc(100% - 30px); margin:15px; float:none;}
	.news_sub .tit{height:60px; line-height:20px; margin:0px 25px;font-size:16px;  font-weight:bold; font-family: "Saira Semi Condensed", sans-serif; color:#000; overflow:hidden;}
	.news_sub .desc{height:36px; line-height:18px; font-size:12px; margin:20px 25px 0px 25px; overflow:hidden; color:#0c2232;font-family:"Poppins-Light", sans-serif; font-weight: 600 !important;}

	.sub_end{ margin-right:0px;}
	.contact{ display:none}
	
	.youbiandh{width:100%; position:fixed; bottom:0px;right:auto; top:auto; z-index:1008; background:#fff; border:1px solid #CCC; border-radius:5px;}
	.youbiandh ul li{height:74px;width:33.33%; cursor:pointer; text-align:center; font-size:14px; font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important; line-height:30px;transition: all 0.35s; position:relative; float:left;}
	.youbiandh ul li .span1{color:#0162b1; font-size:32px; margin-top:12px; display:inline-block;}
	.youbiandh ul li:hover{ background:#0162b1; color:#FFF;}
	.youbiandh ul li:hover .span1{color:#FFF; font-weight:normal;}
	#what{border-bottom:1px solid #ccc;}
	#wxh{ border-bottom:1px solid #ccc}
	#emailxh{ border-bottom:1px solid #ccc}
	.youbiandh ul li .showdiv{ display:none}

	
}



@media (max-width: 768px) {
      .flatbed-hero {
        background: linear-gradient(115deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.7) 55%, rgba(0, 0, 0, 0.55) 100%),
                    url('banner1.webp');
        background-position: center 30%;
        background-size: cover;
      }
    }

    /* high-res support */
@media (min-width: 1920px) {
  .flatbed-hero {
	background: linear-gradient(102deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.4) 100%),
				url('banner1.webp');
	background-size: cover;
	background-position: center 20%;
  }
}