.header{width:100%;height:80px;background:#fff;box-shadow: 0 0 15px rgb(0 0 0 / 20%); position: fixed; top: 0; left: 0; z-index: 99;}
.header_show{ display: flex; width: 100%; height: 80px; align-items: center; justify-content: space-between;}
.logo img{height: 54px; width: auto;}
.header .nav{ display: flex;flex-wrap:wrap;justify-content: space-between;height:80px;align-items:center;}
.header .nav>ul{display:flex;gap:40px;height:80px;align-items:center;justify-content:space-between ;}
.header .nav>ul>li{position:relative; height: 100%;display:flex;align-items:center;}
.header .nav>ul>li>a{ font-size: 18px; color: #002665;}
.header .nav>.phone{font-size: 24px; color: #007a9e; font-weight: 550; margin-left: 50px;}
.header .sub-menu{position:absolute;top:102%;left:0;width:220px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.1);padding:10px 0; display: none; z-index: 999999999;}
.header .sub-menu li{padding:0 20px;line-height:42px;font-size:14px}
.header .sub-menu li a{ border-bottom: 1px solid rgba(0,0,0,0.1); display: block; padding-bottom: 3px; color: #002665;}
.header .sub-menu li:last-child a{border-bottom: 0px;padding-bottom: 0px;}
.header .nav>ul>li a:hover {color:#00c2ef}

.home_banner{margin-top: 80px;}
.home_banner img{ width: 100%;}
.home_product{padding:65px 0px;}
.home_pro_nav{justify-content: space-between; margin-top: 60px; align-items: center;} 
.home_product .pro_item{ background: #f2f2f2;-o-transition: all, 0.5s;-moz-transition: all, 0.5s;-webkit-transition: all, 0.5s;transition: all, 0.5s; display: flex; }
.home_product .pro_item a{width: 100%; justify-content: space-between; align-items: center;}
.home_product .pro_item:nth-child(1),.home_product .pro_item:nth-child(2){min-height: 400px;width: calc((100% - 20px) / 2);}
.home_product .pro_item:nth-child(n+3){margin-top: 20px;width: calc((100% - 40px) / 3); min-height: 350px;background: #f2f2f2;}
.home_product .pro_item_left{ width: 45%; }
.home_product .pro_item_right{ width: 50%; }
.home_product .pro_item_right article{ max-width: 90%; font-size: 16px; color: #666; line-height: 28px; text-align: justify;}
.home_product .pro_item_right h2{ font-size: clamp(24px, 2.5vw, 28px); line-height: 38px; transition: color, 0.3s; color: #333; margin-bottom: 15px;}
.home_product .pro_info{display: block; text-align: center;}
.home_product .pro_pic{height: 200px; width: 100%; text-align: center; margin: 35px 0px;}
.home_product .pro_pic img{ height: 200px; width: auto; display: inline-block;}
.home_product .pro_more{margin-top: 35px; width: 130px; line-height: 25px; padding: 10px 0px; display: inline-block; text-align: center; border: 1px solid #aaa; color: #999; border-radius: 5px;}
.home_product h2{color: #333; margin-bottom: 0px;}

.home_about{padding: 65px 0px; background:rgba(247,247,247,1);}
.home_about .about_item{ width: 48%;}
.home_about .about_pic{width: 45%;}
.home_about .about_pic img{ width: 100%; border-radius: 15px;filter: saturate(75%);}
.home_about .about_en{ color: #007a9e; font-size: 18px;font-family: Arial;line-height: normal;}
.home_about .about_title{ font-size:clamp(24px, 3.5vw, 48px);line-height: normal;}
.home_about  article{ font-size: 16px; line-height: 2; color: #666;}
.home_about  article p{margin-bottom: 8px;}
.home_about  article p:last-child{ margin-bottom: 0px;}
.home_about .about_more{margin-top: 45px; border-radius: 35px; display: block; padding: 0px 35px; max-width: 180px; background: #002665; color: #fff;height: 50px; line-height: 50px; text-align: center;}

.home_news{padding: 65px 0px;}
.home_news_list{padding:65px 0px 0px;}
.home_news_list .news_item{width: 32%;}
.home_news_list .news_info{box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); padding:15px 25px ;}
.home_news_list img{width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px;filter: saturate(75%);}
.home_news_list .news_title{ color: #333; margin-top: 25px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:clamp(20px, 2.6vw, 28px); font-weight: 500;}
.home_news_list .news_desc{font-size: 14px; line-height: 28px; color: #666; height: 56px; overflow: hidden; white-space: normal;text-overflow: ellipsis; text-align: justify;}
.home_news_list .other{ color: #666; margin-top: 35px; font-size: 12px;}
.home_news_list .other p:last-child{color: #007a9e;}

.home_haozhao{ width: 100%; background: url('../images/haozhao_bj.webp') no-repeat left center; background-size: cover; padding: 65px 0px; border-bottom: 5px solid #00c2ef;}
.home_globle h2{ text-align: left; color: #fff; max-width: 620px; font-size: clamp(24px, 3.5vw, 48px);}
.home_globle h3{ color: #fff; max-width: 920px;text-align: left; font-size: clamp(16px, 1.8vw, 18px); line-height: 2; font-weight: 300; text-align: justify;}
.home_globle .ljzxun{ display: inline-block; margin-top: 35px; border-radius: 45px; background: #007a9e; color: #fff; font-size: 18px; padding: 12px 35px;}
.home_globle .ljzxun:hover{cursor: pointer;}

.footer{background: #1a1a1a; color: #adadad; padding: 65px 0px 35px;}
.footer h4{ font-size: 18px; color: #fff; font-weight: 350; margin-bottom: 35px;}
.footer p{ font-size: 16px; line-height: 2;color: #adadad;}
.footer_item{width: 25%;}
.footer_item2{ width: 35%;}
.footer_item2 .flex-center{align-items: start;} 
.footer_nav_item{ width: 45%; text-align: left; }
.footer_item3{width: 25%;}
.footer a{font-size: 16px;color: #adadad; line-height: 2;}
.footer_item3 .qrcode {margin-top: 25px;}
.footer_item3 .prcode_item{ width:45%; text-align: center;}
.footer_item3 img{ width: 90%; display: inline-block; text-align: center;}
.qrcode_title{ line-height: 2;}
.footer2{ background: #1a1a1a;border-top:1px solid rgba(255,255,255,.1); padding: 25px 0px; color: #adadad;}
.footer2 *{font-size: 12px;color: #adadad; line-height: normal;}


/* contact us */
.nr_banner{margin-top: 80px; position: relative;}
.nr_banner img{ width: 100%; height: auto;}
.banner_info{position: absolute; bottom: 15%; width: 100%; left: 0;}
.banner_info .banner_h2{ font-size: clamp(24px, 3.5vw, 48px); color: #fff; line-height: 1.5;}
.banner_info .banner_h2_en{font-size: clamp(18px, 2.35vw, 24px);color: #fff;line-height: 1;}
.nr_position{padding: 35px 0px; border-bottom: 1px solid #aaa; color: #666;}
.nr_position a{padding: 0px 15px;}
.nr_position a:first-child{padding-left: 0px;}
.nr_position a:last-child{padding-right: 0px;}
.nr_position a>i{margin-right: 8px;}
.nr_position *{color: #666;}
.contact_ul li{ position: relative; padding-left: 20px; height: 45px; line-height: 45px;}
.contact_ul li:before{content: '\e604'; font-family: 'iconfont'; color: #002665; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contact_list .contact_wechat{margin-top: 25px; max-width: 120px; text-align: center;}
.contact_list .contact_wechat img{ max-width: 120px; }
.contact_wechat p{padding: 5px 0px; font-size: 12px; color: #666;}
.contact_message{ background: url('../images/message-bg.jpg') no-repeat left center; background-size: cover; padding: 65px 0px; width: 100%;}
.contact_message_con{margin-top: 65px;}
.contact_message_con .contact_form{ width: 100%;}
.contact_message_con .input_item{display: flex;width: calc(50% - 10px);margin-bottom:20px;border: 1px #ddd solid;padding: 12px 20px;align-items: center;background: #fff; }
.contact_message_con .input_item.w33{width:calc(33.3% - 14px);}
.contact_message_con .input_item.w50{width:calc(50% - 20px);}
.contact_message_con .input_item.w100{width:100%}
.contact_message_con .ml{margin-left:20px;}
.contact_message_con .input_item.vt{    align-items: flex-start;}
.contact_message_con .input_item.i{color:red;margin-left:5px;}
.contact_message_con .input_item .input_title{flex-shrink: 0;margin-right: 10px;color: #6a6a6a;font-size: 16px;}
.contact_message_con .input_item .input_text{flex: 1;/* width: 100%; */line-height: 30px;color:#666;font-size: 15px;border: none;background: none;}
.contact_message_con textarea{height:180px}
.contact_message_con button{position: relative;flex: 1;display: table;margin-left: 20px;/* margin-top: 10px; */color: #fff;font-size: 16px;padding: 20px 20px;border:none;cursor: pointer;border-radius: 5px;background: #2e7de0;}
.message_code{display: flex;align-items: center;}
.message_code button{width:200px;padding: 18px 20px;}
.message_code .yzm{flex-shrink: 0;display: flex;margin-right: 20px;border: 1px #ddd solid;background: #fff;align-items: center;}
.message_code .yzm input{ flex: 1;width: 150px;padding: 18px 20px;border: none;}
.message_code .yzm img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.message_code  button{width:200px;padding: 18px 20px;}