@charset "utf-8";
html{font-size: 10vw;}
body{background:#FFF; color:#333; font-size: 16px;}
*{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;}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block;}
a,div{text-decoration:none; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;}
a:link{color:#373737;text-decoration:none;}
a:visited{color:#373737;text-decoration:none;}
a:hover{color:#185aae;}


.ant_btn{display: inline-block; vertical-align: middle; background-color: #185aae; border: 1px solid transparent; box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1); color: #fff; font-size: calc(10px + 0.02rem); padding: 0.06rem 0.15rem; transition: 0.2s; cursor: pointer; user-select: none;}
.ant_btn:hover{background: #2670e8;}

.ant_bg_gray{background: #f5f5f5; padding: 0.1rem 0rem 0.3rem 0rem;}

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

#ant_bar{width: 100%; position: fixed; top: 0px; left: 0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 999; background: #fff;}
.ant_bar_container{display: flex; justify-content: space-between; align-items: center; max-width: 1500px; margin: 0px auto; height: 75px; transition: all .3s ease-in-out; background: #fff;}
.ant_bar_logo{font-size: 0px; position: relative; z-index: 111;}
.ant_bar_logo img{height: 42px; transition: all 0.3s;}

.ant_bar_bg{width: 100%; position: absolute; top: 0px; left: 0px; z-index: 100;}
.ant_bar_menu{font-weight: bold; text-align: center; line-height: 75px; width: 100%; transition: all 0.2s;}
.ant_bar_menu .ant_bar_box{display: inline-block;}
.ant_bar_menu .ant_bar_box>a{padding: 0rem 0.15rem; display: block; white-space: nowrap;}
.ant_bar_menu .menu_hover>a,.ant_bar_menu .ant_bar_active>a{color: #185aae;}

.sub_menu{width: 100%; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); padding: 0.1rem; position: fixed; left: 0px; top: -100%; background: #fff; transition: all 0.5s; z-index: 999;}
.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;}
.sub_menu_list{max-width: 1200px; margin: 0px auto; text-align: center;}
.sub_menu_list .sub_menu_box{width: 16%; margin: 0.05rem 1%; display: inline-block;}
.sub_menu_list .sub_menu_box .sub_menu_picture{width: 100%; height: 1rem; overflow: hidden;}
.sub_menu_list .sub_menu_box .sub_menu_picture img{width: 100%; transition: all 0.2s;}
.sub_menu_list .sub_menu_box .sub_menu_picture:hover img{transform: scale(1.1);}
.sub_menu_list .sub_menu_box .sub_menu_title{padding-top: 0.05rem;}
.sub_menu_list .sub_menu_box:hover .sub_menu_title a{color: #185aae; font-weight: bold;}

.ant_search{height: 28px; line-height: 28px; border-radius: 10px; width: 1rem; border: 1px solid #ccc; padding: 0px 0.05rem; padding-bottom: 2px; display: block; position: relative; cursor: pointer; z-index: 111;}
.ant_search input{width: 100%; border: none; height: 24px; line-height: 24px; background: none;}
.ant_search .search_btn{position: absolute; top: 0px; right: 10px;}

.ant_area{display: block; width: 100%; height: 60px; overflow: hidden;}
.menu_active{z-index: 100; top: 75px;}
.ant_bar_sticky .ant_bar_menu{line-height: 60px;}
.ant_bar_sticky .ant_bar_container{height: 60px;}
.ant_bar_sticky .ant_bar_logo img{height: 32px;}
.ant_bar_sticky .menu_active{top: 60px; z-index: 100;}
#ant_bar .navbar_btn,.mobile_menu{display: none;}
.mobile_contact{display: none;}


.swiper{width:100%; position: relative;}
.swiper .swiper-slide{height: calc(300px + 2rem); cursor: pointer;}
.swiper .swiper-slide .swiper-image{position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; height: 100%; background-size: cover; background-repeat: center center; background-position: right; z-index: 1;}
.swiper .swiper-button-next,.swiper-button-prev{font-size:148px;}
.swiper .swiper-button-next,.swiper-rtl .swiper-button-prev{right:30px;}
.swiper .swiper-button-prev,.swiper-rtl .swiper-button-next{left:30px;}
.swiper .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{color:rgba(255,255,255,.5); content:"\ea6e"; font-size:0.5rem; font-weight: 500; font-family:"remixicon";transition:all .3s linear;}
.swiper .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{color:rgba(255,255,255,.5); content:"\ea64"; font-size:0.5rem; font-family:"remixicon"; transition:all .3s linear;}
.swiper .swiper-button-next:hover:after,.swiper-button-prev:hover:after,.swiper-rtl .swiper-button-next:hover:after,.swiper-rtl .swiper-button-prev:hover:after{color:#185aae;}
.swiper-pagination-bullet{width:0.15rem; height: 0.06rem; border-radius:5px; background:#fff; transition:all .5s linear; opacity: 1;}
.swiper-pagination-bullet-active{width:0.2rem; background: #185aae}
.swiper-slide .swiper-text{position:absolute; left: 1rem; top: 50%; transform: translateY(500%); width:80%; transition:all .6s; z-index: 2}
.swiper-fade .swiper-slide-active .swiper-text{transform:translateY(-50%);}
.swiper-slide .swiper-text div{overflow: hidden;}
.swiper-text-title2{font-size: calc(18px + 0.08rem); line-height: calc(36px + 0.08rem); font-weight: bold;}
.swiper-text-title3{font-size: calc(14px + 0.01rem)}
.swiper-text-button{padding-top: 0.15rem; display: flex; display: none;}
.swiper-text-button a{padding: 0.06rem 0.15rem; margin-right: 0.1rem; font-size: 14px; border-radius: 3px; position: relative; display: inline-block; background-image: linear-gradient(253deg, #7366FF 0%, #1366EC 100%); color: #fff; overflow: hidden;}
.swiper-text-button a:before{content: ' '; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image:linear-gradient(253deg,#6340FF 0%,#1154C0 100%); opacity: 0; transition:all .3s linear;}
.swiper-text-button a:hover:before{opacity: 1;}
.swiper-text-button a i{margin-right: 0.02rem; position: relative;}
.swiper-text-button a span{position: relative;}


.index_customer{ padding: 0.2rem 0rem 0.5rem 0rem; background: #fff;}
.customer_box{padding: 0.3rem 30px 0.2rem 20px; margin: 0rem 0.5rem; overflow: hidden;}
.swiper-container {width: 100%;}
.swiper-container .swiper-slide{padding: 0.3rem 0.2rem; display: flex; background-image: linear-gradient(180deg, #f3f5f8, #fff); border: 2px solid #fff; box-shadow: 3px 3px 5px rgba(55,99,170,.1); border-radius: 4px; position: relative; z-index: 1}
.swiper-container .swiper-slide i{position: absolute; top: 0.13rem; left: 0.4rem; font-size: calc(20px + 0.3rem); z-index: -1; color: #e3e8ed; }
.swiper-container .swiper-slide div{position: relative; z-index: 1;}
.swiper-container .swiper-slide .swiper-logo{width: 0.25rem; margin-right: 0.1rem;}
.swiper-container .swiper-slide .swiper-logo img{width: 100%; border-radius: 5px; overflow: hidden;}
.swiper-container .swiper-content{flex: 1}
.swiper-container .swiper-content .swiper-info{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;     text-align: justify; font-size: calc(14px + 0.02rem);}
.swiper-container .swiper-content .swiper-auther{padding-top: 0.15rem; text-align: right;}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{font-size: 0; background-image: linear-gradient(0deg, #fff, #f3f5f8); border: 2px solid #fff; box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff; width: 0.2rem; height: 0.2rem; border-radius: 0.2rem;}

.swiper-container .swiper-button-next{right: 0.3rem;}
.swiper-container .swiper-button-next:after{content: "\ea6e"; font-size: calc(12px + 0.03rem); font-weight: bold; font-family: "remixicon"; transition: all .3s linear;}
.swiper-container .swiper-button-prev{left: 0.3rem;}
.swiper-container .swiper-button-prev:after{content: "\ea64"; font-size: calc(12px + 0.03rem); font-weight: bold; font-family: "remixicon"; transition: all .3s linear;}
.swiper-container .swiper-button-prev:hover:after,.swiper-container .swiper-button-next:hover:after{color: #f64041;}



.index_bg{width: 100%; position: relative; overflow: hidden;}
.index_box{padding: 0px 0.3rem; margin-top: 0.2rem;}
.index_box .index_title{text-align: center; color: #000; position: relative; z-index: 90;}
.index_box .index_title h2{font-weight: normal; font-size: calc(16px + 0.08rem);}
.index_box .index_title span{color: #3d485d; font-size: calc(12px + 0.02rem); padding-top: 0.05rem; display: block;}

.index_products_list{max-width: 1500px; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_products_list .index_products_box_bg{width: 23.3%; }
.index_products_list .index_products_box_bg div{transition: all 0.2s linear;}
.index_products_list .index_products_box{background: #fff; margin-top: 0.2rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); position: relative;}
.index_products_list .index_products_box:before{content: ' '; position: absolute; left: 0px; width: 0px; bottom: 0px; height: 2px; background: #FF6600; transition: all 0.2s linear;}
.index_products_list .index_products_picture{width: 100%; overflow: hidden;}
.index_products_list .index_products_box img{width: 100%; transition: all 0.2s linear;}
.index_products_list .index_products_title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0.08rem 0.15rem 0.1rem 0.15rem; text-align: center; font-weight: bold; font-size: calc(14px + 0.02rem);} 

.index_products_list .index_products_box:hover{ box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); margin-top: 0.15rem;}
.index_products_list .index_products_box:hover img{transform: scale(1.1);}
.index_products_list .index_products_box:hover a{color: #FFF;}
.index_products_list .index_products_box:hover:before{width: 100%;}
.index_products_list .index_products_box:hover .index_products_title{background: #185aae; color: #fff;}



.index_about{max-width: 1500px; margin: 0px auto; display: flex; justify-content: space-between; padding: 0.3rem 0rem 0.5rem;}
.index_about .index_about_left{width: 60%;}
.index_about .ial_title{font-size: calc(22px + 0.05rem);}
.index_about .ial_note{color: #FF6600; padding: 0.1rem 0rem 0.06rem 0rem;}
.index_about .ial_info{line-height: calc(24px + 0.02rem); font-size: calc(14px + 0.02rem);}

.index_about .ial_num{display: flex; justify-content: space-between; text-align: center; align-items: center;}
.index_about .ial_num_box{margin-top: 0.2rem; padding: 0.1rem; width: 23%; background: #185aae; border-radius: 1rem; color: #fff;}
.index_about .ial_num_box p{font-size: calc(16px + 0.03rem); font-weight: bold;}

.index_about .index_about_right{width: 36%;}
.index_about .index_about_right img{width: 100%;}


.index_news_list{max-width: 1500px; margin: 0px auto; display: flex; justify-content: space-between; padding: 0.3rem 0rem 0.2rem;}
.index_news_list div,.index_news_list img{transition: all 0.2s;}
.index_news_list .index_news_bg{width: 31%;}
.index_news_list .index_news_box{padding: 0.2rem; background: #fff; width: 100%;}
.index_news_list .index_news_picture{width: 100%; overflow: hidden;}
.index_news_list .index_news_box img{width: 100%;}
.index_news_list .index_news_title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: calc(24px + 0.1rem); line-height: calc(24px + 0.1rem); font-size: calc(16px + 0.03rem);}
.index_news_list .index_news_info{line-height: 20px; height: 40px; overflow: hidden; color: #666;}
.index_news_list .index_news_box:hover{box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.2);}
.index_news_list .index_news_box:hover img{transform: scale(1.1);}
.index_news_list .index_news_box:hover .index_news_title{color: #ff6600;}
.index_news_list .index_news_box:hover a{color: #ff6600;}
.index_news_list .index_news_box:hover .index_news_info{color: #ccc;}


.index_case{padding-top: 0.2rem; margin-bottom: 0.1rem;}
.index_case_list{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 0.5rem;}
.index_case_list .index_case_box{width: 1.25rem; text-align: center; margin-top: 0.1rem;}

.index_case_list .index_case_box a{display: flex; justify-content: center; background: #fff; border-radius: 8px;  align-items: center; height: 0.5rem; width: 100%; box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0,0%,100%,.5); transition:all .2s linear;}
.index_case_list .index_case_box a:hover{box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);}
.index_case_list .index_case_box img{height: 0.2rem;}


/* 顶部Banner */
.top_banner{height: 2rem; width: 100%; position: relative;}
.top_banner_text{position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);}
.top_banner_text h2{font-size: calc(18px + 0.03rem); color: #FFF;}
.top_banner_text p{padding: 0.08rem 0rem 0.1rem 0rem; font-size: calc(12px + 0.02rem); color: #ccc;}
body .top_banner_article{height: 1rem;}
body .top_banner_text{ transform: translateY(-40%);}
.location{display: flex; color: #ccc; font-size: calc(10px + 0.02rem);}
.location a{color: #ccc; padding-right: 15px; position: relative;}
.location a:before{position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}

.page_body{background: #f5f5f5; width: 100%; overflow: hidden;}
.page_container{max-width: 1500px; padding: 0.3rem 0rem; margin: 0px auto; display: flex; justify-content: space-between;}
.page_left{width: 23.5%;}
.page_left .page_left_box{padding: 0.2rem 0.15rem; background: #fff; margin-bottom: 0.1rem;}
.page_left .page_left_box p{font-size: calc(18px + 0.03rem); font-weight: bold; color: #c2172d; position: relative; padding-left: 18px;}
.page_left .page_left_box p:before{content: ' '; position: absolute; left: 0px; top: 0px; height: 100%; bottom: 0px; width: 5px; background: #c2172d;}
.page_left .page_left_categories .page_left_big a{display: block; background: #f4f7f9; margin-top: 0.05rem; padding: 0.1rem; transition: all 0.2s; position: relative;}
.page_left .page_left_categories a:before{position: absolute; top: 50%; transform: translateY(-50%); right: 0.1rem;}
.page_left .page_left_categories .page_left_big a:hover,.page_left .page_left_categories .page_left_big a.left_active{background: #c2172d; color: #fff;}
.page_left .page_left_categories .page_left_small a{padding-left: 0.2rem; line-height: 0.25rem; display: block; position: relative;}
.page_left .page_left_categories .page_left_small a:hover,.page_left .page_left_categories .page_left_small a.small_active{font-weight: bold; color: #c2172d;}


.page_left .left_products{width: 100%; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.page_left .left_products img{width: 100%; transition: all 0.2s;}
.page_left .left_products_picture:hover img{transform: scale(1.1);}
.page_left .left_products_box{width: 48%;}
.page_left .left_products_title{padding: 0.02rem 0.05rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page_left .page_left_box:last-child{margin-bottom: 0px;}
.page_left .left_contact>div{padding-top: 0.1rem;}


.page_right{width: 75%; background: #fff; padding: 0.2rem 0.15rem; position: relative;}
.page_right .page_title{padding-bottom: 0.2rem;}
.page_right .page_title h1{position: absolute; text-align: center; text-indent: -99999px;}
.page_right .page_title h2{text-align: center;}
.page_right .page_content{ line-height: calc(18px + 0.05rem);}
.page_right .page_content_top{font-size: calc(16px + 0.02rem); border-bottom: 1px solid #d5d5d5; margin-bottom: 5px;}
.page_right .page_content_top p{padding: 0.05rem 0.08rem; background: #c2172d; margin-top: 0.1rem; display: inline-block; color: #fff;}
.page_right .page_picture{width: 50%; margin: 0px auto;}
.page_right .page_picture img{width: 100%;}
.news_foot{width: 100%; padding-top: 72px;}
.news_foot div{ padding-top:5px; }

.news_list{width: 75%; padding: 0rem 0.15rem; position: relative;}
.news_box{padding: 0.15rem 0.15rem; background: #fff; margin-bottom: 0.15rem; display: flex; justify-content: space-between; transition: all 0.2s; cursor: pointer;}
.news_box .news_picture{width: 25%; overflow: hidden;}
.news_box .news_picture img{width: 100%; transition: all 0.2s;}
.news_box .news_content{width: 72%;}
.news_box .news_content .news_title{font-size: calc(20px + 0.03rem);}
.news_box .news_content .news_info{line-height: 24px; height: 48px; overflow: hidden; margin-top: 0.05rem;}
.news_box:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.news_box:hover a{color: #c2172d;}
.news_box:hover img{transform: scale(1.1);}

.products_list{display: flex; flex-wrap: wrap;}
.products_list .products_box{width: 30%; margin:0.1rem 1.5%; padding-bottom: 0.1rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); transition: all 0.2s;}
.products_list .products_picture{width: 100%; text-align: center; padding-top: 0.1rem; overflow: hidden;}
.products_list .products_picture img{width: 90%; transition: all 0.2s;}
.products_list .products_box .products_title{padding: 0.05rem 0.1rem; font-size: calc( 16px + 0.02rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.products_list .products_box:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.products_list .products_box:hover img{transform: scale(1.1);}

.pro_box{width: 100%; display: flex; justify-content: space-between;}
.pro_box .pro_picture{width: 35%; border: 1px solid #ccc; margin-right: 0.3rem;}
.pro_box .pro_picture img{width: 100%;}
.pro_box .pro_info{flex: 1;}
.pro_box .pro_title h1{position: absolute; text-align: center; text-indent: -99999px;}
.pro_box .pro_title h2{}
.pro_box .pro_text{line-height: 28px; padding: 0.2rem 0rem;}
.pro_box .pro_share{padding: 0.1rem 0rem; border-bottom: 1px solid #d5d5d5;}
.pro_box .pro_share a{margin-right: 0.03rem;}
.pro_box .pro_share img{width: 0.25rem; border-radius: 1rem; border: 2px solid #fff; border-radius: 1rem; overflow: hidden; transition: all 0.2s;}
.pro_box .pro_share a:hover img{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.send_btn{padding: 0.1rem 0.3rem; background: #c2172d; color: #fff; display: inline-block; margin-top: 0.1rem; cursor: pointer; user-select: none; transition: all 0.3s;}
.send_btn:hover{background: #043e80;}

/* Default Css*/
.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:#c2172d; border:1px solid #c2172d; color:#fff;}
.page a.active{color:#fff;}
.page a:first-child,.page a:last-child{width: auto; padding-left: 10px; padding-right: 10px;}

.service_online{width: 132px; position: fixed; top: 50%; transform: translateY(-150%); right: 0.2rem; z-index: 999990; background-image: linear-gradient(0deg, #0f96f2 0%, #61bcfb 100%); padding: 0.1rem; border-radius: 0.1rem;}
.service_online .service_online_qrcode img{width: 100%;}
.service_online .service_online_top{font-size: calc(10px + 0.01rem); color: #fff; padding-bottom: 0.05rem; text-align: center;}
.service_online .service_online_foot{font-size: calc(10px + 0.01rem); color: #fff; text-align: center;}

.foot_bg{padding: 0.3rem 0rem 0.15rem; background: #121212;}
.foot_container{max-width: 1500px; display: flex; justify-content: space-between; color: #fff; margin: 0px auto; border-bottom: 1px solid #666; padding-bottom: 0.2rem; overflow: hidden;}
.foot_container p{font-size: calc(18px + 0.02rem); padding-bottom: 0.08rem;}
.foot_container a,.foot_text a{color: #aaa; display: block; transition: all 0.2s;}
.foot_container a:hover,.foot_text a:hover{color: #fff;}
.foot_container .foot_contact{width: 25%; padding-left: 20px;}
.foot_container>div>div{color: #aaa; line-height: calc(22px + 0.03rem);}

.foot_container .foot_quick_link{width: 15%; padding-left: 20px;}
.foot_container .foot_products{width: 25%; padding-left: 20px;}
.foot_container .foot_about{width: 30%;}

.foot_container .foot_about .foot_about_logo img{height: calc(20px + 0.1rem);}
.foot_container .foot_about .foot_about_info{color: #aaa; line-height: calc(18px + 0.02rem);}
.foot_container .foot_products>div{width: 50%; float: left;}

.foot_text{text-align: center; color: #aaa; padding-top: 0.1rem; border-top: 1px solid #333; max-width: 1500px; margin: 0px auto;}
.foot_text a{display: inline-block;}

.bg{position: fixed; top: 0px; left: 0px; width: 100%; bottom: 0px; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999993; display: none; transition: all 0.3s;}
.send_box{width: 50%; position: fixed; top: 50%; transform: scale(0) translate(-50%,-50%); left: 50%; z-index: 999999; background: #fff; padding: 0.2rem; border-radius: 8px; transition: all 0.3s;}
.send_box p{font-size: 24px; font-weight: bold;}
.send_box span{font-size: 18px; display: block; padding-top: 15px; padding-bottom: 5px; font-weight: bold;}
.send_box b{font-size: 12px; color: #999;}
.send_form input{height: 32px; line-height: 42px; height: 42px; border-radius: 5px; border: 1px solid #ccc; width: 100%; margin-top: 8px;padding-left: 28px;}
.send_form div{position: relative;}
.send_form div i{position: absolute; top: 50%; left: 8px; transform: translateY(-30%);}
.send_form textarea{width: 100%; border-radius: 5px; border: 1px solid #ccc; height: 72px; padding: 10px 15px;}
.send_form_btn{display: inline-block; margin: 0px auto; margin-top: 15px;}
.send_form_btn{padding: 0.1rem 0.3rem; background: #c2172d; color: #fff; display: inline-block; margin-top: 0.1rem; cursor: pointer; user-select: none; transition: all 0.3s;}
.send_form_btn:hover{background: #043e80;}
.send_close{position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer;}
.send_close:hover{color: #c2172d;}

.active_form .bg{display: block;}
.active_form .send_box{transform: scale(1) translate(-50%,-50%);}

@media (max-width: 600px) {
	.ant_bar_menu,.ant_search{display: none;}
	#ant_bar,.ant_bar_container{height: 60px;}
	.ant_bar_logo{margin-left: 5%;}
	.ant_bar_logo img{height: 32px;}

	#ant_bar .navbar_btn{display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0.3rem; font-size: 0.6rem}


	.mobile_menu{display: block; position: fixed; z-index: 99; top: 0px; width: 100%; left: 100%; transition: all 0.2s; background: #043e80; padding-top: 80px; padding-bottom: 20px; text-align: center; bottom: 0px;}
	.active_menu .mobile_menu{left: 0px;}
	.mobile_menu a{height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; color: #fff;}

	.swiper-text-button a{padding: 0.2rem 0.15rem;}
	.swiper .swiper-slide{height: calc(200px + 2rem);}
	.swiper-text-title2{line-height: calc(22px + 0.08rem)}

	.index_products_list .index_products_box_bg{width: 48%;}
	.index_about{flex-wrap: wrap;}
	.index_about .index_about_left,.index_about .index_about_right{width: 100%;}
	.index_about .index_about_right{text-align: center;}
	.index_about .index_about_right img{width: 80%;}

	.index_news_list{flex-wrap: wrap;}
	.index_news_list .index_news_bg{width: 100%; margin: 0.05rem 0rem 0.5rem 0rem;}

	.index_case_list .index_case_box{width: 3rem;}
	.index_case_list .index_case_box a{height: 1rem;}
	.index_case_list .index_case_box img{height: 0.5rem;}
	.index_case_list .index_case_box:nth-child(13),	.index_case_list .index_case_box:nth-child(14){display: none;}

	.foot_container{flex-wrap: wrap;}
	.foot_container .foot_about,.foot_container .foot_products,.foot_container .foot_quick_link,.foot_container .foot_contact{width: 95%; margin: 0px auto;}
	.foot_container .foot_products,.foot_container .foot_quick_link,.foot_container .foot_contact{padding-left: 0px;}
	.foot_container .foot_quick_link div{width: 50%; float: left;}
	.foot_bg{overflow: hidden;}


	.mobile_contact{height: 1rem; width: 1rem; border-radius: 1rem; background: #c2172d; position: fixed; z-index: 111; bottom: 42px; right: 10px; display: flex; align-items: center; color: #fff; user-select: none; font-size: 20px;}
	.mobile_contact i{width: 100%; text-align: center;}
	.service_online{transition: all 0.2s; left: 50%; top: 50%; transform: scale(0) translate(-50%,-50%);}
	.active_service .service_online{transform: scale(1) translate(-50%,-50%); display: block;}

	.top_banner{height: 3rem;}
	body .top_banner_text{transform: translateY(-50%);}
	.top_banner_text p{height: 36px; line-height: 18px; padding: 0px; width: 80%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

	.page_left .page_left_box{overflow: hidden;}
	.page_left_box:nth-child(2),.page_left_box:nth-child(3){display: none;}
	.page_container{flex-wrap: wrap;}
	.page_left{width: 100%;}
	.page_left_menu{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.page_left .page_left_categories .page_left_big{width: 49%;}
	.page_left .page_left_categories .page_left_big a{ padding: 0.3rem 0.2rem;}
	.page_left .page_left_categories .page_left_small{display: none;}

	.page_right{width: 100%;}
	.page_content img{max-width: 90%; height: auto;}

	.products_list .products_box{width: 49%; margin: 0.1rem 0px;}

	.news_list{width: 100%;}
	.news_box{flex-wrap: wrap;}
	.news_box .news_picture{width: 100%;}
	.news_box .news_content{width: 100%;}

	.pro_box{flex-wrap: wrap;}
	.pro_box .pro_picture{width: 100%;}
	.pro_box .pro_share img{width: 1rem; height: 1rem; border-radius: 1rem;}
	.send_btn{padding: 0.3rem 0.8rem; display: block; text-align: center;}

	.send_box{width: 80%;}
	.send_form_btn {padding: 0.3rem 0.5rem;}
}