*{margin:0;padding:0;box-sizing:border-box}
body{background:#ffffff;color:#000;font-size:14px;font-family:Poppins-Regular;line-height:25px;}
button,fieldset,img{margin:0;padding:0;outline-style:none;border:0 none}
body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,legend,li,ol,p,ul{margin:0;padding:0}
@font-face{font-family:Poppins-Regular;src:url(../fonts/Poppins-Regular.ttf);font-display:swap}
button,input,select,textarea{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border:none;font-size:14px}
ul{list-style:none}
ol{margin-left:20px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none;cursor:pointer}
a:active{text-decoration:none}
a{text-decoration:none;outline:0;-webkit-appearance:none;color:#0b369c}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-family:Poppins-Medium}
i{font-style:normal}
em{font-style:normal}
button{cursor:pointer;border-radius:5px;font-family:'Poppins-Regular';}
img{max-width:100%;height:auto;border:none;vertical-align:middle}
.flex{display:flex}
.flexItemCenter{display:flex;align-items:center}
.flexCenter{display:flex;align-items:center;justify-content:center}
.flexBetween{display:flex;align-items:center;justify-content:space-between}
.flexColumn{display:flex;flex-direction:column;align-items:center}
.container{margin:0 auto;width:min(1500px,96%)}

/*header*/
.head .logo img{max-width: 300px;z-index:1;position:relative;top:-2px;}
header{box-shadow:0 10px 10px -13px #5f6067;height: 70px;line-height: 70px;}
.nav ul li{margin:0 40px}
.nav ul li a{color:#000;font-size:17px;font-weight:700;padding:10px;}
.contact_details a i{display:inline-block;width: 27px;height: 27px;background:#0b369c;padding:7px;border-radius:20px;color:#fff}
.contact_details a{margin:0 10px;color:#000}
.home_banner{background: url(/images/home-banner.webp);background-size:contain;}
.home_banner .container{display:flex;justify-content:space-between;align-items:center;padding:30px 0}
.home_banner .text h2{font-size: 45px;color:#0b369c;font-weight:700;letter-spacing:1.2px;margin-bottom: 30px;}
.home_banner .text p{font-size:16px;margin-bottom:100px}
.home_banner .s_pic img{margin-right:15px;max-width: 240px;}
.head .logo::after{content:'';position:absolute;top:0;left:0;background-color:#0b369c;clip-path:polygon(0 0,76% 0,72% 100%,0 100%);border-bottom:70px solid #0b369c;border-right:100px solid transparent;width: 600px;height:0}
.src{padding:10px 0;margin:0}
.nav ul li a:hover{color:#0b369c}

/*main*/
.products_show .flex_grid-option{display:grid;grid-template-columns: repeat(3,1fr);gap:10px;text-align:center}
.products_show .material_des{margin:5px 0}
.products_show .material_des h3{font-weight:700;margin:15px 0 12px;font-size:16px;white-space:nowrap}
.View_Products {margin-top: 12px;}
.products_show .material_des p{color:#2f56b2;display: -webkit-box;-webkit-line-clamp: 2; /* 限制为两行 */-webkit-box-orient: vertical;overflow: hidden; /* 溢出内容隐藏 */text-overflow: ellipsis; /* 溢出显示省略号 */}
.Pagination{text-align:center}
.Pagination a,.Pagination span{margin:5px;padding:8px 17px;background:#f5f5f5;color:#333;font-size:14px;border:solid 1px #e5e5e5;display:inline-block;line-height:20px}
.Pagination a:hover{background:#0b369c;color:#fff}
.View_Products a{display:inline-block;background:#0b369c;padding:7px 20px;color:#fff}
.View_Products a:hover{background:#0c2662}
.products_show .flex-grid-item .img{border:1px solid #e5e5e5;height: auto;overflow: hidden;}
.products_show .flex-grid-item img:hover{transform:scale(1.05);}
.products_show .flex-grid-item img{object-fit: contain;transition: transform 0.3s ease, opacity 0.3s ease;}
.products_show .flex_grid-option .flex-grid-item{margin-bottom:30px}
.contact{margin-top:20px}
.contact .Intro{display:flex;justify-content:space-between}
.contact .Intro .text{width:60%;margin-right: 40px;}
.Intro .text .cont{width:80%;display:flex;justify-content:space-between;flex-wrap:wrap}
.Intro .cont .box{display:flex;justify-content:space-between;align-items:center;margin:10px 0}
.Intro .text .flexBetween{margin-top:30px}
.Intro .text h2{margin-bottom:20px;font-weight:700;font-size:24px}
.Intro .cont .box i{display:flex;align-items:center;justify-content:center;width:37px;height:37px;margin-right:10px;border:1px solid #0b369c;font-size:20px;color:#0b369c;border-radius:50%;padding-top:5px}
.Intro .cont .box a{color:#000}
.Intro .cont .box a:hover{color:#0b369c}
.contact .map_quote{margin-top:70px;display:flex;justify-content:space-between;flex-wrap:wrap}
.map_quote .map{width:46%}
.map_quote .map img{object-fit:scale-down;width:100%}
.map_quote .quote{width: 100%;background:#f5f5f5;padding:30px}
.map_quote .quote .title{text-align:center;margin-bottom:20px;font-weight:700;font-size:20px}
.map_quote .quote .name_more{display:flex;justify-content:space-between;margin-bottom:20px}
.quote .name_more .box{display:flex;align-items:center;margin-right: 10px;}
.name_more .box span{margin-right: 5px;}
.map_quote .quote .cont{display:flex;width: 100%;}
.quote .cont span{margin-right:5px;white-space:nowrap}
.quote .cont textarea{width:100%}
.map_quote .quote .submit{text-align:center;margin-top:25px}
.quote .submit button{padding:10px 40px;background:#0b369c;color:#d5d5d5;border-radius:0}
.quote .submit button:hover{color:#fff;background:#092f8a}
.ipad_head{display:none}
.tongyong {position:relative}
.tongyong .title{position:absolute;top:40%;left:10%}
.tongyong .title h2{font-size:28px;color:#fff}
.tongyong img{opacity:.9;background:#000}
.tongyong .title p{margin-top:15px;color:#fff}
.foot_box .btm{display:flex;align-items:center}
.foot_box .btm input{background:#0b369c;padding:7px 20px;color:#fff;position:relative;top:25px;border-radius:5px;cursor: pointer;}
.quote .name_more .box input{max-width:190px}
.quote .cont .your-message{width:100%}
.map_quote .quote .submit input{padding:10px 40px;background:#0b369c;color:#fff;cursor:pointer;border-radius:5px}
.contact_details a i::before{position:relative;top:1px}
.Multilingual .icon-f1ec-1f1e7{font-size:25px;position:relative;top:2px;vertical-align:middle}

/*footer*/
footer{margin-top:70px}
.foot_cont{background:#001940;padding:70px 0 50px}
.foot_cont .container{display:flex;flex-wrap:wrap;justify-content:space-between;color: #ccc;}
.foot_cont .footcompany{width: 25%;margin-right: 100px;color: #acb0bc;}
.foot_cont .foot_column{width: 13%;margin-right: 10px;}
.foot_cont .foot_form{width:40%}
.foot_cont .container a{color: #acb0bc;}
.footcompany .details{margin:20px 0;}
.footcompany .flex{align-items:center}
.footcompany .flexItemCenter img{margin-right:15px}
.footcompany .phone{display:flex;align-items:center;margin:5px 0}
.footcompany .phone i{margin-right:5px;position: relative;top: 3px;}
.foot_column-title{font-size:18px;color:#fff;margin-bottom:20px}
.foot_column-item{margin-bottom:10px}
.foot_column-item a{color: #acb0bc;}
.foot_box .top{display:flex;justify-content:space-between;margin-bottom:20px}
.foot_box .top input{background:0 0;border-bottom:1px solid #666;padding:10px 0;color: #cccccc;max-width: 170px;}
.foot_box .btm div{display:inline-block}
.foot_box .foot_text{color: #acb0bc;}
.foot_box .btm textarea{background:0 0;border-bottom:1px solid #666;width:390px;height:60px;color:#fff;margin-right:40px}
.foot_box .btm button{background:#0b369c;padding:7px 20px;color:#fff;position:relative;top:-10px;}
.foot_copy{background:#00132f;padding:20px 0}
.foot_copy p{text-align:center;color: #666;}
.foot_ipad{display:none}
.foot_box .top input::placeholder{color:#acb0bc}
.foot_logo-text{color:#acb0bc}
.foot_cont .container a:hover{color:#fff}