@charset "utf-8";body{background:#fff; color:#374151; font-size:1rem;}
*{box-sizing: border-box;}
body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0;outline:0;border:0;sans-serif; font-family: Arial,Microsoft YaHei,SimSun,"sans-serif"}
fieldset,form,input,legend,textarea{outline:0;}
li{list-style:none;}
img{border:0;}.img img{width: 100%;}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block;}
a:link{color:#373737;text-decoration:none; transition: all .2s ease-in-out;}
a:visited{color:#373737;text-decoration:none;}
a:hover{color:#0f766e;}
/* 0f766e   059669   10b981 */
.ant_btn{background: #0f766e; border-radius: 1rem; height: 2.5rem; line-height: 2.5rem; color: #fff; text-align: center; padding:0 1.5rem; cursor: pointer; display: inline-block; margin-top: 1rem; transition: all .5s;}
.ant_btn a{color: #fff; display: block;}
.ant_btn i{margin-right: 0.3rem;}
.ant_btn:hover{background: #059669;}

.page_body{width: 100%; overflow: hidden;}

#navbar{width: 100%; position: fixed; top: 0px; left: 0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 999; background: #fff;}
.navbar_container{display: flex; align-items: center; justify-content: space-between; max-width: 1500px; margin: 0px auto; height: 88px; transition: all .5s ease-in-out;}
.navbar_logo img{height: 42px;}
.navbar_menu{display: flex; margin-left: 28px;}
.navbar_menu .menu_box{position: relative;}
.navbar_menu .menu_box>a{padding: 18px; display: block;}
.navbar_menu .menu_box>a.menu_active{color: #0f766e; font-weight: bold;}
.navbar_menu .menu_box .sub_menu{position: absolute; left: 50%; transform: translateX(-50%) scale(.0); top: 55px; width: auto; background: #fff; border-radius: 15px; padding: 18px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); opacity: 0; cursor: pointer; transition: .5s cubic-bezier(.165,.84,.44,1);}
.navbar_menu .menu_box .sub_menu:before{content: " "; position: absolute; left: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; top: -6px; z-index: 1; transform: translateX(-50%); font-size: 0px;}
.navbar_menu .menu_box .sub_menu a{display: block; white-space:nowrap; padding: 12px 20px;}
.navbar_menu .menu_box .sub_menu a:hover{background: #0f766e; color: #fff;}
.navbar_menu .menu_box:last-child{display: none;}
.nav_sticky .navbar_container{height: 65px;}
.navbar_language a{line-height: 28px; background: #0f766e; color: #fff; display: inline-block; padding: 5px 12px; border-radius: 6px;}
.navbar_language a:hover{background: #059669;}
#navbar .navbar_btn{display: none;}
.top_area{width: 100%; height: 88px;}

/* 顶部图片 */
.top_banner{height: 272px; overflow: hidden; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.top_banner .tb_text{left: 15%; position: absolute; top: 50%; transform: translateY(-50%); color: #191919; width: 36%;}
.top_banner .tb_text div:first-child{font-size: 32px; font-weight: bold;}
.top_banner .tb_text div:last-child{font-size: 12px; color: #575d6c; margin-top: 8px;}

.big_menu_bg{width: 100%; background: #f5f5f5;}
.big_menu_list{max-width: 1500px; margin: 0px auto; display: flex;}
.big_menu_list a{display: block; height: 50px; line-height: 50px; padding: 0px 25px; transition: all .2s; margin-right: 2px;}
.big_menu_list a.big_select,.big_menu_list a:hover{background: #0f766e; color: #fff;}

.small_menu_bg{width: 100%; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.small_menu_bg .small_menu_list{max-width: 1500px; margin: 0px auto; text-align: center;}
.small_menu_bg .small_menu_list a{display: inline-block; margin: 8px; padding: 10px 15px;}
.small_menu_bg .small_menu_list a.small_select,.small_menu_bg .small_menu_list a:hover{font-weight: bold; color: #fff; border-radius: 5px; background: #575d6c;}

.banner .item {width: 100%;height: 100vh;}
.banner .item>a {width: 100%;height: 100%;}
.banner .item video {width: 100%;height: 100%;object-fit: cover;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none;}
.swiper-button-next, .swiper-button-prev{width: auto;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:before{content: '\ea6e'; font-family:"remixicon"; color: #fff; font-size: 72px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:before{content: '\ea64'; font-family:"remixicon"; color: #fff; font-size: 72px;}

.swiper-pagination-bullet{width:30px;height:12px;border-radius:5px;background:#FFF;transition:all .5s linear;}
.swiper-pagination-bullet-active{width:50px;}

.wrap{position: absolute; top: 50%; left: 15%; transform: translateY(-50%); width: 50%;}
.wrap .banner_title{font-weight: bold; font-size: 42px; line-height: 50px; color: #fff;}
.wrap .banner_subtitle{font-size: 24px; padding-top: 8px; color: #fff;}
.wrap p{padding-top: 28px;}
.wrap p a{display: inline-block; padding: 10px 25px; background: #00a363; margin-right: 8px; border-radius: 50px; font-size: 16px; color: #fff; transition: all 0.2s linear;}
.wrap p a:hover{background: #038725}


.section{padding-top: 80px; padding-bottom: 80px; position: relative;}
.section_bg{background: url("/jscss/bg.jpg") #f0fdf4; background-size: cover;}
.section .container{max-width: 1500px; margin: 0px auto; position: relative;}
.section .section_title{text-align: center; margin-bottom: 3rem;}
.section .section_title h2{font-size: 40px; color: #0f766e; position: relative; padding-bottom: 24px; margin-bottom: 18px;}
.section .section_title h2:after{position: absolute; width: 80px; height: 4px; background: #10b981; content: ' '; bottom: 0px; left: 50%; transform: translateX(-50%);}
.section .section_title p{padding-top: 8px; font-size: 1rem; color: #4b5563; width: 50%; margin: 0px auto;}
.section .st_menu{padding-top: 12px; text-align: center;}
.section .st_menu a{height: 32px; line-height: 32px;background: #0f766e; color: #fff; border: 1px solid #0f766e; padding: 0px 15px; display: inline-block; margin-left: 5px; margin-right: 5px;}
.section .st_menu a:hover{ background: #fff; border: 1px solid #ccc;}

/* 首页关于我们 */
.index_about{display: flex; justify-content: space-between;}
.index_about .index_left{width: 48%; position: relative;}
.index_about .index_left img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.index_about .index_left .about_year{position: absolute; bottom: -20px; right: -20px; background: #0f766e; color: #fff; padding: 18px; border-radius: 10px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.index_about .index_left .about_year span{font-size: 32px; font-weight: bold;}
.index_about .index_left .about_year p{font-size: 14px;}

.index_about .index_right{width: 48%;}
.index_about .index_right h3{font-size: 26px; padding-bottom: 28px;}
.about_honors{display: flex; justify-content: space-between; padding-top: 28px;}
.about_honors>div{width: 23%; text-align: center; padding: 15px; background: rgba(255, 255, 255); margin-bottom: 18px; font-size: 14px; color: #4b5563; border-radius: 5px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); display: flex; align-items: center; flex-wrap: wrap;}
.about_honors i{display: block; font-size: 28px; padding-bottom: 8px; width: 100%;}
.about_honors>div>div{width: 100%;}

.about_container{display: flex; width: 100%;}
.about_container .about_picture{width: 450px; margin-right: 2rem}
.about_container .about_picture img{width: 100%;}
.about_container .about_content{flex: 1}
.about_container .about_list{display: flex; justify-content: space-between; padding-top: 1rem;}
.about_container .about_box{width: 48%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); padding: 20px 18px; text-align: center;}
.about_container .about_box .about_box_content{font-size: 0.9rem; color: #666; text-align: center;}
.about_container .about_box .about_box_title{border-radius: 1rem; height: 2.5rem; line-height: 2.5rem; color: #fff; text-align: center; margin: 0px auto; margin-top: 0.8rem; display: inline-block;}
.about_container .about_box .about_box_title i{margin-right: 0.3rem;}


.products_list{display: grid; width: 100%; max-width: 1500px;  padding-bottom: 42px; grid-template-columns: repeat(4, minmax(0, 1fr)); place-items: center;}
.products_list .products_bg{width: 95%; margin-bottom: 1.5rem; cursor: pointer;}
.products_list .products_box{transition: all .3s; height: 100%; width: 100%; background: #fff; border-radius: 0.5rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); overflow: hidden; border-top: 5px solid #0f766e;}
.products_list .products_box:hover{box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.2); margin-top: -5px;}
.products_list .products_box:hover img{scale: 1.1;}
.products_box .products_picture{font-size: 0px; width: 100%; height: 0px; padding-top: 100%; position: relative; overflow: hidden;}
.products_box .products_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; transition: all .3s;}
.products_content{padding: 1rem;}
.products_box .products_title{font-size: 1.2rem; height: 4rem; line-height: 2rem; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 6px 0px;}
.products_box .products_info{color: #666; height:2.8rem; line-height: 1.4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.products_more{font-size: 14px; padding: 10px 0px; color: #0f766e;}


.more_btn{position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); background: #0f766e; border-radius: 0.5rem; height: 3rem; line-height: 3rem; color: #fff; text-align: center; padding:0 1.5rem 0 1.8rem; cursor: pointer; transition: all 0.2s;}
.more_btn a{color: #fff;}
.more_btn:hover{background: #059669;}


.news_list{display: grid; width: 100%; max-width: 1500px;  padding-bottom: 42px; grid-template-columns: repeat(3, minmax(0, 1fr)); place-items: center;}
.news_list .news_bg{width: 95%; cursor: pointer; margin-bottom: 42px;}
.news_list .news_box{transition: all .3s; height: 100%; width: 100%; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); padding-bottom: 12px;}
.news_list .news_box:hover{box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.2);}
.news_list .news_box:hover img{scale: 1.05;}
.news_box .news_picture{font-size: 0px; width: 100%; height: 0px; padding-top: 66.66%; overflow: hidden; position: relative;}
.news_box .news_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; transition: all .3s;}
.news_box .news_title{font-size: 16px; height: 42px; line-height: 42px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 18px; box-sizing: }
.news_box .news_info{color: #666; height: 48px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; padding: 0px 18px; margin-top: 12px;}
.news_box .news_date{font-size: 14px; height: 42px; line-height: 42px; display: flex; justify-content: space-between; padding: 0px 18px;}



.tech_list{display: flex; width: 100%; max-width: 1500px; justify-content: space-between; padding-bottom: 42px; flex-wrap: wrap;}
.tech_list .tech_bg{width: 31%; cursor: pointer; margin-bottom: 42px;}
.tech_list .tech_box{transition: all .3s; height: 100%; width: 100%; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); padding: 28px; border-radius: 8px;	}
.tech_list .tech_box:hover{box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.2);}
.tech_list .tech_box:hover img{scale: 1.05;}
.tech_box .tech_picture{font-size: 0px; width: 100%; overflow: hidden;}
.tech_box .tech_picture img{width: 100%; transition: all .3s;}
.tech_box .tech_title{font-size: 18px; height: 42px; line-height: 42px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 0px; box-sizing: }
.tech_box .tech_info{color: #666; height: 48px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; margin-top: 12px;}
.tech_box .tech_content{padding-top: 12px; font-size: 14px; line-height: 24px;}
.tech_box .tech_content span{width: 100%; display: block;}
.tech_box .tech_content i{margin-right: 5px; color: #0f766e;}

.case_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); place-items: center; width: 100%; max-width: 1500px; padding-bottom: 42px;}
.case_list .case_box{width: 93%; cursor: pointer; margin-bottom: 32px; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); position: relative; transition: all .3s;}
.case_list .case_box .case_picture{font-size: 0px; width: 100%; height: 0px; padding-top: 55%; overflow: hidden; position: relative;}
.case_list .case_box .case_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; transition: all .5s;}
.case_list .case_bg{position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; background-image: linear-gradient(to top, rgba(15,118,110, 0.8), rgba(255, 255, 255 , 0)); opacity: 1; transition: all 0.3s;}
.case_list .case_content{position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; display: flex; justify-content: flex-end; padding: 32px; flex-direction:column; color: #fff; transition: all .5s;}
.case_list .case_content .case_title{font-size: 20px; font-weight: bold;}
.case_list .case_box:hove{transform: translateY(-5px);}
.case_list .case_box:hover .case_bg,.case_list .case_box:hover .case_content{opacity: 0;}
.case_list .case_box:hover img{scale: 1.1}

.pro_list{display: flex; width: 100%; max-width: 1500px; padding-bottom: 3rem; flex-wrap: wrap;}
.pro_list .pro_bg{width: 23%; margin: 0px 1% 1.5rem 1%; cursor: pointer;}
.pro_list .pro_box{transition: all .5s; height: 100%; width: 100%; padding: 36px 25px; background: #fff; border-radius: 1rem;}
.products_list .pro_box{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);}
.pro_list .pro_active,.pro_list .pro_box:hover{box-shadow: 10px 10px 18px 0px rgba(0, 0, 0, 0.3);}
.pro_box .pro_picture{font-size: 0px;}
.pro_box .pro_picture img{width: 100%;}
.pro_box .pro_title{font-size: 1.2rem; line-height: 2rem; height: 2rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro_box .pro_info{color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.pro_btn{position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); background: #0f766e; border-radius: 1rem; height: 2.5rem; line-height: 2.5rem; color: #fff; text-align: center; padding:0 1.5rem; cursor: pointer;}
.pro_btn i{margin-right: 0.3rem;}
.pro_btn:hover{background: #0f766e;}



.ip_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ip_box{width: 23.5%; box-shadow: 0px 0px 0.6rem rgba(0, 0, 0, 0.1); border-radius: 1rem; margin-bottom: 2rem; cursor: pointer; transition: all .5s; padding-bottom: 1rem; position: relative;}
.ip_bg{position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 1rem; opacity: 0; z-index: 99; transition: all .5s;}
.ip_box .ip_btn{position: absolute; bottom: -2.5rem; left: 50%; transform: translateX(-50%) translateY(50%); font-size: 1rem; transition: all .5s; padding: 0px;}
.ip_box .ip_btn a{display: block; padding: 0 1.5rem;}
.ip_box:hover .ip_bg{opacity: 1;}
.ip_box:hover .ip_btn{bottom: 35%; z-index: 100;}
.ip_box .ip_picture{font-size: 0px; border-radius: 1rem 1rem 0 0; overflow: hidden; width: 100%; position: relative;}
.ip_box .ip_picture img{width: 100%;}
.ip_box .ip_title{font-size: 1.2rem; height: 1.8rem; line-height: 1.8rem; font-weight: bold; padding: 0rem 1rem; margin: 5px 0px 5px 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.ip_box .ip_info{color: #666; height: 2.6rem; line-height: 1.3rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; padding: 0rem 1rem;}


.contact_list{padding-bottom: 1rem;}
.contact_list div{line-height: 1.8rem;}

.contact_box{display: flex; justify-content: space-between;}
.contact_map{width: 48%; margin-right: 1rem; overflow: hidden;}
.contact_info{flex: 1;}
.contact_info .contact_qr{display: flex; width: 80%;}
.contact_info .contact_qr_box{width: 31%; text-align: center;}
.contact_info .contact_qr_img{font-size: 0px;}
.contact_info .contact_qr_box img{width: 100%;}

#map{width: 100%; height: 368px; overflow: hidden;}
#contact_map{width: 100%; height: 600px; overflow: hidden;}
.contact_fixed{position: fixed; bottom: 20%; right: 28px; background: #0f766e; border-radius: 15px; color: #fff; padding: 12px; cursor: pointer; transition: all .5s; z-index: 99999}
.contact_fixed div{width: 35px; text-align: center; font-size: 14px;}
.contact_fixed div:first-child{font-size: 28px;}
.contact_fixed:hover{background: #059669;}


/* 内页 */
.location,.page_container{max-width: 1500px; margin: 0px auto; margin-top: 1rem;}
.location .location_box{display: flex; line-height: 45px; height: 45px;}
.location .location_box i{font-size: 1rem; margin-right: 5px;}
.location .location_box h1{font-size: 16px; font-weight: normal;}

.page_container{display: flex; justify-content: space-between; padding-bottom: 42px; margin-top: 1.5rem;}
.page_right{box-shadow: 0 2px 15px #ddd; width: 72%; padding: 42px 30px 72px 30px; position: relative;}
.page_right table{width: 100%;}
.page_right img{max-width: 100%;}
.page_left{width: 25%}
.page_title{text-align: center; font-size: 18px; font-weight: normal;}
.page_info{text-align: center; font-size: 14px; padding-top: 18px;}
.page_description{padding: 15px; margin-top: 18px; border: 1px solid #d5d5d5; background: #f2f2f2; font-size: 14px;}
.page_content{padding-top: 28px; position: relative; line-height: 32px;}
.page_content img{height: auto; margin: 0px auto; max-width: 720px;}
.page_content .page_seo_content{position: absolute; top: 0px; left: 0px; text-indent: -99999px;}
.page_foot{width: 100%; display: flex; justify-content: space-between; font-size: 14px; position: absolute; bottom: 28px; left: 0px; padding: 0px 30px;}
.page_foot_btn{text-align: center; padding-top: 42px;}
.page_foot_btn a{display: inline-block; height: 48px; line-height: 48px; padding: 0px 72px; background: #0f766e; color: #fff; border-radius: 8px;}
.page_foot_btn a:hover{background: #059669;}

.page_left p{font-size: 20px; padding-bottom: 18px; font-weight: bold;}
.left_box{ margin-bottom: 18px; box-shadow: 0 2px 15px #ddd; padding: 20px;}
.left_box span{padding-left: 5px; font-size: 12px; font-weight: normal;}

.left_big{width: 100%; margin-bottom: 2px; position: relative;}
.left_big a{display: block; background: #f2f2f2; padding: 12px 18px 12px 28px;}
.left_big a:before{position: absolute; top: 50%; transform: translateY(-50%); right: 16px; font-size: 20px;}
.left_big a:hover,.left_big_active a{background: #0f766e; color: #fff;}

.left_small{width: 100%; margin-bottom: 2px; position: relative;}
.left_small a{display: block; padding: 8px 0px 8px 28px; font-size: 14px;}
.left_small:last-child{margin-bottom: 12px;}
.left_small_active a{color: #0f766e; font-weight: bold;}

.left_hot_box{display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.left_hot_box:last-child{border-bottom: none; padding-bottom: 0px;}
.left_hot_box .left_hot_picture{width: 35%; margin-right: 8px;}
.left_hot_box .left_hot_info{flex: 1;}
.left_hot_box .left_hot_picture img{width: 100%;}
.left_hot_box .left_hot_title{height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.left_hot_box .left_hot_content{height: 54px; line-height: 18px; margin-top: 8px; font-size: 14px; overflow: hidden; color: #888;}

.page_picture{text-align: center; padding-top: 18px; padding-bottom: 12px;}

.left_box .right_content{padding-bottom: 18px;}
.right_picture img{width: 100%;}
.right_qr{display: flex; text-align: center; justify-content: space-between; padding-top: 18px;}
.right_qr .right_qr_box{width: 48%;}
.right_qr .right_qr_box .right_qr_img{font-size: 0px;}
.right_qr .right_qr_box img{width: 100%;}
.right_qr .right_qr_box .right_qr_title{font-size: 14px;}

.page_contact_info{line-height: 32px;}
.page_contact_info div:first-child{font-size: 20px; font-weight: bold;}
.page_contact_qr{display: flex; padding-top: 18px; padding-bottom: 18px;}
.page_contact_qr>div{width: 180px; text-align: center;}
.page_contact_qr>div img{width: 100%;}

.bg{position: fixed; top: 0px; height: 100%; bottom: 0px; width: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.3); display: none; z-index: 9998;}
.middle_contact{width: 0px; transform: scale(0) translate(-50%,-50%); transform-origin: 0% 0%; overflow: hidden; background: #fff; padding: 42px 0px; position: fixed; top: 50%; left: 50%; z-index: 9999; border-radius: 1rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); text-align: center; transition: all .5s; display: none;}
.middle_contact .middle_contact_box{width: 30%; display: inline-block;}
.middle_contact .middle_contact_box img{width: 100%;}
.middle_contact .middle_contact_title{font-size: 0.8rem; text-align: center; font-weight: bold;}
.middle_contact .middle_contact_text{padding-top: 28px; width: 80%; margin: 0px auto;}
.middle_contact .middle_logo{padding-bottom: 18px;}
.middle_contact .middle_logo img{width: 172px;}
.close{position: absolute; top: 20px; right: 20px; font-size: 1.6rem; cursor: pointer;}
.close:hover{color: #0f766e;}

.middle_case{width: 600px; transform: scale(0) translate(-50%,-50%); transform-origin: 0% 0%; overflow: hidden; background: #fff; height: 500px; position: fixed; top: 50%; left: 50%; z-index: 9999; border-radius: 1rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); text-align: center; transition: all .5s;}
#middle_iframe{width: 90%; position: absolute; top: 24px; left: 50%; transform: translateX(-50%);}
body .open_box{transform: scale(1) translate(-50%,-50%); transform-origin: center; display: block; width: 500px;}



.index_news_top{width: 100%; display: flex; justify-content: space-between;}
.index_news_top .index_news_info{width: 48%; display: flex; justify-content: space-between;}
.index_news_top .index_news_picture{width: 33%;}
.index_news_top .index_news_picture img{width: 100%;}
.index_news_top .index_news_content{width: 65%;}
.index_news_top .index_news_title a{font-size: 18px;}
.index_news_top .index_news_title{padding-bottom: 8px;}
.index_news_top .index_news_text{line-height: 18px; height: 36px; font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #999;}
.index_news_top .index_news_date{display: flex; justify-content: space-between; font-size: 13px; color: #888; padding-top: 8px;}


.index_news{display: flex; justify-content: space-between; padding-top: 12px;}
.index_news .index_news_list{width: 48%; overflow: hidden;}
.index_news .index_news_list>div{line-height: 32px; height: 32px; border-bottom: 1px dotted #ccc; font-size: 14px; display: flex; justify-content: space-between;}
.index_news .index_news_list>div .inl_title{flex: 1; overflow: hidden; position: relative;}
.index_news .index_news_list>div .inl_title a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 12px;}
.index_news .index_news_list>div .inl_title:before{content: ' '; width: 3px; height: 3px; background: #ccc; position: absolute; top: 50%; transform: translateY(-50%);}
.index_news .index_news_list>div .inl_date{width: 100px; text-align: right; color: #aaa;}



.index_brand{font-size:0px; overflow:hidden; width:100%; margin:0px auto; margin-top:72px; background: #fff;}
.index_brand li{width:12.5%; float:left; overflow:hidden; box-sizing: border-box; border: 1px solid #ccc;}
.index_brand li img{width:100%;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.98;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.index_brand li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;opacity:1;transform: scale(0.92,0.9);}


.page{padding-top:32px; padding-bottom:25px; overflow:hidden; width:100%; text-align: center;}
.page a{text-decoration:none; font-size:14px; color:#333; background:#FFF; border:1px solid #ccc;  display: inline-block; height: 32px; width: 32px; line-height: 32px; margin-left: 3px; margin-right: 3px; border-radius: 3px;}
.page a:hover,.page  a.active{background:#0f766e; border:1px solid #0f766e; color:#fff;}
.page a.active{color:#fff;}
.page_menu{box-shadow: 0 15px 15px 1px rgba(238, 238, 238, 0.5); width: 100%;}
.page_menu .page_menu_box{max-width: 1500px; margin: 0px auto;}
.page_menu a{display: inline-block; height: 56px; line-height: 56px; padding-left: 28px; padding-right: 28px; margin-right: 2px;}
.page_menu a.page_menu_active,.page_menu a:hover{background: #0f766e; color: #fff;}

.footer{padding: 42px 0px 18px 0px; background: #1f2937; width: 100%; color: #9ca3af;}
.footer_content{max-width: 1500px; margin: 0px auto; display: flex; justify-content: space-between;}
.footer_content .footer_box:last-child{width: 25%;}
.footer_content .footer_box:nth-child(1){width: 25%;}
.footer_content .footer_box p{display: block; padding-bottom: 8px; width: 100%; margin-bottom: 8px; font-weight: bold; font-size: 18px; color: #fff;}
.footer_content .footer_box span{display: block; font-size: 14px; padding-top: 5px;}
.footer_content .footer_box b{color: #FFC107; padding-bottom: 8px; padding-top: 5px; display: block;}
.footer_content .footer_box a{display: block; color: #9ca3af; font-size: 16px; line-height: 36px;}
.footer_content .footer_box a:hover{color: #10b981}
.foot_about{font-size: 14px; color: #9ca3af; line-height: 24px;}
.footer_honors{display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer_honors div{width: 45%; text-align: center; padding: 15px; background: rgba(255, 255, 255, 0.1); margin-bottom: 18px; font-size: 14px; color: #fff; border-radius: 5px; display: flex; align-items: center;}
.foot_ico{display: flex; padding-top: 18px;}
.foot_ico div{width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 32px; background: rgba(255, 255, 255, 0.1); margin-right: 12px; color: #fff; cursor: pointer;}
.foot_ico div:hover{background: #0f766e;}
.footer_text{text-align: center; max-width: 1500px; overflow: hidden; margin: 0px auto; margin-top: 28px; border-top: 1px solid #151515; padding-top: 28px; font-size: 14px; color: #6b7280; position: relative;}
.footer_text:before{content: ' '; height: 1px; position: absolute; top: 0px; left: 0px; background: #2f2f2f; width: 100%;}
.footer .footer_text a{color: #6b7280;}
.footer a{color: #6b7280;}
.footer a:hover{color: #0f766e;}

.footer .foot_logo img{width: 65%;}

.blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: relative;}

@media (max-width: 1199px) {
	/* 顶部图片 */
	.top_banner{height: 232px; overflow: hidden; position: relative;}
	.top_banner .tb_text{left: 15%; position: absolute; top: 50%; transform: translateY(-50%); width: 80%;}
	.top_banner .tb_text div:first-child{font-size: 36px;}
	.top_banner .tb_text div:last-child{}

	.pro_box .pro_title a{line-height: 20px; height: 40px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1rem;}
	.pro_box .pro_info{line-height: 16px; height: 32px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; font-size: 0.8rem;}

	.navbar_container{padding: 0px 1rem;}
	.swiper{height:420px;}
	.swiper-slide img{height:420px;}

	.section .container{padding: 0px 1rem;}
	.section .section_title p{width: 80%;}

	.footer_content{ width:96%; margin:0px auto;}
}

@media (max-width: 1100px) {
	.navbar_contact{font-size: 0.9rem;}
	.navbar_menu a{padding: 0px 8px;font-size: 0.9rem;}
}

@media (max-width: 820px) {
	.navbar_contact{display: none;}
	.navbar_menu .menu_box>a{padding: 15px;}

	.swiper{height:375px;}
	.swiper-slide img{height:375px;}

	.about_container{flex-wrap: wrap;}
	.about_container .about_picture{width: 100%; text-align: center; margin-right:0px; padding-bottom: 1rem;}
	.about_container .about_picture img{width: 75%;}

	.section .section_title{margin-bottom: 1rem;}

	.service_list{flex-wrap: wrap;}
	.service_list .service_bg{width: 100%;}
	.service_list .service_box{width: 100%; margin-top: 1.5rem;}
	.service_box .service_picture{width: 50%; float: left;}
	.service_box .service_title{font-size: 1.5rem; padding-left: 18px;}
	.service_box .service_info{float: right; width: 46%; font-size: 1.2rem; line-height: 2rem; overflow: unset;}

	.ip_list{width: 90%; margin: 0px auto;}

	.case_container{flex-wrap: wrap;}
	.case_container .case_picture, .case_container .case_list{width: 90%; margin: 0px auto;}
	.case_container .case_list{display: flex; justify-content: space-between;}
	.case_container .case_list_box{width: 48.5%;}
	.case_picture .case_picture_box{width: 48%; margin-bottom: 1rem;}

	.ip_box{width: 48.5%;}
	.contact_info .contact_qr{width: 100%;}

	.top_banner{height: 232px; overflow: hidden; position: relative;}
	.top_banner .tb_text{left: 15%; position: absolute; top: 50%; transform: translateY(-50%);}
	.top_banner .tb_text div:first-child{font-size: 36px;}
	.top_banner .tb_text div:last-child{}

	.footer_content{width:90%; margin:0px auto;}
	.case_content .case_info{display: none;}
	.footer_box:last-child{display: none;}
}


@media (max-width: 620px) {

	.top_area{height: 65px; display: block;}

	/* 顶部图片 */
	.top_banner{height: 172px; overflow: hidden; position: relative;}
	.top_banner .tb_text{left: 10%; position: absolute; top: 50%; transform: translateY(-50%); width: 60%;}
	.top_banner .tb_text div:first-child{font-size: 24px;}
	.top_banner .tb_text div:last-child{font-size: 12px; line-height: 18px; height: 36px; overflow: hidden;}

	.navbar_container{height: 65px;}
	.navbar_logo{margin-left: 1rem;}
	.navbar_logo img{height: 32px;}

	.navbar_contact{display: block; font-size: 0.8rem;}
	.navbar_menu{display: block; width: 100%; position: fixed; top: 65px; margin-left: 0px; height: 0px; transition: all .5s; overflow: hidden; background: #0f766e;}
	.navbar_menu a{display: block; width: 50%; text-align: center; height: 3rem; line-height: 3rem; font-size: 1.1rem; color: #fff; margin:0px 25%;}
	.navbar_menu .menu_box>a{padding: 0px;}
	.navbar_menu .menu_box>a.menu_active{color: #fff; border-bottom: 2px solid #fff;}
	.navbar_menu .menu_box:last-child{display: block;}
	.navbar_top{padding: 0px;}
	#navbar .navbar_btn{display: block; padding: 1rem; font-size: 1.5rem; position: relative;}
	.active_menu .navbar_menu{height: 100%; padding-top: 3rem;}

	.section .section_title p{font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; padding: 0px; margin-top: 8px;}

	.section .st_menu a{margin-bottom: 5px;}
	.index_news_top{flex-wrap: wrap;}
	.index_news_top .index_news_info{width: 100%;}
	.index_news_top .index_news_text{display: none;}
	.index_news_top .index_news_date{display: none;}

	.index_news{flex-wrap: wrap;}
	.index_news .index_news_list{width: 100%;}

	.index_brand{margin-top: 18px;}
	.index_brand li{width: 25%;}
	.footer_content .footer_left .footer_box:nth-child(1){width: 100%;}

	.ip_list{width: 100%;}
	.ip_list .ip_box{width: 48%; margin-bottom: 1rem;}
	.ip_box .ip_title{padding: 0px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 8px;}
	.ip_box .ip_title a{padding: 0px 1rem; display: block; font-size: 14px;}
	.ip_box .ip_info{line-height: 14px; height: 28px; overflow: hidden; font-size: 12px;}

	.service_box .service_picture{width: 100%; float: none;}
	.service_box .service_info{width: 100%; float: none; font-size: 0.9rem; line-height: 1rem; height: 2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0px 8px; margin-top: 3px;}
	.service_box .service_title{font-size: 1rem; height: 1.5rem; line-height: 1.5rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; padding: 0px; padding: 0px 8px; text-align: left;}

	.service_list .service_bg{width: 48%;}
	.service_list .service_box{padding: 0px;}

	.case_container .case_picture{width: 100%;}
	.case_picture .case_picture_box{width: 48%;}
	.case_picture .case_picture_title{font-size: 14px; line-height: 2rem; height: 2rem;}

	.case_container .case_list{flex-wrap: wrap; width: 100%;}
	.case_container .case_list_box{width: 100%;}
	.case_container .case_list_info{font-size: 0.9rem;}

	.contact_box{flex-wrap: wrap;}
	.contact_map{width: 100%;}
	.contact_info{flex: none; width: 100%;}
	.contact_qr_title{font-size: 0.8rem;}

	.location{display: none;}
	.page_container{margin-top: 0px;}

	.banner{position: relative;}
	.swiper-wrapper{height: 50%;}
	.swiper-slide{height: 50%;}
	.banner .item{height: 50vh;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:before,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:before{font-size: 28px;}
	.wrap{width: 70%;}
	.wrap .banner_title{font-size: 24px; line-height: 32px;}
	.wrap .banner_subtitle{font-size: 18px;}
	.wrap p a{font-size: 12px; padding: 8px 12px;}

	.index_about{flex-wrap: wrap;}
	.index_about .index_left{width: 100%;}
	.index_about .index_left .about_year{right: 5px;}
	.index_about .index_left .about_year span{font-size: 18px;}
	.index_about .index_left .about_year p{font-size: 12px;}
	.index_about .index_right{width: 100%; padding-top: 32px;}

	.about_honors{flex-wrap: wrap;}
	.about_honors>div{width: 48%;}

	.products_list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.more_btn{margin-top: 18px; overflow: hidden;}

	.tech_list{flex-wrap: wrap;}
	.tech_list .tech_bg{width: 100%;}

	.news_list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.case_list{grid-template-columns: repeat(1, minmax(0, 1fr));}

	.footer_content .footer_box:nth-child(1){width: 100%;}

	.middle_case{width: 96%;}

	.section{padding: 32px 0px;}
	.section .section_title h2{font-size: 1.5rem;}
	.about_container .about_picture img{width: 90%;}

	.big_menu_list{flex-wrap: wrap; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
	.big_menu_list a{width: 50%; text-align: center; margin-right: 0px; background-image: linear-gradient(to bottom, #f2f2f2, #fff); display: block;}
	.small_menu_bg{display: none;}

	.display{flex-wrap: wrap;}
	.pro_list .pro_bg{width: 48%; margin-bottom: 1rem; cursor: pointer;}
	.pro_list .pro_box{padding: 18px;}
	.pro_list .pro_box .pro_title a{line-height: 2rem; height: 2rem; -webkit-line-clamp: 1; display: block;}
	.location_box{width: 92%; margin: 0px auto;}
	.page_container{flex-wrap: wrap;}
	.page_title{font-size: 14px;}
	.page_info{font-size: 12px;}
	.page_left{padding: 0px;}
	.page_left p{display: none;}
	.page_left .left_box{padding: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; background: #f2f2f2;}
	.page_left .left_box>div{display: none;}
	.page_left .left_box .left_big{display: block; width: 50%; margin-bottom: 0px; text-align: center;}
	.page_left .left_box .left_big a{padding: 12px 0px; background-image: linear-gradient(to bottom, #f2f2f2, #fff);}
	.page_left .left_box .left_big_active a{background-image: none;}
	.page_left .left_big a:before{display: none;}

	.page_left .left_contact{display: none;}

	.page_content img{max-width: 100%;}
	.page_picture img{max-width: 100%; height: auto; margin: 0px auto;}
	.page_container .page_left,.page_container .page_right{width: 100%; margin: 0px auto;}
	.page_container .page_right{padding: 18px;}
	.page_foot{display: block; position: relative; bottom: unset; padding: 18px 0px;}

	.middle_contact{width: 0px; display: none;}
	.middle_contact .middle_contact_text{font-size: 14px;}
	body .open_box{transform: scale(1) translate(-50%,-50%); transform-origin: center; display: block; width: 90%;}

	.footer{font-size: 0.8rem;}
	.footer_content{flex-wrap: wrap;}
	.footer_content .footer_left,.footer_content .footer_right{flex-wrap: wrap; padding-right: 0px; width: 92%; margin: 0px auto; flex-basis: unset; flex-grow:unset;}
	.footer_content .footer_box{width: 100%; flex-basis:unset; margin-right: 0px;}
	.footer_content .footer_box a,.footer_content .footer_box span,.footer_content .footer_box b{display: inline-block; margin-right: 8px;}

	.contact_fixed{top: unset; bottom: 68px; padding: 8px;}
	.contact_fixed div{width: auto;}
	.contact_fixed div:first-child{font-size: 20px;}
	.contact_fixed div:last-child{display: none;}

	.navbar_language{display: none;}
}